/* CSS Dokument zu www.aktiv-resort.de von www.gastrodreams.de */

/* Aufbau */ 

html, body {
margin:0;
padding:0;
background-image:url(images/bg.jpg);
background-position:top center;
background-repeat:no-repeat;
background-color:#fff7dd;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.0em;
font-weight:normal;
color:#7e5f16;
text-align:left;
}

#frame {
background-image:url(images/feriendorf-thueringen_13.jpg);
background-repeat: repeat-y;
background-position:top;
width:950px;
margin:	0 auto 0px auto;
text-align: left;
}

#logo {
width:213px;
height:358px;
float: left;
}

#menuo {
width:737px;
height:87px;
background-image:url(images/feriendorf-thueringen_03.jpg);
float:left;
}

#header {
width:737px;
height:271px;
float:left;
}

#menuu {
width:950px;
height:141px;
background-image:url(images/feriendorf-thueringen_06.jpg);
float:left;
}

#content {
width:640px;
float:left;
}

.box {
width:310px;
float:left;
background-image:url(images/feriendorf-thueringen_09.jpg);
}

#footer {
width:950px;
height:182px;
background-image:url(images/feriendorf-thueringen_15.jpg);
clear:both;
}

/* Menüs */

/* Oben */

#menuoben {
margin-top:50px;
margin-left:157px;
}

#menuoben ul {
padding:0;
margin:0;
list-style:none;
font-size:0.95em;
font-weight:bold; 
color:#0c7faf;
z-index:5;
}

#menuoben ul li {
float:left;
margin-left:6px;
margin-right:5px;
padding:4px 0px 2px 0px;
position:relative;
z-index:5;
}

#menuoben ul li a {
display:block;
color:#0c7faf;}

#menuoben ul li a:hover {
display:block;
color:#023c54;
text-decoration:underline;
}

#menuoben li ul {
display:none;
margin:13px 0 0 5px;
position:absolute;
top:0;
}

#menuoben li ul li {
float:none;
padding:2px 0 2px 10px;
width:150px;
} 


#menuoben li>ul {
top:0;
left:0;
}

#menuoben li a {
color:#fff;
text-decoration:none;
} 

#menuoben li:hover ul, li.over ul {
display:block;
background:#fff4ce;
} 


#nav ul {
display: none;
background: #fff4ce;
border-width: 1px;
border-style:solid;
border-color:#FFFFFF;
z-index:10;
}

#nav li:hover ul, #nav li.over ul {
width: 150px;
display: block;
position: absolute;
padding-top: 2px;
padding-bottom:2px;
margin: 22px 0 0 -5px !important;
z-index:10;
font-size:0.9em;
}

/* unten */

#menuunten ul {
padding:0;
margin:18px 0 0 255px;
list-style:none;
font-size:0.95em;
font-weight:bold; 
color:#0c7faf;
z-index:5;
}

#menuunten ul li {
float:left;
margin-left:6px;
margin-right:5px;
padding:4px 0px 2px 0px;
position:relative;
z-index:5;
}

#menuunten ul li a {
display:block;
color:#0c7faf;}

#menuunten ul li a:hover {
display:block;
color:#023c54;
text-decoration:underline;
}

#menuunten li ul {
display:none;
margin:13px 0 0 5px;
position:absolute;
top:0;
}

#menuunten li ul li {
float:none;
padding:2px 0 2px 10px;
width:150px;
} 


#menuunten li>ul {
top:0;
left:0;
}

#menuunten li a {
color:#fff;
text-decoration:none;
} 

#menuunten li:hover ul, li.over ul {
display:block;
background:#fff4ce;
} 


#gat ul {
display: none;
background: #fff4ce;
border-width: 1px;
border-style:solid;
border-color:#FFFFFF;
z-index:10;
}

#gat li:hover ul, #nav li.over ul {
width: 150px;
display: block;
position: absolute;
padding-top: 2px;
padding-bottom:2px;
margin: 22px 0 0 -5px !important;
z-index:10;
font-size:0.9em;
}

/* Content Elemente */

#content h1 {
font-size:1.7em;
color:#9fcf1e;
margin:0px 20px 5px 100px;
font-weight:normal;
}

#content p {
font-size:0.95em;
line-height:1.3;
color:#7e5f16;
margin-left:100px;
margin-right:20px;
font-weight:normal;
}

#content ul {
font-size:0.95em;
line-height:1.3;
color:#7e5f16;
margin-left:135px;
margin-right:90px;
font-weight:normal;
}

#content a {
color:#739a08;
text-decoration:underline;
font-weight:normal;
}

#content a:hover {
color:#000000;
text-decoration:underline;
font-weight:normal;
}

#content img {
border:1px;
border-color:#9fcf1e;
border-style:solid;
padding:3px;
background-color:#FFFFFF;
margin:5px 5px 5px 5px;
}

#content table {
margin-left: 100px;
}

/* Bilder */

.imgr {
float:right;
}

.imgl {
float:left;
}

/* Boxes */

.boxcontent {
width:180px;
margin-left:40px;
text-align:center;
}

.boxcontent p {
/* margin-right:20px;
margin-left:20px; */
margin-top:3px;
margin-bottom:3px;
font-size:0.75em;
}

.boxcontent h2 {
margin:5px 0 5px 0;
text-align:center;
color:#9fcf1e;
font-size:1.0em;
font-weight:bold;
}

.boxcontent a {
font-size:1.0em;
color:#7e5f16;
text-decoration:underline;
font-weight:bold;
}

.boxcontent a:hover {
font-size:1.0em;
color:#000000;
text-decoration:underline;
font-weight:bold;
}

.boxcontent img {
border:1px;
border-color:#d0b661;
border-style:solid;
margin:5px auto 5px auto;
}

.boxcontent .link {
margin-top:10px;
}

#mailform {
	width:460px;
	margin-left:100px;
	margin-right:0px;
	color:#996633;
}
input#submit { /* den Submit-Button */
	float: none;
	width: auto;
}
label,input, select, textarea { /* Alle Labels UND Formularelemente auswählen */
	display: block;
	float: left;
	width: 210px; /* Breite.*/
}
.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
}
