/* Globale Tagdefinitionen */ body { color: #666; font-size: 12px; line-height: 18px; font-family: tahoma, verdana; background: #ddd url(/images/global/seitenhintergrund.gif) repeat-x; } p { color: #666; font-size: 100%; line-height: 140%; font-family: tahoma, verdana } td { color: #666; font-size: 100%; line-height: 140%; font-family: tahoma, verdana; border: solid 0px; padding:2px;} table { color: #666; font-size: 100%; line-height: 140%; font-family: tahoma, verdana; border: solid 0px } p { margin-top:8px;margin-bottom:0px; } a { color:#009598;text-decoration:none; } a { color:#009598;text-decoration:none; } #fliesstext a { color:#009598;text-decoration:underline; } #fliesstext a:hover { color:#009598;text-decoration:none; } ul a { color:#009598;text-decoration:underline; } ul a:hover { color:#009598;text-decoration:none; } h1 { color: #000; font-weight: normal; font-size: 100%; line-height: 140%; font-family: tahoma, verdana; margin-top: 18px;margin-bottom:0px; } h2 { color: #000; font-weight: normal; font-size: 100%; line-height: 140%; font-family: tahoma, verdana; margin-top: 18px;margin-bottom:0px; } ul { list-style-image: url(/images/global/ul_pfeil_schwarz.gif); margin-left:-20px; margin-top:5px; margin-bottom:5px; } * html ul { list-style-image: url(/images/global/ul_pfeil_schwarz.gif); margin-left:20px; margin-top:5px; margin-bottom:5px;} pre {height:0px;line-height:0px;font-size:0; margin:0px;padding:0px;} /* Styles für News */ .newshead { color:#333333; background-color: #ddd; background-image:url(/images/global/balken_kastenheads.png); height:27px; line-height:27px; margin-bottom:10px; margin-top:10px; } .newsfarbe{ display:inline-block; width:10px; margin-right:5px; background-image:url(/images/global/balken_kastenheads.png); } * html .newsfarbe{ display:inline; width:10px; margin-right:5px; background-image:url(/images/global/balken_kastenheads.png); } *+html .newsfarbe{ display:inline; width:10px; margin-right:5px; background-image:url(/images/global/balken_kastenheads.png); } .kundencenterbutton{ position:absolute; margin-top:23px; } .newstext { padding-left:5px;margin-bottom:20px; } .newslink { padding-left:5px;margin-bottom:20px; } .startseitennewsrubrik { color: #000; font-weight: normal; font-size: 100%; line-height: 140%; font-family: tahoma, verdana; } /* Globale Klassen */ .head {color:#333333;font-size:150%;margin-top:10px;} .head_startseite {color:#333333;font-size:150%;margin-top:0px;margin-bottom:12px;} .linkpfeil { color: #009598 } #navigation li a, #navigation li a:hover{ color: #666; text-decoration:none; display:block; } .navigationspunkt { color: #666; line-height: 27px; background-color: #ddd; background-image:url(/images/navigation/pfeil_mainnavigation.png); background-repeat:no-repeat; margin: 0px; padding-left: 25px; border-top: 1px solid #ffffff; height: 27px; overflow: hidden; cursor:pointer; } #navigation li{ padding-left: 0px; background-image:url(/images/navigation/bg_mainnavigation.png); background-repeat:repeat-x; height:31px; line-height: 31px; list-style-image: url(/images/global/pixel.gif);; } .kindernav{ padding-left:33px; background-repeat:no-repeat; background-position: 4px center; } .navigationspunkt_alleine_aktiv { color: #fff; line-height: 27px; background-color:#009598; background-image:none!important; margin-top: 0px; padding-left: 25px; border-top: 1px solid #fff; height: 27px; overflow: hidden; cursor:pointer; } .navigationspunkt_alleine_aktiv a, .navigationspunkt_aktiv a{ color: #fff!important; } .navigationspunkt_aktiv{ color: #fff; line-height: 27px; background-image:none!important; background-color:#009598; margin-top: 0px; padding-left: 25px; border-top: 1px solid #fff; height: 27px; overflow: hidden; cursor:pointer; } li.navigationspunkt_aktiv{ height:auto!important; } .subnavigationspunkt { border-top: 1px solid #fff; color: #009598; line-height: 27px; background: #009598 url(/images/navigation/pfeil_subnavigation.png) no-repeat; margin-top: 0px; padding-left: 42px; height: 27px; overflow: hidden; cursor:pointer; } .subnavigationspunkt_last { color: #009598; line-height: 27px; background: #009598 url(/images/navigation/pfeil_subnavigation.png) no-repeat; margin-top: 0px; padding-left: 42px; border-top: 1px solid #fff; height: 27px; overflow: hidden; cursor:pointer; } #navigation li ul li{ background: #009598 url(/images/navigation/bg_subnavigation.png) no-repeat; background-repeat:repeat; } #navigation li ul li a{ color: #333!important; padding-left:67px; background-position: 33px center; } .bildrechts { margin-left:10px; float:right; font-style: italic; line-height:150%; font-size:85%; margin-bottom:15px; } .bildrechts_bad { margin-left:10px;float:right;font-style: italic; line-height:150%; font-size:100%; margin-top:12px; background: #e2eaf4 url(/images_bad/global/bildbeschriftung.gif); background-repeat: repeat-x; background-position: 0 bottom; padding-bottom:15px;} .bildlinks { margin-right:10px; float:left; font-style: italic; line-height:150%; font-size:85%; margin-bottom:15px; } .bildlinks_bad { margin-right:10px;float:left;font-style: italic; line-height:16px; font-size:100%; background: #e2eaf4 url(/images_bad/global/bildbeschriftung.gif); background-repeat: repeat-x; background-position: 0 bottom; padding-bottom:15px;} .bildrahmen {border:solid 1px #b6b6b6;} .bildbesch_bad { padding-left:5px; padding-right:5px; padding-bottom:5px; } .druckhead { font-size:20px; color:#aaaaaa; } .horizontalpunktlinie {height:1px;overflow:hidden;background: url(/images/global/punktlinie_horizontal.gif) repeat-x; } .infozeile { margin-top:10px;margin-bottom:10px; } .infos { margin-top:25px; } /* Styles für Tabellen und Schaubilder */ .infokastenlinks {float: left;width:200px; margin-right:10px; margin-top:-12px;} .infokastenrechts {float:right;width:200px; margin-left:10px; margin-top:-12px;} .infokastenlinks_gross {float: left;width:300px; margin-right:10px; margin-top:-12px;} .infokastenrechts_gross {float:right;width:300px; margin-left:10px; margin-top:-12px;} .infokastenborder {border:solid 1px #009598;padding-left:9px;padding-right:9px;padding-top:5px;padding-bottom:5px;} .infokastenborder a {text-decoration:none;} .infokastenborder a:hover {text-decoration:underline;} .infokastenborder h2 {margin-top:0px;} .infokastenhead { background-color:#009598; /*background-image:url(/images/global/balken_kastenheads.png);*/ background-repeat:repeat-x; height:28px;overflow:visible; color:#ffffff; line-height: 28px; margin-top:18px; } .infokastensubhead {color:#333333; font-weight:bold;} .schaubildrahmen_gross { border-right: 1px solid #009598; border-bottom: 1px solid #009598; border-left: 1px solid #009598; width: 608px; padding:10px;} * html .schaubildrahmen_gross { border-right: 1px solid #009598; border-bottom: 1px solid #009598; border-left: 1px solid #009598; width: 630px; padding:10px;} .schaubildrahmen_gross_bad { border-right: 1px solid #009598; border-bottom: 1px solid #009598; border-left: 1px solid #009598; width: 599px; padding:10px;} * html .schaubildrahmen_gross_bad { border-right: 1px solid #009598; border-bottom: 1px solid #009598; border-left: 1px solid #009598; width: 620px; padding:10px;} .ecke_links { float:left;margin-left:-0px; } * html .ecke_links { float:left;margin-left:-3px;} .ecke_rechts { float:right;margin-right:0px; } * html .ecke_rechts { float:right;margin-right:-3px; } .infokastenbeschriftung { margin-left:10px;margin-right:10px; } .tabelle { border-right: 1px solid #009598; border-bottom: 1px solid #009598; border-left: 1px solid #009598; width: 630px; } .tabelle_bad { border-right: 1px solid #009598; border-bottom: 1px solid #009598; border-left: 1px solid #009598; width: 621px; } .tabelleneinheiten { color: #000; background-color: #bbb; padding-right: 10px; padding-left: 10px; border-top: 1px solid #fff; border-right: 1px solid #999; border-bottom: 1px solid #999; height: 27px } .tabelleneinheiten_rechts { color: #000; background-color: #bbb; padding-right: 10px; padding-left: 10px; border-top: 1px solid #fff; border-bottom: 1px solid #999; height: 27px; border-right:solid 0px #ff0000} .tabelleneinheiten1 { color: #000; background-color: #bbb; padding-right: 10px; padding-left: 10px; border-right: 1px solid #999; border-bottom: #999; height: 27px } .tabelleneinheiten1_rechts { color: #000; background-color: #bbb; padding-right: 10px; padding-left: 10px; border-bottom: #999; height: 27px } .tabelleneinheiten2 { color: #000; background-color: #ddd; padding-right: 10px; padding-left: 10px; border-top: 1px solid #fff; border-right: 1px solid #999; border-bottom: 1px solid #999; height: 27px } .tabelleneinheiten2_unten { color: #000; background-color: #ddd; padding-right: 10px; padding-left: 10px; border-top: 1px solid #fff; border-right: 1px solid #999; border-bottom: 0px solid #999; height: 27px } .tabelleneinheiten2_rechts { color: #000; background-color: #ddd; padding-right: 10px; padding-left: 10px; border-top: 1px solid #fff; border-bottom: 1px solid #999; height: 27px } .tabelleneinheiten2_unten_rechts { color: #000; background-color: #ddd; padding-right: 10px; padding-left: 10px; border-top: 1px solid #fff; height: 27px } .tabelleninhalt { background-color: #fff; padding-right: 10px; padding-left: 10px; border-top: 1px solid #fff; border-right: 1px solid #999; border-bottom: 1px solid #999; height: 27px } .preiszeile1 { background-color: #fff; padding-right: 10px; padding-left: 10px; border-top: 1px solid #fff; border-right: 1px solid #999; border-bottom: 1px solid #999; height: 27px; text-align:right } .preiszeile1_unten { background-color: #fff; padding-right: 10px; padding-left: 10px; border-top: 1px solid #fff; border-right: 1px solid #999; height: 27px; text-align:right } .tabelleninhalt_rechts_textleft { background-color: #fff; padding-right: 10px; padding-left: 10px; border-top: 1px solid #fff; border-bottom: 1px solid #999; height: 27px; text-align:left;} .tabelleninhalt_rechts { background-color: #fff; padding-right: 10px; padding-left: 10px; border-top: 1px solid #fff; border-bottom: 1px solid #999; height: 27px; text-align:right;} .tabelleninhalt_unten { background-color: #fff; padding-right: 10px; padding-left: 10px; border-top: 1px solid #fff; border-right: 1px solid #999; height: 27px } .tabelleninhalt_unten_rechts { background-color: #fff; padding-right: 10px; padding-left: 10px; border-top: 1px solid #fff; height: 27px; text-align:right} .tabelleninhalt_unten_rechts_textleft { background-color: #fff; padding-right: 10px; padding-left: 10px; border-top: 1px solid #fff; height: 27px; text-align:left} .infokasstenbild_gross_links { float:left; margin-right:15px; } .infokasstenbild_gross_rechts { float:right; width:190px; } .organigramm_unterebene { padding-left:20px;border-left:solid 10px #ddd; background-color: #fff; padding-right: 10px; border-top: 0px solid #fff; border-right: 1px solid #999; border-bottom: 1px solid #999; height: 27px } .organigramm_unterebene_unten { padding-left:20px;border-left:solid 10px #ddd; background-color: #fff; padding-right: 10px; border-top: 0px solid #fff; border-right: 1px solid #999; height: 27px } /* Styles für Kinderseiten-Templates */ .kinder.wasser h1{ margin-bottom:-10px; } .kinder.wasser .kasten{ width:390px; margin-bottom:25px; } .kinder.wasser .kasten h2{ color:#e7f4fb; font-size:14px; font-weight:bold; text-transform: uppercase; letter-spacing: 0.1em; line-height:14px; padding:0px!important; height:14px; overflow:hidden; border:solid 1px transparent; margin-bottom:-3px; } .kinder.wasser .kasten p{ background:#e7f4fb; color:#000; padding: 5px 10px 5px 10px; margin-top:-1px; } .kinder p{ color:#000; margin-bottom:25px; } .bildabsatz{ margin-bottom:25px; } .bildabsatz p{ color: #000; display:inline; vertical-align:middle; margin-top:0px; } .bildabsatz.links img{ color: #000; } .clearer{ clear:both; } /* Styles fŸr Formulare */ .formborder {background:#cce9ea;border:solid 1px #009598;padding-left:9px;padding-right:9px;padding-top:5px;padding-bottom:15px;} .formzeile { margin-top:10px; color:#000000;} .formbeschriftung { float:left; width:150px;} .formfelder { margin-left:150px; height:19px;} * html .formfelder { margin-left:0px; height:19px;} .formborder input[type=text]{ border-left:solid 1px #009598; border-bottom:solid 1px #009598; border-right:none; border-top:none; background:#fff; } .formborder input[type=text]:focus { background:#ffeeaa; } .textinput { font-family: tahoma, verdana; font-size:100%; width:450px; text-indent: 3px; border-left:solid 1px #009598; border-bottom:solid 1px #009598; border-right:none; border-top:none; background:#fff; } * html .textinput { font-family: tahoma, verdana; font-size:100%;width:420px;text-indent: 3px; } .area { font-family: tahoma, verdana; font-size:100%; width:100%; height:200px; padding: 3px; line-height: 150%; border-left:solid 1px #009598; border-bottom:solid 1px #009598; border-right:none; border-top:none; background:#fff; } .select { font-family: tahoma, verdana; font-size:100%;} * html .select { font-family: tahoma, verdana; font-size:12px; margin-left:3px;} .checkboxbeschriftung { margin-right:50px; margin-left:10px;} .datumbeschriftung { float:left; width:280px;} .datum_anmeldung { margin-left:280px; height:19px; } * html .datum_anmeldung { margin-left:0px; height:19px;} .datuminput { font-family: tahoma, verdana; font-size:100%; width:20px; text-indent: 3px; border-left:solid 1px #009598; border-bottom:solid 1px #009598; border-right:none; border-top:none; background:#fff; } .zaehler { float:left;margin-right:20px;} .zaehler_mitte {float:left;} .zaehlerabstand_letzter {margin-left:260px;} .zaehlerinput { width:80px; text-indent: 3px; border-left:solid 1px #009598; border-bottom:solid 1px #009598; border-right:none; border-top:none; background:#fff; } .ablesung { float:left;margin-right:30px;} .ablesebeschriftung { float:left;margin-right:15px;width:120px; } .ablsung_input { width:80px; margin-left:15px; text-indent: 3px; border-left:solid 1px #009598; border-bottom:solid 1px #009598; border-right:none; border-top:none; background:#fff; } .submitzeile { background:#009598;margin-top:18px;text-align:right;} .submitbutton { margin-bottom:4px;margin-top:4px;margin-right:4px; font-family: tahoma, verdana; font-size:100%; width:150px;} /* Globale ID Styles */ #headline { margin-top: 14px; } #ersterabsatz { margin-top: 0px; } #navigationsspalte { padding-left: 20px; background-repeat: repeat-y; float: left; border-left:solid 9px #fff; margin-left:1px; width: 215px } #navigationsspalte_bad { float: left; border-left:solid 9px #fff; margin-left:1px; width: 215px } * html #navigationsspalte { background-repeat: repeat-y; float: left; border-left:solid 8px #fff; margin-left:1px; width: 215px } #navigation { width: 215px; overflow: visible; position:relative; } #navigation ul{ margin:0px!important; padding:0px; } #navigation_bad { width: 222px; overflow: hidden } #paddingunternavigation { padding-top:8px; } #navlinie { background: url(/images/global/punktlinie_navigation.gif) repeat-y; text-align: left; width: 659px; margin-left:248px;} #navlinie_bad { text-align: left; width: 650px; margin-left:228px;} * html #navlinie { background: url(/images/global/punktlinie_navigation.gif) repeat-y; text-align: left; width: 659px; margin-left:225px;} #hauptinhalt { margin-left:10px; margin-right:10px;} #hauptinhalt.kinder.wasser { background-image: url(/images/global/bg_hauptinhalt_kinder_wasser.png); background-repeat: no-repeat; background-color: #a4d6f0; width:639px; overflow:hidden; } #fliesstext { margin-left:4px; margin-right:5px; min-height:400px;} #fliesstext.kinder.wasser{ background-image: url(/images/global/bg_fliesstext_kinder_wasser.png); background-repeat: no-repeat; background-position: right bottom; margin:0px; padding-left:20px; padding-right:60px; color:#000; min-height:550px; } #fliesstext_bad { margin-left:4px; margin-right:5px; min-height:400px;} * html #fliesstext { margin-left:4px; margin-right:5px; height:400px;} * html #fliesstext_bad { margin-left:10px; margin-right:5px; height:400px; border: solid 1px #000;} /* Headerstyles */ #header { background: url(/images/global/background.gif) repeat-y; text-align: left; width: 927px; height:184px; position:relative; } #swirls{ width:925px; height:50px; position:absolute; background-image: url(/images/global/header/swirls.png); background-repeat: no-repeat; display:block; left:1px; } #claim{ background-image: url(/images/global/claim.png); background-repeat: no-repeat; width: 200px; height: 21px; position: absolute; left: 47px; top: 89px; } .nav{ list-style-type:none!important; list-style-image:none; margin:0px; margin-left:25px; padding:0px; position:absolute; top:136px; } .nav li{ float:left; padding:0px; margin:0px; } .schriftgroessen{ position:absolute; top:87px; left:694px; } #swnlogo {vertical-align: top; margin-left: 13px; position:absolute;top:0px;right:30px;} #kundencenter {margin-left:0px;} #webseite {margin-left:557px;} #glossar {position:absolute;left:38px;top:16px;} #schrift_kl {margin-left:0px;} #schrift_gr {margin-left:0px;} #pixellinie {margin-top:9px;margin-left:10px;} #allgemeines{margin-left:10px;} #suchhintergrund { font-size: 25px; background-image: url(/images/global/header/suchbg.gif); position: absolute; top: 92px; left: 584px; width: 88px; height: 18px; overflow:hidden; } #suchhintergrund_intranet { font-size: 25px; background-image: url(/images_intern/global/header/suchbg.gif); position: absolute; top: 68px; width: 299; height: 25px; overflow:hidden;} #sucheingabe{ text-indent: 3px; margin-left:1px; margin-top:1px; font-size:10px; width:69px; height:16px; border:solid 0px #005A5C; float:left; background:#fff; background-image: url(/images/global/header/bg_suchfeld.gif); background-repeat:no-repeat; background-position:2px 3px; color: #666; padding-top:2px; } #sucheingabe_intranet{text-indent: 3px;margin-left:110px;margin-top:5px;font-size:9px;width:120px;height:15px;border:solid 0px #005A5C;float:left;} #suchsubmit{margin-left:0px;position:absolute;} #textdiv{background: url(/images/global/background.gif) repeat-y; text-align: left; width: 927px;} #noflash_bad { position:relative; left:8px; top: 7px; } /* Footerstyles */ #footer{background: url(/images/global/footer/bogen.gif) repeat-y; text-align: left; width: 927px;height:69;position:relative; border-bottom: 1px solid #B6B6B6; padding-bottom: 5px; margin-bottom: 15px;} #footer ul{ list-style-type:none!important; list-style-image:none; position:absolute; left:583px; top:11px; } #footer ul li{ float:left; } #footer_bad{background: url(/images_bad/global/footer/bogen.gif) repeat-y; text-align: left; width: 887px;height:69} #startseite { margin-left:607px;margin-top:26px; } #startseite_bad { margin-left:15px;margin-top:31px; } #aplus { margin-left:15px;margin-top:26px; } #aminus { margin-left:0px;margin-top:26px; } #logounten { position:relative; left:515px; top: -8px; } /* Startseitenstyles */ #imagebild { padding-top: 8px; margin-right: 10px; margin-left: 30px } #startseitelinks { background: url(/images/startseite/punktlinienhintergrund.gif) repeat-y; margin-left: 10px; width: 434; height: 233 } #startseiterechts { float:right; width: 440px; height: 233px;} #startseitelinks_intranet { margin-left: 30px; width: 400; height: 300 ;float:left; overflow:hidden;} #startseiterechts_intranet { background: url(/images/global/punktlinie_navigation.gif) repeat-y; margin-left:440px;width: 430px; height: 470px; padding-left:6px;} * html #startseiterechts_intranet { background: url(/images/global/punktlinie_navigation.gif) repeat-y; margin-left:433px;width: 420px; height: 333px; padding-left:6px;} #startseitenborder { margin-left:8px; width:422px; } #news { margin-left: 3px;} #news a {color:#666666;border:solid 1px #ffffff;} #news a:hover {background-color:eeeeee;border:solid 1px #eeeeee;} #head_news { margin-left: 2px; margin-top: 3px;} #newslinie { margin-top:3px; MARGIN-BOTTOM:3px; } #punktlinie_horizontal { margin-top:4px;margin-bottom:6px; } #anzeige_links { margin-right: 12px; margin-left: 3px } #newsp { margin-top: 0px; margin-bottom: 0px; } /* Unternehmenstyles */ #naviabschluss_unternehmen_oben { width: 215px; height: 10px;background-color:#009598;overflow:hidden;} #naviabschluss_unternehmen_unten { width: 215px; height: 10px;border-top:solid 1px #ffffff;background-color:#009598;overflow:hidden;} #naviabschluss_unternehmen_oben { background-image:url(/images/global/bg_kleinebalken.png);} #naviabschluss_unternehmen_unten { background-image:url(/images/global/bg_kleinebalken.png);} #balken_oben { background-color: #009598; height: 10px; overflow: hidden } #balken_oben { background-image:url(/images/global/bg_kleinebalken.png);} /* Galeriestyles */ .galeriezeile {text-align:center; margin-top:20px;} .galeriebild_links {width:300px;float:left;} .galeriebild_rechts { width:300px; margin-left:315px;} /* Rechnerstyles */ .eingabe_rechner { padding:5px; padding-bottom: 10px;} .tabellenrahmen_rechner { margin-top:20px; padding:10px; border:solid 1px #808080;} .erstezeile_rechner { background:#bbbbbb; font-weight:bold; padding:5px; width:120px;} .mittelzeilen_rechner { vertical-align:top; padding:5px; border-top:solid 1px #bbbbbb; width:120px;} .jahreskosten_rechner { background:#bbbbbb; font-weight:bold; padding:5px; width:120px;} .ersparnis_rechner { background:#BE001E; color:#fff; font-weight:bold; padding:5px; width:120px;} .inputgraubg { background:#bbbbbb; border:solid 0px; font-weight:bold; color: 666666;} .inputrotbg { background:#BE001E; border:solid 0px; font-weight:bold; color: ffffff;} /* STyles für dateibaum */ .praefeld {border:solid 1px #009598;padding:5px;background:#ddd;border:solid 1px #666;border-left:none;cursor:pointer;} /* Bad kasten fŸr news */ .infokastenlinks_badnews {float: left;width:386px; margin-right:10px; margin-top:-50px;} .infokastenbeschriftung_bad { margin-left:45px;margin-right:10px; height:28px;} #newsicon { position: relative; top:52px; left:5px; vertical-align:top;} /* Badstyles */ #pluslinie { margin-left: 8px;margin-right: 8px; border-top: solid 1px #cccccc; margin-top: 12px;} #badunterstreichung { margin-top:3px; } a img{ border:none; } .kinder.wasser a{ color: #0078BE!important; }