* {
   margin: 0px;
   padding: 0px;
   outline:none;}
   
   html {
   	background:url(../images/bg-html.jpg) repeat #fcf3e1;}

	body {
		color:#000;
		font-size:13px;
		font-family: Georgia, "Times New Roman", Times, serif;
		background: url(../images/bg-body.jpg) repeat-x;
		height:auto;
		line-height: 20px;}

		#container {
   			height:auto;
   			margin: 0 auto;
   			width:975px;
   			padding:0;}

/* HEADER */
#header {
   height:400px;
   width:975px;
   margin: 0 auto;
   z-index: 99;
   position:relative;}

	#header h1 a {
		position: absolute;
		top:58px;
		z-index: 200;
		float: left;
		display: block;
		height: 218px;
		width: 274px;
		text-indent: -9999px;
		background:url(../images/bg-branding.jpg);}
		
	#header #food {
		height: 200px;
		width: 330px;
		position: absolute;
		background:url(../images/bg-food.png);
		left: 646px;
		top: 239px;
		z-index: 200;}	

*html #header #food {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg-food.png', sizingMethod='scale');
}

/* naviAdd */
	ul#naviAdd {
		position: relative;
  		width:534px;
   		height:22px;
		float:left;
   		top:32px;
   		left:420px;
   		background:url(../images/bg-navi-add.jpg) 0 0 no-repeat;}

		ul#naviAdd li {display:inline; list-style-type: none;}

			ul#naviAdd li a {
   				display:block;
				float: left;
   				height:22px;
				text-indent: -9999px;}

			ul#naviAdd li a#na1 {background:url(../images/bg-navi-add.jpg) 0 22px; width:88px;}
			ul#naviAdd li a#na2 {background:url(../images/bg-navi-add.jpg) -88px 22px; width:147px;}
			ul#naviAdd li a#na3 {background:url(../images/bg-navi-add.jpg) -235px 22px; width:88px;}
			ul#naviAdd li a#na4 {background:url(../images/bg-navi-add.jpg) -323px 22px; width:107px;}
			ul#naviAdd li a#na5 {background:url(../images/bg-navi-add.jpg) -430px 22px; width:104px;}
		
			ul#naviAdd li a#na1:hover,
			ul#naviAdd li a#na2:hover,
			ul#naviAdd li a#na3:hover,
			ul#naviAdd li a#na4:hover, 
			ul#naviAdd li a#na5:hover {background:none;}
		
			ul#naviAdd.active-na1 li a#na1,
			ul#naviAdd.active-na2 li a#na2,
			ul#naviAdd.active-na3 li a#na3,
			ul#naviAdd.active-na4 li a#na4,
			ul#naviAdd.active-na4 li a#na5 {background:none;}
		
		
ul#navigation {
	position: absolute;
	width:275px;
	height:202px;
	z-index: 200;
	top:303px;
	text-indent: -9999px;
	left:0;
	background:transparent url(../images/bg-navigation.jpg) 0 -202px no-repeat;}

	ul#navigation li {display:inline; list-style-type: none;}

	ul#navigation li a {
   		display:block;
		float:left;
   		height:34px;
		width:275px;}

		ul#navigation li a#n1 {background:url(../images/bg-navigation.jpg) 0 0;}
		ul#navigation li a#n2 {background:url(../images/bg-navigation.jpg) 0 -34px;}
		ul#navigation li a#n3 {background:url(../images/bg-navigation.jpg) 0 -68px;}
		ul#navigation li a#n4 {background:url(../images/bg-navigation.jpg) 0 -102px;}
		ul#navigation li a#n5 {background:url(../images/bg-navigation.jpg) 0 -136px;}
		ul#navigation li a#n6 {background:url(../images/bg-navigation.jpg) 0 -170px; height:32px;}
		
		ul#navigation li a#n1:hover,
		ul#navigation li a#n2:hover,
		ul#navigation li a#n3:hover,
		ul#navigation li a#n4:hover,
		ul#navigation li a#n5:hover,
		ul#navigation li a#n6:hover {background:none;}
		
		ul#navigation.active-n1 li a#na1,
		ul#navigation.active-n2 li a#na2,
		ul#navigation.active-n3 li a#na3,
		ul#navigation.active-n2 li a#na4,
		ul#navigation.active-n3 li a#na5,
		ul#navigation.active-n4 li a#na6 {background:none;}	
		
		
/* ------------------------------------------------------------- */
/* => Submenu 
/* ------------------------------------------------------------- */				
ul#navigation li#sub1 ul,
ul#navigation li#sub2 ul,
ul#navigation li#sub3 ul{
	display: none;
	list-style: none;
	position: absolute;
	left: 275px;
	padding: 15px;
	background: url(../images/bg-subnavi.png);
	text-indent: 0;}

	ul#navigation li#sub1 ul {top:34px;}
	ul#navigation li#sub2 ul {top:68px;}
	ul#navigation li#sub3 ul {top:102px;}

	
		ul#navigation li#sub1 ul li a,
		ul#navigation li#sub2 ul li a,
		ul#navigation li#sub3 ul li a{
			height: 20px;
			width:235px;
			display: block;
			z-index:500;
			color: #ffd7ab;
			text-decoration: none;
			border-bottom: 1px dotted #644b30;}
		
		ul#navigation li#sub1 ul li a:hover,
		ul#navigation li#sub2 ul li a:hover,
		ul#navigation li#sub3 ul li a:hover { color: #fff; }
		
			
		

