@import url(css-all.css);

/* Grundeinstellungen ____________________________________________ */

	#rahmen { width: 952px; position: relative; margin: 0px auto; background: #fff; text-align: left; }
	
	

/* Oben __________________________________________________________ */

	#oben { width: 952px; height: 353px; position: relative; z-index: 2; }
	
	#flash { position: absolute; left: 5px; top: 41px; }
	
	#logo { position: absolute; left: 5px; top: 71px; opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80); }
	
	#sprache { font-size: 11px; position: absolute; right: 5px; top: 303px; margin: 0px 0px 0px 0px; padding: 6px 0px 6px 0px; width: 204px; background: #fff; opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80); text-align: center; }
	#sprache a { margin: 0px 4px 0px 4px; }
	#sprache a:hover { color: #000; }
	
	#navigation { font-size: 12px; position: absolute; left: 5px; top: 8px; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	#navigation li { float: left; position: relative; margin: 0px 0px 0px 0px; padding: 0px 1px 0px 0px; }
	#navigation li a { float: left; display: block; min-height: 29px; _height: 29px; line-height: 29px; padding: 0px 20px 0px 20px; color: #000; }
	#navigation li a:hover { color: #fff; }
	#navigation li.letztes { background: none; }

	#navigation ul { display: none; font-weight: normal; list-style-type: none; margin: 0px 0px 0px 0px; padding: 8px 0px 8px 0px; position: absolute; left: 0px; top: 29px; min-width: 190px; _width: 190px; }
	#navigation ul li { background-color: none !important; background: none !important; display: block; float: none; margin: 0px 8px 0px 8px; padding: 0px 0px 0px 0px; }
	#navigation ul li a { font-size: 11px; display: block; float: none; min-height: 18px; _height: 18px; line-height: 18px; padding: 0px 0px 0px 0px; color: #000 !important; background-color: none; }
	#navigation ul li a:hover { background: none; }
	#navigation ul li.aktiv { background-color: none; font-weight: bold; }
	#navigation ul a.mnActive a { font-weight: bold; }

	
	
/* Links _________________________________________________________ */

	#links { float: left; width: 191px; margin: 0px 0px 0px 5px; display: inline; }
	
	#links h3 { margin: 0px 0px 0px 0px; padding: 6px 0px 6px 10px; color: #fff; font-size: 12px; }

	#menu { padding: 8px 0px 8px 10px; margin: 0px 0px 20px 0px; }
	#menu ul { font-size: 11px; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	#menu li { margin: 0px 0px 1px 0px; padding: 0px 0px 0px 0px; }
	#infobox li.umbau { margin: 0px 0px 10px 0px; }
	#menu li a { color: #000; }
	#menu a.mnActive { font-weight: bold; }
	
	#infobox { font-size: 11px; padding: 8px 0px 8px 10px; margin: 0px 0px 2px 0px; }
	#infobox ul { font-size: 11px; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	#infobox li { margin: 0px 0px 1px 0px; padding: 0px 0px 0px 9px; }
	#infobox li a { color: #000; }
	
	#links address { padding: 8px 0px 8px 10px; font-style: normal; font-size: 10px; line-height: 14px; }
	#links address a:hover { color: #000; }



/* Inhalt ________________________________________________________ */

	#inhalt { float: left; width: 490px; margin: 0px 28px 0px 29px; display: inline; }



