@import url("all.css");

/* Grundeinstellungen ____________________________________________________ */

	body 										{ background: url(/images/design/bg-seite.gif) repeat #FFFFFF; text-align: center; }
	div.rahmen 									{ width: 940px; margin: 0 auto; text-align: left; }
	table 										{ border: 0px; border-collapse: collapse; }

	
	
/* Oben __________________________________________________________________ */

	div.oben 									{ background: url(/images/design/bg-oben.gif) no-repeat 0px 0px; position: relative; width: 940px; height: 528px; }

	div.hauptnavi								{ position: absolute; right: 118px; top: 14px; text-align: right; line-height: 19px; }
	
	div.oben address							{ position: absolute; right: 118px; top: 44px; font-style: normal; text-align: right; line-height: 19px; }
	div.oben b									{ font-size: 12px; color: #ffc74a; }
	div.oben ul									{ list-style-type: none; margin: 8px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben li 								{ background: url(/images/design/pfeil-gelb.gif) no-repeat 0px 7px; margin: 0px 0px 0px 0px; padding: 0px 0px 1px 0px; }
	div.oben li a 								{ color: #fff; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 12px; }
	div.oben li.aktiv a 						{ color: #ffc74a !important; }
	div.oben li a:hover 						{ color: #ffc74a; }	
	
	div.amsonneck								{ position: absolute; left: 32px; top: 205px; }
	div.preiseangebote							{ position: absolute; left: 188px; top: 205px; }

	a.logo										{ position: absolute; left: 58px; top: 26px; }
	
	div.sprache									{ position: absolute; left: 60px; top: 130px; width: 260px; text-align: center; }
		
	img.partner									{ position: absolute; right: 36px; top: 17px; }		
	
	div.news									{ position: absolute; left: 375px; top: 102px; }
	
	div.anfrage									{ position: absolute; left: 32px; top: 340px; background: url(/images/design/bg-linie-anfrage.gif) no-repeat 0px 0px; padding: 20px 0px 0px 0px; }
	div.anfrage table							{ margin: 8px 0px 0px 0px; width: 292px; }
	div.anfrage td								{ color: #fff; padding: 0px 0px 4px 0px; }
	div.anfrage .zimmertyp						{ width: 181px; }
	
	div.flash									{ position: absolute; left: 354px; top: 126px; }
					
	
	
/* Mitte _________________________________________________________________ */

	div.mitte 									{ width: 940px; float: left; background: url(/images/design/bg-mitte.gif) repeat-y 0px 0px;  }
	


/* Inhalt ________________________________________________________________ */

	div.inhalt 									{ float: left; display: inline; width: 449px; margin: 0px 32px 0px 58px; }



/* Rechts ________________________________________________________________ */

	div.rechts 											{ float: left; display: inline; width: 401px; padding: 8px 0px 0px 0px; }
	div.wandern b, div.familie b, div.winter b						{ font-size: 12px; color: #ffc74a; }
	div.wandern ul, div.familie ul, div.winter ul						{ list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.wandern li, div.familie li, div.winter li						{ background: url(/images/design/pfeil-gelb.gif) no-repeat 0px 7px; margin: 0px 0px 0px 0px; padding: 0px 0px 1px 0px; }
	div.wandern li a, div.familie li a, div.winter li a 					{ color: #fff; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 12px; }
	div.wandern li.aktiv a, div.familie li.aktiv a, div.winter li.aktiv a		{ color: #ffc74a !important; }
	div.wandern li a:hover, div.familie li a:hover, div.winter li a:hover 		{ color: #ffc74a; }	

	div.wandern											{ position: relative; width: 382px; height: 165px; background: url(/images/design/bg-wandervergnuegen.gif) no-repeat 0px 0px; }
	div.wandern b 										{ position: absolute; left: 22px; top: 20px; }
	div.wandern ul 										{ position: absolute; left: 22px; top: 40px; }
	
	div.familie											{ position: relative; width: 382px; height: 181px; background: url(/images/design/bg-familienparadies.gif) no-repeat 0px 0px; }
	div.familie b 										{ position: absolute; left: 182px; top: 26px; }
	div.familie ul 										{ position: absolute; left: 182px; top: 50px; }
	
	div.winter											{ position: relative; width: 382px; height: 165px; background: url(/images/design/bg-winter.gif) no-repeat 0px 0px; }
	div.winter b 										{ position: absolute; left: 22px; top: 20px; }
	div.winter ul 										{ position: absolute; left: 22px; top: 42px; }
	
	div.holidaycheck									{ margin: 20px 0px 0px 108px; } 
	div.holidaycheck img								{ margin: 0px 0px 8px 0px; }
	

/* Unten _________________________________________________________________ */

	div.unten 									{ clear: both; width: 940px; background: url(/images/design/bg-unten.gif) no-repeat 0px 0px; height: 90px; position: relative; }	
	div.unten p 								{ position: absolute; left: 60px; top: 44px; color: #fff; }
	div.unten a									{ color: #fff; }
 


/* Lightbox ______________________________________________________________ */

	#lightbox									{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }

	#lightbox a img								{ border: none; }

	#outerImageContainer						{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }

	#imageContainer								{ padding: 10px; }

	#loading									{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
	#hoverNav									{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
	#imageContainer>#hoverNav					{ left: 0; }
	#hoverNav a									{ outline: none; }

	#prevLink, #nextLink						{ width: 49%; height: 100%; display: block; }
	#prevLink									{ background: url(/images/lightbox/prev.gif) left 15% no-repeat; left: 0; float: left; }
	#nextLink									{ background: url(/images/lightbox/next.gif) right 15% no-repeat; right: 0; float: right; }
	#prevLink:hover, #prevLink:visited:hover	{ background: url(/images/lightbox/prev.gif) left 15% no-repeat; }
	#nextLink:hover, #nextLink:visited:hover	{ background: url(/images/lightbox/next.gif) right 15% no-repeat; }

	#imageDataContainer							{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }

	#imageData									{ padding: 0 10px; color: #666; }
	#imageData #imageDetails					{ width: 70%; float: left; text-align: left; }	
	#imageData #caption							{ font-weight: bold; }
	#imageData #numberDisplay					{ display: block; clear: left; padding-bottom: 1.0em; }
	#imageData #bottomNav						{ height: 40px; }
	#imageData #bottomNavClose					{ width: 26px; float: right;  padding-bottom: 0.4em; }

	#overlay									{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }



/* __________________________________________________________________ Ende */