/* =========================================== Projekt: Energie Mike Lorenz Datum: 23.06.2008 Inhalt: 1. Allgemein 2. Positionierung 3. Hyperlinks =========================================== */ /* ------------------------------------------- 1. Allgemein ------------------------------------------- */ *{ margin:0px; padding:0px; } body{ background-color:#ffffff; color:#000000; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px; background-image:url(../images_template/bg.jpg); background-repeat:repeat-x; background-position:top center; background-color:#ffa800; margin-top:-100px; } html, body{ height:100%; } img{ border: 0px; } .clear{ clear:both; } h1{ display:none; } h2{ margin-top:20px; margin-bottom:20px; font-size:20px; font-weight:lighter; border-bottom:2px solid #ffa800; } h3{ margin-top:20px; margin-bottom:20px; font-size:20px; font-weight:lighter; border-bottom:2px solid #ffa800; } /* ------------------------------------------- 2. Positionierung ------------------------------------------- */ #wrapper{ position:relative; width:943px; margin:100px auto 0 auto; min-height: 100%; background-image:url(../images_template/content_bg.png); behavior:url(css/iepngfix.htc); background-repeat:repeat-y; z-index:1000; } #header{ position:relative; width:943px; height:265px; background-image:url(../images_template/header.jpg); } #header address{ position:absolute; top:133px; right:320px; font-style:normal; color:#000000; line-height:18px; font-size:12px; } #navi{ width:920px; height:33px; background-image:url(../images_template/navigation_bg.gif); z-index:1500; } #teaser{ width:943px; height:189px; background-image:url(../images_template/teaser_bg.gif); background-repeat:no-repeat; padding-top:15px; } #subtitel{ float:left; width:393px; /* 439px - 44px */ padding-left:60px; } #subtitel p{ width:360px; font-size:12px; line-height:18px; } #subtitel p span{ display:block; font-size:16px; font-weight:bold; margin-bottom:6px; } #infobox{ float:left; width:408px; height:171px; /* 188px - 17px */ background-image:url(../images_template/teaserbild.gif); text-align:center; padding-top:17px; } .infobox_text ul { padding-top: -25px; padding-bottom: -25px; } #infobox li { font-size: 11px; color: #000000; list-style: none outside; background: url(../images_template/dot2.gif) no-repeat; } .infobox li { font-size: 11px; padding-left: 20px; margin-left: -38px; margin-bottom: 8px; line-height: 130%; } #inhalt{ padding:5px 25px 20px 60px; width:820px; } #inhalt p{ padding-bottom:18px; line-height:18px; } #inhalt ul{ margin-bottom: 20px; } .style1 { border: 1px solid #FF9933; background-color: #FFFFFF; } .style2 { border-style: none; border-width: 0; } #vorschauimage{ position:relative; float:left; } #vorschaucontent{ padding-bottom:30px; padding-left:130px; position:relative; } #vorschauheadline{ padding-bottom:10px; } #vorschautext{ line-height:19px; text-align:justify; padding-right:12px; } /* ------------------------------------------- 3. Hyperlinks ------------------------------------------- */ a{ outline:0; } a:link, a:visited{ font-size:12px; color: #0033a8;} a:hover {text-decoration:underline;} a:active{ color: #0033a8; } hr { background-color:#D8D7D7; /* Mozilla 1.4 */ color:#D8D7D7; /* IE 6 */ border: #E8E8E8; /* Opera 7.11 */ height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */ } /* ------------------------------------------- ENDE STYLESHEET ------------------------------------------- */ /* ~~~ NAVI QuickLinks ~~~ */ #seiteninhalt ul.navi_qlinks {float:right;font-weight:normal;background:transparent;width:193px;margin:0;padding:0;} #footer ul.navi_qlinks {margin:0 0px 0 5px;} #seiteninhalt ul.navi_qlinks li {display:block;list-style:none outside;font-size:10px;color:#666;background:none;border:0;width:193px;margin:0 0 1px 0;padding:0;} #seiteninhalt ul.navi_qlinks li h6 {font-size:11px;color:#666;border:0;margin:0;padding:0 0 7px 0;} #seiteninhalt ul.navi_qlinks li a {display:block;text-decoration:none;color:#666;background:#E0E1E2;border:0;width:184px;margin:0;padding:2px 2px 2px 7px;} #seiteninhalt ul.navi_qlinks li a:hover, #seiteninhalt ul.navi_qlinks li a:active #seiteninhalt ul.navi_qlinks li a:focus {text-decoration:none;color:#DA251D;background:#EEE;} #seiteninhalt #back_button {float:right;margin:300px 0 0 0;} /* ~~~ ALLGEMEIN ~~~ */ body {font-family:arial,helvetica,verdana,sans-serif;} /* ~~~ HEADINGS ~~~ */ #seiteninhalt h1 {clear:left;font-size:30px;font-weight:normal;color:#DA251D;width:400px;margin:14px 0 0px 0;padding:0;} #seiteninhalt h1.start {width:500px;} #seiteninhalt h1.rubrik_bild {width:400px;} #seiteninhalt h1.small {font-size:23px;font-weight:normal;color:#000;margin:17px 0 40px 0;} #seiteninhalt h2 {clear:left;font-size:13px;font-weight:bold;color:#000;margin:0 0 10px 0;padding:2px 2px 2px 23px;} #seiteninhalt h2.cat {background:#E6E7E8;border:solid #F09374;border-width:0 0 0 16px;width:190px;margin:0 0 7px 0;padding:0 0 0 7px;} #seiteninhalt h2.desc {font-size:12px;width:375px;margin-bottom:5px;} #seiteninhalt h2.list {background:#E6E7E8;width:550px;} #seiteninhalt h2.gray {background:#E6E7E8;width:560px;padding:2px;} #seiteninhalt h2.square {color:#666;background:url(../i/listen/square.gif) 0px 6px no-repeat transparent;margin:0;} #seiteninhalt h2.square3 {color:#000;font-weight:normal;background:url(../i/listen/square4.gif) 0px 6px no-repeat transparent;margin:0;} #seiteninhalt div.select_cat h2 {background:#E6E6E7;border:solid #D1D2D4;border-width:0 0 0 18px;width:255px;margin:0 0 7px 0;padding:2px 0 2px 7px;} #seiteninhalt h2.auszeichnungen {background:#E6E7E8;width:560px;padding:2px 5px;} #seiteninhalt h3 {clear:left;font-size:15px;color:#0033a8; font-weight:bold; background:url(../i/listen/square3.gif) 0 8px no-repeat transparent;width:800px;margin:0px 0 10px 0;padding:5px 2px 5px 0px;} #seiteninhalt ul.square2 li h3 {font-size:12px;color:#000;background:transparent;width:auto;margin:0;padding:0;} #seiteninhalt div.heizkessel h3, #seiteninhalt div.pelletkessel h3, #seiteninhalt div.speicher h3, #seiteninhalt div.kollektoren h3, #seiteninhalt div.solvisdirekt h3, #seiteninhalt div.solvisvital h3, #seiteninhalt div.solviszentro h3 {font-size:14px;background:none;width:auto;margin:0;padding:15px 0;} #seiteninhalt div.produktbox h3 {font-size:12px;font-weight:bold;color:#000;background:#E6E6E7;width:auto;margin:0;padding:4px 5px;} #seiteninhalt div.produktbox.solvismax h3 {font-size:15px;font-weight:normal;color:#000;background:transparent;margin:0 0 20px 0;padding:0;} #seiteninhalt h4 {font-size:12px;text-decoration:underline;margin:0;padding:0px 0px;} #seiteninhalt h4:hover {text-decoration:none;} #seiteninhalt div.produktbox h4 {float:none;font-size:11px;font-weight:bold;width:auto;margin:0;padding:0px} #seiteninhalt div.produktbox.solvismax h4 {font-size:12px;font-weight:bold;color:#DA251C;margin:0;padding:0 0 0 17px} /* ~~~ PARAGRAPHS ~~~ */ #seiteninhalt p {clear:left;font-size:12px;line-height:19px;color:#000;margin:0 0 5px 0;padding:2px 10px 10px 2px;} #seiteninhalt li { font-size: 12px; color: #000000; list-style: none outside; background: url(../images_template/dot.gif) no-repeat; padding-left: 20px; margin-left: 0 px; margin-bottom: 8px; line-height: 120%; } #seiteninhalt div.spalte2 p {width:auto;padding:2px 2px 2px 23px;} #seiteninhalt ul.square2 li p {font-weight:normal;margin:0 0 5px 16px;padding:0;} #seiteninhalt div.produktbox p {font-size:11px;line-height:14px;width:auto;margin:0 0 10px 0;padding:0;} #seiteninhalt div.produktbox.solvismax p {font-size:12px;line-height:14px;background:url(../i/listen/square4.gif) 0 4px no-repeat transparent;width:244px;height:57px;margin:10px 0 0 0;padding:2px 2px 5px 17px;} #seiteninhalt p.hinweis {background:#E6E7E8;padding:2px 5px;} #seiteninhalt p.note {font-size:10px;line-height:14px;} #seiteninhalt p.frage {font-style:italic;} #seiteninhalt p.antwort {} #seiteninhalt .bild {font-style:italic;margin:0;padding:0;} #seiteninhalt p.spalte {float:left;clear:none;line-height:14px;width:335px;margin:0 0 10px 0;padding:2px 2px 5px 17px;} #seiteninhalt p.spalte1 {float:left;line-height:14px;font-style:normal;width:auto;margin:0 20px 10px 0;padding:2px;} #seiteninhalt p.spalte2 {float:left;clear:none;line-height:14px;background:url(../i/listen/square4.gif) 0 4px no-repeat transparent;width:335px;margin:0 0 10px 0;padding:2px 2px 5px 17px;} #seiteninhalt p.impressum {width:280px;} #seiteninhalt blockquote {clear:left;font-size:12px;color:#000;background:#DDD;width:500px;margin:10px 0;padding:2px 10px;} #seiteninhalt address {float:left;font-size:12px;font-style:normal;width:200px;} #seiteninhalt address.presse {width:320px;} #seiteninhalt table.partner p.spalte2 {float:left;clear:none;line-height:14px;background:url(../i/listen/square4.gif) 0 4px no-repeat transparent;width:280px;margin:0 0 10px 0;padding:2px 2px 5px 17px;} #seiteninhalt table.partner p {width:280px;} #seiteninhalt table.objekte p {width:auto;} #seiteninhalt table.sponsoring p {width:auto;} /* ~~~ DIVs ~~~ */ #footer {font-size:11px;} #seiteninhalt div#shortlist {} #seiteninhalt div.select_cat {float:left;width:280px;margin:0 15px 0 0;padding:0;} #seiteninhalt div.bilder_rechts {float:right;margin:0;padding:0;} #seiteninhalt div.auswahl_kat {margin:0 250px 40px 0;padding:0 0 10px 0;} #seiteninhalt div.produktbox {position:relative;background:#FFF;float:left;width:195px;margin:0 0 0 8px;padding:0;} #seiteninhalt div.produktbox.first {margin-left:0;} #seiteninhalt div.produktbox.solvismax {float:left;width:263px;margin:0 0 0 8px;padding:0;} #seiteninhalt div.produktbox.first.solvismax {margin-left:0;} #seiteninhalt div.spalte1 {float:left;clear:left;border:0px solid red;width:160px;margin:0 0 20px 0;padding:0;} #seiteninhalt div.spalte2 {float:left;border:0px solid red;width:315px;margin:0 0 20px 0;padding:0;} #seiteninhalt div.linie {font-size:1px;border:solid #E6E7E8;border-width:1px 0 0 0;height:1px;margin:15px 0;padding:0;} /* Pressedienst */ #pressedienst {width:570px;} #pressedienst div.bild {float:left;font-style:normal;width:200px;} #pressedienst div.inhalt {float:left;background-color:#FFF;width:370px;} #pressedienst div.bild img {margin-top:15px;} #pressedienst div.bild ul li a {width:150px;} #pressedienst div.bild h2, #pressedienst div.inhalt h2 {background-color:#E6E7E8;width:auto;padding:2px;} #pressedienst div.inhalt h3 {font-size:12px;background:none;width:364px;padding:2px;} #pressedienst div.inhalt ul {width:340px;} #pressedienst div.inhalt ul li {margin-bottom:15px;} #pressedienst div.inhalt ul li h3 {font-size:12px;background:none;width:auto;margin-top:0;margin-bottom:5px;padding:0;} #pressedienst div.inhalt ul li h3 a {font-size:13px;font-weight:bold;color:#DA251D;} #pressedienst div.inhalt ul li h3 a:hover {text-decoration:none;} #pressedienst div.inhalt p {width:auto;padding:2px;} /* ~~~ SPANs ~~~*/ #seiteninhalt address.presse span.name {font-weight:bold;} #seiteninhalt address.presse span.label, #seiteninhalt p.impressum span.label {display:block;float:left;font-weight:bold;width:50px;} #seiteninhalt p.impressum span.label {font-weight:normal;width:35px;} #seiteninhalt address.presse span.value {display:block;float:left;} #seiteninhalt ul.download span.file, #seiteninhalt ul.download span.desc, #seiteninhalt ul.download span.size {display:block;float:left;font-weight:normal;padding:0 0 5px 0;} #seiteninhalt ul.download span.file {width:200px;} #seiteninhalt ul.download span.desc {width:300px;} #seiteninhalt ul.download span.size {text-align:right;width:50px;} /* Navi Solar Heizungen */ #navigation span.sh {cursor:pointer;} #navigation span.g_heizungen {} #navigation span.g_solar {float:left;} /* Index Solar Heizungen */ #seiteninhalt span.sh {cursor:pointer;} #seiteninhalt span.g_heizungen {} #seiteninhalt span.g_solar {float:left;} /* ~~~ LISTEN ~~~ */ #seiteninhalt ul {clear:left;width:500px;margin:0 15px 15px 16px;padding:0;} #seiteninhalt ul.spalte {float:left;clear:none;width:335px;margin:0 0 10px 10px;padding:0;} #seiteninhalt ul.spalte li {margin:0;padding:0 0 0 7px;} #seiteninhalt ul.links {width:auto;margin:0;padding:0;} #seiteninhalt ul.links li {background:none;margin:0 0 3px 0;padding:0;} #seiteninhalt div.select_cat ul.links {width:279px;} #seiteninhalt div.produktbox ul.links {width:195px;} #seiteninhalt div.produktbox ul.links li {font-size:11px;} #seiteninhalt div.produktbox.solvismax ul.links {width:260px;} #seiteninhalt div.spalte1 ul.links {width:160px;} #seiteninhalt ul.biglinks {width:auto;margin:0;padding:0;} #seiteninhalt ul.biglinks li {font-size:12px;font-weight:bold;background:none;margin:0 0 3px 0;padding:0;} #seiteninhalt div.startbilder ul.biglinks {width:537px;} #seiteninhalt ul.download {width:auto;margin:0 0 20px 23px;padding:0;} #seiteninhalt ul.download li {clear:left;background:none;border-color:#C9DCB5;border-width:0 0 0 17px;margin:0;padding:0;} #seiteninhalt #shortlist ul {float:left;width:210px;margin:0;padding:0;} #seiteninhalt #shortlist ul li {display:block;font-size:12px;background-image:none;height:25px;margin:0 0 7px 0;padding:0;} #seiteninhalt #shortlist ul.small {float:left;width:210px;margin:0;padding:0;} #seiteninhalt #shortlist ul li.small {display:block;font-size:12px;background-image:none;height:17px;margin:0 0 3px 0;padding:0;} #seiteninhalt div.select_cat ul {float:left;width:279px;margin:10px 0 0 0;padding:0;} #seiteninhalt div.select_cat ul li {display:block;font-size:12px;background-image:none;width:279px;margin:0;padding:0;} #seiteninhalt ul.dash {font-size:12px;width:350px;margin:0;padding:0;} #seiteninhalt ul.dash li {background:url(../i/listen/dash.gif) 3px -1px no-repeat transparent;margin:0;padding:0 0 0 12px;} #seiteninhalt ul.square {margin:30px 0 0 0;} #seiteninhalt ul.square li {font-weight:bold;background:url(../i/listen/square.gif) 3px 3px no-repeat #DDD;margin:0 0 5px 0;padding:1px 3px 1px 18px;} #seiteninhalt ul.square2 {margin:10px 0 0 0;} #seiteninhalt ul.square2 li {font-weight:bold;background:url(../i/listen/square2.gif) 3px 3px no-repeat transparent;margin:0 0 5px 0;padding:1px 3px 1px 18px;} #seiteninhalt ul.square3 {margin:0;} #seiteninhalt ul.square3 li {font-size:12px;background:url(../i/listen/square4.gif) 3px 4px no-repeat transparent;margin:0 0 5px 0;padding:1px 3px 1px 23px;} #seiteninhalt ul.square4 {margin:0;} #seiteninhalt ul.square4 li {background:url(../i/listen/square3.gif) 3px 4px no-repeat transparent;margin:0 0 5px 0;padding:1px 3px 1px 23px;} #seiteninhalt ul.nummern {margin:0;padding:0;} #seiteninhalt ul.nummern li {margin:0;padding:0;} #seiteninhalt ul.nummern li span {color:#DA251D;margin:0;padding:0;} #seiteninhalt form.liste ul li {display:block;height:15px;} #seiteninhalt ul.ol {margin:0 0 10px 0;padding:0;} #seiteninhalt ul.ol li {list-style:none outside;margin:0;padding:1px 2px 1px 2px;} #seiteninhalt ul.ol li span.num {position:relative;display:block;float:left;clear:left;width:15px;margin:0;padding:0;} #seiteninhalt ol {clear:left;width:500px;margin:0;padding:0;} #seiteninhalt ol li {list-style:numeric outside;font-size:12px;color:#000;margin:0 0 0 20px;padding:2px 2px 2px 0px;} #seiteninhalt ol.num li {list-style:numeric;} #seiteninhalt ol.spalte1 {margin:0 0 10px 0;padding:2px 2px 5px 23px;} #seiteninhalt dl {font-size:12px;margin:10px 0 10px 0;padding:0;} #seiteninhalt dt {font-weight:bold;margin:0;padding:0;} #seiteninhalt dd {margin:0 0 10px 0;padding:0;} /* ~~~ TABELLEN ~~~ */ #seiteninhalt table {font-size:12px;text-align:left;border:0;height:auto;margin:0 0 5px 0;padding:0;} #seiteninhalt table.partner {} #seiteninhalt table.auszeichnungen {border:solid #E6E7E8;border-width:1px 0 0 1px;width:570px;} #seiteninhalt table.liste {} #seiteninhalt table.download {} #seiteninhalt table.ausgabe {width:805px;} #seiteninhalt table.full {width:805px;} #seiteninhalt table.sponsoring {width:805px;} #seiteninhalt table.clear th, #seiteninhalt table.clear td {background:transparent;} #seiteninhalt table.history td {background:transparent;} #seiteninhalt table th {vertical-align:top;color:#000;border:solid #FFF;border-width:0 1px 1px 0;width:auto;margin:0;padding:2px 10px;} #seiteninhalt table.liste th.rubrik {background:#BBBDBF;width:18px;padding:0;} #seiteninhalt table.ausgabe th {} #seiteninhalt table th.solvisdirekt, #seiteninhalt table th.solvisvital, #seiteninhalt table th.solviszentro {padding:5px 10px;} #seiteninhalt table td, #seiteninhalt table .td {vertical-align:top;border:solid #FFF;border-width:0 1px 1px 0;width:auto;margin:0;padding:2px 10px;} #seiteninhalt table.liste td.rubrik {background:#F09374;width:18px;padding:0;} #seiteninhalt table.partner td {background:transparent;width:280px;padding:2px;} #seiteninhalt table.partner td.link {padding-bottom:30px;} #seiteninhalt table.sponsoring td {background:transparent;padding:2px;} #seiteninhalt table.auszeichnungen td {text-align:center;background:transparent;border:solid #E6E7E8;border-width:0 1px 1px 0;padding:10px 5px;} /* ~~~ IMAGES ~~~ */ img {font-size:12px;border:0;} #seiteninhalt div.bilder_rechts img {margin:0;padding:0;} #seiteninhalt img.rubrik_bild {float:right;margin:30px 42px 0 0;padding:0;} #seiteninhalt div.startbilder img {float:left;} #seiteninhalt img.stwt {position:relative;left:-50px;top:-50px;margin:0;padding:0;} #seiteninhalt p.spalte1 img {display:block;float:left;padding:0 0 2px 0;} #seiteninhalt img.anfahrt {display:block;float:left;width:100px;margin:0;padding:0;} #seiteninhalt div.produktbox img {display:block;margin:15px auto;} #seiteninhalt img.email {display:block;float:left;margin:0;padding:0;} #seiteninhalt .fr {padding-left:20px;} /* ~~~ LINKS ~~~ */ #seiteninhalt a {color:#0033a8;} #seiteninhalt a:hover {text-decoration:none;} #seiteninhalt h2.cat a {text-decoration:none;color:#000;} #seiteninhalt h2.cat a:hover {color:#DA251D;} #seiteninhalt h3 a {text-decoration:none;color:#DA251D;} #seiteninhalt div.produktbox.solvismax h3 a {display:block;text-decoration:none;color:#000;background:#E6E7E8;border:solid #F09374;border-width:0 0 0 27px;width:224px;margin:0;padding:4px 6px;} #seiteninhalt div.produktbox h3 a {color:#000;} #seiteninhalt p.impressum a {text-decoration:none;} #seiteninhalt ul li a {display:block;text-decoration:none;color:#000;background-color:#E6E6E7;border:solid #DF957A;border-width:0 0 0 25px;width:450px;margin:0;padding:3px 5px;} #seiteninhalt ul li a:hover {font-weight:normal;color:#DA251D;background-color:#E6E6E7;border-color:#DF957A;} #seiteninhalt ul.square3 li a {display:inline;color:#0033a8;background:transparent;border:0;width:auto;margin:0;padding:0;} #seiteninhalt ul.square3 li a:hover {text-decoration:none;} #seiteninhalt ul.download li a {display:inline;color:#0033a8;background:transparent;border:0;width:auto;margin:0;padding:0;} #seiteninhalt ul.download li span.file a {font-weight:bold;} #seiteninhalt ul.download li a:hover {text-decoration:none;} #seiteninhalt ul.spalte li a {display:inline;color:#0033a8;background:none;border:0;width:450px;margin:0;padding:0;} #seiteninhalt ul.spalte li a:hover {text-decoration:underline;} #seiteninhalt div.spalte1 ul.links li a {display:block;text-decoration:none;color:#000;background-color:#E6E7E8;border:solid #DF957A;border-width:0 0 0 14px;width:136px;margin:0;padding:0 5px;} #seiteninhalt div.spalte1 ul.links li a:hover {color:#DA251D;background-color:#E6E6E7;border-color:#DF957A;} #seiteninhalt table.partner a {display:block;text-decoration:none;color:#000;background-color:#E6E7E8;border:solid #DF957A;border-width:0 0 0 14px;width:136px;margin:0;padding:0 5px;} #seiteninhalt table.partner a:hover {color:#DA251D;background-color:#E6E6E7;border-color:#DF957A;} #seiteninhalt ul.biglinks li a {font-weight:bold;border-color:#C9DCB5;border-width:0 0 0 17px;width:535px;padding:1px 7px;} #seiteninhalt ul.biglinks li a:hover {} #seiteninhalt ul.links li a {border:solid #DF957A;border-width:0 0 0 14px;width:171px;margin:0;padding:0 5px;font-size:11px;} #seiteninhalt div.produktbox ul.links li a {border:solid #DF957A;border-width:0 0 0 14px;width:171px;margin:0;padding:4pt 5px;} #seiteninhalt #shortlist ul li a {color:#000;background-color:#E6E6E7;border:solid #DF957A;border-width:0 0 0 25px;width:165px;margin:0;padding:6px 10px;} #seiteninhalt #shortlist ul li a.spezial {color:#FFF;background-color:#A7A9AC;} #seiteninhalt #shortlist ul li a:hover {font-weight:normal;color:#DA251D;background-color:#E6E6E7;border-color:#DF957A;} #seiteninhalt #shortlist ul li a.deaktiv {color:#000;background-color:#E6E6E7;border:solid #D1D2D4;border-width:0 0 0 25px;width:165px;margin:0;padding:6px 10px;} #seiteninhalt #shortlist ul li a:hover.deaktiv {cursor:default;color:#000;background-color:#E6E6E7;border:solid #D1D2D4;border-width:0 0 0 25px;width:165px;margin:0;padding:6px 10px;} #seiteninhalt #shortlist ul li a.small {color:#000;background-color:#E6E6E7;border:solid #DF957A;border-width:0 0 0 17px;width:179px;margin:0;padding:1px 7px;} #seiteninhalt #shortlist ul li a:hover.small {font-weight:normal;color:#DA251D;background-color:#E6E6E7;border-color:#DF957A;} #seiteninhalt div.select_cat ul.links li a {color:#000;background-color:#E6E6E7;border:solid #DF957A;border-width:0 0 0 16px;width:253px;margin:0 0 3px 0;padding:1px 5px;} #seiteninhalt div.select_cat ul.links li a:hover {font-weight:normal;color:#DA251D;background-color:#E6E6E7;border-color:#DF957A;} #seiteninhalt ul.selection li a {text-decoration:none;padding:3px;} #seiteninhalt td a, #seiteninhalt td img, #seiteninhalt td a img {color:#0033a8;border:0;margin:0;padding:0;} #seiteninhalt td a:hover {text-decoration:none;color:#2D3695;} #seiteninhalt td.rubrik a {display:block;text-decoration:none;width:17px;height:17px;} #seiteninhalt a.button {display:inline;float:left;text-decoration:none;font-size:11px;border:2px outset #DDD;background:#FFF;width:auto;padding:3px 5px;margin:1px 20px 0 0;} /* ~~~ KLASSEN ~~~ */ .topright {float:right;height:160px;margin:0 0 30px 0;} #seiteninhalt .clear {background:transparent;padding:0;} #seiteninhalt .achtung {font-weight:bold;color:#FFF;background:#DA251D;padding:2px 5px;} #seiteninhalt .dn {display:none;} #seiteninhalt .fl {float:left;} #seiteninhalt .fr {float:right;} #seiteninhalt .fn {float:none;} #seiteninhalt .cite {display:block;color:#DA251D;margin:10px 0;padding:0;} #seiteninhalt sub {font-size:8px;line-height:0;} #seiteninhalt sup {font-size:8px;line-height:0;} /* ~~~ KATEGORIE-FARBEN ~~~ */ /* Kleinanlagen */ #seiteninhalt .heizkessel {color:#DA251C;border-color:#F09374;} #seiteninhalt .pelletkessel {color:#20864A;border-color:#20864A;} #seiteninhalt .speicher {color:#DA251C;border-color:#F09374;} #seiteninhalt .kollektoren {color:#F99C1C;border-color:#F9D488;} #seiteninhalt div.heizkessel h3 {color:#DA251C;} #seiteninhalt div.pelletkessel h3 {color:#20864A;} #seiteninhalt div.speicher h3 {color:#DA251C;} #seiteninhalt div.kollektoren h3 {color:#F99C1C;} #seiteninhalt div.produktbox h3 {color:#000;} #seiteninhalt div.heizkessel ul.links li a {border-color:#F09374;} #seiteninhalt div.pelletkessel ul.links li a {border-color:#C9DCB5;} #seiteninhalt div.speicher ul.links li a {border-color:#F09374;} #seiteninhalt div.kollektoren ul.links li a {border-color:#F6D38A;} #seiteninhalt ul.biglinks li a {border-color:#F09374;} #seiteninhalt div.heizkessel ul.biglinks li a {border-color:#F09374;} #seiteninhalt div.pelletkessel ul.biglinks li a {border-color:#C9DCB5;} #seiteninhalt div.speicher ul.biglinks li a {border-color:#F09374;} #seiteninhalt div.kollektoren ul.biglinks li a {border-color:#F6D38A;} /* Großanlagen */ #seiteninhalt .solvisdirekt {color:#0095D9;border-color:#0095D9;} #seiteninhalt .solvisvital {color:#00549A;border-color:#00549A;} #seiteninhalt .solviszentro {color:#EA8C44;border-color:#EA8C44;} #seiteninhalt div.solvisdirekt h3 {color:#0095D9;} #seiteninhalt div.solvisvital h3 {color:#00549A;} #seiteninhalt div.solviszentro h3 {color:#EA8C44;} #seiteninhalt table th.solvisdirekt {color:#FFF;background-color:#0095D9;border-color:#FFF;} #seiteninhalt table th.solvisvital {color:#FFF;background-color:#00549A;border-color:#FFF;} #seiteninhalt table th.solviszentro {color:#FFF;background-color:#EA8C44;border-color:#FFF;} #seiteninhalt div.solvisdirekt ul.links li a {border-color:#0095D9;} #seiteninhalt div.solvisvital ul.links li a {border-color:#00549A;} #seiteninhalt div.solviszentro ul.links li a {border-color:#EA8C44;} #seiteninhalt div.solvisdirekt ul.biglinks li a {border-color:#0095D9;} #seiteninhalt div.solvisvital ul.biglinks li a {border-color:#00549A;} #seiteninhalt div.solviszentro ul.biglinks li a {border-color:#EA8C44;} /* FORMULAR REFERENZANLAGEN */ #seiteninhalt form.liste {} #seiteninhalt form.liste fieldset {float:left;width:280px;margin:0 20px 0 0;padding:0;} #seiteninhalt form.liste h2 {font-weight:normal;background:#DDD;width:284px;height:16px;padding:0px;} #seiteninhalt form.liste h2 span.nummer {display:block;float:left;font-weight:bold;text-align:center;background:#BBB;width:15px;margin:0 3px 0 0;padding:0;} #seiteninhalt form.liste label {display:inline;background:transparent;width:263px;padding:0;} #seiteninhalt form.liste ul.plz li label {width:93px;} #seiteninhalt form.liste input {clear:left;margin:0;} #seiteninhalt form.liste input.checkbox, #seiteninhalt form.liste input.radio {display:block;float:left;vertical-align:middle;margin:0 5px 0 0;padding:0;} #seiteninhalt form.liste input.radio {margin-top:2px;} #seiteninhalt form.liste fieldset ul {float:left;width:280px;margin:0;padding:0;} #seiteninhalt form.liste fieldset ul.plz {float:left;border:0px solid red;width:115px;height:120px;} #seiteninhalt form.liste ul li {background:#DDD;width:280px;height:13px;margin:0 0 3px 0;padding:1px 2px 2px 2px;} #seiteninhalt form.liste ul.plz li {width:110px;} /* FORMULAR INFO-MATERIAL */ #seiteninhalt form.info {font-size:12px;width:570px;} #seiteninhalt form.info fieldset {width:570px;margin:5px 0 10px 20px;} #seiteninhalt form.info fieldset.checkbox.small {float:left;width:260px;} #seiteninhalt form.info fieldset.checkbox.small.first {} #seiteninhalt form div.spalte fieldset.checkbox {width:230px;} #seiteninhalt form.info table.fieldset {border-spacing:0;width:550px;margin:0 0 0 20px;padding:0;} #seiteninhalt form.info table.fieldset td {background:#E6E7E8;border:solid #FFF;border-width:0 0 3px 0;padding:2px;} #seiteninhalt form.info table.fieldset td.label {text-align:right;vertical-align:middle;border-width:0 3px 3px 0;width:150px;padding-right:5px;} #seiteninhalt form div.spalte {float:left;width:280px;} #seiteninhalt form div.spalte div.legend {width:280px;} #seiteninhalt form.info div.legend, #seiteninhalt form.info div.button {clear:both;font-weight:bold;background:#E6E7E8;width:566px;margin:20px 0 3px 0;padding:2px;} #seiteninhalt form.info div.legend.button {} #seiteninhalt form.info div.legend.radio {font-weight:normal;} #seiteninhalt form.info div.button.submit {float:left;font-size:11px;font-weight:normal;width:180px;margin:20px 0 3px 20px;} #seiteninhalt form.info div.legend span.nummer, #seiteninhalt form.plz_suche span.nummer {display:block;float:left;text-align:center;font-weight:bold;color:#FFF;background:#DA251C;width:15px;margin-right:10px;} #seiteninhalt form.info label {font-size:12px;font-weight:normal;background:transparent;padding:0;} #seiteninhalt form div.spalte label {width:200px;} #seiteninhalt form.info fieldset.checkbox.small label {width:260px;} #seiteninhalt form.info div.legend label.radio {font-weight:bold;display:inline;padding:0;} #seiteninhalt form.info table.fieldset label {display:inline;width:100px;padding:0;} #seiteninhalt form.info table.fieldset td.radio label, #seiteninhalt form.info table.fieldset td.checkbox label {display:block;float:right;width:365px;} #seiteninhalt form.info input {font-size:12px;} #seiteninhalt form.info table.fieldset input {display:inline;} #seiteninhalt form.info input.radio, #seiteninhalt form.info input.checkbox {vertical-align:middle;display:inline;margin:0;padding:0;} #seiteninhalt form.info table.fieldset td.radio input, #seiteninhalt form.info table.fieldset td.checkbox input, #seiteninhalt form.info fieldset.radio input.radio, #seiteninhalt form.info fieldset.checkbox input.checkbox {display:block;float:left;clear:left;width:15px;margin:0 5px 0 0;} #seiteninhalt form.info input.text {background:#FFF;width:120px;padding:1px;margin:0;} #seiteninhalt form.info input.text.firma {} #seiteninhalt form.info input.text.abt {} #seiteninhalt form.info input.text.kdnr {} #seiteninhalt form.info input.text.strasse {} #seiteninhalt form.info input.text.hausnr {width:30px;} #seiteninhalt form.info input.text.plz {width:40px;} #seiteninhalt form.info input.text.ort {} #seiteninhalt form.info input.text.titel {} #seiteninhalt form.info input.text.vorname {} #seiteninhalt form.info input.text.name {} #seiteninhalt form.info input.text.fullname {} #seiteninhalt form.info input.text.tel {} #seiteninhalt form.info input.text.avlb {width:40px;} #seiteninhalt form.info input.text.fax {} #seiteninhalt form.info input.text.email {} #seiteninhalt form.info div.button input.button.submit {float:left;margin:0 10px 0 0;padding:0;} #seiteninhalt form.info select {font-size:12px;font-weight:bold;background:#FFF;padding:0;margin:0;} #seiteninhalt form.info select.land {} #seiteninhalt form.info textarea {font-size:12px;background:#FFF;width:370px;margin:10px 0 0 0;} /* FORMULAR PLZ-SUCHE */ #seiteninhalt form.plz_suche {clear:left;width:250px;margin:0 0 50px 0;padding:0;} #seiteninhalt form.plz_suche fieldset {background:#E6E7E8;width:200px;height:20px;margin:0 0 3px 0;padding:0;} #seiteninhalt form.plz_suche label {float:left;width:110px;padding:3px 5px 0 5px;} #seiteninhalt form.plz_suche input {background:#FFF;} #seiteninhalt form.plz_suche input.text {float:left;clear:none;width:35px;padding:1px 2px;} #seiteninhalt form.plz_suche input.button {background:#A7A9AC;margin:0;padding:0;} #seiteninhalt form.plz_suche span.nummer {float:left;font-size:12px;color:#FFF;background:#A7A9AC;width:20px;height:17px;padding:3px 0 0 0;} /* solarlog tabelle */ #seiteninhalt #table #auswahl { text-align: left; } #seiteninhalt #table #auswahl select { width: 100px; margin: 0px 0px 10px 10px; } #seiteninhalt #table { padding: 0; margin: 25px 0 5px; vertical-align: top; } #seiteninhalt #table table { width: 100%; border: 0; } #seiteninhalt #table table tr.headline td { font-weight: bolder; border-bottom: 1px solid #999; } #seiteninhalt #table table tr.gesamt td { font-weight: bolder; border-top: 1px solid #999; } #seiteninhalt #table table tr.error td { background-color: #e1998c; border-top: 1px solid #ba4932; border-bottom: 1px solid #ba4932; } #seiteninhalt #table table tr td { border: 0; } #seiteninhalt #table table tr td.r { text-align: right; } #seiteninhalt #table table tr td.c { text-align: center; }