@import url("all.css");

/* Grundeinstellungen ____________________________________________________ */

	div.rahmen 									{ width: 960px; margin: 0 auto; text-align: left; }

	
	
/* Oben __________________________________________________________________ */

	div.oben 									{ background: url(/images/design/bg-oben.gif) no-repeat 0px 0px; position: relative; height: 430px; width: 960px; }
	div.oben a									{ text-decoration: none; color: #e5d9c4; }
	div.oben a:hover							{ color: #eab444; }
	 
	div.sprache 								{ position: absolute; left: 50px; top: 6px; }
	div.sprache a, div.infos a					{ margin: 0px 16px 0px 0px; }
	
	div.infos 									{ position: absolute; right: 50px; top: 6px; }

	div.themen 									{ position: absolute; left: 398px; top: 394px; background: #b07700; height: 36px; width: 514px; z-index: 10; }
	div.themen ul								{ list-style-type: none; margin: 0px 0px 0px 0px; padding: 9px 0px 0px 30px; }
	div.themen li 								{ margin: 0px 0px 0px 0px; padding: 0px 35px 0px 0px; float: left; }
	
	div.flash-oben								{ position: absolute; left: 0px; top: 32px; z-index: 1; }
	
	
/* Mitte _________________________________________________________________ */

	div.mitte 									{ width: 960px; }
	

	
/* Links _________________________________________________________________ */

	div.links 									{ float: left; display: inline; width: 374px; padding: 0px 0px 0px 24px; }

	div.menu									{ background: #443c2f; position: relative; width: 374px; height: 108px; }
	div.menu b									{ font-size: 12px; color: #eab444; }
	div.menu ul									{ list-style-type: none; margin: 4px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.menu li 								{ background: url(/images/design/pfeil-gelb.gif) no-repeat 0px 9px; margin: 0px 0px 0px 0px; padding: 0px 0px 1px 0px; }
	div.menu li a 								{ color: #e5d9c4; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 12px; }
	div.menu li.aktiv a 						{ font-weight: bold; color: #eab444 !important; }
	div.menu li a:hover 						{ color: #eab444; }	
		
		div.menu-hotel							{ position: absolute; top: 0px; left: 24px; }
		div.menu-preise							{ position: absolute; top: 0px; left: 200px; }
	
	div.thema									{ margin: 24px 0px 24px 0px; background: #fff; position: relative; width: 350px; height: 158px; }
	
		div.thema-menu							{ position: absolute; top: 0px; left: 200px; }
		div.thema-menu ul						{ list-style-type: none; margin: 0px 0px 0px 0px; padding: 18px 0px 0px 0px; }
		div.thema-menu li 						{ margin: 0px 0px 0px 0px; padding: 0px 0px 1px 0px; }
		div.thema-menu li a 					{ background: url(/images/design/pfeil-braun.gif) no-repeat 0px 7px; color: #443c2f; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 12px; }
		div.thema-menu li.aktiv a 				{ background: url(/images/design/pfeil-gelb.gif) no-repeat 0px 9px !important;  font-weight: bold; color: #b07700 !important; }
		div.thema-menu li a:hover 				{ background: url(/images/design/pfeil-gelb.gif) no-repeat 0px 7px; color: #b07700; }	

	div.pauschalangebot							{ margin: 0px 0px 0px 0px; background: #fff; position: relative; width: 350px; height: 158px; }
	
		div.pauschalangebot-inhalt				{ position: absolute; top: 18px; left: 200px; }
		div.pauschalangebot-inhalt p			{ margin: 0px 0px 8px 0px; padding: 0px 0px 0px 0px; }
		div.pauschalangebot-inhalt a			{ background: url(/images/design/bg-button-1.gif) no-repeat 0px 0px;  text-align: center; width: 120px; padding: 2px 0px 3px 0px; color: #e5d9c4; display: block; }
		div.pauschalangebot-inhalt a:hover		{ background: url(/images/design/bg-button-2.gif) no-repeat 0px 0px;  color: #e5d9c4; }
	



/* Inhalt ________________________________________________________________ */

	div.inhalt 									{ float: left; display: inline; width: 514px; padding: 0px 0px 0px 0px; background: #ffffff; min-height: 472px; _height: 472px; }
	div.inhalt-abstand							{ padding: 0px 30px 0px 30px; }



/* Rechts ________________________________________________________________ */

	div.rechts 									{ float: left; display: inline; width: 48px; background: url(/images/design/bg-rechts.gif) no-repeat 0px 0px; height: 126px; }



/* Unten _________________________________________________________________ */

	div.unten 									{ clear: both; position: relative; width: 960px; height: 98px; }
	
		div.partner								{ position: absolute; top: 22px; left: 65px; } 
		
		div.unten address						{ position: absolute; top: 22px; left: 398px; width: 514px; text-align: center; color: #988666; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-style: normal; }
		div.unten address a						{ color: #988666; } 



/* 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 */