@import url("all.css");

/* Grundeinstellungen ____________________________________________________ */

	body 										{ background: url(/images/design/bg-xholz.jpg) repeat #353535; text-align: center; }
	div.rahmen 									{ background: url(/images/design/bg-rahmen.png) repeat-y 0px 0px; _background: url(/images/design/bg-rahmen-ie6.gif) repeat-y 0px 0px; width: 956px; margin: 0 auto; position: relative; text-align: left; min-height: 100%; _height: 100%; z-index: 10; }
	div.linieoben								{ position: absolute; left: 0px; top: 0px; background: url(/images/design/bg-linie-oben.png) repeat-x 0px 0px; width: 100%; height: 50px; z-index: 1; }

	#startcalendardiv, #endcalendardiv			{ z-index: 50; }
	
/* Oben __________________________________________________________________ */

	div.oben 									{ padding: 50px 0px 0px 0px; z-index: 10; position: relative; height: 455px; _height: 505px; }

	div.oben ul.menu 							{ position: absolute; left: 0px; top: 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; overflow: hidden; width: 962px; height: 50px; z-index: 100; }
	div.oben ul.menu li 						{ background: transparent; float: left; display: inline; height: 50px; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; overflow: hidden; }
	div.oben ul.menu li a 						{ display: block; height: 100%; overflow: hidden; text-indent: -1000px; width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben ul.menu li a:hover 				{  }
	div.oben ul.menu li.aktiv,
	div.oben ul.menu a:hover 					{  }	
	
	#TopWohnen									{ width: 103px; margin: 0px 36px 0px 0px; }
	#TopWohnen a								{ background-position: 0px 0px; }
	#TopWohnen a:hover							{ background-position: 0px -50px; }
	#TopWohnen.aktiv a							{ background-position: 0px -50px; }
	
	#TopWellness								{ width: 107px; margin: 0px 36px 0px 0px; }
	#TopWellness a								{ background-position: -140px 0px; }
	#TopWellness a:hover						{ background-position: -140px -50px; }
	#TopWellness.aktiv a						{ background-position: -140px -50px; }
	
	#TopGourmet									{ width: 111px; margin: 0px 36px 0px 0px; }
	#TopGourmet a								{ background-position: -283px 0px; }
	#TopGourmet a:hover							{ background-position: -283px -50px; }
	#TopGourmet.aktiv a							{ background-position: -283px -50px; }
	
	#TopAktiv									{ width: 77px; margin: 0px 36px 0px 0px; }
	#TopAktiv a									{ background-position: -428px 0px; }
	#TopAktiv a:hover							{ background-position: -428px -50px; }
	#TopAktiv.aktiv a							{ background-position: -428px -50px; }
	
	#TopServicePreise							{ width: 159px; margin: 0px 36px 0px 0px; }
	#TopServicePreise a							{ background-position: -540px 0px; }
	#TopServicePreise a:hover					{ background-position: -540px -50px; }
	#TopServicePreise.aktiv a					{ background-position: -540px -50px; }
	
	#TopNaturErholung							{ width: 191px; }
	#TopNaturErholung a							{ background-position: -734px 0px; }
	#TopNaturErholung a:hover					{ background-position: -734px -50px; }
	#TopNaturErholung.aktiv a					{ background-position: -734px -50px; }
	
	div.oben a.logo								{ position: absolute; left: 396px; top: 46px; }
	
	div.oben div.sprache						{ position: absolute; right: 210px; top: 135px; text-align: right; }
	div.oben div.sprache a						{ color: #9D9D9D; }
	div.oben div.sprache a:hover				{ color: #750000; }
	
	div.oben div.navigation						{ position: absolute; left: 215px; top: 115px; text-align: left; }
	div.oben div.navigation a					{ color: #9D9D9D; }
	div.oben div.navigation a:hover				{ color: #750000; }
	
	div.oben div.untermenu						{ position: absolute; left: 0px; top: 200px; width: 198px; }
	div.oben div.untermenu ul					{ margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; }
	div.oben div.untermenu ul li				{ margin: 7px 0px 7px 15px; }
	div.oben div.untermenu ul li a				{ color: #FFFFFF; }
	div.oben div.untermenu ul li a:hover		{ color: #C6C5C5; }
	div.oben div.untermenu ul li.aktiv a		{ font-weight: bold; }
	
	div.oben div.flash							{ position: absolute; left: 199px; bottom: 0px; display: inline; }
	
	
/* Mitte _________________________________________________________________ */

	div.mitte 									{  }
	

	
/* Links _________________________________________________________________ */

	div.links 									{ float: left; display: inline; width: 199px; }

	div.links address							{ margin: 0px 0px 20px 15px; font-style: normal; color: #FFFFFF; }
	div.links address a							{ color: #FFFFFF; }
	div.links address a:hover					{ color: #C6C5C5; }


/* Inhalt ________________________________________________________________ */

	div.inhalt 									{ float: left; display: inline; margin: 20px 0px 60px 32px; width: 500px; overflow: hidden; }
	
	div.inhalt img.headline						{ margin: 0px 0px 28px 0px; }
	
	div.inhaltinnen								{ margin: 0px 0px 0px 35px; }



/* Unten _________________________________________________________________ */

	div.unten 									{ clear: both; color: #FFFFFF; background: url(/images/design/bg-unten.png) repeat-x 0px 0px; height: 45px; width: 956px; padding: 0px 0px 0px 12px; position: absolute; left: 0px; bottom: 0px; }
	div.unten span								{ margin: 12px 0px 0px 0px; display: block; float: left; width: 188px; }
	div.unten div.linksunten					{ position: absolute; right: 20px; bottom: 13px; _right: -25px; _bottom: -12px; }
	div.unten div.linksunten a					{ color: #FFFFFF; margin: 0px 5px 0px 5px; }
	div.unten div.untenmitte					{ position: relative; float: left; display: inline; background: url(/images/design/bg-unten-mitte.gif) repeat-x 0px 0px; width: 565px; height: 45px; }
	div.unten div.untenmitte div.logos			{ margin: 5px 0px 0px 287px; }
	div.unten div.untenmitte div.logos	a img	{ margin: 0px 8px 0px 0px; }
	div.unten div.untenmitte div.footernavi			{ position: absolute; left: 33px; top: 13px; width: 250px; }
	div.unten div.untenmitte div.footernavi ul		{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.unten div.untenmitte div.footernavi ul li	{ float: left; display: inline; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.unten div.untenmitte div.footernavi ul li a	{  }


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