/* CSS Document */

		* {margin: 0; padding: 0;}
		body {
		background:#FEEDB9 url(_images/bg_top.jpg) top left repeat-x; 
		text-align: center; margin: 0; padding: 0; font: 80%/130% Verdana, Arial, Helvetica, sans-serif; }
		h1, h2, h3, h4, h5, h6 {
			margin-top: 1em;
		}
		#wrapper {
			width: 780px;
			text-align: left;
			margin: 0 auto;
			position: relative;
		}
	
		#header {
			width: 780px;
			height: 294px;
			position: relative;
		}
		
		#header h1 {
			text-indent: -9999em;
			margin-top: 0;
		}
		
		#headerbildstart {
			background: transparent url(_images/headerbild_start.jpg) no-repeat top left;
			position: absolute;
			top: 0;
			left: 0;
			width: 356px;
			height: 294px;
		}
		
		#headerbildzimmer {
			background: transparent url(_images/headerbild_zimmer.jpg) no-repeat top left;
			position: absolute;
			top: 0;
			left: 0;
			width: 356px;
			height: 294px;
		}
		
		#headerbildwellness {
			background: transparent url(_images/headerbild_wellness.jpg) no-repeat top left;
			position: absolute;
			top: 0;
			left: 0;
			width: 356px;
			height: 294px;
		}
		
		#headerbildkontakt {
			background: transparent url(_images/headerbild_kontakt.jpg) no-repeat top left;
			position: absolute;
			top: 0;
			left: 0;
			width: 356px;
			height: 294px;
		}
		
		#headerbildimpressionen {
			background: transparent url(_images/headerbild_impressionen.jpg) no-repeat top left;
			position: absolute;
			top: 0;
			left: 0;
			width: 356px;
			height: 294px;
		}
				
	.picto {
	vertical-align:middle;
	border:0;
	}
	
	.pictozimmer {
	border:0;
	padding-bottom:10px;
	}
	
	.textheller {
	color:#999999;
	padding-left: .2em;
	}
	
	.textheller a{
	color:#999999;
	text-decoration:underline;
	}
		
		#mainmenu {
	position: absolute;
	top: 227px;
	left: 362px;
	height: 20px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.5px;
	font-size: 14px;
		}
		
		#mainmenu h2 {
			text-transform: uppercase;
			font-size: 100%;
			color: #FFFFFF;
			letter-spacing: 0.2em;
		}
		
		#metanav {
	position: absolute;
	font-size: 80%;
	left: 390px;
	top: 10px;
		}
		
		#mainmenu ul, #metanav ul, #subnavi ul {
	list-style-type: none;
	color: #FFFFFF;
		}
		
		#mainmenu li, #metanav li {
	display: inline;
	color: #FFFFFF;
		}
		
		
#maincontent ul{
 padding-left:0em;

}

	#maincontent li{
 
list-style:square;

}

		
		#metanav a {
			color: #666;
			text-transform: uppercase;
			padding: .2em 1.5em .2em 0;
			text-decoration: none;
		}
		
		
		#mainmenu a {
	font-size: 110%;
	color: #FFFFFF;
	padding: .2em .8em .2em 0;
	text-decoration: none;
	font-weight: normal;
		}
		
		#mainmenu a:hover, #metanav a:hover, #subnavi a:hover {
			color: #FEEDB9;
		}
		
		#maincontent {
	margin-left: 360px;
	margin-top: 5px;
	font-size: 100%;
	position: relative;
	line-height: 1.8em;
	margin-right: 35px;
		}
		
		#maincontentbilder {
	margin-left: 360px;
	margin-top: 5px;
	font-size: 100%;
	position: relative;
	line-height: 1.8em;
	margin-right: 25px;
		}
		
		#maincontentbilder ul{
 padding-left:0em;

}
		
		#titleheadline {
			color: #600;
			width: 350px;
			margin-left: 360px;
			font-size: 80%;
		}
		
		#titleheadline h1, #titleheadline h2 {
			margin-top: .3em;
			line-height: 1em;
		}
		
		#subnavi {
	left: 0px;
	top: 0;
	margin-top: 10px;
	width: 300px;
	float: left;
	list-style:none;
	padding-bottom:1em;
	padding-top:0em;
	padding-left:2em;
	margin-bottom:1em;
	color:#A28282;
	margin-left: 20px;
		}
		
    #subnavihallo {
	left: 0px;
	top: 0;
	margin-top: -80px;
	width: 300px;
	float: left;
	list-style:none;
	padding-bottom:1em;
	padding-top:0em;
	padding-left:2em;
	margin-bottom:1em;
	color:#A28282;
	margin-left: 20px;
	height:200px;
		}
		
	#subnaviimpress {
	background: transparent url(_images/syltinsel_back.gif) no-repeat top left;
	left: 0px;
	top: 0;
	margin-top: 10px;
	width: 300px;
	float: left;
	list-style:none;
	padding-bottom:1em;
	padding-top:0em;
	padding-left:2em;
	margin-bottom:1em;
	color:#A28282;
	margin-left: 20px;
		}
		
		#subnavi li {
		color:#A28282;
	margin-bottom: 0em;
	list-style: none;
		}
		
	#subnaviimpress li {
		color:#A28282;
	margin-bottom: 0em;
	list-style: none;
		}
		
#subnavi a, #subnavi p{
		color:#A28282;
		font-size: 100%;
		 padding: 0em 2em 0em 0em;
		 margin-right: 0em;
			text-decoration: none;
			}
			
#subnaviimpress a, #subnaviimpress p{
		color:#A28282;
		font-size: 100%;
		 padding: 0em 2em 0em 0em;
		 margin-right: 0em;
			text-decoration: none;
			}
		
#subblog {
background: transparent url(_images/blog_header.gif) no-repeat top left;
	left: -310px;
	top: 0;
	margin-top: 20px;
	width: 250px;
	float: left;
	background-color:#FAF7F2;
	border: 2px solid #ffffff;
	list-style:none;
	padding-bottom:1em;
	padding-top:116px;
	padding-left:1em;
	margin-bottom:1em;
	color:#A28282;
	margin-left: 50px;
		}
		
#subblog li {
		color:#A28282;
	margin-bottom: 0em;
	list-style: none;
		}
		
#subblog a, #subblog p{
		color:#A28282;
		font-size: 85%;
		 padding: .2em .2em .2em 0em;
		 margin-right: 0.5em;
			text-decoration: none;
			}
			
.fetttext{
font-size:120%;
font-weight:bold;
}
#referenzen {
}

.referenzen li {
float:left;
font-size:0.9em;
line-height:1em;
margin-bottom:1em;
margin-right:3em;
overflow:hidden;
width:160px;
}
.referenzen li p {
	margin:0pt 5px 1em;
	overflow:hidden;
	padding-bottom:0.5em;
}
.referenzen li img {
	display:block;
	margin:5px auto;
	text-align:center;
	width:160px;
	height: 70px;
}
.referenzen li img a {
border:0pt none;
}

.headline {
font-size:120%;
}

.headline a {
font-size:100%;
font-weight: bold;
color:#990000;

}

.headline a:hover {
color:#990000;
font-weight:bold;
}

.headline a:active {
color:#666666;
}
	</style>