/* Grundeinstellungen ____________________________________________________ */

	body 														{ background: #cd0b02; text-align: center; }
	address														{ font-style: normal; }
	hr															{ display: none; }

	h1, h1 a 													{ color: #000000; font-size: 20px; line-height: 24px; font-weight: bold; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; text-align: left; }
	h2, h2 a													{ color: #000000; font-size: 16px; line-height: 20px; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; text-align: left; }
	h3, h3 a													{ font-size: 14px; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; }
	h4, h4 a													{ font-size: 12px; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; }
	h5, h5 a													{ font-size: 11px; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; }
	h6, h6 a													{ font-size: 11px; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a							{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-decoration: none; }
	
	ul 															{ margin: 0px 0px 16px 0px; padding: 0px 0px 0px 32px; }
	ul li 														{ margin: 0px 0px 8px 0px; padding: 0px 0px 0px 0px; _height: 1px; }
	ul li ul													{ float: none; }
	ol 															{ margin: 0px 0px 16px 0px; padding: 0px 0px 0px 32px; }
	ol li 														{ margin: 0px 0px 8px 0px; padding: 0px 0px 0px 0px; }

	
	div.rahmen 													{ background: url(/images/design/bg-rahmen-y.gif) repeat-y 240px 0px #FFFFFF; position: relative; width: 1000px; margin: 0 auto; text-align: left; min-height: 100%; _height: 100%; }
	
	
/* Oben __________________________________________________________________ */

	div.oben 													{ position: absolute; left: 240px; top: 0px; width: 750px; height: 421px; }
	
	div.oben a.logo												{ position: absolute; left: -230px; top: 68px; }
	
	div.oben div.sprache										{ position: absolute; left: -228px; top: 50px; }

	#navigation													{ margin: 0px 0px 0px 0px !important; }
	
	#home a														{ background-position: 0px 0px; }
	#home a:hover												{ background-position: 0px -48px; }
	#home.aktiv a												{ background-position: 0px -96px; }
	
	#wersindwir a												{ background-position: -94px 0px; }
	#wersindwir a:hover											{ background-position: -94px -48px; }
	#wersindwir.aktiv a											{ background-position: -94px -96px; }
	
	#unsereaktivitaten a										{ background-position: -188px 0px; }
	#unsereaktivitaten a:hover									{ background-position: -188px -48px; }
	#unsereaktivitaten.aktiv a									{ background-position: -188px -96px; }
	
	#dienste a													{ background-position: -282px 0px; }
	#dienste a:hover											{ background-position: -282px -48px; }
	#dienste.aktiv a											{ background-position: -282px -96px; }
	
	#referenzen a												{ background-position: -376px 0px; }
	#referenzen a:hover											{ background-position: -376px -48px; }
	#referenzen.aktiv a											{ background-position: -376px -96px; }
	
	#wosindwir a												{ background-position: -470px 0px; }
	#wosindwir a:hover											{ background-position: -470px -48px; }
	#wosindwir.aktiv a											{ background-position: -470px -96px; }
	
	#kontakt a													{ background-position: -564px 0px; }
	#kontakt a:hover											{ background-position: -564px -48px; }
	#kontakt.aktiv a											{ background-position: -564px -96px; }
	
	#login a													{ background-position: -658px 0px; }
	#login a:hover												{ background-position: -658px -48px; }
	#login.aktiv a												{ background-position: -658px -96px; }
	
	div.oben div.fadegallery									{ width: 746px; height: 353px; position: absolute; left: 5px; top: 68px; z-index: 1; }
	div.oben div.fadegallery div.fadingobj						{ position: absolute; left: 0px; top: 0px; }
	div.oben div.fadegallery div.fadingobj div.box				{ background-color: #2d2e2f; position: absolute; left: 468px; top: 0px; width: 278px; height: 353px; }
	div.oben div.box div.boxinnen								{ margin: 24px 0px 0px 22px; width: 236px; }
	div.oben div.box h4											{ margin: 0px 0px 12px 0px; }
	div.oben div.box h4 a										{ color: #FFFFFF; font-size: 39px; text-transform: uppercase; }
	div.oben div.box span										{ color: #FFFFFF; font-size: 13px; line-height: 19px; }
	div.oben div.box ul											{ margin: 12px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; }
	div.oben div.box ul li										{ background: url(/images/design/bg-li.gif) no-repeat 0px 4px; color: #FFFFFF; font-size: 13px; line-height: 23px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 22px; }

	div.oben a.button											{ float: right; cursor: pointer; margin: 24px 0px 0px 0px; line-height: 33px; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; }
	div.oben a.button span.links								{ float: left; display: inline; background: url(/images/design/bg-fadingbtn-l.png) no-repeat 0px 0px; width: 36px; height: 33px; }
	div.oben a.button span.mitte								{ float: left; display: inline; background: url(/images/design/bg-fadingbtn-x.png) repeat-x 0px 0px; padding: 0px 2px 0px 2px; height: 33px; font-size: 21px; line-height: 31px; }
	div.oben a.button span.rechts								{ float: left; display: inline; background: url(/images/design/bg-fadingbtn-r.png) no-repeat 0px 0px; width: 16px; height: 33px; }
	
	div.oben div.images											{ width: 80px; position: absolute; left: 17px; top: 88px; z-index: 2; }
	div.oben div.images a										{ border: solid 3px #79889b; float: left; margin: 0px 0px 10px 0px; position: relative; text-decoration: none; }
	div.oben div.images a img									{ float: left; display: inline; }
	div.oben div.images a.aktiv									{ border: solid 3px #3c4045; }
	div.oben div.images a span									{ background-color: #2d2e2f; position: absolute; left: 0px; top: 0px; width: 74px; _width: 80px; height: 64px; opacity: 0.8; filter: alpha(opacity = 80); display: none; }
	div.oben div.images a.aktiv span							{ display: block; }
	
	
/* Mitte _________________________________________________________________ */

	div.mitte 													{ margin: 421px 0px 0px 0px; }
	

	
/* Links _________________________________________________________________ */

	div.links 													{ float: left; display: inline; width: 228px; margin: 253px 0px 0px 10px; }

	div.links div.menu											{ border-top: solid 1px #344356; margin: 0px 0px 4px 0px; padding: 2px 0px 0px 0px; }
	div.links div.menu div.navistrahlung						{ font-size: 11px; margin: 0px 0px 0px 0px; position: relative; overflow: hidden; text-indent: -500px; width: 228px; }
	div.links div.menu div.innen								{ clear: both; margin: 0px 0px 1px 0px; padding: 0px 0px 1px 0px; border-bottom: solid 1px #bec7d2; position: relative; width: 228px; }
	div.links div.menu div.innen a.link							{ position: absolute; left: 0px; top: 0px; width: 228px; height: 70px; background-color: #FFFFFF; opacity: 0.0; filter: alpha(opacity = 0); text-decoration: none; }
	div.links div.menu div.innen a.aktiv,
	div.links div.menu div.innen a.link:hover					{ background-color: #dfe1e3; opacity: 0.6; filter: alpha(opacity = 60); }
	div.links div.menu div.innen img							{ float: left; }
	div.links div.menu div.innen table							{ float: left; margin: 0px 0px 0px 12px; width: 110px; }
	div.links div.menu div.innen table td						{ vertical-align: middle; height: 70px; line-height: 17px; }
	div.links div.menu div.innen table td h3,
	div.links div.menu div.innen table td h3 a					{ display: inline; color: #cd0b02; font-size: 13px; margin: 0px 0px 0px 0px; }
	
	div.linksunten												{ float: left; display: inline; width: 228px; margin: 0px 0px 0px 10px; padding: 2px 0px 0px 0px; }
	div.linksunten a											{ text-decoration: none; }

	div.linksunten div.navistrahlung,
	div.linksunten div.naviservice,
	div.linksunten div.navidownload								{ font-size: 11px; margin: 0px 0px 0px 0px; position: relative; overflow: hidden; text-indent: -500px; width: 228px; }

	div.linksunten div.menu										{ margin: 0px 0px 24px 0px; position: relative; }

	div.linksunten div.menu ul									{ font-size: 13px; line-height: 28px; list-style-type: none; margin: 0px 0px 1px 0px; padding: 0px 0px 0px 0px; width: 228px; }
	div.linksunten div.menu li									{ background: url(/images/design/bg-li-links.gif) no-repeat 6px 10px; border-bottom: solid 1px #BEC7D2; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.linksunten div.menu li a								{ background: url(/images/design/bg-li-links.gif) no-repeat 6px 10px; color: #CD0B02; display: block; line-height: 28px; height: 29px; padding: 0px 0px 0px 18px; }
	div.linksunten div.menu li a:hover							{ color: #000000; }
	div.linksunten div.menu li.aktiv							{ background: url(/images/design/bg-li-links.gif) no-repeat 6px 6px; }
	div.linksunten div.menu li.aktiv a							{ background: url(/images/design/bg-li-links.gif) no-repeat 6px 6px; color: #344356; }
	
	div.linksunten div.menu a.aktiv								{ color: #344356; }
	
	div.linksunten div.menu ul li.aktiv ul li,
	div.linksunten div.menu ul li ul li							{ background: url(/images/design/bg-li-links.gif) no-repeat 18px 7px; border-top: solid 1px #BEC7D2; border-bottom: 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.linksunten div.menu ul li.aktiv ul li a,
	div.linksunten div.menu ul li ul li a						{ background: url(/images/design/bg-li-links.gif) no-repeat 18px 6px; color: #CD0B02; display: block; line-height: 18px; height: 19px; padding: 0px 0px 0px 30px; }
	div.linksunten div.menu ul li.aktiv ul li a:hover,
	div.linksunten div.menu ul li ul li a:hover					{ color: #000000; }
	div.linksunten div.menu ul li.aktiv ul li.aktiv,
	div.linksunten div.menu ul li ul li.aktiv					{ background: url(/images/design/bg-li-links.gif) no-repeat 18px 7px; }
	div.linksunten div.menu ul li.aktiv ul li.aktiv a,
	div.linksunten div.menu ul li ul li.aktiv a					{ background: url(/images/design/bg-li-links.gif) no-repeat 18px 6px; color: #344356; }
	
	div.linksunten address										{ color: #79889B; font-size: 13px; font-style: normal; line-height: 19px; margin: 64px 0px 0px 0px; text-align: left; width: 225px; }
	div.linksunten address p									{ margin: 8px 0px 8px 0px; }
	div.linksunten address a									{ color: #CD0B02; line-height: 10px; }
	div.linksunten address a:hover								{ color: #000000; }



/* Inhalt ________________________________________________________________ */

	div.inhalt 													{ margin: 442px 11px 60px 0px; float: right; display: inline; width: 735px; min-height: 100px; _height: 100px; overflow: hidden; }
	div.inhaltunten												{ margin: 0px 11px 0px 0px; float: right; display: inline; width: 735px; overflow: hidden; }



/* Unten _________________________________________________________________ */

	div.unten													{ background: #FFFFFF; clear: both; color: #79889B; font-size: 12px; letter-spacing: -1px; margin: 0px 0px 0px 0px; padding: 13px 0px 14px 0px; position: relative; width: 1000px; }
	div.unten a													{ color: #CD0B02; letter-spacing: 0px; padding: 0px 5px 0px 5px; text-decoration: none; }
	div.unten a:hover											{ color: #000000; }
	div.unten a img												{ vertical-align: text-bottom; }
	
	div.unten div.impressum										{ float: right; display: inline; margin: 0px 11px 0px 0px; }	



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

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