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;*/ font-family: 'Roboto', sans-serif; } body { margin: 0px 0px 0px 0px; padding: 0px; color: #000; background-color: #000; text-align: center; background-image: url(../bilder/hg.gif); background-repeat: repeat-x; } .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: #c6d9f1; } #top { } #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: #4864f3; color: #000; 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: 454px; height: 30px; border-right: 1px solid #000; } #topleiste-middle #part1, #topleiste-middle #part2 { float: left; } #topleiste-middle #part1 { width: 450px; } /*#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; font-weight: bold; } #topleiste-right #part2 #inhalt { margin: 0px; padding: 0px; background-color: #4864f3; } #topleiste-right #part3 #inhalt { margin-left: 0px; padding-top: 3px; text-align: right; font-weight: bold; } #content { width: 760px; height: 600px;border-top: 1px solid #000; } #content-left { float: left; width: 152px; height: 600px; border-right: 1px solid #000; display: block; } #content-middle { float: left; width: 454px; height: 600px; border-right: 1px solid #000; display: block; } #content-right { float: left; width: 152px; display: block; } #content-middle .block { width: 454px; } #content-middle .block .block-title { width: 454px; height: 32px; color: #000; } #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: 150px; } #content-middle .block-title-part2a { width: 200px; } #content-middle .block-title-part3a { width: 10px; } #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: #4864f3; } #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: #4864f3; } #impressum-text text-klein { color: #000; font-size: .8em; } #impressum-text a { font-weight: bold; color: #000; text-decoration: none; } .dt-karte-text { text-align: center; padding-top: 10px; border-top: 1px solid #000; border-bottom: 1px solid #000; height: 30px; padding-top: 5px; background-color: #4864f3; } .dt-karte-text .dt-karte-text-fett { font-weight: bold; color: #000; } .dt-karte-text a { font-weight: bold; color: #000; text-decoration: none; } #dt-karte { text-align: center; padding-top: 10px; background-color: #382ea9; } #links { margin-top: 5px; width: 760px; background-color: #c6d9f1; } #links a { color: #333; text-decoration: none; } #links td { font-size: 10px; } #links .headline { font-weight: bold; } #links .nummer { text-align: right; } #links .erster { padding-left: 3px; }