/* SLIDER */
#slider{
   width:625px;
   height:310px;
   float: left;
   color: #FFFFFF;
   left: 325px;
   top: 36px;
   border-top: 4px solid #a4c94b;
   position: relative;}

	 * html #slider {z-index:-1;} /* IE6 HACK */
	*+ html #slider {z-index:-1;} /* IE7 HACK */
   
   #slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;}
	
		#slider, #slider li{ 
			width:625px;
			margin: 0 auto;
			height:310px;
			overflow:hidden;}
		
		span#prevBtn a,
		span#nextBtn a{
			position: absolute;
			height: 39px;
			width: 23px;
			display: block;
			z-index: 1000;
			top: 200px;
			margin-left: 325px;
			text-indent: -9999px;
			background:url(../images/prev.jpg);}
			
			span#nextBtn a{
				top: 200px;
				margin-left: 927px;
				background:url(../images/next.jpg);}
			
				/*IE 7 Hack */
				*+ html span#prevBtn a { margin-left:-300px;}
				*+ html span#nextBtn a { margin-left: 302px;}
				
				/*IE 6 Hack */
				 * html span#prevBtn a { margin-left:-300px;}
				 * html span#nextBtn a { margin-left: 302px;}


/* CONTENT */
#contentContainer {
   width:975px;
   position: relative;
   z-index: 90;
   background:url(../images/bg-img.png) 0 0 repeat-x scroll;}

/* SIDEBAR */
#sidebar {
   	padding: 140px 0 0 0;
   	width:275px;
   	float:left;
   	height:auto;
   	color: #3d2207;}
	
	#sidebar a 		 {color:#6d645a; font-weight:bold; text-decoration:none;}
	#sidebar a:hover {text-decoration:underline;}

	#sidebar #fragen {
		height: auto;
		margin: 0 0 10px 0;
		color: #6d645a;}
		
		#sidebar #fragen h3 {
			font-size: 20px;
			font-weight: normal;
			display: block;
			margin: 0 0 7px 0;}
			
		#sidebar #phone {
			height: 140px;
			text-indent: -9999px;
			background:url(../images/bg-phone.jpg) no-repeat;}	
			

/* CONTENT MAIN */
#contentMain {
	position: relative;
	margin-left: 50px;
	z-index:100;
	width:650px;
	float:left;
	color: #6d645a;}
	
	div.content-column {
		width: 300px;
		height: auto;
		float: left;
		padding: 20px 25px 25px 0;}
		
	div.float-right {
		float: right;
		padding: 0 0 10px 10px;}
		
		div.content-column-big {padding:20px 25px 5px 0;}
		
	#contentMain strong {color: #ff6600;}	
	
	#contentMain h2 {
		color: #FFFFFF;
		font-size: 22px;
		font-weight: normal;
		background-color: #a4c94b;
		display: block;
		height: 20px;
		z-index: 0;
		line-height: 20px;
		padding: 6px;
		font-family: "Trebuchet MS", Tahoma;
		margin: 0 0 2px 0;}
	
	
		#contentMain h2#aktuelles 	  		{width:85px;}
		#contentMain h2#aktuelles-sub 		{width:275px;}	

		#contentMain h2#anfahrt 	  		{width:70px;}
		#contentMain h2#anfahrt-sub   		{width:170px;}	
	
		#contentMain h2#angebote 	  		{width:90px;}
		#contentMain h2#angebote-sub  		{width:313px;}	
		
		#contentMain h2#aqua 	  			{width:125px;}
		#contentMain h2#aqua-sub  			{width:385px;}	
	
		#contentMain h2#baeck  				{width:110px;}
		#contentMain h2#baeck-sub   		{width:380px;}	
	
		#contentMain h2#cafe	  			{width:160px;}
		#contentMain h2#cafe-sub   			{width:382px;}	
		
		#contentMain h2#danke	  			{width:120px;}
		#contentMain h2#danke-sub   		{width:330px;}	
		
		#contentMain h2#erholung	  		{width:85px;}
		#contentMain h2#erholung-sub   		{width:305px;}	
		
		#contentMain h2#error	  			{width:100px;}
		#contentMain h2#error-sub   		{width:230px;}	
		
		#contentMain h2#familienchronik	  	{width:145px;}
		#contentMain h2#familienchronik-sub {width:260px;}	
		
		#contentMain h2#reiseprofi	  		{width:205px;}
		#contentMain h2#reiseprofi-sub   	{width:280px;}	
		
		#contentMain h2#impressum	  		{width:105px;}
		#contentMain h2#impressum-sub   	{width:175px;}	
		
		#contentMain h2#index	  			{width:195px;}
		#contentMain h2#index-sub   		{width:385px;}	

		#contentMain h2#kontakt	  			{width:75px;}
		#contentMain h2#kontakt-sub   		{width:325px;}	
		
		#contentMain h2#landgasthof	  		{width:110px;}
		#contentMain h2#landgasthof-sub   	{width:325px;}	
		
		#contentMain h2#newsletter	  		{width:100px;}
		#contentMain h2#newsletter-sub   	{width:270px;}	
		
		#contentMain h2#romantikhotel	 	{width:140px;}
		#contentMain h2#romantikhotel-sub   {width:330px;}	
		
		#contentMain h2#backstube	  		{width:300px;}
		#contentMain h2#backstube-sub   	{width:330px;}	
		
		#contentMain h2#wellness	  		{width:80px;}
		#contentMain h2#wellness-sub   		{width:420px;}	
		
		#contentMain h2#zimmer	  			{width:60px;}
		#contentMain h2#zimmer-sub   		{width:275px;}	
	
	
	#contentMain p 				{margin: 0 0 20px 0;}	
	#contentMain ul 			{margin:5px 0 15px 15px;}
	#contentMain ul li 			{list-style:url(../images/list-style.jpg);}
		
	#contentMain ul.noStyle 	{margin: 5px 0 15px 0;}
	#contentMain ul.noStyle li	{list-style: none;}
		
	#contentMain a 		 		{color: #4F4F4F; text-decoration: underline;}
	#contentMain a:hover 		{color: #000000;}
	
	
	#contentMain table 			{background: #B28A5E; color: #FFFFFF; margin: 25px 0 25px 0;}
	#contentMain table td 		{height: auto; min-height: 25px;}
	
	#contentMain a img {
		text-decoration: none;
		padding: 0;
		margin: 0 0 10px 0;
		border: none;}

