/* CSS für ADT Innova Struktur */ /* Schriftgrössen: body --> 100.01% Wegen Rundungsfehler 10 --> 0.625em 11 --> 0.6875em 12 --> 0.75em 13 --> 0.8125em 14 --> 0.875em 15 --> 0.9375em 16 --> 1em 17 --> 1.0625em 18 --> 1.125em 19 --> 1.1875em 20 --> 1.25em 21 --> 1.3125em 22 --> 1.375em 23 --> 1.4375em 24 --> 1.5em 25 --> 1.5625em 26 --> 1.625em 27 --> 1.6875em 28 --> 1.75em 29 --> 1.8125em 30 --> 1.875em */ /* iepngfix */ #navArea, ul.mainNavig ul, #contentArea, .logo img {behavior: url(/_scripts/iepngfix.htc);} /* */ * {margin:0;padding:0;} html,body {margin:0;padding:0; font-family:Arial, Helvetica, sans-serif;font-size:100.01%;line-height:1em;color:#000000; background-color:#FFFFFF; } body {background-image:url(/_img/bg/body_bg.jpg); background-repeat:no-repeat; background-position:center 0;/**/} html {height:100%; margin-bottom: 1px; overflow-y:scroll;} .navAccesskey {display:none;} .clearer {clear:both; font-size:0px;line-height:0px; height:0px;background-color:#FFFF00;} .logo { margin:0 auto; width:270px; padding:22px 0;} #container { margin:0 auto; width:958px;} #headerArea{padding-left:4px; background-image:url(/_img/bg/headerarea_bg.gif); background-repeat:repeat-y;} #blendme { height:159px; cursor:pointer;} img {border:none;} /* Navig */ #navArea { background-image:url(/_img/bg/navigarea_bg.png); background-repeat:no-repeat; height:36px; padding:7px 0 47px 15px;} /* @link http://www.lwis.net/ * @copyright 2006-2008 Live Web Institute. All Rights Reserved.*/ ul.mainNavig,ul.mainNavig li,ul.mainNavig ul {list-style: none;margin: 0;padding: 0;} ul.mainNavig {position: relative;z-index: 597;float: left;} ul.mainNavig li {float: left;line-height: 1.0em;vertical-align: middle;zoom: 1;width:150px; height:38px; margin:0; padding:0; list-style:none; text-align:center;line-height:1em;} ul.mainNavig li.hover,ul.mainNavig li:hover {position:relative;z-index:599;cursor:default;} ul.mainNavig ul {visibility:hidden;position:absolute;top:100%;left:0;z-index:598;width:100%;width:142px;height:189px; margin:-2px 0 0 -4px;padding:30px 8px 0 8px;background-image:url(/_img/bg/subnavig_bg.png); background-repeat:no-repeat;} * html ul.mainNavig ul {background-image:url(/_img/bg/subnavig_bg.gif); background-repeat:no-repeat;} ul.mainNavig ul li {float:none;width:142px; height:22px; margin:0; padding:0; list-style:none; text-align:center;filter: none;} ul.mainNavig ul ul {top: 1px;left: 99%;} ul.mainNavig li:hover > ul {visibility: visible;} ul.mainNavig a:hover {color:#FFFFFF; background-position:-150px 0px;} ul.mainNavig li a {width:150px; height:29px; display:block; padding-top:9px; text-decoration:none;color:#d9d1d4; text-transform:uppercase; font-weight:bold; font-size:0.75em; line-height:1.0em; overflow:hidden;background-image:url(/_img/bg/mainnavig_btn.gif); background-repeat:no-repeat;} ul.mainNavig li span {width:116px; height:38px;display:block;background-image:url(/_img/bg/mainnavig_btn.gif); background-repeat:no-repeat;} ul.mainNavig li a.aktiv { color:#FFFFFF;background-position:-300px 0;} ul.mainNavig ul a {width:142px; height:16px;padding:4px 0 0px 0;font-size:0.6875em; line-height:1em;color:#d9d1d4;text-transform:uppercase;font-weight:bold; text-decoration:none;background-image:url(/_img/bg/subnavig_btn.gif); background-repeat:no-repeat;} ul.mainNavig ul a.aktiv {color:#FFFFFF;background-position:-284px 0;} ul.mainNavig ul a:hover { color:#FFFFFF;background-position:-142px 0;} ul.mainNavig li.homeBtn {width:28px; height:38px;} ul.mainNavig li.homeBtn a {width:28px; display:block; padding-top:9px; text-decoration:none; background-image:url(/_img/bg/mainhome_btn.gif); background-repeat:no-repeat;} ul.mainNavig li.homeBtn a:hover {background-position:-28px 0px;} ul.mainNavig li.homeBtn a.aktiv {background-position:-56px 0;} /* Content */ #contentArea {background-image:url(/_img/bg/contentarea_bg.png);background-repeat:repeat-y; display:inline-block; width:958px;} * html #contenArea { background-image:url(/_img/bg/contentarea_bg.gif); background-repeat:repeat-y;} #content {float:left;width:644px; padding:33px 37px 0 41px;/*display:inline;*/} #teaserArea {float:right;width:236px;display:inline; padding-top:60px;} .teaser { background-image:url(/_img/bg/teaser_bg.gif); background-repeat:no-repeat; width:207px; height:171px; margin:0 0 3px 5px; padding:5px 8px;} .teaser h2 {margin:0 0 7px 0; padding:0 0 6px 0;} .teaser p {height:56px; margin:0 0 10px 0; overflow:hidden;} .teaser img {} .imgRight { float:right;width:220px;display:inline;margin:10px 20px 10px 30px;} /* Referenz Buttons */ #content ul.mainNavig ,ul.mainNavig li, ul.mainNavig ul {list-style: none;/*margin: 0;padding: 0;*/} #content ul.mainNavig {position: relative;z-index: 597;float: left; margin:0 0 0px 310px;} #content ul.mainNavig li {float: left;line-height: 1.0em;vertical-align: middle;zoom: 1;width:150px; height:29px; margin:0; padding:0; list-style:none; text-align:center;line-height:1em;} #content ul.mainNavig li.hover,ul.mainNavig li:hover {position:relative;z-index:599;cursor:default;} #content ul.mainNavig ul {visibility:hidden;position:absolute;top:100%;left:0;z-index:598;width:100%;width:142px;height:189px; margin:0px 0 0 -4px;padding:30px 8px 0 8px;background-image:url(/_img/bg/subnavig_bg.png); background-repeat:no-repeat;} * html ul.mainNavig ul {background-image:url(/_img/bg/subnavig_bg.gif); background-repeat:no-repeat;} #content ul.mainNavig ul li {float:none;width:142px; height:22px; margin:0; padding:0; list-style:none; text-align:center;filter: none;} #content ul.mainNavig ul ul {top: 1px;left: 99%;} #content ul.mainNavig li:hover > ul {visibility: visible;} #content ul.mainNavig a:hover {color:#FFFFFF; background-position:-150px 0px;} #content ul.mainNavig li a {width:150px; height:20px; display:block; padding-top:9px; text-decoration:none;color:#d9d1d4; text-transform:uppercase; font-weight:bold; font-size:1.09em; line-height:1.0em; overflow:hidden;background-image:url(/_img/bg/refnavig_btn.gif); background-repeat:no-repeat;} #content ul.mainNavig li span {width:116px; height:38px;display:block;background-image:url(/_img/bg/refnavig_btn.gif); background-repeat:no-repeat;} #content ul.mainNavig li a.aktiv { color:#FFFFFF;background-position:-300px 0;} #content ul.mainNavig ul a {width:142px; height:16px;padding:4px 0 0px 0;/*font-size:0.6875em;*/font-size:1em; line-height:1em;color:#d9d1d4;text-transform:uppercase;font-weight:bold; text-decoration:none;background-image:url(/_img/bg/subnavig_btn.gif); background-repeat:no-repeat;} #content ul.mainNavig ul a.aktiv {color:#FFFFFF;background-position:-284px 0;} #content ul.mainNavig ul a:hover { color:#FFFFFF;background-position:-142px 0;} /* Kontaktformular */ #formKontakt {float:left;width:470px;display:inline;margin:20px 0 0 0;} #formKontakt label{float:left;width:180px;display:inline;text-align:left;margin:0 0 10px 0;line-height:1.5em;font-size:0.8125em;} #formKontakt input {float:left;width:260px;display:inline;margin-right:10px;border:solid 1px #CCCCCC;background-color:#FFFFFF;font-family:Arial, Helvetica, sans-serif;font-size:0.8125em;color:#999999;} #formKontakt textarea {float:left;width:260px;display:inline;margin-right:10px;height:100px;border:solid 1px #CCCCCC;background-color:#FFFFFF;font-family:Arial, Helvetica, sans-serif; font-size:0.8125em; color:#999999;} #formKontakt span {float:left; width:auto;display:inline;padding-right:10px;font-size:0.8125em;} #formKontakt form br {clear: both;} #formKontakt input:focus, #formKontakt textarea:focus, #formKontakt select:focus {border:solid 1px #7b6856;background-color:#d9d5ca;color:#7b6856;} input:focus, textarea:focus, select:focus, #formKontakt select.aktiv, #formKontakt textarea.aktiv, #formKontakt input.aktiv {border:solid 1px #7b6856;background-color:#d9d5ca;color:#7b6856;} input.mittelaktiv {border:solid 1px #666666;background-color:#fdf1bc; width:200px;} #formKontakt input.btnSenden {float:left;width:100px;display:inline;margin-right:10px;border:solid 1px #CCCCCC;background-color:#FFFFFF;color:#7b6856;} #formKontakt input.radio {width:auto; border:none;background-color:transparent;} .error {border:1px #CC0000 dashed;color:#CC0000;padding:10px;margin:20px 20px 20px 0; padding:5px;font-size:0.8125em;} .error img {margin-right:10px;} input.radio {background-color:transparent;} /* img fader */ .blend img {opacity: 0;-moz-opacity: 0;-khtml-opacity:0;filter: alpha(opacity=0);} /* */ /* Footer */ div#footerArea { background-image:url(/_img/bg/footer_bg.gif); background-repeat:no-repeat; height:13px;} .footerFloat {} .footerNavig { float:left; width:auto;text-align:left;} .footerNavig a {color:#0000FF;text-decoration:none;padding:0 20px 0 0;} .footerNavig a:hover {color:#6600CC;} .footerLogos {} .footerLogo01 {float:left;width:auto;display:inline;margin:1px 60px 0 0;} .footerLogo02 {float:left;width:auto;display:inline;margin:7px 0 0 0;} .footerLogo03 {float:left;width:auto;display:inline;margin:7px 0 0 0;} .footerLogoWincasa {float:left;width:auto;margin:0 0 0 0;} /* Solution */ #solutionFooter { float:right; width:120px;} #solution {width:90px;margin:5px 0 0px 0; float:right;} #solution a, #solution a:visited {display:block;padding:0 0 3px 21px;font-family:Arial, Helvetica, sans-serif;font-size:9px;font-weight:bold;color:#191919;text-decoration:none; background-image:url(/_img/solution.gif);background-repeat:no-repeat;background-position:0 1px;} #solution a:focus, #solution a:hover {text-decoration:none;} * html #solution a {width:69px; /* Breitenangaben nur fuer IE */}