/* Main */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100.1%;
	color: #091a4b;
	background: #FFFFFF url(../images/body_bg.gif);
	margin: 0 0;
}
#geschlossen{
	position:absolute;
	z-index:5000;
	height:1000px;
	width:100%;
	background: rgb(255,255,255,0.5);
	vertical-align:central;
	text-align:center;
	color:#666;
	padding-top:20%;
	font-size:2em;
	font-weight:bold;
}
a:active {  text-decoration: none; border-style: none; color: #333333;}
a:link {  text-decoration: none; border-style: none; color: #FFFFFF;}
a:hover {  text-decoration: underline; border-style: none; color: #666666;}
a:visited {  text-decoration: none; border-style: none; color: #333333;}
ul{
	list-style:none;
	font-size:80%;
	color: #2c6ab0;
}
table {
	border:solid 1px #CCC;
	width:368px;
}
td{
	font-size:10px;
	padding-top:5px;
	}
th {
	color:#666;
	font-size:14px;
}

.formular input{
	font-size:9px;
	height:12px;
}
.formular td{
	padding:2px;
}
.formular select{
	font-size:9px;
}
li a:link{  text-decoration: none; border-style: none; color: #0b4951;}
li a:hover{  text-decoration: none; border-style: none; color: #2c6ab0;}
/*li a:visited{  text-decoration: none; border-style: none; color: #2c6ab0;}*/
li a:focus{  text-decoration: none; border-style: none; color: #2c6ab0;}
#tout{
	margin: auto;
	width: 800px;
	height: 620px;
	border-left:solid 1px #EEE;
	border-right:solid 1px #EEE;
	background-color:#FFF;
	/*border: solid 1px #138e9e;*/
}
#header{
	background: #FFFFFF url(../images/bg_header1.jpg) no-repeat;
	margin: auto;
	width:800px;
	height:148px;	
}
#left{
	margin:auto;
	float:left;
	width:172px;
	height:421px;
}
#navi{
	margin:auto;
	width:152px;
	/*height:450px;*/
	padding-left:20px;
}
#subNavi{
	margin-top:-20px;
	margin-left:-20px;
}
#layerKostLogis{
	margin:auto;
	position: static;
	padding-left:20px;
	font-size:12px;
	visibility:hidden;
	left: 117px;
	top: 348px;
}
#content{
	background: #FFFFFF url(../images/bg_content_01.jpg) no-repeat;
	margin:auto;
	float:left;
	width:628px;
	height:421px;
	background-color:#fff;
}
#contentNatur{
	background: #FFFFFF url(../images/bg_content_01.jpg) no-repeat;
	margin:auto;
	float:left;
	width:628px;
	height:421px;
	background-color:#fff;
	overflow:auto;
}
#contentKost{
	background: #FFFFFF url(../images/bg_content_02.jpg) no-repeat;
	margin:auto;
	float:left;
	width:628px;
	height:421px;
	background-color:#fff;
}
#contentReserv{
	background: #FFFFFF url(../images/bg_content_03.jpg) no-repeat;
	margin:auto;
	float:left;
	width:628px;
	height:421px;
}
#contentKontakt{
	background: #FFFFFF url(../images/bg_content_04.jpg) no-repeat;
	margin:auto;
	float:left;
	width:628px;
	height:421px;
}
#contentImpressum{
	background: #FFFFFF url(../images/bg_content_05.jpg) no-repeat;
	margin:auto;
	float:left;
	width:628px;
	height:421px;
}
#contentAnreise{
	background: #FFFFFF url(../images/bg_content_06.jpg) no-repeat;
	margin:auto;
	float:left;
	width:628px;
	height:421px;
}
#layerIndex01, #layerIndex02, #layerIndex03, #layerIndex04, #layerKost01, #layerKost02, #layerKost03, #layerKost04{
	position: absolute;
	left: 0;
	top: 0;
	background-image: url(../images/overlay_weiss.png);
	width:100%;
	height:95%;
	z-index:100;
	visibility: hidden;
	vertical-align:middle;
	text-align: center;
	padding-top: 1.5em;
}
#layerNatur01, #layerNatur02, #layerNatur03, #layerNatur04, #layerNatur05, #layerNatur06, #layerNatur07, #layerNatur08,#layerNatur09, #layerNatur10, #layerNatur11, #layerNatur12, #layerNatur13, #layerNatur14, #layerNatur15, #layerNatur16,#layerHoebeck01, #layerHoebeck02, #layerHoebeck03, #layerHoebeck04, #layerHoebeck05, #layerHoebeck06, #layerHoebeck07, #layerHoebeck08,#layerHoebeck09, #layerHoebeck10, #layerHoebeck11, #layerHoebeck12, #layerHoebeck13, #layerHoebeck14, #layerHoebeck15, #layerNatur16{
	position: absolute;
	left: 0;
	top: 0;
	background-image: url(../images/overlay_weiss.png);
	width:100%;
	height:95%;
	z-index:200;
	visibility: hidden;
	vertical-align:middle;
	text-align: center;
	padding-top: 1.5em;
}
#imageCenter{
	margin:auto;
	padding-top:100px;
	width:600px;
	z-index:250;
}
#schliessen{
	margin:auto;
	position:relative;
	float:left;
	margin-top:-60px;
	margin-left:20px;
	background-image: url(../images/overlay_weiss.png);
	padding:5px;
	font-size:1em;
	color:#0b4951;
	z-index:400;
}
.imageCenter{
	border:solid 1px #0b4951;
}
#imgText{
	margin:auto;
	padding:5px;
	background-color:#FFF;
	border:1px solid #066;
	width:590px;
}
#footer{
	margin:auto;
	height:52px;
	width:800px;
	background:#FFF url(../images/bg_footer.jpg) no-repeat;
}
/* End Main */

