@import url("all.css");

/* Grundeinstellungen ____________________________________________________ */

	div.rahmen 									{ background: url(/images/design/bg-rahmen.gif) repeat-y 12px 0px; min-height: 100%; width: 979px; margin: 0 auto; text-align: left; position: relative; overflow: hidden; }
	div.rahmenbooking 							{ background: url(/images/design/bg-rahmen-booking.jpg) repeat-y 12px 0px; }

	div.oben 									{ float: right; width: 716px; }

	div.oben ul.menu 							{ position: absolute; left: 28px; top: 166px; z-index: 7; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 969px; height: 75px; }
	div.oben ul.menu li.zimmer-preise-de 		{ float: left; display: inline; margin: 18px 0px 0px 35px; padding: 0px 0px 0px 0px; }
	div.oben ul.menu li.zimmer-preise-de a		{ background: url(/images/design/zimmer-preise.gif) no-repeat 0px 0px; display: inline; float: left; width: 166px; height: 32px; }
	div.oben ul.menu li.zimmer-preise-de a:hover{ background: url(/images/design/zimmer-preise-over.gif) no-repeat 0px 0px; display: inline; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 166px; height: 32px; }
	
	div.oben ul.menu li.zimmer-preise-en 		{ float: left; display: inline; margin: 18px 0px 0px 35px; padding: 0px 0px 0px 0px; }
	div.oben ul.menu li.zimmer-preise-en a		{ background: url(/images/design/zimmer-preise-en.gif) no-repeat 0px 0px; display: inline; float: left; width: 166px; height: 32px; }
	div.oben ul.menu li.zimmer-preise-en a:hover{ background: url(/images/design/zimmer-preise-en-over.gif) no-repeat 0px 0px; display: inline; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 166px; height: 32px; }
	
	div.oben ul.menu li.zimmer-preise-it 		{ float: left; display: inline; margin: 18px 0px 0px 35px; padding: 0px 0px 0px 0px; }
	div.oben ul.menu li.zimmer-preise-it a		{ background: url(/images/design/zimmer-preise-it.gif) no-repeat 0px 0px; display: inline; float: left; width: 166px; height: 32px; }
	div.oben ul.menu li.zimmer-preise-it a:hover{ background: url(/images/design/zimmer-preise-it-over.gif) no-repeat 0px 0px; display: inline; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 166px; height: 32px; }
	
	div.oben ul.menu li.businessreisen-de 		{ float: left; display: inline; margin: 35px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben ul.menu li.businessreisen-de a		{ background: url(/images/design/businessreisen.gif) no-repeat 0px 0px; float: left; margin: 0px 0px 0px 160px; padding: 0px 0px 0px 0px; width: 136px; height: 32px; }
	div.oben ul.menu li.businessreisen-de a:hover{ background: url(/images/design/businessreisen-over.gif) no-repeat 0px 0px; float: left; margin: 0px 0px 0px 160px; padding: 0px 0px 0px 0px; width: 136px; height: 32px; }
	
	div.oben ul.menu li.businessreisen-en 		{ float: left; display: inline; margin: 35px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben ul.menu li.businessreisen-en a		{ background: url(/images/design/businessreisen-en.gif) no-repeat 0px 0px; float: left; margin: 0px 0px 0px 160px; padding: 0px 0px 0px 0px; width: 136px; height: 32px; }
	div.oben ul.menu li.businessreisen-en a:hover{ background: url(/images/design/businessreisen-en-over.gif) no-repeat 0px 0px; float: left; margin: 0px 0px 0px 160px; padding: 0px 0px 0px 0px; width: 136px; height: 32px; }

	div.oben ul.menu li.businessreisen-it 		{ float: left; display: inline; margin: 35px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben ul.menu li.businessreisen-it a		{ background: url(/images/design/businessreisen-it.gif) no-repeat 0px 0px; float: left; margin: 0px 0px 0px 160px; padding: 0px 0px 0px 0px; width: 137px; height: 32px; }
	div.oben ul.menu li.businessreisen-it a:hover{ background: url(/images/design/businessreisen-it-over.gif) no-repeat 0px 0px; float: left; margin: 0px 0px 0px 160px; padding: 0px 0px 0px 0px; width: 137px; height: 32px; }
	
	div.oben ul.menu li.busreisen-de 			{ float: left; display: inline; margin: 35px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben ul.menu li.busreisen-de a			{ background: url(/images/design/busreisen.gif) no-repeat 0px 0px; float: left; margin: 0px 0px 0px 52px; padding: 0px 0px 0px 0px; width: 94px; height: 32px; }
	div.oben ul.menu li.busreisen-de a:hover	{ background: url(/images/design/busreisen-over.gif) no-repeat 0px 0px; float: left; margin: 0px 0px 0px 52px; padding: 0px 0px 0px 0px; width: 94px; height: 32px; }
	
	div.oben ul.menu li.busreisen-en 			{ float: left; display: inline; margin: 35px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben ul.menu li.busreisen-en a			{ background: url(/images/design/busreisen-en.gif) no-repeat 0px 0px; float: left; margin: 0px 0px 0px 52px; padding: 0px 0px 0px 0px; width: 94px; height: 32px; }
	div.oben ul.menu li.busreisen-en a:hover	{ background: url(/images/design/busreisen-en-over.gif) no-repeat 0px 0px; float: left; margin: 0px 0px 0px 52px; padding: 0px 0px 0px 0px; width: 94px; height: 32px; }

	div.oben ul.menu li.busreisen-it 			{ float: left; display: inline; margin: 35px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben ul.menu li.busreisen-it a			{ background: url(/images/design/busreisen-it.gif) no-repeat 0px 0px; float: left; margin: 0px 0px 0px 52px; padding: 0px 0px 0px 0px; width: 94px; height: 32px; }
	div.oben ul.menu li.busreisen-it a:hover	{ background: url(/images/design/busreisen-it-over.gif) no-repeat 0px 0px; float: left; margin: 0px 0px 0px 52px; padding: 0px 0px 0px 0px; width: 94px; height: 32px; }
	
	div.oben ul.menu li.kultur-de				{ float: left; display: inline; margin: 35px 0px 0px 0px; padding: 0px 0px 0px 0px; }	
	div.oben ul.menu li.kultur-de a				{ background: url(/images/design/kultur-ausflugsziele.gif) no-repeat 0px 0px; float: left; margin: 0px 0px 0px 50px; padding: 0px 0px 0px 0px; width: 223px; height: 32px; }
	div.oben ul.menu li.kultur-de a:hover		{ background: url(/images/design/kultur-ausflugsziele-over.gif) no-repeat 0px 0px; float: left; margin: 0px 0px 0px 50px; padding: 0px 0px 0px 0px; width: 223px; height: 32px; }

	div.oben ul.menu li.kultur-en				{ float: left; display: inline; margin: 35px 0px 0px 0px; padding: 0px 0px 0px 0px; }	
	div.oben ul.menu li.kultur-en a				{ background: url(/images/design/kultur-ausflugsziele-en.gif) no-repeat 0px 0px; float: left; margin: 0px 0px 0px 50px; padding: 0px 0px 0px 0px; width: 223px; height: 32px; }
	div.oben ul.menu li.kultur-en a:hover		{ background: url(/images/design/kultur-ausflugsziele-en-ove.gif) no-repeat 0px 0px; float: left; margin: 0px 0px 0px 50px; padding: 0px 0px 0px 0px; width: 223px; height: 32px; }
	
	div.oben ul.menu li.kultur-it				{ float: left; display: inline; margin: 35px 0px 0px 0px; padding: 0px 0px 0px 0px; }	
	div.oben ul.menu li.kultur-it a				{ background: url(/images/design/kultur-ausflugsziele-it.gif) no-repeat 0px 0px; float: left; margin: 0px 0px 0px 50px; padding: 0px 0px 0px 0px; width: 223px; height: 32px; }
	div.oben ul.menu li.kultur-it a:hover		{ background: url(/images/design/kultur-ausflugsziele-it-ove.gif) no-repeat 0px 0px; float: left; margin: 0px 0px 0px 50px; padding: 0px 0px 0px 0px; width: 223px; height: 32px; }
	
	div.oben div.band-rechts					{ position: absolute; right: -14px; _right: -15px; top: 193px; z-index: 0; }
	
	div.oben div.flash							{ position: relative; margin: 0px 0px 0px 0px; z-index: 1; }
	
	div.oben div.wetter-onpage					{ font-size: 11px; position: absolute; right: 40px; _right: 30px; top: 40px; width: 170px; _width: 180px; z-index: 3; }
	div.oben div.wetter-onpage div.wetter		{ position: absolute; left: 0px; top: 40px; }
	div.oben div.wetter-onpage div.wetter img	{ float: left; margin: 0px 10px 0px 0px; position: relative; z-index: 5; }
	div.oben div.wetter-onpage div.wetter p		{ margin: 0px 0px 0px 0px !important; }
	div.oben img.wetter-pfeil					{ position: absolute; right: 40px; top: 25px; z-index: 3; }	

	
/* Links _________________________________________________________________ */

	div.links 									{ float: left; display: inline; height: 100%; margin: 0px 0px 0px 14px; position: relative; }

	div.links ul.menu 							{ background: url(/images/design/bg-li-menu-links.gif) repeat-y 0px -2px; list-style-type: none; margin: 10px 8px 35px 28px; padding: 0px 0px 0px 0px; }
	div.links ul.menu li a 						{ color: #FFFFFF; display: block; font-size: 12px; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 24px; }
	div.links ul.menu li.aktiv a 				{ color: #E5C73D; }
	div.links ul.menu li a:hover 				{ color: #E5C73D; }
	
	div.links address							{ color: #FFFFFF; font-size: 12px; font-style: normal; line-height: 18px; margin: 49px 0px 0px 55px; }
	div.links address a							{ color: #FFFFFF; font-weight: bold; }
	div.links address a:hover					{ color: #E5C73D; }
	
	div.links div.band-links					{ position: absolute; left: 5px; top: 163px; }
	
	div.links a.logo img						{ margin: 20px 0px 70px 0px; }
	div.links a.homelink						{ position: absolute; left: 97px; top: 159px; z-index: 10; color: #B4CEC7; font-size: 10px; }
	div.links img.blume							{ margin: 0px 0px 5px 18px; }
	div.links div.sprache						{ line-height: 11px; margin: 17px 0px 0px 25px; }
	div.links div.sprache a		 				{ color: #B4CEC7; }
	div.links div.sprache a:hover	 			{ color: #E5C73D; }
	div.links div.sprache a.sitemap 			{ margin: 0px 0px 0px 30px; }


/* Inhalt ________________________________________________________________ */

	div.inhalt 									{ float: left; display: inline; margin: 40px 0px 20px 25px; width: 680px; }


/* Unten _________________________________________________________________ */

	div.unten 									{ clear: both; color: #696969; margin: 0px 0px 30px 295px; }
	div.unten div.lang							{ background: url(/images/design/bg-linie-unten.gif) repeat-x 0px 7px; float: left; margin: 0px 5px 0px 0px; width: 100px; }
	div.unten div.kurz							{ background: url(/images/design/bg-linie-unten.gif) repeat-x 0px 7px; float: left; margin: 0px 5px 0px 5px; width: 25px; }

	div.unten a, span							{ color: #696969; float: left; }
	div.unten a:hover							{ color: #000000; }
	div.unten a.zeppelin						{ margin: -7px 0px 0px 0px; }
	div.unten a.zeppelin 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 */