/* CSS Document alt: bgcolor: #F7FAF4, grün_hell #DBE1DE, grün_dunkell #3D7629, gelb #F9C000, grün links: #345751*/
html, body {
	margin :0;
	padding : 0;
	font : 10pt/1.6em Geneva, Arial, Helvetica, sans-serif;
	color : #345751;
height: 100%;
background: url(img/hintergrund.gif);
} 
*{ 
padding : 0;
margin : 0;
} 
h1, h2, h3, p, ul, ol, li, span, img { 
padding : 0;
margin : 0;
} 
img { 
border : none;
}
h2{ 
padding-bottom:0.5em;
	margin: 0;
	color: #3D7629;
	text-transform: uppercase;letter-spacing:1px;
font: bold 10pt/12pt Geneva, Arial, Helvetica, sans-serif;
}
p{font : 10pt/1.6em Geneva, Arial, Helvetica, sans-serif; margin-bottom: 1em;}
.fett{font-weight: bold;} 
a:link, a:visited, a:active { 
color : #3D7629;
font : 10pt/1.2emGeneva, Arial, Helvetica, sans-serif;
text-decoration : underline;

} 
a:hover { 
color : #000;
text-decoration : none;
} 

#center { 
position : relative;
margin : 0 auto;
background: #EEEFEF;
width : 980px;
} 
#top {
	height : 120px;
	display: block;
	width : 980px;
	} 
/*#header {
width: 960px;
	height :200px;
	padding : 0 ;
	margin : 0 10px;
}  */
#home .home,  #aktuell .aktuell, #kontakt .kontakt, #impressum .impressum, #haus .haus, #insel .insel, #panorama .panorama, #termine .termine, #anfahrt .anfahrt, #freizeit .freizeit, #preise .preise, #erdgeschoss .erdgeschoss{ 
background: url(img/hg_unterlink_hover.jpg) no-repeat  0px 0px;
color : #3D7629;
text-decoration : none;
}
#erdgeschoss .erdgeschoss, #dachgeschoss .dachgeschoss, #spitzboden .spitzboden, #keller .keller {
background: url(img/hg_unterlink_hover.jpg) no-repeat 0px 0px;
color : #fff;
text-decoration : none;
padding:0.5em 2em 0 0;
}
#contentleft{
position : relative;
width : 190px;
height: 99%;
padding :2em 0 0;
margin :0;
float : left;
} 
#contentleft ul{ 
width:190px;
padding :0;
margin :0;
list-style-type : none;
/*border:1px solid #000;*/
}
#contentleft ul li{ 
width:190px;
padding :0;
margin-bottom:0.4em;
float : left;
list-style-type: none; 

 }
#contentleft ul li a{ 

	color : #345751;
	font :bold 11pt/1.5em "Arial";
	text-decoration : none;
	display: block;
	text-align: right;
	padding:0.5em 0.5em 0 0;
 background: url(img/hg_link.jpg) repeat-x 0px 0px;
 } 
#contentleft ul li a:hover{ 
color : #fff;
background: url(img/hg_link_hover.jpg) repeat-x 0px 0px;
 }
 #contentleft ul li a.unterlink{ 

	color : #345751;
	font :bold 11pt/1.5em "Arial";
	text-decoration : none;
	display: block;
	text-align: right;
	padding:0.5em 2em 0 0;
	background: url(img/hg_unterlink.jpg) repeat-x 0px 0px;
 } 
#contentleft ul li a.unterlink:hover{ 
color : #fff;
text-decoration : none;
background: url(img/hg_unterlink_hover.jpg) repeat-x 0px 0px;
 }

#contentcenter { position : relative;
width : 460px;
height: 99%;
padding :2em 10px 0;
margin-bottom: 2em;
float : left;
/*border:1px solid #000;*/
}
#contentright { 
width :280px;
height: 99%;
padding :2em 0 0;
margin: 0 0.5em 2em;
float : left;
/*border:1px solid #000;*/
} 
#panoramabild{
 position : relative;float : left;
width: 740px;
height: 500px;
padding :2em 0 0 2em;
margin-bottom: 2em;
/*border:1px solid #000;*/
}
#flash{
 position : relative;float : left;
width: 400px;
height: 370px;
background-color:#EEEFEF;
padding :0em 0 0 2em;
margin-bottom: 2em; 
/**/
}
a.foot:link, a.foot:visited, a.foot:active{
padding:0 1em;
margin: 2em 0;
color: #3D7629; 
font: bold 9pt/140% Geneva, Arial, Helvetica, sans-serif;
text-decoration : none;} 
a.foot:hover{color: #3D7629; text-decoration: none;}

#bottom {
clear:both;
background:  #DBE1DE;
width:980px;
height: 38px;
margin :0 auto;
padding :0;
text-align: right;
}
#bottom p{padding:0 2em 0 0; margin:0px;
color: #3D7629; 
font: bold 8pt/110% Geneva, Arial, Helvetica, sans-serif;
}
/*.bottom{ float:right;}*/
a.bottom, a.bottom:visited, a.bottom:active{
padding:0 2em; margin:0px;
color: #3D7629; 
text-transform: uppercase;
	font: bold 8pt/8pt Geneva, Arial, Helvetica, sans-serif;
	text-decoration : none;} 
a.bottom:hover{color: #3D7629; text-decoration: underline;}
#galerie{width:280px;}
#galerie img{padding:10px 10px 0 0;}

#table{width:270px; padding-bottom: 2em; }
#table ul{list-style: none; width:270px; height:30px;
/*border:1px solid #000;*/}
.hell{background: #FFFEE6;}
.dunkel{background: #FFF9C6;}
#table ul li{width:270px; 
float : left;
padding:0;
}

/* Kontaktformular*/
#form { 
text-align : left;
width : 280px;
} 
label{ width: 80px;
position: relative;
		float: left;
		margin:0.5em 0 0;
}
input, select, textarea {
	width:200px;
font: 9pt/100% "Verdana";
	padding:0.2em;
	margin:0;
	border: 1px solid #345751;
	}
textarea {height:70px;}
.submit { 
padding : 0;
font :8pt "Verdana" ;
color : #345751;
margin: 1em 0;
border: 1px solid #345751;
}
.kontaktform{font: 8pt/1.1em Geneva, Arial, Helvetica, sans-serif; 
color: #ff00;}
.unterkunft img{margin-bottom: 1em; border: 1px solid #345751;}
.grundriss{border: 1px solid #345751;}
/*JS Animation*/
#imageContainer2 {position:relative;
	height:500px;float:right;
}

#imageContainer2 img {
	display:none;
	position:absolute;
	top:0; left:0;
}