/* Specials */
.firstLetter{
	font-weight:bold;
	font-size:16px;
	color:#666;
}
#indexContentText{
	width:628px;
	height:342px;
	overflow:hidden;
}
#kostContentText{
	margin-left:240px;
	width:368px;
	height:292px;
	overflow:hidden;
	padding:10px;
	padding-top:40px;
	font-size:14px;
}
#kostContentText p:first-letter{
	font-weight:bold;
	font-size:18px;
	color:#666;
}
#impressumContentText{
	margin-left:240px;
	width:368px;
	height:391px;
	overflow:hidden;
	padding:10px;
	padding-top:20px;
	font-size:12px;	
}
#impressumContentText p:first-letter{
	font-weight:bold;
	font-size:16px;
	color:#666;
}
#reservContentText{
	margin-left:240px;
	width:368px;
	height:391px;
	overflow:hidden;
	padding:10px;
	padding-top:20px;
	font-size:12px;	
}
#reservContentText p:first-letter{
	font-weight:bold;
	font-size:16px;
	color:#666;
}
#kontaktContentText{
	margin-left:240px;
	width:368px;
	height:391px;
	overflow:hidden;
	padding:10px;
	padding-top:20px;
	font-size:12px;	
}
#kontaktContentText p:first-letter{
	font-weight:bold;
	font-size:16px;
	color:#666;
}
#indexContentImages{
	height:102px;
	/*z-index:10;*/
	position:relative;
	top:-20px;
}
#naturImages{
	height:102px;
	margin-top:10px;
	/*z-index:10;*/
	position:relative;
}
#indexImageSmall{
	margin:auto;
	float:right;
	margin-right:10px;
	border:solid 1px #FFF;
	z-index:150;
	position:relative;
}
#adresseLeft{
	 height:70px; 
	 width:152px; 
	 /*padding-top:10px; */
	 padding-bottom:10px; 
	 padding-left:20px; 
	 color:#336699; 
	 font-size:0.7em;
}
#adresseLeft a{
	color:#336699;
	text-decoration:none;
}
/* End Specials*/

/* Classes*/
.clear { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.footer{
	margin:auto;
	float:left;
	font-size:9px;
	color:#CCC;
	padding-left:22px;
	padding-top:20px;
	width:378px;
}
a.footerImpressumLink:link, a.footerImpressumLink:hover{
	color:#0b4951;
	text-decoration:none;
}
a.footerLink:link{
	color:#CCC;
	text-decoration:none;
}
a.footerLink:hover{
	color:#CCC;
	text-decoration:none;
}
a.footerLink:active{
	color:#CCC;
	text-decoration:none;
}
a.footerLink:visited{
	color:#CCC;
	text-decoration:none;
}
.footerRight{
	margin:auto;
	float:right;
	font-size:9px;
	color:#0b4951;
	text-align:right;
	padding-right:22px;
	padding-top:20px;
	width:378px;
}