@import "css-all.css";

/* Grundeinstellungen ____________________________________________*/

	#rahmen { background: #FFFFFF; margin: 0 auto; text-align: left; width: 1000px; font-size: 12px; line-height: 18px; }



/* Oben __________________________________________________________*/

	#oben { background: url(/images/design/bg-oben.gif) no-repeat left bottom; margin: 0px 0px 0px 10px; position: relative; width: 980px; }

	#memberinfos { position: absolute; left: 5px; top: 10px; }
	
	/* css-special.asp */

	#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; }
	
	#news { background: #EFF1F4; line-height: 13px; position: absolute; left: 703px; top: 68px; width: 277px; height: 178px; font-size: 11px; }
	#news a { font-size: 8px; font-weight: bold; }
	#news a.weiter { background: url(/images/design/ordner.gif) no-repeat 0px 1px; color: #CD0B02; font-size: 10px; padding: 0px 0px 1px 25px; position: absolute; left: 11px; bottom: 10px; text-transform: uppercase; }
	#news a.weiter:hover { color: #000000; }
	
	.news { margin: 10px 0px 0px 0px; }
	.news .datum { color: #666666; font-weight: bold; margin: 0px 10px 0px 11px; }
	.news h1 { color: #CD0B02; font-size: 12px; margin: 0px 10px 0px 11px; }
	.news span { color: #CD0B02; font-size: 12px; margin: 0px 10px 0px 11px; font-weight: bold; display: block; }
	.news p { color: #666666; margin: 0px 10px 0px 11px; }

	.sprache { position: absolute; left: 0px; top: 50px; }


/* Mitte _________________________________________________________*/
	
	/* css-special.asp */



/* Links _________________________________________________________*/

	#links { float: left; width: 322px; padding: 2px 0px 0px 0px; }

	#logo { background: url(/images/design/bg-logo.gif) repeat-y 230px 0px; padding: 0px 0px 3px 0px; overflow: hidden; width: 980px; white-space: nowrap; }
	#logo img { margin: 0px 99px 0px 0px; }
	
	#links div.navistrahlung, #links div.naviservice, #links div.navidownload { font-size: 11px; margin: 0px 0px 0px 0px; position: relative; overflow: hidden; text-indent: -500px; width: 228px; }

	/* css-special.asp */

	.menu { position: relative; }

	.menu ul { font-size: 12px; line-height: 16px; list-style-type: none; margin: 0px 0px 1px 0px; padding: 0px 0px 0px 0px; width: 228px; }
	.menu li { background: url(/images/design/bg-li-links.gif) no-repeat 6px 6px; border-bottom: solid 1px #BEC7D2; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	.menu li a { background: url(/images/design/bg-li-links.gif) no-repeat 6px 6px; color: #CD0B02; display: block; line-height: 18px; height: 19px; padding: 0px 0px 0px 18px; }
	.menu li a:hover { color: #000000; }
	.menu li.aktiv { background: url(/images/design/bg-li-links.gif) no-repeat 6px 6px; }
	.menu li.aktiv a { background: url(/images/design/bg-li-links.gif) no-repeat 6px 6px; color: #344356; }
	
	.menu a.aktiv { color: #344356; }
	
	.menu ul li.aktiv ul li, .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; }
	.menu ul li.aktiv ul li a, .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; }
	.menu ul li.aktiv ul li a:hover, .menu ul li ul li a:hover { color: #000000; }
	.menu ul li.aktiv ul li.aktiv, .menu ul li ul li.aktiv { background: url(/images/design/bg-li-links.gif) no-repeat 18px 7px; }
	.menu ul li.aktiv ul li.aktiv a, .menu ul li ul li.aktiv a { background: url(/images/design/bg-li-links.gif) no-repeat 18px 6px; color: #344356; }
	
	/* css-special.asp */

	#produktassistent { background-position: 0px 0px; top: 0px; }
	#produktassistent.aktiv { background-position: 89px 0px; top: 0px; }
	#produktassistent a { background-position: 0px 0px; }
	#produktassistent.aktiv a, #produktassistent a:hover { background-position: 89px 0px; }
	
	#produktsuche { background-position: 0px 40px; top: 22px; }
	#produktsuche.aktiv { background-position: 89px 40px; top: 22px; }
	#produktsuche a { background-position: 0px 40px; }
	#produktsuche.aktiv a, #produktsuche a:hover { background-position: 89px 40px; }
	

	#referenz { background-position: 0px 20px; top: 0px; }
	#referenz.aktiv { background-position: 89px 20px; top: 0px; }
	#referenz a { background-position: 0px 20px; }
	#referenz.aktiv a, #referenz a:hover { background-position: 89px 20px; }

	
	#kontakte-menu-mitte { background-position: 0px 0px; top: 44px; }
	#kontakte-menu-mitte.aktiv { background-position: 0px 0px; top: 44px; }
	#kontakte-menu-mitte a { background-position: 0px 0px; }
	#kontakte-menu-mitte.aktiv a, #kontakte-menu-mitte a:hover { background-position: 0px 20px; }
	
	
	address { color: #79889B; font-size: 12px; font-style: normal; line-height: 12px; margin: 64px 0px 0px 0px; text-align: right; width: 225px; }
	address a { color: #CD0B02; line-height: 10px; }
	address a:hover { color: #000000; }



/* Inhalt ________________________________________________________*/

	/* css-special.asp */


/* Rechts ________________________________________________________*/

	#rechts { float: left; margin: 0px 0px 0px 5px; width: 277px; }

	#livedemo { display: block; margin: 0px 0px 2px 0px; }
	
	#infos { background: url(/images/design/bg-infos.gif) no-repeat 0px 0px; overflow: hidden; width: 100%; white-space: nowrap; }
	#infos img { margin: 3px 5px 3px 0px; }



/* Unten _________________________________________________________*/

	#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: 980px; }
	#unten a { color: #CD0B02; letter-spacing: 0px; padding: 0px 5px 0px 5px; }
	#unten a:hover { color: #000000; }
	#unten #vertikal { position: absolute; left: 418px; top: -30px; z-index: 2; }
	#unten #horizontal { position: absolute; left: 327px; top: -3px; z-index: 1; }
	
	#impressum { margin: 0px 0px 0px 325px; text-align: center; }	
	
	
/* 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 __________________________________________________________*/