@import url(css-all.css);

/* Grundeinstellungen ____________________________________________ */

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


/* Oben __________________________________________________________ */

	#oben { position: relative; width: 950px; height: 134px; }
	
		#logo { position: absolute; top: 18px; left: 457px; }
		#logo2 { position: absolute; top: 10px; right: 20px; }
		
		a.homelink { color: #939598; position: absolute; top: 80px; right: 10px; }
		
		#fioritura { position: absolute; top: 0px; left: 0px; }
		
		#sprache { position: absolute; top: 108px; right: 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
		#sprache a { color: #777777; font-size: 9px; }
		#sprache a:hover { color: #000; }
		#sprache span { font-size: 14px; padding: 0px 5px 0px 5px; }
		
		#sprache2 { position: absolute; top: 98px; right: 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
		#sprache2 a { color: #777777; font-size: 9px; }
		#sprache2 a:hover { color: #000; }
		#sprache2 span { font-size: 14px; padding: 0px 5px 0px 5px; }
				
		#navi-oben { position: absolute; top: 112px; left: 0px; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
		#navi-oben2 { position: absolute; top: 102px; left: 0px; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
		#navi-oben li { float: left; padding: 0px 0px 0px 0px; margin: 0px 27px 0px 0px; }
		#navi-oben2 li { float: left; padding: 0px 0px 0px 0px; margin: 0px 27px 0px 0px; }
		
		
/* Mitte _________________________________________________________ */

	#mitte { float: left; }
	
	
/* Links _________________________________________________________ */

	#links { float: left; width: 543px; }
	
		#navi-links { position: relative; width: 543px; height: 380px; }
			
			#flash { position: absolute; left: 0px; top: 0px; }
			
			#menu { position: absolute; right: 26px; bottom: 0px; height: 210px; width: 175px; opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80); }

					#menu-inhalt { margin: 8px 8px 8px 8px;  }
					#menu-inhalt span.h1 { margin: 0px 0px 0px 0px; padding: 3px 3px 3px 3px; text-align: right; font-size: 10px; color: #fff; display: block; font-weight: bold; }
					#menu-inhalt ul { list-style-type: none; margin: 4px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 10px; width: 160px; }
					#menu-inhalt li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: right; }
					#menu-inhalt a { color: #000; }
					#menu-inhalt li.aktiv { font-weight: bold; }
					
			#angebot { position: absolute; right: 26px; top: 8px; height: 160px !important; width: 400px; opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80); }

					#angebot-inhalt { margin: 8px 8px 8px 8px; padding: 0px 0px 0px 0px;  }
					#angebot-inhalt span.h1 { margin: 0px 0px 0px 0px; padding: 3px 3px 3px 3px; text-align: right; font-size: 10px; color: #fff; display: block; font-weight: bold; }
					#angebot-inhalt h3 { margin: 0px 0px 0px 0px; padding: 3px 3px 3px 3px; font-size: 11px; }
					#angebot-inhalt ul { list-style-type: none; margin: 4px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 10px; width: 360px; }
					#angebot-inhalt li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: right; }
					#angebot-inhalt a { padding: 3px 14px 3px 0px; font-weight: bold; color: #000; }
					#angebot-inhalt li.aktiv { font-weight: bold; }
					
	#links .bildrahmen { position: relative; left: 0px; top: 0px; width: 528px; height: 390px; overflow: hidden; }
	#links .bildflache { position: relative; left: 0px; top: 0px; height: 390px; }
	#links .bildflache div { float: left; width: 528px; height: 390px; overflow: hidden; }
	#links .bildflache img { float: left; margin: 0px 1px 0px 0px; padding: 0px 0px 0px 0px; }
	#links a.zuruckgallery { position: absolute; left: 2px; top: 30px; }
	#links a.weitergallery { position: absolute; right: 17px; top: 30px; }

								
					


/* Inhalt ________________________________________________________ */

	#rechts { float: left; width: 371px; padding: 5px 0px 5px 0px; margin: 0px 0px 0px 36px; }
		#inhalt { height: 380px; overflow: auto; padding: 0px 20px 0px 0px; }


/* Unten _________________________________________________________ */

	#unten { clear: both;  height: 88px; position: relative; width: 950px; }
	
	#unten p { position: absolute; top: 68px; left: 0px; color: #969696; font-size: 9px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	#unten p a { color: #777777; }
	#unten p a:hover { color: #000; }
	#unten span { font-size: 14px; padding: 0px 5px 0px 5px; }
	
	#unten address { position: absolute; top: 13px; right: 0px; width: 350px; height: 38px; font-style: normal; color: #969696; font-size: 10px; text-indent: -4000px; }
	
	#navi-unten { position: absolute; top: 13px; left: 0px; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	#navi-unten li { float: left; padding: 0px 0px 0px 0px; margin: 0px 27px 0px 0px; }

	#email a { display: block; position: absolute; top: 40px; right: 48px; width: 108px; text-indent: -4000px; }
	#zeppelin { position: absolute; top: 70px; right: 578px; font-size: 9px; color: #777777; }	
	
	img.blutezeit { float: right; display: inline; margin: 4px 40px 0px 0px; }
	
	#introtext { color: #939598; font-family: Verdana, Helvetica, Arial, Sans-serif; font-size: 11px; line-height: 16px; width: 572px; float: right; margin: 10px 0px 30px 0px; }
	
	div.footer { float: right; display: inline; color: #939598; margin: 20px 0px 0px 0px; }
	div.footer a { color: #939598;}

	
	
/* 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: fixed; _position: absolute; top: 0px; left: 0px; z-index: 90; width: 100%; height: 500px; background-color: #000000; }
	
	

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