/* Grundeinstellungen ____________________________________________*/ body, table { color: #000000; font-family: Verdana, Helvetica, Arial, Sans-serif; font-size: 11px; line-height: 16px; } body { background: #FFFFFF; margin: 0px; padding: 0px; text-align: center;} table { border: 0px; border-collapse: collapse; } form { margin: 0px; padding: 0px; } a { color: #000; text-decoration: none; } a:hover { color: #44755B; } a img { border: 0px; } /* Oben __________________________________________________________*/ #slogan {font-size: 11px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center; overflow: hidden; text-indent: -1000px; height: 44px; width: 625px; position: absolute; top: 400px; left: 30px;} #logo {position: absolute; top: 18px; left: 40px;} #text-klein-fein {position: absolute; top: 14px; left: 231px;} #m-info {position: absolute; top: 68px; left: 260px;} #m-info td {padding: 0px 20px 0px 0px; line-height: 14px;} #m-info a {background: url(/images/design/bg-info.gif) no-repeat 0px 5px; color: #000; padding: 0px 0px 0px 8px;} #m-info a:hover {color: #44755B;} #sprache {position: absolute; top: 15px; left: 708px; color: #E7D895; font-size: 10px;} #sprache a {color: #6B6966; padding: 0px 2px 0px 2px;} #sprache a:hover {color: #44755B;} #wetter {position: absolute; top: 38px; left: 710px; width: 150px;} #wetter h1 {margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px;} #wetter p {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 14px;} #flash {position: absolute; top: 112px; left: 30px;} #navigation {font-size: 12px; position: absolute; left: 29px; top: 344px; z-index: 7; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} #navigation li {width: 137px; float: left; position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url(/images/design/bg-navigation.gif) no-repeat 0px 0px;} #navigation li a {display: block; min-height: 39px; _height: 39px; line-height: 39px; padding: 0px 0px 0px 0px; text-align: center; color: #593300; font-weight: bold;} #navigation li a:hover { color: #593300; } #navigation li.aktiv a, #navigation a:hover {background: url(/images/design/bg-navigation-2.gif) no-repeat 0px 0px;} #navigation ul {display: none; list-style-type: none; margin: 0px 0px 0px 0px; padding: 8px 0px 8px 0px; position: absolute; left: 0px; bottom: 42px; min-width: 134px; _width: 134px; border: 1px solid #603C0B; background: #EDE1AF;} #navigation ul li {background: url(/images/design/bg-navigation-linie.gif) repeat-x left top; float: none; margin: 0px 8px 0px 8px; padding: 2px 0px 2px 0px; font-size: 11px;} #navigation ul li a {float: none; min-height: 15px; _height: 15px; line-height: 15px; padding: 0px 0px 0px 4px; background: none !important; font-weight: normal; text-align: left;} #navigation ul li a:hover {font-weight: bold;} #navigation ul li.aktiv {font-weight: bold !important;} #navigation ul li.erstes {background: none !important;} /* Links _________________________________________________________*/ #menu {font-size: 11px; margin: 60px 0px 0px 50px; padding: 0px 0px 0px 0px;} #menu h1 {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px; background: url(/images/design/bg-h1-links.gif) no-repeat 0px 0px; font-size: 12px; color: #593300; height: 30px; line-height: 30px;} #menu ul {list-style-type: none; margin: 0px 0px 0px 0px; padding: 8px 0px 8px 0px; border-left: 1px solid #603C0B; border-right: 1px solid #603C0B; border-bottom: 1px solid #603C0B; background: #EDE1AF;} #menu li { margin: 0px 4px 0px 4px; padding: 2px 0px 2px 0px; background: url(/images/design/bg-navigation-linie.gif) repeat-x left top;} #menu a {color: #593300; display: block; padding: 0px 0px 0px 6px;} #menu a:hover {font-weight: bold;} #menu .aktiv {font-weight: bold;} #menu li.erstes {background: none !important;} /* Flash _________________________________________________________*/ /* Inhalt ________________________________________________________*/ #inhalt h1, #inhalt-start h1 {font-size: 14px; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; color: #44755B;} #inhalt h2, #inhalt-start h2 {font-size: 12px; margin: 0px 0px 6px 0px; padding: 0px 0px 0px 0px; color: #593300;} #inhalt h3, #inhalt-start h3 {font-size: 11px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #44755B; } #inhalt h4, #inhalt-start h4 {font-size: 11px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #inhalt h5, #inhalt-start h5 {font-size: 11px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #inhalt h6, #inhalt-start h6 { font-size: 11px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #inhalt p, #inhalt-start p { margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; line-height: 15px;} #inhalt strong, #inhalt-start strong { font-weight: bold;} #inhalt ul, #inhalt-start ul { list-style-type: none; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; } #inhalt ul li, #inhalt-start ul li { background: url(/images/design/bg-content-li.gif) no-repeat 0px 5px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 12px;} #inhalt a, #inhalt-start a {color: #998942; font-weight: bold;} #inhalt a:hover, #inhalt-start a:hover {color: #593300; font-weight: bold;} /* Dynamisch _____________________________________________________*/ .umblattern { float: right; margin: 0px 0px 0px 0px; } .umblattern a, .umblattern span { margin: 0px 2px 0px 2px; color: #000 !important;} .umblattern span { font-weight: bold; color: #44755B !important;} .umblattern a:hover { color: #44755B; } .aufzahlung { margin: 0px 0px 16px 0px; } .liste , .navi, .detail { position: relative; clear: both; width: 100%; } .liste { margin: 0px 0px 18px 0px; background: url(/images/design/bg-navigation-linie.gif) repeat-x left bottom;} .liste a.weiter { position: absolute; right: 0px; bottom: 8px; line-height: 12px;} .liste .datum {font-size: 10px; color: #44755B;} .liste .zeitraum {color: #44755B;} .liste .preis {color: #44755B; margin: 0px 0px 4px 0px;} a.weiter {background: url(/images/design/bg-weiter-1.gif) no-repeat left center; color: #01256F !important; font-size: 10px; padding: 2px 0px 2px 7px; line-height: 12px; font-weight: normal !important; text-transform: uppercase; color: #000;} a.weiter:hover {color: #44755B;} a.weiter span {background: url(/images/design/bg-weiter-2.gif) no-repeat right center; padding: 2px 10px 2px 4px;} a.zuruck {background: url(/images/design/bg-weiter-1.gif) no-repeat left center; color: #01256F !important; font-size: 10px; padding: 2px 0px 2px 7px; line-height: 12px; font-weight: normal !important; text-transform: uppercase; color: #000;} a.zuruck:hover {color: #44755B;} a.zuruck span {background: url(/images/design/bg-weiter-2.gif) no-repeat right center; padding: 2px 10px 2px 4px;} .liste , .navi { position: relative; clear: both; width: 100%; } .navi { height: 16px; margin: 0px 0px 16px 0px;} .navi a.weiter { position: absolute; right: 0px; top: -3px; } .navi a.zuruck { position: absolute; left: 0px; top: -3px; } /* Angebote ______________________________________________________*/ .info { margin: 0px 0px 6px 0px; padding: 0px 0px 6px 0px; background: url(/images/design/bg-navigation-linie.gif) repeat-x left bottom;} .info .zeitraum {color: #44755B; } .info .preis {color: #44755B;} .info .angebot {font-size: 14px; margin: 0px 0px 4px 0px; padding: 0px 0px 0px 0px; color: #44755B;} .box {margin: 0px 0px 24px 0px; padding: 6px 0px 0px 0px; background: url(/images/design/bg-navigation-linie.gif) repeat-x left top;} .box b {color: #44755B;} /* Bilder & Fotogalerie __________________________________________*/ .bilderrahmen {background: url(/images/design/bg-navigation-linie.gif) repeat-x left top; margin: 0px 0px 20px 0px;} .bilder { overflow: hidden; padding: 5px 0px; white-space: nowrap; width: 100%; background: url(/images/design/bg-navigation-linie.gif) repeat-x left bottom;} .bilder img { margin: 0px 0px 0px 5px; border: 2px solid #DFCF90;} .fotogalerierahmen {background: url(/images/design/bg-navigation-linie.gif) repeat-x left top; margin: 20px 0px 20px 0px;} .fotogalerie { overflow: hidden; padding: 8px 0px 2px 0px; white-space: nowrap; width: 100%; background: url(/images/design/bg-navigation-linie.gif) repeat-x left bottom;} .fotogalerie img { margin: 0px 0px 5px 5px; border: 2px solid #DFCF90;} .navipopup { position: relative; clear: both; height: 16px; margin: 0px 0px 16px 0px; } .navipopup a.weiter { position: absolute; right: 30px; top: -3px; } .navipopup a.zuruck { position: absolute; left: 30px; top: -3px; } /* Rechts ________________________________________________________*/ a.m-weiter {background: url(/images/design/bg-weiter-1-m.gif) no-repeat left center; color: #01256F; font-size: 10px; padding: 2px 0px 2px 7px; line-height: 17px; font-weight: normal !important; text-transform: uppercase; color: #000;} a.m-weiter:hover {color: #fff;} a.m-weiter span {background: url(/images/design/bg-weiter-2-m.gif) no-repeat right center; padding: 2px 10px 2px 4px;} #m-angebot {text-align: center; position: relative; width: 178px; margin: 15px 30px 34px 20px;} #m-angebot h1 {margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; overflow: hidden; text-indent: -1000px;} #m-angebot h2 {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 11px; line-height: 14px;} #m-angebot p {margin: 6px 0px 6px 0px; padding: 0px 0px 0px 0px; font-size: 11px; line-height: 14px;} #m-angebot strong {color: #8D5F2D; font-weight: bold; font-size: 12px;} #m-angebot div.bildrahmen { position: relative; left: 0px; top: 0px; width: 178px; height: 150px; padding: 0px 0px 0px 0px; overflow: hidden; } #m-angebot div.bildrahmen div.bildflache { position: relative; left: 0px; top: 0px; width: 3000px; height: 150px; } #m-angebot div.bildrahmen div.bildflache div.angebote { color: #000000; float: left; width: 178px; height: 150px; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #m-angebot a.galleryzuruckstartseite { position: absolute; left: -10px; top: 30px; } #m-angebot a.galleryweiterstartseite { position: absolute; right: -10px; top: 30px; } #m-anfrage {margin: 15px 30px 34px 30px;} #m-anfrage h1 {margin: 0px 0px 0px 0px; padding: 0px 0px 20px 0px; overflow: hidden; text-indent: -1000px;} #m-anfrage p {margin: 6px 0px 6px 0px; padding: 0px 0px 0px 0px; font-size: 11px; line-height: 14px;} #m-anfrage select {font-size: 10px;} #m-anfrage { text-align: lrft; } #m-anfrage #zimmersuche { margin: 0px 0px 0px 0px; } #m-anfrage select.input_long { width: 158px; } #m-anfrage select.input_small { width: 50px; } #m-anfrage #bp_from_day, #m-anfrage #bp_from_month, #m-anfrage #bp_to_day, #m-anfrage #bp_to_month { width: 45px; } #m-anfrage #bp_from_year, #m-anfrage #bp_to_year { width: 60px; } #m-ihrurlaub { height: 120px; margin: 15px 30px 34px 20px; background: url(/images/design/bg-ihrurlaub.jpg) no-repeat 77px 18px;} #m-ihrurlaub h1 {margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; overflow: hidden; text-indent: -1000px;} #m-ihrurlaub ul {margin: 0px 0px 0px 0px; padding: 8px 0px 12px 0px; list-style-type: none; text-align: center; width: 80px;} #m-ihrurlaub li {line-height: 18px;} #m-ihrurlaub a {text-decoration: underline; color: #000;} #m-ihrurlaub a:hover {color: #44755B;} #m-bilderbuch { height: 120px; margin: 15px 30px 34px 20px; } /* Navigation ____________________________________________________*/ /* Unten _________________________________________________________*/ #unten table {position: absolute; top: 16px; left: 40px;} #unten td {font-size: 10px; color: #625F55; line-height: 12px; padding: 0px 40px 0px 0px;} #unten p {position: absolute; top: 106px; left: 0px; font-size: 10px; display: block; text-align: center; width: 881px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #625F55;} #unten a {color: #625F55;} #unten a:hover {color: #44755B;} /* Anfrageformular _______________________________________________*/ .formular { border: 0px; margin: 0px 0px 16px 0px; } .formular col { width: 160px; } .formular th { color: #000000; font-size: 11px; text-align: left; } .formular td { color: #000000; font-size: 11px; padding: 3px 0px; vertical-align: middle; } .formular select { border: 1px solid #000000; font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 11px; } .formular .eingabe { border: 1px solid #E8CC9D; color: #888888; font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 11px; padding: 1px 3px; } .formular .standard { height: 18px; width: 220px; } .formular .code { height: 18px; width: 40px; } .formular .plz { height: 18px; width: 65px; margin-right: 5px; } .formular .ort { height: 18px; width: 150px; } .formular .mitteilung { height: 60px; width: 220px; } .formular .oben { padding: 3px 0px 0px 0px; vertical-align: top; } .formular a.senden { background: url(/images/design/bg-formular.gif) repeat-x 0px 0px #FFFFFF; color: #FFFFFF; border: solid 1px #D7D4CE; font-weight: bold; padding: 3px 10px 3px 9px; } .formular a.senden:hover { color: #FFFFFF; } form { margin: 0px 0px 16px 0px; } form .label { float: left; display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } form .input { float: left; display: inline; height: 16px; line-height: 14px; color: #888888; border: 1px solid #7F9DB9; margin: 0px 0px 4px 0px; padding: 2px 0px 0px 3px; } form .select { float: left; display: inline; height: 16px; line-height: 14px; color: #343434; border: 1px solid #7F9DB9; margin: 0px 0px 4px 0px; padding: 2px 0px 0px 0px; } form .textarea { float: left; display: inline; height: 60px; color: #888888; border: 1px solid #7F9DB9; margin: 0px 0px 4px 0px; padding: 0px 0px 0px 3px; } form .checkbox { float: left; display: inline; margin: 0px 0px 4px 0px; padding: 0px 0px 0px 0px; } form .radio { float: left; display: inline; margin: 0px 0px 4px 0px; padding: 0px 0px 0px 0px; } form .file { float: left; display: inline; height: 19px; margin: 0px 0px 4px 0px; padding: 0px 0px 0px 3px; } form .aktiv { color: #343434; border: 1px solid #7F9DB9; } form .fehler { color: #FF0000; border: 1px solid #FF0000; } form p.fehler { color: #FF0000; border: 0px; margin: 4px 0px 10px 0px; padding: 0px 0px 0px 0px; } form .fehlermeldung { color: #FF0000; border: 0px; } form .hidden { display: none !important; } form label.pflichtfeld { font-weight: bold; } form label.space { height: 18px; } form .colum1 { width: 150px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; float: left; display: inline; } form label.standard { width: auto; } form label.plz { margin: 0px 0px 0px 0px; } form label.ort { margin: 0px 0px 0px 4px; } form label.checkbox { margin: -2px 0px 8px 4px; width: auto; line-height: 14px; } form label.radio { margin: 0px 0px 0px 4px; line-height: 14px; } form input.standard { width: 217px; } form input.plz { width: 62px; margin: 0px 5px 0px 0px; } form input.ort { width: 145px; } form label.datumday { display: none; } form label.datummonth { display: none; } form label.datumyear { display: none; } form select.standard { width: 220px; } form select.anrede { width: 220px; } form select.datumday { width: 50px; margin: 0px 5px 4px 0px; } form select.datummonth { width: 100px; margin: 0px 5px 4px 0px; } form select.datumyear { width: 56px; margin: 0px 5px 4px 0px; } form textarea.standard { width: 217px; } form .senden { margin: 0px 48px 0px 0px; background: #F9AC2A; color: #FDFFFE; width: 84px; height: 19px; line-height: 19px; float: right; display: inline; text-align: center; } form .senden:hover { color: #343434; } form input.senden { width: 90px; height: 24px; line-height: 16px; } /* Wetter ________________________________________________________*/ .wetter h3 { font-size: 11px; margin: 0px 0px 3px 0px; } .wetter img { display: block; margin: 0 auto; } .wetter p { margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; } .wetter span { } .wetter .heute, .wetter .morgen { clear: both; display: inline; float: left; margin: 0px 10px 13px 7px; text-align: center; width: 110px; } .wetter .vorhersage { float: left; text-align: center; width: 25%; padding: 0px 0px 10px 0px; } .wetter .blau, #wetter .blau { color: #0055CC; } .wetter .rot, #wetter .rot { color: #BB2200; } /* GoogleAnreise _________________________________________________________ */ div.map { width: 400px; height: 300px; margin: 0px 0px 20px 0px; } div.directions { width: 400px; display: none; margin: 30px 0px 0px 0px; } div.directions a { color: #000000; } div.directions div { color: #000000; } /* Sonstiges ______________________________________________________*/ img.links { float: left; margin: 5px 10px 10px 0px; border: 2px solid #DFCF90; } img.rechts { float: right; margin: 5px 0px 15px 15px; border: 2px solid #DFCF90; } p.rechts, .textrechts { text-align: right; } p.mitte, .textmitte { text-align: center; } .clearit { clear: both; height: 1px; line-height: 1px; overflow: hidden; } #sitemap li { background: none !important;} #sitemap ul li { background: url(/images/design/bg-content-li.gif) no-repeat 0px 5px !important; } .preisliste {width: 390px; margin: 18px 0px 20px 0px;} .preisliste th {background: url(/images/design/bg-navigation-linie.gif) repeat-x left bottom; text-align: left; color: #593300; padding: 0px 0px 4px 0px;} .preisliste td {padding: 3px 0px 3px 0px; background: url(/images/design/bg-navigation-linie.gif) repeat-x left bottom;} .startseite-box {width: 566px; margin: 40px 0px 0px 0px;} .startseite-box td {vertical-align: top;} .startseite-box-detail {margin: 2px 0px 0px 0px; clear: both; background: url(/images/design/bg-navigation-linie.gif) repeat-x left top; padding: 0px 0px 0px 0px; position: relative;} .startseite-box-detail td {padding: 8px 0px 0px 0px;} .startseite-box-detail .zeitraum {color: #44755B;} .startseite-box-detail .preis {color: #44755B; margin: 0px 0px 4px 0px;} input.input, input.file, select.select, textarea.textarea { behavior: url(/default/htc/boxsizing.htc); box-sizing: content-box; -moz-box-sizing: content-box; } br.clear { clear: both; line-height: 0px; font-size: 0px; height: 0px; } div.clear { clear: both; line-height: 0px; font-size: 0px; margin: 0px 0px -1px 0px; height: 1px; overflow: hidden; } /* ___________________________________________________________ Ende*/