/* FOOTER */
#footer {
	position:relative;
	left: 325px;
	height:130px;
	float:none;
	clear:both;
	width:650px;
	background:url(../images/bg-footer.jpg) no-repeat;
	color:#fff;
	font-size: 12px;}
	
	#footer ul {
		display: block;
		height: 60px;
		float: left;
		color: #495b21;
		position: relative;
		top: 15px;
		left: 10px;}
		
		#footer ul#list1 {width: 215px;}
		#footer ul#list2 {width: 185px;}
		#footer ul#list3 {width: 200px;} 
	
		
		#footer ul li 			{list-style-type: none;}
		#footer ul li a 		{color:#495B2A;text-decoration:none}
		#footer ul li a:hover 	{color:#495B21;text-decoration:underline;}
		
		
	#footer ul#list4 {
		width: 220px; 
		height:20px; 
		top:32px; 
		left:390px;} 
		
			ul#list4 li 		{display:inline;}
			ul#list4 li a {
				float:left; 
				padding:0 0 0 10px; 
				color:#3b2d0f;
				text-decoration: none;}
			ul#list4 li a:hover {color:#fff; text-decoration: none;}
			
#map {
	position: relative;
	height: 500px;
	overflow: hidden;
}

	.maplinks {
		position:absolute;
		width:625px;
		height:450px;
		margin-left:-8px;
		margin-top:-8px;
	}
	
	.maplink {
		display:block;
		width:16px;
		height:16px;
		cursor:pointer;
		background:url(../images/spacer.gif);
		text-indent: -9999px;
	}

		#link1 {
			position: absolute;
			left: 321px;
			top: 95px;
		}
	
		#link2 {
			position: absolute;
			top: 25px;
			left: 418px;
		}
	
		#link3 {
			position: absolute;
			top: 244px;
			left: 411px;
		}
		
		#link4 {
			position: absolute;
			left: 551px;
			top: 146px;
		}
		#link5 {
			position: absolute;
			left:492px;
			top: 119px;
		}
		#link6 {
			position: absolute;
			left: 478px;
			top: 155px;
		}
		#link7 {
			position: absolute;
			left: 537px;
			top: 217px;
		}
		#link8 {
			position: absolute;
			left: 378px;
			top: 257px;
		}
		#link9 {
			position: absolute;
			left: 471px;
			top: 407px;
		}
		#link10 {
			position: absolute;
			left: 591px;
			top: 248px;
		}
		#link11 {
			position: absolute;
			left: 443px;
			top: 270px;
		}
		#link12 {
			position: absolute;
			left: 552px;
			top: 280px;
		}
		#link13 {
			position: absolute;
			left: 517px;
			top: 205px;
		}
		#link14 {
			position: absolute;
			left: 526px;
			top: 195px;
		}
		#link15 {
			position: absolute;
			left: 457px;
			top: 176px;
		}
		#link16 {
			position: absolute;
			left: 503px;
			top: 199px;
		}
		#link17 {
			position: absolute;
			left: 580px;
			top: 310px;
		}
		#link18 {
			position: absolute;
			left: 568px;
			top: 288px;
		}
		#link19 {
			position: absolute;
			left: 569px;
			top: 338px;
		}
		#link20 {
			position: absolute;
			left: 545px;
			top: 205px;
		}
		#link21 {
			position: absolute;
			left: 514px;
			top: 186px;
		}
		
.float-right{
	float:right;
}

.clear {
	float: none;
	clear: both; 
}