body { color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; background:#d8e9d9; padding:0; margin:0; text-align:center} h1 { font-size:20px; line-height:22px; color:#0071bc; padding:0 0 0 0; margin:0; font-weight:normal; font-family: Calibri, Verdana, Helvetica, sans-serif; } h2 { font-size:14px; color:#0071bc; padding:15px 0 6px 0; margin:0 0 1px 0; font-weight:normal; background-color:#ffffff; } h3 { font-size:16px; color:#0071bc; padding:20px 0 5px 0; margin:0 0 4px 0; font-weight:normal; } h4 { font-size:14px; color:#ffffff; background-color:#d62525; padding:8px 5px; margin:0 0 4px 0; font-weight:normal; } h5 { padding:0; margin:0; } a { color:#00922e; font-weight:normal; text-decoration:none; outline:none; } a:hover { text-decoration:underline; } table { font-size:12px; font-family: Arial, Verdana, Helvetica, sans-serif; width:100%; border-collapse:collapse; table-layout:fixed; margin-bottom:20px; } td { vertical-align: top; text-align: left; padding:0; } img { border:0; margin:0; } .clear { clear:both; height:0; } .success { padding:10px; background-color:#FFCC00;} .error { padding:10px; background-color:#CC0000; color:#ffffff; font-size:12px; } .error ul { padding:0; margin:0; } .webdesign { float:right; } .print { display:none } .colored { color:#0071bc; } .coloredGreen { color:#00922e; } hr { height:0; border:1px dotted #00922e; border-width: 0 0 1px 0; margin:0 0 15px 0; } #rahmen { width:890px; padding:0; margin:0 auto; background-color:#ffffff; padding:0; text-align:left; border:1px solid #ffffff; border-width:0 6px; } #header { height: 300px; padding:0; background:#ffffff url(/templates/et-robotik-pack-line/images/bg-header.gif) no-repeat; } #header_top { height: 167px; } #header #logo a { float:right; display:block; width: 400px; height:100px; padding:0; } #menu { clear:both; padding:0; margin:0; list-style-type:none; } #menu ul { padding:0 0 0 105px; margin:0; list-style-type:none; } #menu li { display:inline; } #menu li a { display:block; float:left; height: 70px; width:80px; padding:0; } #menu li a#home { width:63px; background:transparent url(/templates/et-robotik-pack-line/images/menu/home-a.gif) no-repeat;} #menu li a#home:hover { background:transparent url(/templates/et-robotik-pack-line/images/menu/home-b.gif) no-repeat; } #menu li a#home.onkat { background:transparent url(/templates/et-robotik-pack-line/images/menu/home-b.gif) no-repeat; } #menu li a#robotikpackline { width:161px; background:transparent url(/templates/et-robotik-pack-line/images/menu/robotik-pack-line-a.gif) no-repeat;} #menu li a#robotikpackline:hover { background:transparent url(/templates/et-robotik-pack-line/images/menu/robotik-pack-line-b.gif) no-repeat; } #menu li a#robotikpackline.onkat { background:transparent url(/templates/et-robotik-pack-line/images/menu/robotik-pack-line-b.gif) no-repeat; } #menu li a#teampartner { width:126px; background:transparent url(/templates/et-robotik-pack-line/images/menu/team-partner-a.gif) no-repeat;} #menu li a#teampartner:hover { background:transparent url(/templates/et-robotik-pack-line/images/menu/team-partner-b.gif) no-repeat; } #menu li a#teampartner.onkat { background:transparent url(/templates/et-robotik-pack-line/images/menu/team-partner-b.gif) no-repeat; } #menu li a#news { width:96px; background:transparent url(/templates/et-robotik-pack-line/images/menu/aktuelles-a.gif) no-repeat;} #menu li a#news:hover { background:transparent url(/templates/et-robotik-pack-line/images/menu/aktuelles-b.gif) no-repeat; } #menu li a#news.onkat { background:transparent url(/templates/et-robotik-pack-line/images/menu/aktuelles-b.gif) no-repeat; } #menu li a#presse { width:73px; background:transparent url(/templates/et-robotik-pack-line/images/menu/presse-a.gif) no-repeat;} #menu li a#presse:hover { background:transparent url(/templates/et-robotik-pack-line/images/menu/presse-b.gif) no-repeat;;} #menu li a#presse.onkat{ background:transparent url(/templates/et-robotik-pack-line/images/menu/presse-b.gif) no-repeat;;} #menu li a#downloads { width:113px; background:transparent url(/templates/et-robotik-pack-line/images/menu/downloads-a.gif) no-repeat;} #menu li a#downloads:hover { background:transparent url(/templates/et-robotik-pack-line/images/menu/downloads-b.gif) no-repeat;} #menu li a#downloads.onkat{ background:transparent url(/templates/et-robotik-pack-line/images/menu/downloads-b.gif) no-repeat;} #menu li a#links { width:67px; background:transparent url(/templates/et-robotik-pack-line/images/menu/links-a.gif) no-repeat;} #menu li a#links:hover { background:transparent url(/templates/et-robotik-pack-line/images/menu/links-b.gif) no-repeat; } #menu li a#links.onkat{ background:transparent url(/templates/et-robotik-pack-line/images/menu/links-b.gif) no-repeat; } #menu li a#kontakt { width:70px; background:transparent url(/templates/et-robotik-pack-line/images/menu/kontakt-a.gif) no-repeat;} #menu li a#kontakt:hover { background:transparent url(/templates/et-robotik-pack-line/images/menu/kontakt-b.gif) no-repeat; } #menu li a#kontakt.onkat{ background:transparent url(/templates/et-robotik-pack-line/images/menu/kontakt-b.gif) no-repeat; } .optionen { float:left; padding:6px 10px 6px 10px; font-size:12px; color:#ffffff ; background-color:#ffffff; } .optionen a { color:#00922e } .optionen a:hover { text-decoration:underline; } .optionen a.onOption { color:#666666 } .optionen img { vertical-align:middle; } .breadcrump { color:#666666; font-size:12px; padding:0 10px 0 0; } .boxNewsletter { background: #ffffff url(/templates/et-robotik-pack-line/images/bg-header.gif) -300px -182px no-repeat; padding:15px; font-size:12px; text-align:center; } .boxNewsletter a { color: #666666; text-decoration:none; font-weight:bold; } .boxNewsletter a:hover { color: #00922e; text-decoration:none; } #subnavigation { float:left; width:165px; padding:0 0 20px 10px; margin: 0; } #content_container { float:right; width:700px; } #partner { float:right; width:200px; padding:0 10px 20px 0; margin: 0; } #content { float:left; width:420px; margin:0; padding:0 20px 60px 20px; line-height:140%; font-size:12px; } .line { height:10px; border:1px solid #dddddd; border-width:1px 0 0 0; } /*Content Imagepool*/ #partner ul { padding:0; margin:0; list-style-type:none; } #partner li img { border:1px solid #d8e9d9; margin:0 0 10px 0;} .adresse p { padding:0; margin:0 } #footer { clear:both; padding: 80px 10px 10px 10px; font-size:12px; height:25px; color:#666666; line-height:20px; background:#d8e9d9 url(/templates/et-robotik-pack-line/images/bg-footer.gif) no-repeat;} #footer img { vertical-align:middle; margin: 0 0 1px 0; } #formular { padding:5px 5px 5px 5px; border:1px solid #cccccc; } #formular #colored { border:3px solid #88ba14; } #formular table { width:100%; border-collapse:collapse; table-layout:fixed } #formular td { padding:0; border-bottom:10px solid #ffffff; } #formular td.first { width:120px; padding:5px 10px; border-right:1px solid #cccccc; } #formular td.needed { width:120px; padding:3px 10px; color:#ffffff } #formular td.wert { padding:0 5px 0 10px; } #formular td.text { padding:5px 10px; } input { padding: 3px; font-size: 13px; margin:2px 4px 2px 0; vertical-align:middle; width:240px; border:1px solid #dddddd} input.short { width:175px; } input.very_short { width:50px; } textarea { padding: 3px 3px; font-size: 13px; margin:2px 4px 2px 0; vertical-align:middle; width:240px; font-family: Arial, Helvetica, sans-serif; border:1px solid #dddddd} select { padding: 3px; font-size: 13px; padding:0; margin:2px 4px 2px 0; background-color:#dddddd; } select#dropdown { background-color:#9e9e9e; color:#ffffff; } input.radiobutton { padding:3px; margin:2px 4px 2px 0; width:20px; border:none; } input.checkboxbutton { padding:3px; margin:2px 4px 2px 0; width:20px; border:none; } input.submitbutton { background-color: #0071bc; padding:8px 60px 8px 10px; font-weight:bold; width:80px; color:#ffffff; margin:0 10px 0 140px; border:none; vertical-align:top} input.submitbutton:hover { background-color: #888888; } /*Form Validation */ #formular table .invalidInput,.validInput { display:inline; padding:0px; } #formular table .invalidInput input { background-color:#dddddd; } #formular table .invalidInput select { background-color:#dddddd; } #formular table .validInput input { background-color:#ffffff; } #formular table .validInput select { background-color:#ffffff; } /*Content Imagepool*/ .image { float:right; padding:20px 0 10px 20px; } /* MODULE individuelle Einstellungen*/ ul#newsticker li .title { width:340px; } #submenu { border:1px dotted #cccccc; border-width:1px 0; padding:10px 0; margin:0 0 20px 0; } #submenu ul { padding:0; margin:0; list-style-type:none; } #submenu ul li a { display:block; margin:5px 0 8px 0; border-left:12px solid #00922e; padding:0 0 0 8px; font-size:12px; line-height:12px; } #submenu ul li a:hover { border-color: #dddddd; text-decoration:none; } #submenu ul li a.onSite { border-color: #0071bc; color: #0071bc } /*Illustration*/ ul.uk { padding:0; margin:0; list-style-type:none; background:#fff url(/templates/et-robotik-pack-line/images/illustration.gif); width:420px; height:135px; margin:0; position:relative; z-index:100;} ul.uk li a {text-indent:-999px; display:block; width:11px; height:11px; background:#006bb5 url(/templates/et-robotik-pack-line/images/tooltip.gif); position:absolute; line-height:8px;} ul.uk li a em {visibility:hidden; position:absolute;} ul.uk li a.one {top:51px; left:9px;} ul.uk li a.two {top:51px; left:59px;} ul.uk li a.three {top:51px; left:109px;} ul.uk li a.four {top:51px; left:151px;} ul.uk li a.five {top:82px; left:169px;} ul.uk li a.six {top:82px; left:207px;} ul.uk li a.seven {top:53px; left:231px;} ul.uk li a.eight {top:82px; left:259px;} ul.uk li a.nine {top:82px; left:346px;} ul.uk li a:hover {background:#006bb5; text-indent:0; height:1.2em; font-size:11px; color:#fff; line-height:1em; padding:4px 10px 2px 10px; width:90px; text-decoration:none; z-index:200;} * html ul.uk li a:hover {width:110px; height:1.5em; w\idth:90px; he\ight:1.2em;} ul.uk li a:hover em {visibility:visible; margin-left:5px; background:#ffffff; border:1px solid #006bb5; width:150px; color:#444444; padding:15px;font-style:normal; top:0; font-family:arial, sans-serif; letter-spacing:1px; line-height:1.5em;} * html ul.uk li a:hover em {width:200px; w\idth:150px;} ul.uk li a:hover em img {border:1px solid #000; display:block; margin-bottom:10px;} ul.uk li a:hover em span {display:block; width:0; height:0; overflow:hidden; border:15px solid #fff; border-width:15px 0 15px 15px; border-left-color:#006bb5; position:absolute; left:0; top:0;} * html ul.uk li a:hover em span {width:30px; height:30px; w\idth:0; he\ight:0;} /* Liste Partner */ ul#partner { padding:0; margin:0; list-style-type:none; } ul#partner li a { display:block; padding:4px 5px 4px 18px; font-size:11px; line-height:16px; background:#ffe586 url(/templates/stromauskunft/images/bg-menu.gif) no-repeat; color:#222222; text-decoration:none; font-weight:normal; border-bottom:1px solid #ffffff } ul#partner li a:hover { background:#dddddd url(/templates/stromauskunft/images/bg-menu-hover.gif) no-repeat; } /*News*/ ul#latest { padding:20px 0 0 0; margin:0; list-style-type:none; } ul#latest li { padding:0 0 15px 0; line-height:20px; border:1px solid #dddddd; border-width:0 0 1px 0; margin-bottom:15px; } ul#latest li img { float:right; margin:2px 0 14px 14px; } ul#latest li .date { font-size:11px; font-weight:bold; } ul#latest li .title { font-size:14px; font-weight:bold; color:#328925; padding:5px 0 5px 0; } ul#latest li p { padding:0; margin:0; } ul#newsarchiv { padding: 10px 0 0 0; margin:0; list-style-type:none; } ul#newsarchiv li { clear:both; padding:4px 0 0 0; border:1px solid #dddddd; border-width:1px 0; margin:0 0 4px 0; } ul#newsarchiv li .date { float:left; width:30px; font-size:12px; color:#888888; } ul#newsarchiv li .title { float:right; width:390px; font-size:12px; color:#888888; padding:0; }