/* Weihnachten: grüner Hintergrund für die Site: background-color: #89b41c; roter Hintergrund für Überschriften: background-color: #ba252a; Rahmen-/Linienfarbe: border-right: 1px solid #f4d356; Advent: Hintergrund für die Site: background-color: #cde8f8; hellblau Hintergrund für Überschriften: background-color: #0097db; dunkelblau Rahmen-/Linienfarbe: border-right: 1px solid #241b3c */ 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: #fff; 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: #fff; } .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: #382EA9; background-image: url(../bilder/hg_verlauf.jpg); background-repeat: no-repeat; } #top { height: 125px; } #top-left { float: left; width: 150px; height: 125px; } #top-middle { float: left; width: 466px; height: 125px; } #top-right { float: left; width: 144px; height: 125px; } #topleiste { width: 760px; background-color: #280F63; color: #fff; text-align: center; border-bottom: 1px solid #241b3c; border-top: 1px solid #241b3c; } #topleiste-left #inhalt { padding-left: 5px; padding-top: 5px; text-align: left; height: 30px; border-right: 1px solid #7c9ae7; font-weight: bold; } #topleiste-left { float: left; width: 152px; height: 30px; border-right: 1px solid #7c9ae7; } #topleiste-middle { float: left; width: 449px; height: 30px; border-right: 1px solid #7c9ae7; font-size: 1.2em; text-align: left; padding-left: 5px; } #topleiste-right { float: left; width: 152px; height: 30px; font-size: 1.2em; } #content { height: 900px; } #content-left { float: left; width: 152px; height: 900px; border-right: 1px solid #7c9ae7; display: block; } #content-middle { float: left; width: 454px; height: 900px; border-right: 1px solid #7c9ae7; display: block; } #content-right { float: left; width: 152px; display: block; } #content-left .block { width: 152px; } #content-left .block .block-title { width: 152px; height: 32px; background-color: #280F63; text-align: center; padding-top: 5px; border-bottom: 1px solid #7c9ae7; border-top: 1px solid #7c9ae7; 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: 113px; } #content-left .block-title-part2 { width: 30px; } #content-left .block .block-content { width: 152px; 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; } #content-middle .block .block-title { width: 454px; height: 32px; border-bottom: 1px solid #7c9ae7; border-top: 1px solid #7c9ae7; color: #fff; } #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: 130px; } #content-middle .block-title-part2a { width: 230px; } #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: 130px; } #content-middle .block-title-part2 { width: 280px; } #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; text-align: left; font-size: .8em; margin-bottom: 10px; } #content-middle .block .block-content-padding { padding: 5px; padding-bottom: 0px; } #content-middle-side .content-middle-side-padding { padding-top: 740px; } #content-right .block { width: 152px; border-bottom: 0px solid #7c9ae7; border-top: 0px solid #7c9ae7; } #content-right .block img { margin-bottom: 0px; } #hotel-leiste { border-top: 1px solid #7c9ae7; } #footerleiste { width: 760px; height: 30px; margin-top: 10px; border-top: 1px solid #7c9ae7; border-bottom: 1px solid #7c9ae7; text-align: center; padding-top: 5px; background-color: #280F63; } #footerleiste-left { float: left; width: 152px; font-weight: bold; } #footerleiste-middle { float: left; width: 454px; font-weight: bold; text-align: left; } #footerleiste-middle .footer-formular-infos-zeile-bezeichnung-part1a { float: left; width: 160px; 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: 150px; margin-left: 80px; font-weight: bold; } #footerleiste-right { float: left; width: 152px; font-weight: bold; } #impressum-text { text-align: center; border-top: 1px solid #7c9ae7; border-bottom: 1px solid #7c9ae7; height: 30px; padding-top: 5px; background-color: #280F63; } #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 #7c9ae7; border-bottom: 1px solid #7c9ae7; height: 30px; padding-top: 5px; background-color: #280F63; } .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; }