/* general.css, appartement-schwaiger.at, gerald petter, august 2010 */

/* Normalisierung -------------------------------------------------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td , img { 
  margin:0; padding:0; }

h1, h2, h3, h4, h5, h6 { 
  font-size:100%; 
  font-weight:normal;}

ol, ul { 
  list-style:none; }

address, caption, cite, code, dfn, th, var { 
  font-style:normal; font-weight:normal; }

table {  
  border-collapse:collapse; border-spacing:0; }

fieldset, img {  
  border:0; }

caption, th {  
  text-align:left; }

q:before, q:after {  
  content:''; }

/* ------------------------------------------------------------------------------------------------------------ */
body { 
  background-color:rgb(238,222,170);
  background-image:url(../images/all/bg_body.png);
  background-repeat:repeat-x;
  background-position:left top; 
  font-family:'trebuchet ms',verdana,sans-serif;
  font-size:100%;
  color:rgb(20,20,20);
}

div#all { 
  background-image:url(../images/all/bg_all.png);
  background-repeat:repeat-x;
  background-position:left bottom; 
}

div#side {
  margin:0px auto 0px;
  padding:0 0 0px 0;
  width:975px;
  position:relative;
  min-height:800px;
}

strong {
  font-weight:bold;
}

.clear {
  clear:both;
}

/* Branding ------------------------------------------------------------------ */
div#branding {
  position:absolute;
  left:0;
  top:30px;
  text-align:left;
}

div#branding h1 {
  text-indent:-9999px;
  height:77px;
  width:309px;
  background-image:url(../images/all/text_appartement_schwaiger.png);
  background-repeat:no-repeat;
  background-position:left top; 
}

/* Hauptmenü ------------------------------------------------------------------ */
div#mainnav {
  position:absolute;
  top:34px;
  right:2px;
  z-index:4;
}

ul.menumain > li {
  position:relative;
  text-align:right;
  padding-left:40px;
  float:left;
}

ul.menumain li a {  
  color:rgb(109,93,13);
  font-weight:normal;
  text-decoration:none;
  font-size:1.3em;
}

ul.menumain li a:hover {  
  color:rgb(109,50,13);
}

ul.menumain ul {
  position:absolute;
  top:24px;
  right:-10px;
  background-color:rgb(238,222,170);
  padding:5px 10px;
  text-align:center;
  min-width:90px;
  list-style:none; 
  display:none;
  z-index:4;
  opacity:0.9;
	filter:alpha(opacity=90);
}

ul.menumain ul li {
  font-size:0.8em;
  padding:3px 4px;
  border-bottom:1px solid rgb(109,93,13);
}

ul.menumain ul li:first-child {
  border-top:1px solid rgb(109,93,13);
}

ul.menumain li:hover ul {
  display:block;
}

/* Header ------------------------------------------------------------------ */
div#header {
  font-size:1em;
  margin:0px 0 0 0px;
  position:absolute;
  top:127px;
  left:0;
  width:975px;
  height:362px;
  text-align:left;
  background-image:url(../images/all/bg_header.png);
  background-repeat:no-repeat;
  background-position:left top; 
}

div#header div.headertext {
  position:absolute;
  top:44px;
  left:0;
  width:350px;
  height:362px;
  float:left;
  font-size:1.3em;
}

div#header div.impressum1, div#header div.appart {
  font-size:1.0em;
  top:22px;
}

div#header div.impressum1 h2:first-child, div#header div.appart h2:first-child {
  padding:8px 0px 4px;
}

div#header div.impressum1 h2, div#header div.appart h2 {
  font-size:1em;
  font-weight:bold;
  color:rgb(109,93,13);
  margin:0px 0 0 0px;
  padding:6px 0px 0px;
}

div#header div.appart h2 {
  font-size:1.3em;
}

div#header div.appart h3 {
  font-size:1em;
  font-weight:bold;
  color:rgb(109,93,13);
  margin:0px 0 0 0px;
  padding:6px 0px 0px;
}

div#header div.appart h3 span {
  font-size:1em;
  font-weight:normal;
}

div#header div.headertext p {
  padding:4px 0;
}

div#header div.impressum1 p {
  padding:4px 0 4px 30px;
}

div#header div.impressum1 a {
  color:rgb(20,20,20);
  text-decoration:none;
}

div#header div.impressum1 a:hover {
  text-decoration:underline;
}

div#header p.headerimg {
  position:absolute;
  top:14px;
  right:-14px;
  background-image:url(../images/all/bg_img_header.png);
  background-repeat:no-repeat;
  background-position:left top;
  width:590px;
  height:300px;
  padding:20px 20px 20px 20px;
  z-index:3;
}

