@import url(css-all.css);

/* Grundeinstellungen ____________________________________________________ */

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

	
	
/* Oben __________________________________________________________________ */

	div.oben 									{ width: 984px; height: 387px; position: relative; background: url(/images/design/bg-oben.gif) no-repeat 0px 0px; }
	
	img.sprache 								{ position: absolute; left: 120px; top: 36px; }
	
	div#flash									{ position: absolute; left: 309px; top: 30px; }
	
	img.logo-jubilaeum							{ position: absolute; left: 25px; top: 68px; }


	
/* Mitte _________________________________________________________________ */

	div.mitte 									{ width: 984px; background: url(/images/design/bg-mitte.gif) repeat-y 0px 0px; float: left; }
	

	
/* Links _________________________________________________________________ */

	div.links 									{ float: left; display: inline; width: 227px; margin: 0px 0px 0px 44px; }
	div.links ul 								{ background: #fff; list-style-type: none; margin: 0px 27px 0px 0px; padding: 10px 0px 10px 16px; }						
	div.links li								{ background: url(/images/design/pfeil.gif) no-repeat 0px 6px; margin: 0px 0px 0px 0px; padding: 0px 0px 3px 10px; }
	div.links li a								{ color: #2e2e2e; }
	div.links li a:hover						{ color: #ba9200; }
	
	div.links li.spacer				{ background: none; padding: 0px 0px 8px 0px; }
	div.links li.wetter				{ background: none; padding: 0px 12px 8px 0px; }
	
	div.wohnvergnuegen, div.lageumgebung		{ margin: 0px 0px 20px 0px; }
	div.wohnvergnuegen h3						{ background: url(/images/design/bg-wohnvergnuegen-h3.gif) no-repeat 0px 0px; margin: 0px 0px 0px 0px; padding: 9px 0px 7px 16px; font-size: 13px; color: #ba9200; }								
	div.lageumgebung h3							{ background: url(/images/design/bg-lageumgebung-h3.gif) no-repeat 0px 0px; margin: 0px 0px 0px 0px; padding: 22px 0px 7px 16px; font-size: 13px; color: #ba9200; }



/* Inhalt ________________________________________________________________ */

	div.inhalt 									{ float: left; display: inline; width: 452px; margin: 0px 27px 0px 27px; padding: 20px 0px 20px 0px; }



/* Rechts ________________________________________________________________ */

	div.rechts 									{ float: left; width: 207px; }
	
	div.angebot									{ margin: 0px 0px 0px 27px; background: url(/images/design/bg-box-rechts.gif) repeat-y bottom left; padding: 10px 0px 10px 0px; }
	div.angebot h4								{ margin: 0px 20px 0px 14px; padding: 0px 0px 0px 0px; font-size: 13px; }
	div.angebot p								{ margin: 0px 20px 8px 14px; padding: 0px 0px 0px 0px; }
	div.angebot .bild							{ border: 3px solid #fff; margin: 0px 0px 0px 14px; }
	div.angebot .preis							{ font-weight: bold; font-size: 12px; text-align: right; }
	div.angebot .linie							{ margin: 10px 0px 8px 14px; }
	div.angebot ul 								{ list-style-type: none; margin: 0px 20px 0px 14px; padding: 0px 0px 0px 0px; }						
	div.angebot li								{ background: url(/images/design/pfeil.gif) no-repeat 0px 6px; margin: 0px 0px 0px 0px; padding: 0px 0px 3px 10px; }
	div.angebot li a							{ color: #2e2e2e; }
	div.angebot li a:hover						{ color: #ba9200; }
	
	div.adresse 								{ margin: 28px 0px 0px 40px; color: #ba9200; }
	div.adresse p								{ margin: 0px 0px 8px 0px; padding: 0px 0px 0px 0px; }
	div.adresse a								{ color: #ba9200; }
	div.adresse a:hover							{ color: #ba9200; }
	
	


/* Unten _________________________________________________________________ */

	div.unten 									{ clear: both; width: 984px; height: 116px; position: relative; }
	div.unten a									{ color: #ba9200; }
	div.unten a:hover							{ color: #ba9200; }
	div.unten .partner							{ position: absolute; top: 0px; left: 271px; }
	div.unten .copyright						{ position: absolute; top: 86px; left: 271px; color: #ba9200; }
	div.unten .sitemap							{ position: absolute; top: 86px; right: 206px; color: #ba9200; }
	
	



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