/* CSS für www.chalet-sonnenhang-oberhof.de */

/* Aufbau */ 

html, body {
background-image:url(bg_bild.jpg);
background-position:top center;
background-repeat:no-repeat;
background-attachment:fixed;
margin:0;
padding:0;
background-color:#faf1da;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
}

#bg_bild {
width:960px;
margin:0 auto 0px auto;
background-image:url(bg_bild.jpg);
background-repeat:no-repeat;
z-index:1;
}

#frame {
position:relative;
top:30px;
background-image: url(startseite_14.jpg);
background-repeat: repeat-y;
background-position:top;
width:740px;
margin:	0 auto 0px auto;
text-align: left;
z-index:2;}

/* Contentelemente Links */

#leftbar {
width:213px;
float:left;
}

#logo {
width:213px;
height:166px;
margin:0;
padding:0;
float:left;
}

#menubox {
width:213px;
height:330px;
margin:0;
padding:0;
background-image:url(startseite_06.jpg);
float:left;
}

.bannerlinks {
margin: 5px 0 5px 0;
padding:0;
float:left;
}

#anschrift {
letter-spacing:-0.06em;
width:198px;
margin:10px 0 10px 15px;
font-size:0.8em;
font-weight:normal;
color:#996633;
}

#anschrift a {
text-decoration:underline;
font-weight:normal;
letter-spacing:0em;
color:#996633;
}

#anschrift a:hover {
text-decoration:underline;
font-weight:normal;
letter-spacing:0em;
color:#000;
}

/* Contentelemente rechts */

#header {
width:527px;
height:375px;
float:left;
}

#content {
width:527px;
margin-bottom:15px;
float:left;
/* Achtung Wechselndes Inline Element */
}

/* Formatierungen zu Content */
.clearer {
	height: 0;
	width: 0;
	margin: 0;
	padding: 0;
	line-height: 0;
	font-size: 0;
	clear:both;
}

#content h1 {
margin-top:20px;
margin-left:25px;
margin-right:200px;
font-size:18px;
font-weight:bold;
color:#993300;
}

#content p {
/* width:460px; */
margin-left:25px;
margin-right:25px;
font-size:15px;
font-weight:normal;
color:#996633;
}

#content table {
width: 93%;
margin-left:25px;
margin-right:25px;
font-size:15px;
font-weight:normal;
color:#996633;
}

#content table p {
	margin:0;
	padding:0;
	margin-top: 5px;
	margin-bottom: 5px;
}

#content table ul {
margin-left:30px;
}

#content table img {
margin:0;
}

/* Box fuer Bilder mit Unterschrift */
.imgbox {
	margin: 5px;
	float: left;
}
.imgboxm {
	margin: 5px;
	float: left;
	position:relative; 
	right: 50%;
}
.imgboxcontainer {
	padding:0; 
	margin:0 auto; 
	float:left;
	position:relative; 
	left:50%;
}
/* Bildunterschrift */
.imgtxt {
	font-size: 10px;
}
img {
	border: 0 none;
}
.image_border {
border:3px;
border-color:#cc9966;
border-style:solid;
}
#content img {
border:3px;
border-color:#cc9966;
border-style:solid;
/* Achtung Inline Float Element */
}

.imgr {
float:right;
margin-right:10px;
	left:50%;

}

.imgl {
float:left;
margin-left: 15px;
}

.imgoc {
clear:both; float:left; width:100%; overflow:hidden;
	margin-left: auto;
	margin-right: auto;
}
.imguc {
clear:both; float:left; width:100%; overflow:hidden;
	margin-left: auto;
	margin-right: auto;
}

#content ul {
margin-left:65px;
margin-right:25px;
font-size:15px;
font-weight:normal;
color:#996633;
}

#content a {
text-decoration:underline;
font-size:15px;
font-weight:normal;
color:#663300;
}

#content a:hover {
text-decoration:underline;
font-size:15px;
font-weight:normal;
color:#000;
}


.dotline {
background-image: url(dotblock.gif);
background-repeat:repeat-x;
height:1px;
margin:5px auto 5px auto;
clear:both;
}

#gaestebuch {
/* width:460px; */
margin-left:25px;
margin-right:25px;
color:#996633;
}

#mailform {
/* width:460px; */
margin-left:25px;
margin-right:25px;
color:#996633;
}

#routenplaner {
/* width:460px; */
margin-left:25px;
margin-right:25px;
}

/* Contentelemente unten */

#footer {
width:740px;
height:33px;
background-image:url(startseite_16.jpg);
text-align:right;
clear:both;
}

#footer p {
padding-top:3px;
margin-right:18px;
font-size:11px;
color:#999966;
}

/* Menü */

#menue {
margin-top:20px;
font-weight:normal;
font-size:16px;
}


#menue ul {
margin: 0;
padding: 0;
padding-left:20px;
list-style: none;
}

#menue li {
width: 170px;
float:left;
}

#menue li a {
color: #663300;
font-weight:normal;
text-decoration: none;
padding: 1px;
display: block;
width: 99.9%;
}


#menue li a:hover {
font-weight: normal;
color: #000;
text-decoration: underline;
}

#nav {
width: 180px;
}

#nav ul {
display: none;
background: #f4e4b9;
border-width: 1px;
border-style:solid;
border-color:#FFFFFF;
}

#nav li:hover ul, #nav li.over ul {
width: 180px;
display: block;
position: absolute;
padding-top: 7px;
padding-left: 7px;
padding-bottom:7px;
margin: -25px 0 0 125px;
}


/* Formatierungen Formular */
label,input, select { /* Alle Labels UND Formularelemente ausw�hlen */
  display: block;
  float: left;
  width: 200px; /* Breite.*/
}
#mailformTyp_I_Studio_ca_20_qm, #mailformTyp_II_App_ca_4050_qm, #mailformTyp_III_Maisonette_ca_70_qm, #mailformTyp_Doppelzimmer_ca_22_qm, #mailformErwachsene, #mailformKinder {  width: 20px; /* Breite.*/ }
form br { /* Alle Zeilenumbr�che in Formularen ausw�hlen */
  clear: left; /* das floating der labels und inputs aufheben */
}
input#submit { /* den Submit-Button */
  float: none;
  width: auto;
}
.csc-mailform-field     { clear:both;margin: 5px}
label { text-align: left; padding-right: 1em;}
fieldset {border:0px}
.tx-aahbook-pi1-div_new { clear:both;margin: 5px}

/* Lightbox Korrekturen */

#overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#fbf7e0;
	/*cursor:pointer;*/
	z-index:90;
}