html { background-color: white; }
body { color: black; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: white; background-image: url(../media/body_schatten.gif); background-repeat: repeat-y; width: 980px; margin: 30px auto 40px; padding: 0 6px; }
a img {border-style: none; border-width: 0;}
/* Kopf oben */
div#kopf { background-color: #fae931; background-repeat: no-repeat; position: relative; height: 133px; padding-top: 44px; border-top: 1px solid #e1e2e3; border-right: 1px solid #e1e2e3; border-left: 1px solid #e1e2e3; }
div#kopf span.obenrechts { background-image: url(../media/kopf_rundung_rechts.gif); background-repeat: no-repeat; position: absolute; top: -8px; right: -9px; width: 50px; height: 51px; }
div#kopf span.obenschatten { background-image: url(../media/body_schatten_oben.gif); background-repeat: no-repeat; position: absolute; top: -16px; left: -7px; width: 995px; height: 15px; }
div#kopf h1 { background-color: white; background-image: url(../media/kopf_hg_verlauf.jpg); background-repeat: repeat-x; background-position: 50% 0; text-align: center; vertical-align: middle; height: 131px; margin: 0; padding: 0; border-top: 2px dotted #8ebad8; border-bottom: 2px dotted #8ebad8; }
div#kopf h1 span {display: none}
div#kopf h1 img { display: block; margin-top: 20px; margin-right: auto; margin-left: auto; }
div#inhaltblock { background-color: #fff6cd; background-image: url(../media/spalten_hg.jpg); background-repeat: repeat-x; border-right: 1px solid #e1e2e3; border-bottom: 1px solid #e1e2e3; border-left: 1px solid #e1e2e3; }
/* Menue Links */
div#menuespalte { font-size: 12px; display: block; float: left; width: 196px; margin: 0; }
div#menuespalte ul#sprache { margin-top: 25px; margin-left: 30px; padding: 0; }
div#menuespalte ul#sprache li { display: inline; margin-right: 8px; padding: 0; }
div#menuespalte ul#menue { margin-top: 30px; margin-right: 25px; margin-left: 25px; padding: 0; list-style-type: none; }
div#menuespalte ul#menue li { color: #7f8082; line-height: 26px; text-indent: 6px; margin: 0; padding: 0; border-bottom: 2px dotted #8ebad8; }
div#menuespalte ul#menue li a { color: #6b6c6d; text-decoration: none; }
div#menuespalte ul#menue li a.aktiv {color: #004a99;}
div#menuespalte ul#menue li a:hover { color: #969696; }
/* Spalte Rechts */
div#aktuellspalte { color: #6b6c6d; display: block; float: right; width: 196px; }
div#aktuellspalte div.erster {margin-top: 82px;}
div#aktuellspalte div { color: #484848; font-size: 12px; background-color: #fef7df; position: relative; width: 165px; margin-top: 0; margin-bottom: 12px; padding: 10px; border: solid 1px #e1e2e3; }
div#aktuellspalte div h4 { color: #4997cd; font-size: 12px; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; margin-top: 0; margin-bottom: 0; }
div#aktuellspalte div p {margin: 0pt}
div#aktuellspalte div span.obenrechts {background-image: url(../media/obenrechts_blau.gif); background-repeat: no-repeat; position: absolute; top: 0; right: -1px; width: 40px; height: 40px;}
div#aktuellspalte div ul,div#aktuellspalte div ol { margin: auto; list-style-position: inside; }
/* Inhalte */
div#inhalt { color: #6b6c6d; display: block; width: 527px; background-color: white; text-align: justify; margin: 0 0 0 204px; padding: 20px 12px 20px 30px; }
div#inhalt a { color: #004a99; text-decoration: none; }
div#inhalt a:hover { color: #4997cd; }
div#inhalt h2 { color: #004a99; font-size: 15px; font-weight: normal; text-transform: uppercase; text-align: left; letter-spacing: 2px; margin-top: 0; margin-bottom: 40px; margin-left: -18px; }
div#inhalt h3 { color: #004a99; font-size: 13px; font-weight: normal; text-align: left; margin-top: 24px; margin-bottom: 6px; }
div#inhalt h4 { color: #004a99; font-size: 12px; font-weight: normal; text-align: left; margin-top: 12px; margin-bottom: 0; }
div#inhalt p { color: #6b6c6d; width: 96%; margin-top: 0; margin-bottom: 0; }
/* Kontakt und Impressum */
div#inhalt dl { color: #6b6c6d; margin: 0 0 12px; padding: 0 ; list-style-type: none; list-style-position: inside; }
div#inhalt dl.kontakt { margin-top: 6px; margin-bottom: 12px; }
div#inhalt dt { color: #6b6c6d; text-indent: 0; display: block; float: left; margin: 0 6px 0 0; padding: 0; }
div#inhalt dd { color: #6b6c6d; text-indent: 0; margin-bottom: 3px; margin-left: 60px; padding: 0; }
div#inhalt dl.verkehr dd { margin-left: 175px; display: block}
div#inhalt strong {font-weight: normal;color: #004a99;margin-bottom: 6px; }
/* Preise */
div#inhalt table { width: 99%; margin-top: 0; margin-bottom: 12px; margin-left: -4px; }
div#inhalt table thead {display: none}
div#inhalt table tbody {}
div#inhalt table tbody tr {}
div#inhalt table tbody td { line-height: 22px; padding-left: 4px; }
div#inhalt table tbody td.rechts {text-align: right;padding-right: 6px;}
div#inhalt table tbody tr.ungerade { background-color: #ffefa1; }
/* Zimmer */
div#inhalt ul { color: #6b6c6d; text-align: left; width: 100%; margin-top: 0; margin-left: -4px; padding: 0; list-style-type: none; }
div#inhalt ul li { color: #6b6c6d; line-height: 22px; margin: 0; padding: 0; }
div#inhalt ul li.ungerade { background-color: #ffefa1; }
/* AGB */
div#inhalt ol#agb { width: 90%; margin-left: 20px; list-style-type: upper-roman; list-style-position: outside; }
div#inhalt ol#agb li { font-weight: bold; margin-bottom: 12px; text-align: left ; }
div#inhalt ol#agb li ol{ font-size: 11px; font-weight: normal; margin-top: 6px; list-style-type: decimal; list-style-position: outside; }
div#inhalt ol#agb li ol li { font-weight: normal; margin-bottom: 6px; text-align: justify }
div#inhalt ol#agb li ol li ul { margin: 6px 0; padding: 0; list-style-type: disc; list-style-position: inside; }
div#inhalt ol#agb li ol li ul li { margin: 0 0 3px; padding: 0; list-style-type: disc;line-height: 12px; }
/* Bildgalerie */
div#bildgalerie { text-align: left; margin-right: -20px; margin-left: -18px; padding: 0; }
div#bildgalerie img { margin: 0 4px 5px 0; padding: 0; border: solid 1px #7f8082; }
/* Konstrukt mit abgerundeten Ecken fuer Bilder */
p.themenbild { background-color: transparent; display: block; position: relative; width: 545px; height: 243px; margin-left: -18px; padding: 0; }
p.themenbild img {display: block}
p.themenbild span.obenrechts { background-image: url(../media/obenrechts.gif); background-repeat: no-repeat; position: absolute; top: -1px; right: -2px; width: 40px; height: 42px; }
p.themenbild span.untenlinks { background-image: url(../media/untenlinks.gif); background-repeat: no-repeat; position: absolute; bottom: -2px; left: -1px; width: 40px; height: 42px; }
/* Fusszeile */
div#fusszeile { background-color: white; position: relative; height: 32px; clear: both ; border-top: 2px dotted #86a3d0; }
div#fusszeile p { color: #484848; font-size: 11px; line-height: 16px; background-color: #fae931; text-transform: uppercase; text-align: center; letter-spacing: 1px; position: absolute; bottom: 0; width: 100%; height: 16px; margin-top: 0; margin-bottom: 0; }
div#fusszeile span.untenlinks { background-image: url(../media/body_schatten_unten.gif); background-repeat: no-repeat; position: absolute; bottom: -7px; left: -9px; width: 995px; height: 51px; }
/* SchnellBuchung */
form#schnellbuchung { margin-left: 15px; margin-right: 5px; margin-top: 25px; background-color: #fef7df; padding: 5px 10px; border: solid 1px #e1e2e3; position: relative}
form#schnellbuchung h3 { color: #4997cd; font-size: 12px; font-weight: normal; text-transform: uppercase; text-align: center; letter-spacing: 1px; margin-top: 4px; margin-bottom: 8px; }
form#schnellbuchung p em { font-style: normal; display: block; float: left; width: 65px; line-height: 15px;}
form#schnellbuchung p em.option {width: 70px;}
form#schnellbuchung p input { width: 60px; border: solid 1px #6b6c6d;display: block;float: left;padding: 2px;font-size: 10px;}
form#schnellbuchung p input.error {background-color: red;}
form#schnellbuchung p select {font-size: 10px;}
form#schnellbuchung p select option {font-size: 10px;}
form#schnellbuchung p img {float: left;display: block;margin-left: 4px;}
form#schnellbuchung p { height: 15px; margin: 0 0 6px; padding: 0 0 6px; clear: both; }
form#schnellbuchung p input.submit_res {width: 130px;}
form#schnellbuchung span.obenrechts {background-image: url(../media/obenrechts_blau.gif); background-repeat: no-repeat; position: absolute; top: 0; right: -1px; width: 40px; height: 40px;}