html, body { height: 100%; } * { margin: 0; padding: 0; } h1,h2,h3,h4,h5,h6,div,p,body,html,input,textarea,button,td,ul,li { font: normal 1em Arial, Verdana, sans-serif; } body { margin: 0px 0px 0px 0px; padding: 0px; color: #000; background-color: #000; text-align: center; } .breaker { clear: both; overflow: hidden; margin: 0px; padding: 0px; font-size: px; } p { margin: 5 0 10 0; } h1, .text-fett, strong { font-weight: bold; } a { color: #000; } .text-klein, #inhalt .text-klein { font-size: .8em; } .text-fett, strong { font-weight: bold; } #site { width: 760px; margin: 0px auto; text-align: left; background-color: #89b41c; } #top { height: 125px; } #top-left { float: left; width: 150px; height: 125px; background-image: url(../bilder/titel-1.jpg); } #top-middle { float: left; width: 466px; height: 125px; background-image: url(../bilder/titel-2.jpg); } #top-right { float: left; width: 144px; height: 125px; background-image: url(../bilder/titel-3.jpg); } #topleiste { width: 760px; height: 30px; background-color: #BA252A; border-bottom: 1px solid #f4d356; } /*#topleiste-left { float: left; width: 152px; height: 28px; text-align: center; font-size: 1.2em; background-color: #BA252A; border-right: 1px solid #f4d356; border-top: 1px solid #f4d356; color: #fff; }*/ #topleiste-left { float: left; width: 152px; height: 30px; color: #fff; } #topleiste-left #inhalt { padding-left: 5px; padding-top: 5px; text-align: left; height: 30px; border-right: 1px solid #f4d356; border-top: 1px solid #f4d356; font-weight: bold; font-size: 1em; } #topleiste-middle { float: left; width: 454px; height: 28px; text-align: center; font-size: 1.2em; background-color: #BA252A; border-right: 1px solid #f4d356; border-top: 1px solid #f4d356; color: #fff; } #topleiste-right { float: left; width: 152px; height: 28px; text-align: center; font-size: 1.2em; background-color: #BA252A; border-top: 1px solid #f4d356; color: #fff; } #content { background-color: #074693; } #content-left { float: left; width: 152px; height: 820px; background-color: #89b41c; border-right: 1px solid #f4d356; } #content-middle { float: left; width: 454px; height: 820px; background-color: #89b41c; border-right: 1px solid #f4d356; } #content-middle-side { float: left; width: 18px; height: 820px; background-color: #89b41c; border-right: 1px solid #f4d356; } #content-right { float: left; width: 152px; height: 820px; background-color: #89b41c; } #content-left .block { width: 152px; background-color: #89b41c; } #content-left .block .block-title { width: 152px; height: 28px; background-color: #ba252a; text-align: center; padding-top: 5px; border-bottom: 1px solid #f4d356; border-top: 1px solid #f4d356; font-weight: bold; color: #fff; } #content-left .block .block-title #inhalt { padding-left: 5px; padding-top: 3px; text-align: left; font-weight: bold; } #content-left .block-title-part1a, #content-left .block-title-part2a { float: left; } #content-left .block-title-part1a { width: 70px; font-weight: bold; } #content-left .block-title-part2a { width: 80px; font-size: .9em; padding-top: 3px; } #content-left .block-title-part1, #content-left .block-title-part2 { float: left; } #content-left .block-title-part1 { width: 120px; } #content-left .block-title-part2 { width: 30px; } #content-left .block .block-content { width: 152px; background-color: #89b41c; text-align: left; font-size: .75em; margin-bottom: 15px; } #content-left .block .block-content-padding { padding-left: 1px; padding-top: 3px; } #content-middle .block { width: 454px; background-color: #89b41c; } #content-middle .block .block-title { width: 454px; height: 30px; border-bottom: 1px solid #f4d356; border-top: 1px solid #f4d356; color: #fff; /* background-color: #CE141F; */ } #content-middle .block-title-part1a, #content-middle .block-title-part2a, #content-middle .block-title-part3a { float: left; font-weight: bold; } #content-middle .block-title-part1a { width: 180px; } #content-middle .block-title-part2a { width: 180px; } #content-middle .block-title-part3a { width: 50px; } #content-middle .block-title-part1, #content-middle .block-title-part2 { float: left; font-weight: bold; } #content-middle .block-title-part1 { width: 180px; } #content-middle .block-title-part2 { width: 230px; } #content-middle .block .block-title-padding { padding-top: 5px; padding-left: 5px; text-align: left; font-weight: bold; } #content-middle .block .block-content { width: 454px; background-color: #89b41c; text-align: left; font-size: .8em; margin-bottom: 15px; } #content-middle .block .block-content-padding { padding: 5px; } #content-middle-side .content-middle-side-padding { padding-top: 740px; } #content-right .block { width: 152px; background-color: #074693; border-bottom: 0px solid #f4d356; border-top: 0px solid #f4d356; } #content-right .block img { margin-bottom: 0px; } #footerleiste { width: 760px; height: 30px; background-color: #ba252a; border-top: 1px solid #f4d356; border-bottom: 1px solid #f4d356; text-align: center; padding-top: 5px; } #footerleiste-left { float: left; width: 152px; font-weight: bold; /* border-right: 1px solid #f4d356; */ } #footerleiste-middle { float: left; width: 454px; font-weight: bold; text-align: left; /* border-right: 1px solid #f4d356; */ } #footerleiste-middle .footer-formular-infos-zeile-bezeichnung-part1a { float: left; width: 160px; margin-left: 5px; font-weight: bold; } #footerleiste-middle .footer-formular-infos-zeile-bezeichnung-part2a { float: left; width: 60px; font-weight: bold; } #footerleiste-middle .footer-formular-infos-zeile-bezeichnung-part3a { float: left; width: 200px; font-weight: bold; } #footerleiste-right { float: left; width: 152px; font-weight: bold; } #footer { } #footer-left { float: left; width: 152px; height: 220px; background-color: #89B41C; border-right: 1px solid #f4d356; } #footer-middle-1 { float: left; width: 231px; height: 220px; background-color: #ba252a; border-right: 1px solid #f4d356; } #footer-middle-2 { float: left; width: 231px; height: 220px; background-color: #ba252a; border-right: 1px solid #f4d356; } #footer-right { float: left; width: 152px; height: 220px; background-color: #ba252a; } #footer .footer-padding { padding: 5px; } #impressum-text { text-align: center; border-top: 1px solid #f4d356; border-bottom: 1px solid #f4d356; height: 30px; padding-top: 5px; background-color: #BA252A; } #impressum-text text-klein { color: #fff; font-size: .8em; } #impressum-text a { font-weight: bold; color: #fff; text-decoration: none; } .dt-karte-text { text-align: center; margin-top: 10px; border-top: 1px solid #f4d356; border-bottom: 1px solid #f4d356; height: 30px; padding-top: 5px; background-color: #BA252A; } .dt-karte-text .dt-karte-text-fett { font-weight: bold; color: #fff; } .dt-karte-text a { font-weight: bold; color: #fff; text-decoration: none; } #dt-karte { text-align: center; margin-top: 10px; } #angebote-kunden-wrapper { width: 980px; margin: 0px auto; text-align: center; } #angebote-kunden-linke-spalte { /*float: left; width: 760px;*/ } #angebote-kunden-rechte-spalte { float: left; width: 210px; border: 2px solid #666; padding: 2px; } #angebote-kunden-unten { width: 760px; margin: 0px auto; text-align: center; }