/* Rechts ________________________________________________________ */

	#rechts { float: left; width: 204px; margin: 0px 2px 0px 0px; }
	
	#topangebot { margin: 0px 0px 2px 0px; }
	#topangebot h3 { margin: 0px 0px 0px 0px; padding: 6px 0px 6px 10px; color: #fff; font-size: 12px; } 
	#topangebot h4 { padding: 12px 12px 6px 12px; margin: 0px 0px 0px 0px; font-size: 12px; }
	#topangebot p { padding: 0px 12px 6px 12px; margin: 0px 0px 0px 0px; font-size: 11px; color: #000; }
	#topangebot span { font-weight: bold; }  
	a.linkwellness { color: #9C6300; }
	a.linkwellness:hover { color: #664100; }
	a.linknormal { color: #749C21; }
	a.linknormal:hover { color: #50790D; }
	
	#unverbindliche-anfrage { margin: 0px 0px 2px 0px; padding: 12px 12px 12px 12px; }
	#unverbindliche-anfrage h3 { padding: 0px 0px 6px 0px; margin: 0px 0px 0px 0px; font-size: 12px; }
	#unverbindliche-anfrage p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 11px; }
	#unverbindliche-anfrage select { font-size: 11px; margin: 0px 0px 6px 0px; }
	#unverbindliche-anfrage a { color: #9C6300; }
	#unverbindliche-anfrage a:hover { color: #664100; }
	
	#newsletter { margin: 0px 0px 2px 0px; padding: 12px 8px 12px 12px; }
	#newsletter h3 { padding: 0px 0px 6px 0px; margin: 0px 0px 0px 0px; font-size: 12px; }
	#newsletter input { width: 180px; font-size: 11px; margin: 0px 0px 4px 0px; }
	#newsletter p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 11px; }

	#ihrurlaub { margin: 0px 0px 2px 0px; background: url('/images/design/bg-ihrurlaub.jpg') no-repeat 0px 0px; position: relative; height: 111px; width: 204px; }
	#ihrurlaub h3 { position: absolute; right: 11px; top: 8px; padding: 0px 0px 6px 0px; margin: 0px 0px 0px 0px; font-size: 12px; }
	#ihrurlaub ul { position: absolute; left: 12px; top: 20px; font-size: 11px; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	#ihrurlaub li { margin: 0px 0px 1px 0px; padding: 0px 0px 0px 9px; }
	#ihrurlaub li a { color: #000; }
	
	#wetter { margin: 0px 0px 2px 0px; padding: 12px 12px 12px 12px; }
	#wetter h3 { padding: 0px 0px 6px 0px; margin: 0px 0px 0px 0px; font-size: 12px; }
	#wetter p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 11px; }
	


/* Unten _________________________________________________________ */

	#unten { clear: both; width: 952px; background: url(/images/design/bg-unten.gif) #fff no-repeat 0px 0px; }
	
	#copyright { margin: 0px 0px 12px 0px; padding: 24px 0px 0px 0px; text-align: center; color: #91928C; font-size: 10px; }
	#copyright a { color: #91928C; }
	#copyright a:hover { color: #50790D; }
	
	#partner { margin: 0px 0px 24px 0px; padding: 0px 0px 0px 0px; text-align: center; }

	#footernavigation { border-top: solid 1px #D1D2DC; font-size: 10px; height: 70px; width: 952px; margin: 10px 0px 0px 0px; background: #FFFFFF; }
	#footernavigation ul { list-style-type: none; margin: 10px 10px 16px 10px; padding: 0px 0px 0px 0px; background: #FFFFFF; }
	#footernavigation li { color: #91928C; float: left; margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px; white-space: nowrap; }
	#footernavigation a { border-right: solid 1px #91928C; color: #91928C; padding: 0px 10px 0px 0px; }
	#footernavigation a:hover { color: #50790D; }
	
/* Lightbox ______________________________________________________________ */

	#lightbox									{ position: fixed; _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; }


/* HTML Lightbox _________________________________________________________ */

	#myHtmlLightbox												{ position: absolute; left: 0px; width: 100%; z-index: 1220; text-align: center; font-size: 0px; }

	#outerContainer												{ position: relative; background-color: #FFFFFF; width: 250px; height: 250px; margin: 0 auto; overflow: hidden; }

	#htmlContainer												{ padding: 10px 10px 10px 10px; }
	
	#htmlContainer #htmlLightboxIFrame							{ border: 0px; opacity: 0.0; filter: alpha(opacity = 0); }

	#myloading													{ position: absolute; left: 0%; top: 50%; margin-top: -16px; width: 100%; height: 25%; text-align: center; line-height: 0px; }

	#DataContainer												{ font: 10px Verdana, Helvetica, sans-serif; background-color: #FFFFFF; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }

	#Data														{ padding: 0px 10px; color: #666666; }
	#Data #bottomNav											{ height: 40px; }
	#Data #bottomNavClose										{ background: transparent !important; width: 26px; float: right; padding-bottom: 0.4em; }
	
	#myhtmloverlay												{ position: fixed; _position: absolute; top: 0px; left: 0px; z-index: 90; width: 100%; height: 500px; background-color: #000000; }




/* Ende __________________________________________________________*/