div#header p.headerimg img {
  padding:1px 0 0 2px;
}

table.preise {
  margin:10px 0px 10px 0px;
}

table.preise th , table.preise td {
  padding:4px 10px;
  text-align:center;
  font-weight:bold;
  white-space: nowrap;
}

table.preise th {
  border-bottom:1px solid rgb(109,93,13);
}

table.preise th:first-child, table.preise td:first-child {
  text-align:left;
  font-weight:normal;
}

table.preise tr.extra {
  font-size:0.9em;
}

table.preise tr.extra td {
  font-size:0.9em;
}

table.preise tr.endrein  td {
  border-top:1px solid rgb(109,93,13);
  padding-top:10px;
}

/* Content ------------------------------------------------------------------ */
div#content {
  font-size:1em;
  margin:0px 0 0 0px;
  padding:520px 0px 40px;
  text-align:left;
}

div#content  p  {
  padding:4px 20px;
}

div#content  iframe {
  padding:4px 20px;
  margin:4px 20px;
}

div#content h2 {
  font-size:1.2em;
  font-weight:bold;
  color:rgb(109,93,13);
  margin:0px 0 0 0px;
  padding:10px 0px 6px;
}

div#content h3 {
  font-size:1.0em;
  font-weight:bold;
  margin:0px 0 0 0px;
  padding:10px 0px 6px;
}

div#content ul.intro li {
  background-image:url(../images/all/bg_intro_appartement.png);
  background-repeat:no-repeat;
  background-position:left top;
  width:310px;
  height:210px;
  float:left;
  margin-left:22px;
  position:relative;
}

div#content ul.intro li#appart_9 {
  clear: both;
  float:none;
  margin: 0 auto 0;
  top: 20px;
}

div#content ul.intro li:first-child {
  margin-left:0px;
}

div#content ul.intro li img {
  float:left;
  padding:17px;
}

div#content ul.img li img {
  float:none;
  padding:0px;
}

div#content ul.intro li p.personen {
  position:absolute;
  top:24px;
  right:19px;
  font-size:1.3em;
  color:rgb(109,93,13);
  padding:0;
}

div#content ul.intro li h2 {
  position:absolute;
  top:74px;
  left:17px;
  text-indent:-9999px;
  background-image:url(../images/all/text_appartement.png);
  background-repeat:no-repeat;
  background-position:left bottom;
  height:71px;
  width:300px;
  padding:0;
}

div#content ul.intro li h2 span {
  position:absolute;
  bottom:6px;
  right:19px;
  display:block;
  text-indent:-9999px;
  background-repeat:no-repeat;
  background-position:left bottom;
  height:71px;
  width:59px;
}

div#content ul.intro li#appart_3 h2 span {
  background-image:url(../images/all/zahl_3.png);
}

div#content ul.intro li#appart_4 h2 span {
  background-image:url(../images/all/zahl_4.png);
}

div#content ul.intro li#appart_5 h2 span {
  background-image:url(../images/all/zahl_5.png);
}

div#content ul.intro li#appart_9 h2 span {
  background-image:url(../images/all/zahl_9.png);
}

div#content ul.intro a {
  position:absolute;
  top:154px;
  left:15px;
  display:block;
  background-image:url(../images/all/bg_mehr_information.png);
  background-repeat:no-repeat;
  background-position:left top;
  height:40px;
  width:280px;
  padding:8px 0px;
  color:rgb(237,227,174);
  text-decoration:none;
  font-size:1.2em;
  text-align:center;
}

div#content ul.img a {
  position:absolute;
  top:5px;
  left:5px;
  display:inline;
  background-image:none;
  padding:0px 0px;
  text-decoration:none;
  text-align:center;
}

div#content ul.intro a:hover {
  text-decoration:underline;
}

/* Last ------------------------------------------------------------------ */
div#last {
  height:203px;
  position:relative;
}

div#address {
  position:absolute;
  top:40px;
  left:0;
  color:rgb(237,227,174);
}

div#address h2 {
  padding:0 0 0px 0;
  font-size:1.4em;
  font-weight:bold;
}

div#address div {
  float:left;
  padding-top:20px;
  font-size:1.1em;
}

div#address div#col1 {
  padding-right:100px;
  width:280px;
}

div#address div#col2 {
  width:300px;
  text-align:left;
}

div#address div p {
  padding:0 0 4px 0;
  text-align:left;
}

div#address div a {
  color:rgb(237,227,174);
  text-decoration:none;
}

div#address div a:hover {
  text-decoration:underline;
}