@import url("all.css");

/* Grundeinstellungen ____________________________________________________ */

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

	
	
/* Oben __________________________________________________________________ */

	div.oben 									{  }
	
	a.logo										{ position: absolute; left: 400px; top: 10px; width: 169px; height: 100px; _height: 200px; }
	
	div.oben h2									{ font-size: 11px; font-weight: bold; color: #640000; margin: 0px 0px 3px 0px; }
	
	div.oben div.top							{ background: url(/images/design/bg-top.gif) no-repeat 0px 0px #FFFFFF; height: 78px; }
	div.oben div.top div.sprache				{ float: right; margin: 10px 17px 0px 0px; }
	div.oben div.top div.sprache a				{ color: #640000;  }
	div.oben div.top div.sprache a:hover		{ color: #000000;  }
	
	div.oben div.rahmen-flash					{ background: url(/images/design/bg-linie.gif) repeat-x left bottom; height: 281px; }
	
	div.oben div.rahmen-flash-links				{ float: left; }
	div.oben div.rahmen-flash-mitte				{ float: left; }
	div.oben div.rahmen-flash-rechts			{ float: left; }

	div.oben ul.menu 							{ font-size: 12px; font-weight: bold; position: absolute; left: 132px; top: 345px; z-index: 7; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben ul.menu li 						{ background: url(/images/design/bg-menu-schatten-unten.gif) repeat-x left 24px; float: left; position: relative; margin: 0px 11px 0px 0px; min-height: 28px; _height: 28px; line-height: 28px; padding: 0px 0px 0px 0px; }
	div.oben ul.menu li#TopWohligeWellness		{ background: url(/images/design/bg-menu-schatten-unten-well.gif) repeat-x left 24px; float: left; position: relative; margin: 0px 11px 0px 0px; min-height: 28px; _height: 28px; line-height: 28px; padding: 0px 0px 0px 0px; }
	div.oben ul.menu li a 						{ background-color: #FFFFFF; border: solid 1px #640000; color: #640000; float: left; display: block; min-height: 24px; _height: 24px; line-height: 24px; padding: 0px 16px 0px 16px; }
	div.oben ul.menu li a:hover 				{ color: #FFFFFF; }
	div.oben ul.menu li.aktiv a,
	div.oben ul.menu a:hover 					{ background-color: #640000; color: #FFFFFF; }
	
	div.oben ul.menu ul 						{ background-color: #FFFFFF; border: solid 1px #640000; display: none; font-weight: normal; list-style-type: none; margin: 0px 0px 0px 0px; padding: 8px 0px 8px 0px; position: absolute; left: 0px; bottom: 30px; min-width: 180px; _width: 179px; }
	div.oben ul.menu ul li 						{ background: url(/images/design/bg-li-links.gif) repeat-x left bottom; display: block; float: none; margin: 0px 8px 0px 8px; min-height: 14px; _height: 14px; line-height: 14px; padding: 3px 0px 5px 0px; }
	div.oben ul.menu ul li.aktiv a 				{ background-color: transparent !important; color: #A7897F !important; }
	div.oben ul.menu ul li a 					{ background-color: transparent !important; border: none; color: #640000 !important; display: block; float: none; min-height: 14px; _height: 14px; line-height: 14px; margin: 0px 0px 0px 0px; padding: 0px 1px 0px 4px; }
	div.oben ul.menu ul li a:hover				{ color: #A7897F !important; }

	div.oben div.top-unten						{ background: url(/images/design/bg-top-unten.gif) repeat-y 0px 0px #FFFFFF; height: 131px; position: relative; }
	div.oben div.top-unten address				{ float: left; font-family: Arial; font-size: 11px; font-style: normal; margin: 0px 30px 0px 0px; padding: 12px 0px 0px 10px; }
	div.oben ul.top-untermenu					{ float: left; list-style-type: none; margin: 0px 20px 0px 3px; _margin: 0px 10px 0px 3px; padding: 23px 0px 0px 0px; text-align: center; width: 120px; }
	div.oben ul.top-untermenu a:hover			{ color: #640000; }
	
	div.oben div.top-unten div.angebot			{ float: left; margin: 20px 25px 0px 0px; width: 260px; }
	div.oben div.angebot h3						{ font-size: 11px; font-weight: bold; margin: 0px 0px 0px 0px; }
	div.oben div.angebot p						{ margin: 2px 0px 5px 0px; }
	div.oben div.angebot div.preis				{ float: right; font-size: 12px; color: #640000; }
	div.oben div.angebot a.weiter				{ background: url(/images/design/bg-weiter-anfang-braun.gif) no-repeat left top #D8BF7D; float: right; line-height: 14px; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 15px; text-transform: uppercase; }
	div.oben div.angebot a.weiter span			{ background: url(/images/design/bg-weiter-ende-braun.gif) no-repeat right top; clear: both; padding: 0px 25px 0px 0px; }

	div.oben div.anfrage									{ float: left; margin: 20px 0px 0px 0px; _margin: 20px 20px 0px 0px; overflow: visible; width: 294px; }
	div.oben div.anfrage div.apilinks						{ width: 140px; float: left; display: inline; _margin: 0px 0px 0px 10px; }
	div.oben div.anfrage div.apirechts						{ width: 135px; float: left; display: inline; }
	div.oben div.anfrage option								{ font-size: 11px; }
	div.oben div.anfrage select								{ font-size: 11px; }
	div.oben div.anfrage select.input_long					{ width: 135px; }
	div.oben div.anfrage #bp_from_day, 						
	div.oben div.anfrage #bp_from_month, 					
	div.oben div.anfrage #bp_to_day, 						
	div.oben div.anfrage #bp_to_month 						{ width: 40px; }
	div.oben div.anfrage #bp_from_year,						
	div.oben div.anfrage #bp_to_year						{ width: 50px; }
	div.oben div.anfrage select.input_small					{ width: 43px; }
	div.oben div.anfrage span.label							{ color: #640000; }
	div.oben div.anfrage select#nArrivalYear				{ _margin: 0px 15px 0px 0px; }
	div.oben div.anfrage p.daten							{ float: left; margin: 0px 4px 0px 0px; }
	div.oben div.anfrage p.zimmertyp						{ clear: both; float: left; margin: 0px 0px 0px 0px; padding: 4px 0px 0px 0px; }
	div.oben div.anfrage a.weiter							{ background: url(/images/design/bg-weiter-anfang-braun.gif) no-repeat left top #D8BF7D; float: left; line-height: 14px; margin: 23px 0px 0px 40px; padding: 0px 0px 0px 25px; text-transform: uppercase; }
	div.oben div.anfrage a.weiter span						{ background: url(/images/design/bg-weiter-ende-braun.gif) no-repeat right top; clear: both; padding: 0px 25px 0px 0px; }

	div.oben div.anfrage a.button							{ width: 64px; height: 15px; float: left; display: inline; font-size: 11px; line-height: 15px; color: #ffffff; background-color: #688098; border:solid 1px #FFFFFF; text-align: center; _width: 65px; _height: 19px; _margin: 1px 0px 0px 0px; }
	div.oben div.anfrage a.buttonrechts						{ float: right; display: inline; }
	div.oben div.anfrage #bp_anzahl_erw						{ margin: 0px 0px 16px 0px; }
	
	div.oben div.wetter							{ float: left; margin: 5px 8px 0px 0px; width: 105px; padding: 0px 0px 0px 0px; }
	div.oben div.wetter	img						{ float: right; }
	div.oben div.wetter a						{ color: #640000; float: right; font-weight: bold; }
	div.oben div.wetter a:hover					{ color: #000000; }
	
	div.oben div.top-unten-schatten				{ background: url(/images/design/bg-top-unten-schatten.gif) repeat-x 0px 0px #FFFFFF; border-left: solid 1px #C0B689; border-right: solid 1px #C0B689; margin: 0px 0px 0px 0px; padding: 0px 0px 9px 0px; }

	
/* Mitte _________________________________________________________________ */

	div.mitte 									{ background: url(/images/design/bg-mitte.gif) repeat-y 0px 0px #FFFFFF; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; _height: 100%; }
	div.mitte-preise							{ background: url(/images/design/bg-mitte-preise.gif) repeat-y 0px 0px #FFFFFF; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; _height: 100%; }
	

	
/* Links _________________________________________________________________ */

	div.links 									{ background: url(/images/design/bg-menu-links.jpg) no-repeat 0px 0px #FAF0D1; border-left: solid 1px #C0B689; float: left; display: inline; margin: 0px 0px 0px 0px; width: 156px; height: 100%; }

	div.links div.menu h2						{ background: url(/images/design/bg-untermenu-schatten-recht.gif) no-repeat 131px 0px; color: #640000; font-size: 12px; margin: 37px 0px 5px 0px; }
	div.links div.menu h2 span					{ background: url(/images/design/bg-untermenu-schatten-unten.gif) repeat-x 0px 20px #D8BF7D; display: block; margin: 0px 24px 0px 0px; padding: 3px 0px 8px 8px; }	
	div.links ul.menu 							{ font-size: 11px; line-height: 16px; list-style-type: none; margin: 30px 8px 0px 9px; padding: 0px 0px 0px 0px; }
	div.links ul.menu							{ margin: 0px 0px 0px 0px; }
	div.links ul.menu li 						{ margin: 0px 0px 0px 0px; padding: 0px 0px 1px 0px; }
	div.links ul.menu li a 						{ color: #000000; display: block; font-size: 11px; margin: 0px 0px 0px 0px; padding: 0px 0px 1px 14px; }
	div.links ul.menu li a:hover				{ color: #640000; }
	div.links ul.menu li.aktiv a 				{ font-weight: bold; }
	div.links ul.menu li.aktiv ul li a 			{ background-color: transparent; font-weight: normal; }
	
	div.links div.newsletter  					{ margin: 0px 0px 40px 0px; }
	div.links div.newsletter h2	span			{ background: url(/images/design/bg-untermenu-schatten-unten.gif) repeat-x 0px 20px #D8BF7D; display: block; margin: 0px 24px 0px 0px; padding: 3px 0px 8px 8px; }
	div.links div.newsletter h2					{ background: url(/images/design/bg-untermenu-schatten-recht.gif) no-repeat 131px 0px; color: #640000; font-size: 12px; margin: 37px 0px 5px 0px; }
	div.links div.newsletter p					{ margin: 0px 13px 10px 8px; }
	div.links div.newsletter input				{ border: solid 1px #C0B689; font-size: 12px; margin: 0px 0px 0px 8px; padding: 2px 2px 2px 2px; width: 130px; }
	div.links div.newsletter a.weiter			{ background: url(/images/design/bg-weiter-anfang-braun.gif) no-repeat left top #D8BF7D; float: right; line-height: 14px; margin: 7px 17px 0px 0px; padding: 0px 0px 0px 25px; text-transform: uppercase; }
	div.links div.newsletter a.weiter span		{ background: url(/images/design/bg-weiter-ende-braun.gif) no-repeat right top; clear: both; padding: 0px 25px 0px 0px; }

	div.links div.gutschein  					{ margin: 0px 0px 0px 0px; padding: 0px 0px 20px 0px; }
	div.links div.gutschein h2	span			{ background: url(/images/design/bg-untermenu-schatten-unten.gif) repeat-x 0px 20px #D8BF7D; display: block; margin: 0px 24px 0px 0px; padding: 3px 0px 8px 8px; }
	div.links div.gutschein h2					{ background: url(/images/design/bg-untermenu-schatten-recht.gif) no-repeat 131px 0px; color: #640000; font-size: 12px; margin: 37px 0px 5px 0px; }
	div.links div.gutschein p					{ margin: 0px 13px 10px 8px; }
	div.links div.gutschein input				{ border: solid 1px #C0B689; font-size: 12px; margin: 0px 0px 0px 8px; padding: 2px 2px 2px 2px; width: 130px; }
	div.links div.gutschein a.weiter			{ background: url(/images/design/bg-weiter-anfang-braun.gif) no-repeat left top #D8BF7D; float: right; line-height: 14px; margin: 7px 17px 0px 0px; padding: 0px 0px 0px 25px; text-transform: uppercase; }
	div.links div.gutschein a.weiter span		{ background: url(/images/design/bg-weiter-ende-braun.gif) no-repeat right top; clear: both; padding: 0px 25px 0px 0px; }

	


/* Inhalt ________________________________________________________________ */

	div.inhalt 									{ float: left; display: inline; margin: 0px 0px 0px 0px; overflow: hidden; padding: 42px 42px 40px 42px; position: relative; width: 619px; _width: 705px;  }
	div.inhaltpreise							{ float: left; display: inline; margin: 0px 0px 0px 0px; overflow: hidden; padding: 42px 42px 40px 42px; width: 719px; _width: 805px;  }



/* Rechts ________________________________________________________________ */

	div.rechts 									{ float: left; display: inline; width: 132px; height: 100%; }

	div.rechts div.logos						{ text-align: center; }
	div.rechts div.logos img					{ margin: 25px 0px 5px 0px; }
	div.rechts div.logos a img.tianes			{ float: right; display: inline; margin: 25px 1px 5px 0px; }


/* Unten _________________________________________________________________ */

	div.unten									{ background-color: #FFFFFF; border: solid 1px #C0B689; clear: both; float: left; width: 991px; _width: 993px; }
	div.unten div.unten-inhalt					{ padding: 5px 10px 5px 10px; }
	div.unten span								{ float: right; margin: -18px 0px 0px 0px; padding: 5px 10px 5px 10px; }



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