@import url("all.css");

/* Grundeinstellungen ____________________________________________________ */

	body 														{ background: url(/images/design/bg-all.gif) repeat-x 0px -20px #D4021D; text-align: center; }
	div.rahmen 													{ position: relative; width: 850px; margin: 0 auto; text-align: left; }
	
	.bild														{ border: solid 1px #E2E2E2; float: left; display: inline; margin: 0px 0px 0px 0px; padding: 4px 4px 4px 4px; }
	.bildrechts													{ border: solid 1px #E2E2E2; float: right; display: inline; margin: 0px 0px 0px 0px; padding: 4px 4px 4px 4px; }
	.bildrechtslistedetail										{ border: solid 1px #E2E2E2; float: right; display: inline; margin: 0px 0px 10px 15px; padding: 4px 4px 4px 4px; }
	.bild img													{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	
	span.button													{ font-size: 14px; float: left; display: inline; background: url(/images/design/bg-button-rechts.gif) no-repeat right 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 22px; }
	span.button span											{ float: left; display: inline; background: url(/images/design/bg-button-links.gif) no-repeat left 0px; padding: 0px 0px 0px 0px; height: 22px; }
	span.button span a											{ text-decoration: none; float: left; display: inline; background: url(/images/design/bg-button.gif) repeat-x right 0px; margin: 0px 7px 0px 8px; color: #FFFFFF; line-height: 21px; height: 22px; }
	span.button span a:hover									{ text-decoration: none; color: #FBC0C8; }	
	
	span.buttongrau												{ font-size: 14px; float: left; display: inline; background: url(/images/design/bg-button-grau-rechts.gif) no-repeat right 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 22px; }
	span.buttongrau span										{ float: left; display: inline; background: url(/images/design/bg-button-grau-links.gif) no-repeat left 0px; padding: 0px 0px 0px 0px; height: 22px; }
	span.buttongrau span a										{ float: left; display: inline; background: url(/images/design/bg-button.gif) repeat-x right 0px; margin: 0px 7px 0px 8px; color: #FFFFFF; line-height: 21px; height: 22px; }
	span.buttongrau span a:hover								{ text-decoration: none; color: #FBC0C8; }

	
	
/* Oben __________________________________________________________________ */

	div.oben 													{ height: 79px; }
	
	div.oben div.sprache										{ position: absolute; right: 630px; top: 53px; }
	div.oben div.sprache a										{ text-decoration: none; text-align: center; float: left; width: 22px; height: 18px; line-height: 18px; font-size: 11px; color: #999999; background-color: #E6E7E8; margin: 0px 0px 0px 3px; }
	div.oben div.sprache a:hover								{ text-decoration: none; color: #333333; }
	div.oben div.sprache a.aktiv								{ color: #333333; }
	
	
	div.oben div.menulayer 										{ background-color: #FFFFFF; opacity: 0.85; filter: alpha(opacity = 85); position: absolute; left: 230px; top: 46px; z-index: 6; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 620px; height: 33px; }

	div.oben ul.menu 											{ background-color: transparent; font-weight: bold; position: absolute; left: 230px; top: 50px; z-index: 7; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 620px; }
	div.oben ul.menu li 										{ text-align: center; background: none; float: left; position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-left: solid 1px #D4021D; }
	div.oben ul.menu li.erstes 									{ border: 0px; }
	div.oben ul.menu li a 										{ text-decoration: none; text-transform: uppercase; color: #333333; display: block; height: 25px; line-height: 25px; width: 123px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben ul.menu li a:hover 								{text-decoration: none; color: #D4021D; }
	div.oben ul.menu li.aktiv									{ color: #D4021D; }
	
	div.oben ul.menu ul											{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: auto; }
	div.oben ul.menu ul li 										{ display: block; text-align: left; position: static; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; }
	div.oben ul.menu ul li a 									{ display: block; height: auto; line-height: 25px; width: auto; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	
	div.oben ul.menu ul 										{ background-color: #D4021D; display: none; font-weight: normal; list-style-type: none; margin: 0px 0px 0px 0px; padding: 2px 0px 3px 0px; position: absolute; right: -1px; top: 29px; min-width: 124px; }
	div.oben ul.menu ul li 										{ text-align: left; background-color: #D4021D; border: 0px; display: block; float: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: auto; }
	div.oben ul.menu ul li a	 								{ text-transform: none; font-size: 12px; text-decoration: none; padding: 1px 10px 1px 10px; color: #FFFFFF; border: solid 1px #D4021D; background-color: #D4021D; display: block; height: auto; _width: 100%; line-height: 18px; }
	div.oben ul.menu ul li.aktiv a,
	div.oben ul.menu ul li a:hover								{ color: #FFFFFF; border: solid 1px #818181; background-color: #666666; text-decoration: none; }
	
	
	
/* Mitte _________________________________________________________________ */

	div.mitte 													{ background: url(/images/design/bg-mitte.gif) repeat-y 0px 0px #FFFFFF; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; width: 850px; }
	

	
/* Links _________________________________________________________________ */

	div.links 													{ float: left; display: inline; margin: 0px 10px 0px 0px; width: 220px; }
	
	div.links a.logo											{ float: left; display: inline; margin: 17px 0px 16px 60px; }
	
	div.links div.kundenbereich									{ margin: 0px 0px 0px 0px; padding: 48px 14px 16px 13px; border-left: solid 1px #818182; border-right: solid 1px #818182; }
	div.links div.kundenbereich	form							{ position: relative; background: url(/images/design/bg-loginbox.gif) no-repeat 0px 0px; width: 191px; height: 52px; overflow: hidden; margin: 0px 0px 0px 0px; }
	div.links div.kundenbereich .colum1							{ display: none; }
	div.links div.kundenbereichlogin							{ color: #FFFFFF; margin: 0px 0px 0px 0px; padding: 48px 14px 16px 13px; border-left: solid 1px #818182; border-right: solid 1px #818182; }
	div.links div.kundenbereichlogin form						{ position: relative; width: 191px; margin: 0px 0px 0px 0px; }
	div.links div.kundenbereichlogin form span.buttongrau		{ float: left; margin: 16px 0px 0px 0px; }
	
	div.links div.kundenbereich input							{ position: absolute; left: 10px; top: 2px; border: 0px; color: #999999; width: 166px;  font-size: 11px; background: transparent; }
	div.links div.kundenbereich input.passwort					{ position: absolute; left: 10px; top: 32px; border: 0px; color: #999999; font-size: 11px; background: transparent; width: 138px; }
	
	div.links div.kundenbereich a.password						{ color: #9B9C9C; text-decoration: underline; margin: 4px 0px 0px 10px; padding: 0px 0px 0px 0px; display: block; }
	div.links div.kundenbereich a.password:hover				{ text-decoration: none; }
	
	div.links div.kundenbereich a.senden						{ position: absolute; left: 164px; bottom: 0px; background-color: transparent; text-indent: -1000px; display: block; width: 27px; height: 22px; overflow: hidden; }
	
	div.links div.balken										{ clear: both; background: url(/images/design/bg-balken.gif) repeat-x 0px 0px; height: 12px; font-size: 1px; line-height: 1px; }
	div.links div.balkenkundenbereichoben						{ clear: both; background: url(/images/design/bg-balken-untengrau.gif) repeat-x 0px 0px; height: 12px; font-size: 1px; line-height: 1px; }
	div.links div.balkenkundenbereichunten						{ clear: both; background: url(/images/design/bg-balken-obengrau.gif) repeat-x 0px 0px; height: 12px; font-size: 1px; line-height: 1px; }

	div.links div.testimonials									{ margin: 0px 0px 0px 0px; padding: 38px 14px 8px 14px; }
	div.links div.testimonials span								{ color: #878484; display: block; margin: 0px 0px 8px 0px; }
	div.links div.testimonials p								{ color: #666666; display: block; margin: 0px 0px 8px 0px; }
	div.links div.testimonials p.klein							{ font-size: 11px; line-height: 16px margin: 0px 0px 8px 0px; }

	div.links div.testimonials a.bild							{ margin: 0px 0px 9px 0px; }

	div.links div.newsletter									{ margin: 0px 0px 0px 0px; padding: 40px 14px 0px 14px; }
	div.links div.newsletter p									{ color: #878484; display: block; margin: 0px 0px 16px 0px; }
	div.links div.newsletter form								{ position: relative; background: url(/images/design/bg-input-newsletter.gif) no-repeat 0px 0px; width: 191px; height: 22px; overflow: hidden; margin: 0px 0px 19px 0px; }
	div.links div.newsletter .colum1							{ display: none; }
	div.links div.newsletter input								{ position: absolute; left: 10px; top: 2px; border: 0px; color: #999999; width: 138px;  font-size: 11px; background: transparent; }	
	div.links div.newsletter a.senden							{ position: absolute; left: 164px; top: 0px; background-color: transparent; text-indent: -1000px; display: block; width: 27px; height: 22px; overflow: hidden; }

	div.links div.kontakt										{ font-size: 11px; margin: 0px 0px 0px 0px; padding: 40px 14px 0px 14px; line-height: 16px; }
	div.links div.kontakt address								{ font-style: normal; margin: 0px 0px 20px 0px; }
	div.links div.kontakt span									{ color: #666666; }
	div.links div.kontakt a										{ color: #666666; text-decoration: underline; }
	div.links div.kontakt a:hover								{ color: #666666; text-decoration: none; }
	div.links div.kontakt span.tel								{ display: block; background: url(/images/design/icon-tel.gif) no-repeat 0px 2px; padding: 5px 0px 0px 18px; }
	div.links div.kontakt span.fax								{ display: block; background: url(/images/design/icon-fax.gif) no-repeat 0px 4px; padding: 0px 0px 0px 18px; }
	div.links div.kontakt span.mail								{ display: block; background: url(/images/design/icon-mail.gif) no-repeat 0px 6px; padding: 0px 0px 4px 18px; }
	

/* Inhalt ________________________________________________________________ */

	div.headerbox 												{ float: left; display: inline; position: relative; width: 619px; height: 352px; overflow: hidden; }
	div.headerbox div.boxlayer									{ background-color: #FFFFFF; opacity: 0.9; filter: alpha(opacity = 90); position: absolute; left: 0px; top: 212px; width: 435px; height: 128px; }
	div.headerbox div.boxtitel									{ position: absolute; left: 14px; top: 236px; width: 118px; height: 28px; }
	div.headerbox div.boxkundenbereich							{ position: absolute; left: 24px; top: 236px; width: 146px; height: 40px; }
	div.headerbox div.newsbox									{ position: absolute; left: 147px; top: 220px; width: 258px; height: 110px; overflow: hidden; }
	div.headerbox div.newsbox b									{ overflow: hidden; white-space: nowrap; }
	div.headerbox div.newsbox p									{ height: 40px; overflow: hidden; }
	div.headerbox div.newsbox span.button 						{ float: right; display: inline; margin: 0px 13px 0px 0px; }
	div.headerbox div.kundenbereichbox							{ position: absolute; left: 187px; top: 220px; width: 238px; height: 110px; overflow: hidden; }

	div.inhalt 													{ float: left; display: inline; margin: 12px 0px 0px 0px; padding: 0px 0px 42px 0px; width: 620px; overflow: hidden; }
	
	
	
/* Rechts ________________________________________________________________ */
	
	div.rechts													{ float: left; display: inline; position: relative; left: 0px; top: -33px; }
	
	

/* Unten _________________________________________________________________ */

	div.unten 													{ clear: both; position: relative; background: url(/images/design/bg-unten.gif) no-repeat 0px bottom #FFFFFF; height: 1px; font-size: 1px; line-height: 1px; }
	
	div.unten div.impressum										{ background-color: #FFFFFF; color: #999999; position: absolute; left: 265px; top: -32px; width: 564px; height: 16px; font-size: 11px; line-height: 16px; }
	div.unten div.impressum	a									{ text-decoration: none; color: #999999; }
	div.unten div.impressum	a.drucklink							{ padding: 0px 0px 0px 22px; background: url(/images/design/icon-druck.gif) no-repeat 5px 2px; margin: 0px 0px 0px 16px; }
	div.unten div.impressum	a.weiterempfehlenlink				{ padding: 0px 0px 0px 24px; background: url(/images/design/icon-weiterempfehlen.gif) no-repeat 5px 3px; }
	
	div.unten a.zeppelin										{ float: right; }



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