@import url("all.css");

/* Grundeinstellungen ____________________________________________________ */

	div.rahmen 									{ background: url(/images/design/bg-rahmen-oben.gif) no-repeat 0px 0px #FFFFFF; margin: 0 auto; position: relative; text-align: left; width: 953px;  }

	
	
/* Oben __________________________________________________________________ */

	div.oben 									{ height: 431px; position: relative; z-index: 10; }
	div.oben ul.sprache							{ list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: absolute; left: 17px; top: 87px; }
	div.oben ul.sprache	li						{ background: url(/images/design/pfeil.gif) no-repeat 0px 6px; float: left; margin: 0px 9px 0px 0px; min-height: 18px; _height: 18px; line-height: 18px; padding: 0px 0px 0px 14px; }
	div.oben ul.sprache	li a					{ color: #000000; }
	div.oben ul.sprache	li a:hover				{ color: #869A0F; }
	div.oben a.logo								{ position: absolute; left: 300px; top: 6px; }
	div.oben address							{ color: #A3A3A3; font-size: 11px; font-style: normal; position: absolute; right: 18px; top: 6px; }
	div.oben div.linie-oben						{ background: #F7941D; position: absolute; left: 5px; top: 106px; width: 943px; height: 4px; }
	div.oben div.flash							{ background: #9ED3F2; position: absolute; left: 5px; top: 110px; width: 943px; height: 283px; }
	div.oben #imagefading						{ background: #9ED3F2; position: absolute; left: 41px; top: 0px; width: 861px; height: 283px; }
	div.oben div.bg-flash-overlay				{ background: url(/images/design/bg-flash-overlay-rechts.gif) no-repeat 0px 0px; position: absolute; right: 0px; _right: -1px; top: 88px; width: 41px; height: 36px; }

	div.oben div.menu-start						{ background: url(/images/design/bg-ul-menu-start.gif) no-repeat 0px 0px #FFFFFF; position: absolute; left: 5px; bottom: 0px; width: 41px; height: 43px; }
	div.oben div.menu-ende						{ background: url(/images/design/bg-ul-menu-ende.gif) no-repeat 0px 0px #FFFFFF; position: absolute; right: 5px; _right: 4px; bottom: 0px; width: 41px; height: 43px; }
	div.oben ul.menu 							{ background: url(/images/design/bg-ul-menu.gif) repeat-x 0px 0px; font-weight: bold; position: absolute; left: 20px; bottom: 0px; z-index: 7; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 887px; }
	div.oben ul.menu li 						{ float: left; position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben ul.menu li a 						{ color: #00224F; float: left; font-weight: bold; font-size: 14px; display: block; min-height: 38px; _height: 38px; line-height: 38px; padding: 0px 0px 0px 40px; }
	div.oben ul.menu li.4erstes a				{ padding: 0px 0px 0px 0px; }
	div.oben ul.menu li a:hover 				{ color: #869A0F; }
	div.oben ul.menu li.aktiv,
	div.oben ul.menu a:hover 					{ color: #869A0F; }
	
	div.oben ul.menu ul 						{ background: #D1DF7A; display: none; border: 4px solid #FFFFFF; font-weight: normal; list-style-type: none; margin: 0px 0px 0px 25px; padding: 5px 0px 17px 0px; position: absolute; left: 0px; top: 33px; min-width: 198px; _width: 179px; z-index: 15; }
	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 a					{ float: none; font-size: 14px; font-weight: normal; min-height: 18px; _height: 18px; line-height: 18px; padding: 0px 0px 0px 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:hover 				{ color: #869A0F; }
	
	
	
/* Mitte _________________________________________________________________ */

	div.mitte 									{ background: url(/images/design/bg-mitte.gif) repeat-y 0px 0px; margin: 11px 0px 0px 11px; min-height: 100%; _height: 100%; position: relative; z-index: 1; }
	

	
/* Links _________________________________________________________________ */

	div.links 									{ background: #FFFFFF; float: left; display: inline; margin: 0px 0px 0px 0px; width: 230px; min-height: 100%; }
	
	div.links ul.menurechts						{ background: url(/images/design/bg-box-start.gif) no-repeat 0px 0px #EEF3CC; margin: 0px 0px 2px 0px !important; padding: 20px 10px 10px 20px !important; width: 200px; _width: 230px; }
	div.links ul.menurechts li.ueberschrift		{ background: transparent; color: #0069A6; font-size: 14px; font-weight: bold; margin: 0px 0px 7px 0px; }
	
	div.links div.anfrage						{ background: #EEF3CC; margin: 0px 0px 2px 0px; padding: 11px 0px 0px 0px; width: 230px; height: 182px; }
	div.links div.anfrage span.deutsch			{ background: url(/images/design/bg-ueberschrift-anfrage.gif) no-repeat 0px 0px #EEF3CC; display: block; margin: 0px 0px 0px 18px; width: 191px; height: 23px; }
	div.links div.anfrage span.italienisch		{ background: url(/images/design/bg-ueberschrift-anfrage-it.gif) no-repeat 0px 0px #EEF3CC; display: block; margin: 0px 0px 0px 18px; width: 191px; height: 23px; }
	div.links div.anfrage span.englisch			{ background: url(/images/design/bg-ueberschrift-anfrage-en.gif) no-repeat 0px 0px #EEF3CC; display: block; margin: 0px 0px 0px 18px; width: 191px; height: 23px; }
	div.links div.anfrage form					{ margin: -6px 0px 0px 36px; padding: 0px 0px 0px 0px; }
	div.links div.anfrage a.weiter-rechts		{ width: auto; float: left; display: inline; margin: 0px 0px 10px 0px; padding: 2px 10px 2px 10px; }
	div.links div.anfrage a.weiterrechts		{ margin: 0px 0px 0px 20px; }
	div.anfrage form select.zimmertyponpage		{ margin: 0px 0px 7px 0px; width: 156px; }
	#bp_to_day									{ width: 45px; }
	#bp_to_month								{ width: 45px; }
	#bp_to_year									{ width: 60px; }
	#bp_from_day								{ width: 45px; }
	#bp_from_month								{ width: 45px; }
	#bp_from_year								{ width: 60px; }

	
	
	div.links div.anfrage form p				{ margin: 0px 0px 2px 0px; }
	div.links div.anfrage form a				{ background: #F7941D; color: #FFFFFF; display: block; font-size: 10px; margin: 0px 0px 0px -20px; padding: 2px 0px 2px 0px; text-align: center; text-transform: uppercase; width: 192px; }
	div.links div.anfrage form a:hover			{ background: #869A0F; }
	
	div.links div.aktuelles						{ background: url(/images/design/bg-aktuelles.gif) no-repeat right top #EEF3CC; margin: 0px 0px 2px 0px; padding: 9px 0px 0px 0px; width: 230px; height: 105px; }
	div.links div.aktuelles	span.deutsch		{ background: url(/images/design/bg-ueberschrift-aktuelles.gif) no-repeat 0px 0px #EEF3CC; display: block; margin: 0px 0px 0px 18px; width: 102px; height: 23px; }
	div.links div.aktuelles	span.italienisch	{ background: url(/images/design/ueberschrift-aktuelles-it.gif) no-repeat 0px 0px #EEF3CC; display: block; margin: 0px 0px 0px 18px; width: 102px; height: 23px; }
	div.links div.aktuelles	span.englisch		{ background: url(/images/design/ueberschrift-aktuelles-en.gif) no-repeat 0px 0px #EEF3CC; display: block; margin: 0px 0px 0px 18px; width: 158px; height: 23px; }
	
	div.links div.newsletter					{ background: #DDE79C; padding: 7px 0px 0px 0px; width: 230px; height: 107px; }
	div.links div.newsletter span.deutsch		{ background: url(/images/design/bg-ueberschrift-newsletter.gif) no-repeat 0px 0px #EEF3CC; display: block; margin: 0px 0px 0px 22px; width: 188px; height: 37px; }
	div.links div.newsletter span.italienisch	{ background: url(/images/design/ueberschrift-newsletter-it.gif) no-repeat 0px 0px #EEF3CC; display: block; margin: 0px 0px 0px 22px; width: 188px; height: 37px; }
	div.links div.newsletter span.englisch		{ background: url(/images/design/ueberschrift-newsletter-en.gif) no-repeat 0px 0px #EEF3CC; display: block; margin: 0px 0px 0px 22px; width: 118px; height: 37px; }
	div.links div.newsletter p					{ font-size: 12px; margin: 2px 0px 5px 22px !important; padding: 0px 0px 0px 0px; }
	div.links div.newsletter form				{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.links div.newsletter input				{ float: left; font-size: 11px; margin: 0px 0px 0px 22px; padding: 0px 0px 0px 2px; width: 160px; _height: 16px; line-height: 14px; }
	div.links div.newsletter a					{ background: url(/images/design/newsletter-senden.gif) no-repeat 0px 0px #FFFFFF; display: block; float: right; margin: 1px 18px 0px 0px; _margin: 0px 13px 0px 0px; width: 20px; height: 16px; }
	
	div.links div.box-unten						{ background: #EEF3CC; width: 230px; height: 120px; }

	div.links ul.menu 							{ list-style-type: none; margin: 12px 8px 0px 20px; padding: 0px 0px 0px 0px; }
	div.links ul.menu li 						{ background: url(/images/design/pfeil.gif) no-repeat 0px 4px; margin: 0px 0px 0px 0px; padding: 0px 0px 1px 0px; }
	div.links ul.menu li a 						{ color: #000000; display: block; font-size: 12px; margin: 0px 0px 0px 0px; padding: 0px 0px 1px 14px; }
	div.links ul.menu li.aktiv a 				{ color: #869A0F; }
	div.links ul.menu li a:hover 				{ color: #869A0F; }


/* Inhalt ________________________________________________________________ */

	div.inhalt 									{ float: left; display: inline; margin: 11px 26px 0px 26px; width: 421px; min-height: 100%; position: relative; z-index: 1; }



/* Rechts ________________________________________________________________ */

	div.rechts 									{ background: #FFFFFF; float: left; display: inline; width: 234px; min-height: 100%; }
	
	div.rechts div.ihrurlaub					{ background: url(/images/design/bg-box-start.gif) no-repeat 0px 0px #EEF3CC; margin: 0px 0px 2px 0px; padding: 11px 0px 0px 0px; width: 230px; height: 125px; }
	div.rechts div.ihrurlaub div.edelweiss		{ background: url(/images/design/bg-urlaub.jpg) no-repeat right bottom; width: 230px; height: 125px; }
	div.ihrurlaub div.edelweiss span.deutsch	{ background: url(/images/design/bg-ueberschrift-urlaub.gif) no-repeat 0px 0px #EEF3CC; display: block; margin: 0px 0px 0px 18px; width: 117px; height: 25px; }
	div.ihrurlaub div.edelweiss span.italienisch{ background: url(/images/design/bg-ueberschrift-urlaub-it.gif) no-repeat 0px 0px #EEF3CC; display: block; margin: 0px 0px 0px 18px; width: 186px; height: 25px; }
	div.ihrurlaub div.edelweiss span.englisch	{ background: url(/images/design/bg-ueberschrift-urlaub-en.gif) no-repeat 0px 0px #EEF3CC; display: block; margin: 0px 0px 0px 18px; width: 186px; height: 25px; }
	div.rechts div.glutenfrei					{ background: #D1DF7A; width: 230px; height: 62px; margin: 0px 0px 2px 0px; }
	div.rechts div.glutenfrei p					{ color: #00224F; font-size: 13px; margin: 0px 0px 0px 0px; padding: 7px 0px 0px 0px; }
	div.rechts div.glutenfrei p span			{ font-size: 14px; font-weight: bold; }
	div.rechts div.angebot						{ background: #EEF3CC; margin: 0px 0px 2px 0px; padding: 11px 0px 0px 0px; width: 230px; height: 184px; _height: 194px; }
	div.rechts div.angebot span.deutsch			{ background: url(/images/design/bg-ueberschrift-angebot.gif) no-repeat 0px 0px #EEF3CC; display: block; margin: 0px 0px 0px 18px; width: 93px; height: 33px; }
	div.rechts div.angebot span.italienisch		{ background: url(/images/design/bg-ueberschrift-angebot-it.gif) no-repeat 0px 0px #EEF3CC; display: block; margin: 0px 0px 0px 18px; width: 93px; height: 33px; }
	div.rechts div.angebot span.englisch		{ background: url(/images/design/bg-ueberschrift-angebot-en.gif) no-repeat 0px 0px #EEF3CC; display: block; margin: 0px 0px 0px 18px; width: 93px; height: 33px; }
	div.rechts div.angebot-inhalt				{ margin: 0px 19px 0px 19px; }
	div.rechts div.angebot-inhalt h3			{ color: #0069A6; font-size: 12px; margin: 0px 0px 0px 0px;	}
	div.rechts div.angebot-inhalt div.zeitraum	{ margin: 0px 0px 2px 0px;	}
	div.rechts div.angebot-inhalt span.preis	{ clear: both; color: #0069A6; float: right; font-size: 16px; font-weight: bold; margin: 1px 0px 7px 0px; }
	div.rechts div.angebot-inhalt a.details		{ background: #F7941D; color: #FFFFFF; display: block; float: left; font-size: 11px; margin: 0px 5px 0px 0px; padding: 2px 0px 2px 0px; text-align: center; text-transform: uppercase; width: 72px; }
	div.rechts div.angebot-inhalt a.angebote	{ background: #F7941D; color: #FFFFFF; display: block; float: left; font-size: 11px; margin: 0px 0px 0px 0px; padding: 2px 0px 2px 0px; text-align: center; text-transform: uppercase; width: 113px; }
	div.rechts div.angebot-inhalt a:hover		{ background: #869A0F; }
	div.rechts div.angebot-inhalt p				{ margin: 0px 0px 3px 0px; }
	
	div.rechts div.holidaycheckaussen			{ background: #EEF3CC; width: 230px; padding: 0px 0px 0px 0px; margin: 2px 0px 0px 0px; }
	div.rechts div.holidaycheck					{ padding: 10px 0px 10px 0px; margin: 0px 0px 0px 15px;	}
	div.rechts div.boxunten						{ background: #EEF3CC; margin: 0px 0px 0px 0px; padding: 11px 0px 0px 0px; width: 230px; height: 110px; _height: 155px; }
	div.rechts div.boxunten	div.logos			{ background: #FFFFFF; margin: 0px 5px 0px 5px; padding: 10px 0px 19px 0px; }
	div.rechts div.boxunten	div.logos img		{ margin: 0px 0px 0px 10px; }
	
	div.rechts div.edelweiss ul.menu 			{ list-style-type: none; margin: 5px 8px 0px 20px; padding: 0px 0px 0px 0px; }
	div.rechts div.edelweiss ul.menu li 		{ background: url(/images/design/pfeil.gif) no-repeat 0px 4px; margin: 0px 0px 0px 0px; padding: 0px 0px 1px 0px; }
	div.rechts div.edelweiss ul.menu li a 		{ color: #000000; display: block; font-size: 12px; margin: 0px 0px 0px 0px; padding: 0px 0px 1px 14px; }
	div.rechts div.edelweiss ul.menu li.aktiv a { color: #869A0F; }
	div.rechts div.edelweiss ul.menu li a:hover { color: #869A0F; }


	
	
/* Unten _________________________________________________________________ */

	div.unten 									{ background: url(/images/design/bg-unten.gif) no-repeat 0px 0px #FFFFFF; clear: both; color: #0069A6; height: 23px; margin: 0px 0px 0px 0px; padding: 35px 12px 2px 12px; }
	div.unten a 								{ color: #0069A6; }
	div.unten a img								{ vertical-align: text-bottom; }



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