/* 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,td { 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: #382EA9; background-image: url(../bilder/hg_verlauf.jpg); background-repeat: repeat-y; } #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: #90b50d; color: #fff; text-align: center; border-bottom: 1px solid #241b3c; border-top: 0px solid #241b3c; } #topleiste-left { float: left; width: 153px; height: 30px; } #topleiste-left #inhalt { padding-left: 5px; padding-top: 3px; text-align: left; height: 30px; border-right: 1px solid #000; font-weight: bold; } #topleiste-middle { float: left; width: 455px; height: 30px; } #topleiste-middle #part1, #topleiste-middle #part2 { float: left; } #topleiste-middle #part1 { width: 410px; } #topleiste-middle #part2 { width: 45px; } #topleiste-middle #part1 #inhalt { padding-left: 5px; padding-top: 3px; text-align: left; font-weight: bold; } #topleiste-middle #part2 #inhalt { margin-left: 15px; text-align: right; height: 30px; border-right: 1px solid #000; } #topleiste-right { float: left; width: 150px; height: 30px; } #topleiste-right #part1 { float: left; width: 60px; } #topleiste-right #part2 { float: left; width: 24px; } #topleiste-right #part3 { float: left; width: 66px; } #topleiste-right #part1 #inhalt { padding-left: 5px; padding-top: 3px; text-align: left; } #topleiste-right #part2 #inhalt { margin: 0px; padding: 0px; } #topleiste-right #part3 #inhalt { margin-left: 0px; padding-top: 3px; text-align: right; } #content { height: 980px; } #content-left { float: left; width: 152px; height: 980px; border-right: 1px solid #000; display: block; } #content-middle { float: left; width: 454px; height: 980px; border-right: 1px solid #000; 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: #90b50d; padding-top: 5px; border-bottom: 1px solid #000; border-top: 1px solid #000; 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; padding-left: 5px; } #content-left .block-title-part1a { width: 60px; 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: 37px; text-align: right; } #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 #000; border-top: 1px solid #000; 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 .block-title .block-title-padding .inhalt { font-weight: bold; } #content-middle .block-title-part1a { width: 110px; } #content-middle .block-title-part2a { width: 250px; } #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: 110px; } #content-middle .block-title-part2 { width: 320px; } #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 .block .block-content td { font-size: .8em; } #content-middle-side .content-middle-side-padding { padding-top: 740px; } #content-right .block { width: 152px; border-bottom: 0px solid #000; border-top: 0px solid #000; } #content-right .block img { margin-bottom: 0px; } #hotel-leiste { border-top: 1px solid #000; /* border-bottom: 1px solid #000; */ } #footerleiste { width: 760px; height: 30px; margin-top: 0px; border-top: 1px solid #000; border-bottom: 1px solid #000; text-align: center; padding-top: 5px; background-color: #90b50d; } #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 #000; border-bottom: 1px solid #000; height: 20px; padding-top: 2px; background-color: #90b50d; } #impressum-text text-klein { color: #fff; font-size: .8em; } #impressum-text a { font-weight: bold; color: #000; text-decoration: none; } .dt-karte-text { text-align: center; margin-top: 10px; border-top: 1px solid #000; border-bottom: 1px solid #000; height: 30px; padding-top: 5px; background-color: #90b50d; } .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; }