/* *********************************************************** */ /* allgemeine Specs */ /* *********************************************************** */ * { margin: 0; padding: 0; border: 0; } body { text-align: center; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: /*101%*/ 16px; color: #4F4F50; background: #fff; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-table; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ /* *********************************************************** */ /* Seitenlayout */ /* *********************************************************** */ #container { /*width: 850px;*/ width: 80%; margin: 0 auto; text-align: left; } #header { height: 100px; } #sprachwahl { display: none; } .serviceNav { display: none; } #logo { text-align: right; } #visual { display: none; } #suche { display: none; } #mainNav { display: none; } #content { padding: 0 0 30px 0; } #left { display: none; } #subNav { } #center { width: 480px; } #breadcrumb { color: #989696; border-bottom: 1px solid #989696; } #inhalt { padding-top: 1em; } #margin { display: none; } #footer { clear: left; padding-top: 1em; } /* *********************************************************** */ /* Textformatierung & Bereiche */ /* *********************************************************** */ /* *********************************************************** */ /* header & footer */ #sprachwahl p { } .serviceNav p { } #breadcrumb p { font-size: .6em; line-height: 1em; padding-bottom: .4em; color: #989696; } #footer .serviceNav p { } #footer p { font-size: .6em; line-height: normal; } #footer p.dmms { display: none; } /* *********************************************************** */ /* center / content */ /* Überschriften und Absätze, alle Elemente mit definiertem Abstand nach UNTEN, Ausnahme h1 */ #inhalt h1 { margin-top: .6em; padding-bottom: 1em; font-size: .8em; line-height: 1.4em; color: #424242; } #inhalt h2 { padding-bottom: .2em; font-size: .7em; line-height: 1.4em; color: #565657; } #inhalt .searchResult h2 { padding-bottom: 0; } #inhalt .searchResult h2 .filetype { font-weight: normal; } #inhalt #finder form h2 { padding-bottom: .4em; padding-left: 9px; } #inhalt .finderResult h2 { clear: left; padding-bottom: 0; } #inhalt .finderResult h2.rubrik { margin: 0 -9px .9em; padding: .3em 9px; background-color: #FFD111; border-bottom: 1px solid #ccc; } #inhalt .infoBox h2 {} /* siehe unten */ #inhalt h3 { padding-bottom: .1em; font-size: .7em; line-height: 1.4em; color: #F5BF05; } #inhalt h4 { margin-bottom: 1.4em; padding-bottom: .4em; font-size: .7em; line-height: 1.4em; border-bottom: 1px solid #ccc; color: #4F4F50; } #inhalt p { padding-bottom: 1.4em; font-size: .7em; line-height: 1.4em; color: #4F4F50; } /* fetter Text */ #inhalt .searchResult strong, #inhalt .searchResult b { color: #F5BF05; } /* Listen */ #inhalt ul { list-style: square; padding-left: 1.1em; padding-bottom: .9em; color: #4F4F50; } #inhalt ul li { padding-bottom: .3em; font-size: .7em; line-height: 1.4em; } /* Suchergebnis-Seiten */ #inhalt .tx-indexedsearch-browsebox ul li { display: none; } /* infoBox */ #inhalt .infoBox ul { margin-left: 8px; padding-bottom: .2em; padding-top: .4em; } /* HR */ #inhalt hr { margin-bottom: 1em; width: 440px; height: 1px; color: #CCC; background-color: #ccc; } #inhalt .finderResult hr { clear: left; margin: .4em 0; width: 418px; } /* Bild mit Textumfluss, Bild spaltenfüllend */ #inhalt .bildLinks, #inhalt .bildRechts, #inhalt .bildMitte { clear: both; font-size: 1em; page-break-inside: avoid; } #inhalt .bildLinks .bild { float: left; font-size: .1em; margin-right: /*11em*/ 16px; border-top: /*2em*/ 4px solid #fff; border-bottom: /*6em*/ 10px solid #fff; } #inhalt .bildRechts .bild { float: right; font-size: .1em; margin-left: /*11em*/ 16px; border-top: /*2em*/ 4px solid #fff; border-bottom: /*6em*/ 10px solid #fff; } #inhalt .bildMitte .bild { float: left; font-size: .1em; border-bottom: /*11em*/ 16px solid #fff; } /* float für Lupe innerhalb Border */ #inhalt .bildRahmen { border: 1px solid #B1B0B0; padding: 2px; position: relative; } #inhalt .bildRahmen img.zoom { position: absolute; bottom: 1px; right: 1px; } #inhalt .bild p { padding: .4em 0 .2em; font-size: /*5.5em*/ 9px; line-height: 1.4em; color: #686767; } /* Bild im PopUp */ #popup #inhalt { padding: 5px; } #popup #inhalt .bild { width: auto; margin: 0 auto; text-align: left; } #popup #inhalt .bild p { font-size: .55em; } #popup #footer { padding: 5px; } #popup #footer .serviceNav p { text-align: left; } /* News Liste, News Detail */ #inhalt #newsList p.datum, #inhalt #newsDetail p.datum { padding-bottom: 0; font-size: .6em; line-height: 1.6em; color: #4F4F50; } #inhalt #newsList p.titel, #inhalt #newsDetail p.titel { padding-bottom: .2em; font-size: .7em; line-height: 1.4em; font-weight: bold; color: #565657; } /* ~ h2 */ #inhalt #newsList p.teaser, #inhalt #newsDetail p.teaser, #inhalt #newsList p.text, #inhalt #newsDetail p.text { } /* ~ p */ #inhalt #newsList p.weiter, #inhalt #newsDetail p.weiter { } /* ~ weiter */ /* Hinweis-Box mit info-Icon, oben gelb */ #inhalt .info { margin-bottom: .8em; border: 1px solid #CCC; } #inhalt p.icon { display: none; } #inhalt p.hinweis { padding: .7em 8px 1.6em; font-size: .6em; line-height: 1.6em; background-color: #EDFEAA; color: #4F4F50; } /* Hinweis-Box mit info-Icon, oben grau */ #inhalt .infoBox { margin-bottom: .8em; border: 1px solid #CCC; padding-bottom: .5em; } #inhalt .infoBox h2 { height: 20px; padding: 3px 0 0 9px; border-bottom: 1px solid #CCC; background: #E2E0E0; color: #565657; } /* #inhalt .infoBox p { padding: .7em 8px; } */ #inhalt .infoBox p { padding: .7em 9px 0; color: #4F4F50; } /* Ausnahme für IE bei Solution Finder Ergebnis - Rahmenlinie */ /* gelbe Balken"überschrift" über Formular */ #inhalt .formHeader p { margin-top: 1.4em; padding: .6em 9px; background-color: #FFD111; color: #4F4F50; font-weight: bold; } /* Suchergebnisse Solution Finder */ #inhalt .finderResult { clear: left; margin-bottom: .8em; padding: 0 9px .5em; /*border: 1px solid #CCC;*/ } #inhalt .finderResult p { padding-bottom: 0; } /* Ausnahme für IE bei Solution Finder Ergebnis - Rahmenlinie */ #inhalt .finderResult img { float: left; padding: .2em .6em .6em 0; } /* *********************************************************** */ /* margin */ /* News mit Drop-Shadow, Spaltenbreite 195-13=182 */ #margin .newsSlot { } #margin .news { } /* Formatierung */ #margin .newsSlot h2 { } #margin .newsSlot p.datum { } #margin .newsSlot p.titel { } #margin .newsSlot p.teaser { } #margin .newsSlot p.weiter { } #margin .newsSlot hr { } /* Solution Finder */ #margin .solutionFinder { } /* *********************************************************** */ /* linke Spalte, unter Navi */ #left #hotline { } #left #vorteile { } #left #vorteile h2 { } #left #vorteile ul { } #left #vorteile ul li { } #left #newsletter { } #left #newsletter h2 { } #left #newsletter p { } #left #newsletter p img { } /* *********************************************************** */ /* Navigation & Links */ /* *********************************************************** */ /* Hauptnavigation oben, horizontal */ #mainNav ul { } #mainNav ul li { } #mainNav a:link, #mainNav a:visited { } #mainNav a:focus, #mainNav a:hover, #mainNav a:active { } #mainNav li.chosen a:link, #mainNav li.chosen a:visited, #mainNav li.chosen a:focus, #mainNav li.chosen a:hover, #mainNav li.chosen a:active { } /* Subnavigation links, vertikal */ #subNav h2 { } #subNav dl { } #subNav dl dt a:link, #subNav dl dt a:visited { } #subNav dl dt a:focus, #subNav dl dt a:hover, #subNav dl dt a:active { } #subNav dl dd a:link, #subNav dl dd a:visited { } #subNav dl dd a:focus, #subNav dl dd a:hover, #subNav dl dd a:active { } #subNav dl dt.current a:link, #subNav dl dt.current a:visited, #subNav dl dt.current a:focus, #subNav dl dt.current a:hover, #subNav dl dt.current a:active { } #subNav dl dd.current a:link , #subNav dl dd.current a:visited, #subNav dl dd.current a:focus, #subNav dl dd.current a:hover, #subNav dl dd.current a:active { } /* Hilfs- und Servicenavigation, Breadcrumbs */ #sprachwahl a:link, #sprachwahl a:visited { } #sprachwahl a:focus, #sprachwahl a:hover, #sprachwahl a:active { } #sprachwahl strong a:link, #sprachwahl strong a:visited, #sprachwahl strong a:focus, #sprachwahl strong a:hover, #sprachwahl strong a:active { } .serviceNav a:link, .serviceNav a:visited { } .serviceNav a:focus, .serviceNav a:hover, .serviceNav a:active { } #breadcrumb a:link, #breadcrumb a:visited { color: #989696; text-decoration: none; } #breadcrumb a:focus, #breadcrumb a:hover, #breadcrumb a:active { text-decoration: none; } #footer p.dmms a:link, #footer p.dmms a:visited, #footer p.dmms a:focus, #footer p.dmms a:hover, #footer p.dmms a:active { } /* Text-Links Standard */ #inhalt a:link, #inhalt a:visited { color: #3A5C0E; font-weight: bold; text-decoration: none; } #inhalt a:focus, #inhalt a:hover, #inhalt a:active { text-decoration: none; } #margin a:link, #margin a:visited { } #margin a:focus, #margin a:hover, #margin a:active { } /* für die Links zum Durchblättern der Suchergebnisse */ #inhalt .tx-indexedsearch-browsebox a:link, #inhalt .tx-indexedsearch-browsebox a:visited { } #inhalt .tx-indexedsearch-browsebox a:focus, #inhalt .tx-indexedsearch-browsebox a:hover, #inhalt .tx-indexedsearch-browsebox a:active { } #inhalt .tx-indexedsearch-browselist-currentPage a:link, #inhalt .tx-indexedsearch-browselist-currentPage a:visited, #inhalt .tx-indexedsearch-browselist-currentPage a:focus, #inhalt .tx-indexedsearch-browselist-currentPage a:hover, #inhalt .tx-indexedsearch-browselist-currentPage a:active { } /* Links mit Pfeil-Icon */ /* Aufheben des Abstandes des vorhergehenden Absatzes */ #inhalt p.weiter, #inhalt p.zurueck, #inhalt p.download { margin-top: -1.4em; } /* Ausnahme für IE bei Solution Finder Ergebnis - Rahmenlinie */ #inhalt .finderResult p.weiter { margin-top: 0; } /* Ausnahme für Link-Liste in infoBox - Rahmenlinie */ #inhalt .infoBox p.weiter, #inhalt .infoBox p.download { margin-top: 0; padding-top: 0; } /* weiter: Standard mitte & margin: Text, Pfeil nach rechts */ #inhalt p.weiter a:link, #inhalt p.weiter a:visited, #inhalt li.weiter a:link, #inhalt li.weiter a:visited, #margin p.weiter a:link, #margin p.weiter a:visited { color: #3A5C0E; font-weight: bold; text-decoration: none; } #inhalt p.weiter a:focus, #inhalt p.weiter a:hover, #inhalt p.weiter a:active, #inhalt li.weiter a:focus, #inhalt li.weiter a:hover, #inhalt li.weiter a:active, #margin p.weiter a:focus, #margin p.weiter a:hover, #margin p.weiter a:active { text-decoration: none; } /* weiter: umgekehrt im Suchergebnis: Pfeil nach rechts, Text */ #inhalt .searchResult p.weiter a:link, #inhalt .searchResult p.weiter a:visited { text-decoration: none; } #inhalt .searchResult p.weiter a:focus, #inhalt .searchResult p.weiter a:hover, #inhalt .searchResult p.weiter a:active { text-decoration: none; } /* weiter: für die Tabelle ohne

*/ #inhalt .tabDrei td.zwei a:link, #inhalt .tabDrei td.zwei a:visited { text-decoration: none; } #inhalt .tabDrei td.zwei a:focus, #inhalt .tabDrei td.zwei a:hover, #inhalt .tabDrei td.zwei a:active { text-decoration: none; } #inhalt .tabDrei td.drei a:link, #inhalt .tabDrei td.drei a:visited { text-decoration: none; } #inhalt .tabDrei td.drei a:focus, #inhalt .tabDrei td.drei a:hover, #inhalt .tabDrei td.drei a:active { text-decoration: none; } #inhalt .tabVier td.vier a:link, #inhalt .tabVier td.vier a:visited { text-decoration: none; } #inhalt .tabVier td.vier a:focus, #inhalt .tabVier td.vier a:hover, #inhalt .tabVier td.vier a:active { text-decoration: none; } /* zurück: Pfeil nach links, Text */ #inhalt p.zurueck a:link, #inhalt p.zurueck a:visited { text-decoration: none; } #inhalt p.zurueck a:focus, #inhalt p.zurueck a:hover, #inhalt p.zurueck a:active { text-decoration: none; } /* Download: Pfeil nach unten, Text */ #inhalt p.download a:link, #inhalt p.download a:visited { text-decoration: none; } #inhalt p.download a:focus, #inhalt p.download a:hover, #inhalt p.download a:active { text-decoration: none; } #inhalt p.download a img { margin-bottom: -2px; } /* Icon auf Linie in IE */ /* Sprungmarke: Text, Pfeil nach oben */ #inhalt p.top { margin-top: 2.8em; border-top: 1px solid #ccc; padding-top: .3em; text-align: right; } #inhalt p.top a:link, #inhalt p.top a:visited { text-decoration: none; } #inhalt p.top a:focus, #inhalt p.top a:hover, #inhalt p.top a:active { text-decoration: none; } /* Sitemap */ #inhalt #siteMap h3 a:link, #inhalt #siteMap h3 a:visited { color: #F5BF05; text-decoration: none; } #inhalt #siteMap h3 a:focus, #inhalt #siteMap h3 a:hover, #inhalt #siteMap h3 a:active { text-decoration: none; } #siteMap dl { padding-bottom: .5em; } #siteMap dl dt a:link, #siteMap dl dt a:visited { padding-left: 1.7em; font-weight: normal; font-size: .7em; line-height: normal; color: #4F4F50; text-decoration: none; } #siteMap dl dt a:focus, #siteMap dl dt a:hover, #siteMap dl dt a:active { text-decoration: none; } #siteMap dl dd a:link, #siteMap dl dd a:visited { padding-left: 2.7em; font-weight: normal; font-size: .7em; line-height: normal; color: #4F4F50; text-decoration: none; } #siteMap dl dd a:focus, #siteMap dl dd a:hover, #siteMap dl dd a:active { text-decoration: none; } /* *********************************************************** */ /* Tabellen */ /* *********************************************************** */ #inhalt .tabDrei p, #inhalt .tabVier p { margin-top: 1.3em; padding: 2px 4px 2px 6px; background-color: #EDFEAA; color: #4F4F50; line-height: normal; } .tabDrei, .tabVier { padding-bottom: /*2.8em;*/ .7em; } table { width: 440px; font-size: .7em; line-height: 1.3em; color: #4F4F50; } .tabHead td { padding: 5px 4px 5px 6px; background-color: #E2E0E0; font-weight: bold; border-bottom: 1px solid #4F4F50; } .tabBody td { padding: 4px 4px 10px 6px; background-color: #F5F5F5; border-top: 2px solid #fff; vertical-align: top; } /* tabDrei */ .tabDrei .tabHead td.eins { width: 100px; } .tabDrei .tabHead td.zwei { width: 155px; } .tabDrei .tabHead td.drei { width: 155px; } .tabDrei .tabBody td.eins { width: 98px; border-right: 2px solid #fff; } .tabDrei .tabBody td.zwei { width: 153px; border-right: 2px solid #fff; } .tabDrei .tabBody td.drei { width: 155px; } /* tabVier */ .tabVier .tabHead td.eins { width: 120px; } .tabVier .tabHead td.zwei { width: 120px; } .tabVier .tabHead td.drei { width: 100px; } .tabVier .tabHead td.vier { width: 60px; } .tabVier .tabBody td.eins { width: 118px; border-right: 2px solid #fff; } .tabVier .tabBody td.zwei { width: 118px; border-right: 2px solid #fff; } .tabVier .tabBody td.drei { width: 98px; border-right: 2px solid #fff; } .tabVier .tabBody td.vier { width: 60px; text-align: center; } /* *********************************************************** */ /* Formulare */ /* *********************************************************** */ /* allgemeine Definitionen */ form fieldset { float: left; width: 438px; border: 1px solid #CCC; } form legend { display: none; } form input, form select, form textarea { border: 1px solid #CCC; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: .7em; line-height: normal; color: #4E4D4D; } form label { font-size: .7em; line-height: normal; } /* Suchfeld oben Navigation */ #suche form p { padding-top: 10px; } #suche form p input { float: left; width: 93px; height: 15px; border: 1px solid #8C8A88; padding: 1px 0 0 2px; } #suche form p input.button { float: left; width: 28px; height: 12px; border: none; margin: 2px 0 0 2px; } /* Suchfeld mittlere Spalte */ #search form { float: left; font-size: 1em; padding-bottom: 1.6em; } #search form fieldset { padding: .3em 0; } #search form label { float: left; padding: .2em .7em 0 .7em; } #search form input { float: left; width: 245px; height: 16px; } #search form input.button { float: left; width: 28px; height: 12px; border: none; padding: .35em 0 0 .5em; } /* Kontaktformlar */ #kontakt form { font-size: 1em; padding-bottom: 1.4em; } #kontakt form fieldset { padding: .4em 0; } #kontakt form label { float: left; width: 155px; margin: .4em 11px 0 9px; padding-bottom: .2em; border-bottom: 1px dotted #989696; } #kontakt form input { float: left; width: 245px; height: 16px; margin-top: .3em; } #kontakt form input.strasse { width: 186px; margin-right: 7px; } #kontakt form input.hausnr { width: 50px; } #kontakt form input.plz { width: 76px; margin-right: 7px; } #kontakt form input.ort { width: 160px; } #kontakt form select { float: left; width: 249px; height: 17px; margin-top: .4em; } #kontakt form textarea { float: left; width: 409px; margin: .4em 0 0 10px; } #kontakt form p { padding: 2.3em 0 0 11px; font-size: .6em; } #kontakt form br { clear: left; } #kontakt form fieldset.buttons { margin-top: .3em; width: 440px; padding: 0 0 .3em; border: none; } #kontakt form fieldset.buttons input { width: auto; height: auto; border: none; color: #3A5C0E; font-weight: bold; } #kontakt form input.loeschen { float: left; margin-left: 10px; text-align: left; background-color: #fff; } #kontakt form input.senden { float: right; margin-right: 10px; text-align: right; background-color: #fff; } /* Solution Finder */ #finder form { font-size: 1em; padding-bottom: 1.4em; } #finder form fieldset { padding: .2em 0 .4em; border: 1px solid #F7FEDF; border-bottom: 3px solid #FFD111; } #finder form label { float: left; width: 155px; margin: .4em 11px 0 9px; padding-bottom: .2em; border-bottom: 1px dotted #989696; } #finder form input.checkbox { float: left; border: none; height: 16px; margin-top: .6em; } #finder form .spalte { float: left; width: 219px; } #finder form br { clear: left; } #finder form fieldset.buttons { margin-top: .3em; width: 440px; padding: 0 0 .3em; border: none; } #finder form fieldset.buttons input { margin-top: .3em; width: auto; height: auto; border: none; color: #3A5C0E; font-weight: bold; } #finder form input.loeschen { float: left; margin-left: 10px; text-align: left; background-color: #fff; } #finder form input.senden { float: right; margin-right: 10px; text-align: right; background-color: #fff; } /* Anmeldung/Download */ #download form { font-size: 1em; padding-bottom: 1.4em; } #download form fieldset { padding: .4em 0; } #download form label { float: left; width: 155px; margin: .4em 11px 0 9px; padding-bottom: .2em; border-bottom: 1px dotted #989696; } #download form label span { color: #EF0707; } #download form input { float: left; width: 245px; height: 16px; margin-top: .3em; } #download form input#tx-srfeuserregister-pi1-username { margin-top: 1.3em; } #download form select { float: left; width: 249px; height: 17px; margin-top: .4em; } #download form select#tx-srfeuserregister-pi1-zone { margin-top: 1.3em; } #download form p { padding: 2.3em 0 0 11px; font-size: .6em; } #download form p.tx-srfeuserregister-pi1-error { padding: 1em 0 0 9px; font-size: .6em; color: #EF0707; } #download form br { clear: left; } #download form fieldset.buttons { margin-top: .3em; width: 440px; padding: 0 0 .3em; border: none; } #download form fieldset.buttons input { width: auto; height: auto; border: none; color: #3A5C0E; font-weight: bold; } #download form input.loeschen { float: left; margin-left: 10px; text-align: left; background-color: #fff; } #download form input.senden { float: right; margin-right: 10px; text-align: right; background-color: #fff; } #download form dl { font-size: .7em; line-height: normal; } #download form dt { float: left; width: 155px; margin: .4em 11px .4em 9px; padding-bottom: .2em; border-bottom: 1px dotted #989696; } #download form dd { float: left; width: 245px; margin-top: -1.7em; padding-left: 180px; } /* *********************************************************** */ /* Startseite 2-spaltig */ /* *********************************************************** */ #center { } #inhalt { } /* Drop-Shadow */ #inhalt .shade { } /* Welcome - Box ganze Breite */ #inhalt .welcome .shade { } #inhalt .welcome .shade .intro { margin-bottom: 16px; padding: 0 10px; } /* Box 50% */ #inhalt .twoCols .shade { } /* Abstände */ #inhalt .welcome, #inhalt .twoCols { } #inhalt .twoCols .shade { margin-bottom: 8px; } #inhalt .twoCols .links { } #inhalt .twoCols .shade h1 { padding: .2em 0 .4em; } /* News */ #inhalt .twoCols .shade .startNews { min-height: 164px; padding: 0 10px; border-top: 4px solid #FBC91A; } #inhalt .twoCols .shade .startNews .thumbnailPic { float: right; width: 100px; height: 100px; overflow: hidden; } #inhalt .twoCols .shade .startNews p { } /* Liste */ #inhalt .twoCols .shade .partnerList { height: 164px; padding: 0 10px; border-top: 4px solid #FBC91A; } #inhalt .twoCols .shade .partnerList h1 { padding: .6em 0 .4em 0; } #inhalt .twoCols .shade .partnerList ul { margin-left: 16px; } #inhalt .twoCols .shade .partnerList ul li { font-size: .8em; line-height: 1.4em; } /* Grafik Solution Finder */ #inhalt .twoCols .shade .finder { font-size: 1px; /*width: 316px;*/ height: 164px; border-top: 4px solid #FBC91A; }