@import url("all.css");

/* Grundeinstellungen ____________________________________________________ */

	body 														{ background: url(/images/design/bg-all.png) no-repeat #812323 center top; text-align: center; }
	div.rahmen 													{ width: 982px; margin: 0 auto; text-align: left; position: relative; }
	div.rahmen div.rahmeninnen									{ position: absolute; left: 0px; top: 0px; }

	
	
/* Oben __________________________________________________________________ */

	div.oben 													{ position: relative; width: 982px; height: 126px; }
	div.oben a 													{ text-decoration: none; }
	
	div.oben div.sprache										{ color: #b18b7c; font-size: 11px; position: absolute; right: 19px; top: 9px; }
	div.oben div.sprache a										{ color: #b18b7c; }

	div.oben ul.menu 											{ background: url(/images/design/bg-menu.png) no-repeat 0px 0px; position: absolute; left: 0px; top: 40px; z-index: 7; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 982px; height: 73px;  }
	div.oben ul.menu li 										{ float: left; margin: 0px 0px 0px 0px; padding: 17px 14px 0px 22px; font-size: 18px; }
	div.oben ul.menu li a 										{ color: #FFFFFF; display: block; text-align: center; }
	div.oben ul.menu li span									{ color: #b18b7c; display: block; font-size: 11px; line-height: 14px; text-align: center; }
	div.oben ul.menu li.aktiv a,
	div.oben ul.menu a:hover 									{ color: #b18b7c; }
	
	div.oben ul.menu ul 										{ display: none; font-weight: normal; list-style-type: none; margin: 0px 0px 0px 0px; padding: 5px 0px 17px 0px; position: absolute; left: 0px; top: 39px; min-width: 150px; _width: 149px; }
	div.oben ul.menu ul li 										{ background: url(/images/design/bg-li-links.gif) repeat-x left bottom; display: block; float: none; margin: 0px 11px 0px 11px; padding: 2px 0px 3px 0px; }
	div.oben ul.menu ul li.aktiv 								{ font-weight: bold; }
	div.oben ul.menu ul li.aktiv a, 			
	div.oben ul.menu ul li a	 								{ display: block; float: none; min-height: 18px; _height: 18px; line-height: 18px; padding: 0px 3px 0px 5px; }
	
	
	
/* Inhalt ________________________________________________________________ */

	div.inhalt 													{ background: url(/images/design/bg-inhalt.png) repeat 0px 0px; margin: 0px 0px 20px 0px; width: 982px; _height: 0px; overflow: hidden; _overflow: visible; }



/* Unten _________________________________________________________________ */

	div.unten 													{ clear: both; position: relative; width: 982px; height: 715px; }
	div.untenstart												{ height: 800px; }
	div.unten a													{ text-decoration: none; }
	
	div.unten div.kontaktbox									{ color: #c1a296; width: 181px; }
	div.unten div.kontaktbox a									{ color: #c1a296; }
	div.unten div.kontaktbox a.logo								{ display: block; margin: 0px 0px 20px 0px; }
	div.unten div.kontaktbox address							{ font-style: normal; margin: 0px 0px 0px 3px; }
	div.unten div.kontaktbox address span						{ display: block; line-height: 21px; }
	div.unten div.kontaktbox address span.abstand				{ margin: 0px 0px 8px 0px; }
	
	div.unten div.boxen ul.menu									{ background: url(/images/design/bg-menu-boxen.png) no-repeat 0px 0px; position: absolute; left: 210px; top: 20px; z-index: 7; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 773px; height: 43px; }
	div.unten div.boxen ul.menu li								{ float: left; margin: 0px 0px 0px 0px; padding: 10px 2px 0px 26px; font-size: 13px; }
	div.unten div.boxen ul.menu li a							{ color: #FFFFFF; display: block; text-align: center; }
	div.unten div.boxen ul.menu li a:hover						{ color: #b18b7c; }
	
	div.unten div.boxen div.box1								{ background-color: #8e3535; position: absolute; left: 210px; top: 83px; width: 238px; height: 347px; }
	div.unten div.boxen div.box1 img							{ margin: 4px 4px 8px 4px; }
	div.unten div.boxen div.box1 span							{ display: block; font-size: 18px; margin: 0px 15px 4px 15px; }
	div.unten div.boxen div.box1 p								{ color: #c1a296; display: block; font-size: 12px; line-height: 21px; margin: 0px 15px 11px 15px; }
	
	div.unten div.boxen div.box2								{ background-color: #8e3535; position: absolute; left: 478px; top: 83px; width: 238px; height: 347px; }
	div.unten div.boxen div.box2 img							{ margin: 4px 4px 8px 4px; }
	div.unten div.boxen div.box2 span							{ display: block; font-size: 18px; margin: 0px 15px 4px 15px; }
	
	div.unten div.boxen ul.boxlinks								{ list-style-type: none; margin: 0px 15px 0px 15px; padding: 0px 0px 0px 0px; }
	div.unten div.boxen ul.boxlinks li							{ background: url(/images/design/bg-pfeil.gif) no-repeat 0px 6px; font-size: 12px; line-height: 21px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 19px; }
	div.unten div.boxen ul.boxlinks li a						{ color: #FFFFFF; }
	div.unten div.boxen ul.boxlinks li a:hover					{ color: #b18b7c; }
	
	
	div.unten div.boxen div.anfrage								{ background-color: #595959; position: absolute; left: 746px; top: 83px; width: 237px; height: 347px; }
	div.unten div.boxen div.anfrage span						{ display: block; font-size: 23px;line-height: 28px; margin: 14px 0px 7px 20px; }
	div.unten div.boxen div.anfrage p							{ color: #b8b8b8; display: block; font-size: 12px; line-height: 21px; margin: 0px 20px 11px 20px; }
	div.unten div.boxen div.anfrage a.onlinebuchen				{ position: absolute; right: 34px; bottom: 18px; }
	
	div.unten div.footer										{ color: #c1a296; font-size: 11px; width: 982px; height: 210px; position: absolute; left: 0px; bottom: 0px; }
	div.unten div.footer div.left								{ position: absolute; left: 0px; top: 0px; }
	div.unten div.footer div.right								{ position: absolute; right: 0px; top: 0px; }
	div.unten div.footer a										{ color: #c1a296; }
	div.unten div.footer a img									{ vertical-align: text-bottom; }
	
	div.unten div.footer div.logos								{ background: url(/images/design/bg-footer.png) no-repeat 0px 0px; position: absolute; left: 0px; top: 26px; width: 982px; height: 120px; }
	div.unten div.footer div.logos img.wifi						{ position: absolute; left: 19px; top: 21px; }
	div.unten div.footer div.logos img.bz						{ position: absolute; right: 135px; top: 21px; }
	div.unten div.footer div.logos img.sdt						{ position: absolute; right: 17px; top: 21px; }
	
	div.unten div.hometext										{ position: absolute; left: 0px; top: 445px; }
	div.unten div.hometext h1									{ font-size: 18px; margin: 0px 0px 0px 0px; }
	div.unten div.hometext p									{ font-size: 12px; margin: 0px 0px 0px 0px; }
	
	
	
/* Anfrageformular OnPage ________________________________________________ */

	form.onpage													{ margin: 0px 0px 0px 20px; }
	form.onpage .colum1											{ width: 194px; }
	form.onpage select.standard 								{ width: 194px; }	
	form.onpage select.datumday 								{ width: 50px; margin: 0px 5px 4px 0px; }	
	form.onpage select.datummonth 								{ width: 74px; margin: 0px 5px 4px 0px; }	
	form.onpage select.datumyear 								{ width: 56px; margin: 0px 5px 4px 0px; }
	form.onpage .senden											{ background: transparent; float: right; margin: 0px 32px 0px 0px; }
	
	
	
/* Footer ________________________________________________________________ */
	
	div.footernavigation 										{ font-size: 10px; position: absolute; left: 0px; bottom: 46px; width: 990px; z-index: 20; }
	div.footernavigation ul 									{ list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.footernavigation li 									{ color: #c1a296; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; white-space: nowrap; }
	div.footernavigation a 										{ color: #c1a296; }
	div.footernavigation a:hover 								{ color: #c1a296; }



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



/* __________________________________________________________________ Ende */