@import url("all.css");

/* Grundeinstellungen ____________________________________________________ */

		body 										{ background: url(/images/design/bg-seite.gif) repeat-x #eddec2; text-align: center; }
	div.rahmen 									{ width: 973px; margin: 0 auto; text-align: left; }

	
	
/* Oben __________________________________________________________________ */

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

	div.oben ul.menu 							{ position: absolute; left: 336px; top: 66px; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben ul.menu li 						{ float: left; margin: 0px 40px 0px 0px; padding: 0px 0px 0px 0px; }
	
	div.oben address							{ position: absolute; left: 306px; top: 26px; color: #a05710; font-size: 11px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-style: normal; }
	div.oben address a							{ color: #a05710; }
	div.oben address a:hover					{ color: #a05710; }
	
	div.oben .flash								{ position: absolute; left: 56px; top: 101px; }
	
	div.oben .logo								{ position: absolute; left: 62px; top: 50px; }
	
	
/* Mitte _________________________________________________________________ */

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

	
/* Links _________________________________________________________________ */

	div.links 									{ float: left; display: inline; width: 229px; text-align: right; overflow: hidden; }

	div.links ul 								{ list-style-type: none; margin: 12px 0px 0px 56px; padding: 0px 0px 0px 0px; text-align: left; }
	div.links li 								{ margin: 0px 0px 4px 0px; padding: 0px 0px 0px 20px; background: url(/images/design/bg-menu-li.gif) no-repeat 0px 6px; }
	div.links li a 								{ color: #5d5d5d; }
	div.links li.aktiv a 						{ color: #a05710; font-weight: bold; }
	div.links li a:hover 						{ color: #a05710; }
	
	div.linie									{ margin: 14px 0px 14px 0px; }
	
	div.newsletter								{ margin: 40px 16px 0px 56px; text-align: left; }
	div.newsletter input						{ margin: 5px 0px 0px 0px; height: 19px; line-height: 19px; font-size: 12px; width: 150px; border: 1px solid #dac399; background: #fbf4e6; }		
	div.newsletter a.senden						{ margin: 8px 4px 0px 0px; }
	
	div.holidaycheck							{ margin: 40px 20px 20px 40px; }
	



/* Inhalt ________________________________________________________________ */

	div.inhalt 									{ float: left; display: inline; width: 447px; margin: 0px 33px 0px 33px; padding: 10px 0px 0px 0px; }



/* Rechts ________________________________________________________________ */

	div.rechts 									{ float: left; display: inline; width: 231px; background: url(/images/design/bg-rechts.gif) no-repeat 0px 0px; height: 590px; }
	
	div.express-anfrage							{ margin: 0px 0px 40px 20px; padding: 12px 0px 0px 0px; color: #fff; }
	div.express-anfrage form					{ margin: 10px 0px 0px 0px; }
	div.express-anfrage select					{ font-size: 12px; padding: 0px 0px 0px 0px; }
	div.express-anfrage select.standard			{ font-size: 12px; padding: 0px 0px 0px 0px; width: 184px; }
	div.express-anfrage select.datummonth 		{ width: 50px; }
	
	div.express-anfrage .zimmertyp				{ width: 185px; }	
	div.express-anfrage p						{ margin: 0px 0px 4px 0px; padding: 0px 0px 0px 0px; }
	div.express-anfrage .jetzt-anfragen			{ text-align: right; margin: 10px 25px 0px 0px; }
	
	
	.bildrahmen { position: relative; left: 0px; top: 0px; width: 231px; height: 300px; overflow: hidden; }
	.bildflache { position: relative; left: 0px; top: 0px; width: 10050px; height: 300px; }
	.bildflache div.angebote { float: left; width: 231px; height: 300px; overflow: hidden; }
	.bildflache img { float: left; margin: 0px 1px 0px 0px; padding: 0px 0px 0px 0px; }
	
	.angebote-text { margin: 0px 20px 16px 20px; color: #fff; }
	.angebote-text span { font-size: 14px; font-weight: bold; }
	.weitere-infos { text-align: right; margin: 0px 20px 0px 20px; }
	
	.pfeile { position: absolute; left: 20px; top: 20px; }



/* Unten _________________________________________________________________ */

	div.unten 									{ clear: both; position: relative; width: 973px; height: 220px; background: url(/images/design/bg-unten.gif) no-repeat 0px 0px; }
	div.unten a									{ color: #585756; }
	div.unten a:hover							{ color: #a05710; }
	
	div.unten .impressum						{ position: absolute; left: 240px; top: 64px; font-size: 12px; }
	
	div.unten .drucken							{ position: absolute; right: 246px; top: 64px; font-size: 12px; }
	
	div.unten .partner							{ position: absolute; left: 0px; top: 130px; text-align: center; width: 973px; }



/* Lightbox ______________________________________________________________ */

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

	#lightbox a img								{ border: none !important; }

	#outerImageContainer						{ position: relative; background-color: #FFFFFF; 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: 0px; }
	#hoverNav									{ position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; z-index: 10; }
	#imageContainer>#hoverNav					{ left: 0px; }
	#hoverNav a									{ outline: none !important; }

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

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

	#imageData									{ padding: 0px 10px; color: #666666; }
	#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					{ background: transparent !important; width: 26px; float: right;  padding-bottom: 0.4em; }

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

	

/* HTML Lightbox _________________________________________________________ */

	#myHtmlLightbox												{ position: absolute; left: 0px; width: 100%; z-index: 1220; text-align: center; font-size: 0px; }

	#outerContainer												{ position: relative; background-color: #FFFFFF; width: 250px; height: 250px; margin: 0 auto; overflow: hidden; }

	#htmlContainer												{ padding: 10px 10px 10px 10px; }
	
	#htmlContainer #htmlLightboxIFrame							{ border: 0px; opacity: 0.0; filter: alpha(opacity = 0); }

	#myloading													{ position: absolute; left: 0%; top: 50%; margin-top: -16px; width: 100%; height: 25%; text-align: center; line-height: 0px; }

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

	#Data														{ padding: 0px 10px; color: #666666; }
	#Data #bottomNav											{ height: 40px; }
	#Data #bottomNavClose										{ background: transparent !important; width: 26px; float: right; padding-bottom: 0.4em; }
	
	#myhtmloverlay												{ position: fixed; _position: absolute; top: 0px; left: 0px; z-index: 90; width: 100%; height: 500px; background-color: #000000; }
	
	

/* __________________________________________________________________ Ende */