/* Inhalt ________________________________________________________________ */ div.inhalt div.intro { margin: 0px 0px 16px 0px; } div.inhalt div.liste { margin: 0px 0px 16px 0px; position: relative; } div.inhalt div.liste h2 { font-size: 24px; font-weight: normal; margin: 0px 0px 19px 0px; } div.inhalt div.liste h2.angebote a { color: #004D83; } div.inhalt div.liste h2.angebote { color: #004D83; } div.inhalt div.liste div.zeitraum b { color: #004D83; } div.inhalt div.liste div.vorspanndetail { float: left; display: inline; width: 495px; } div.inhalt div.liste div.editboxdetail { float: left; display: inline; width: 495px; } div.inhalt div.liste div.wide { width: 660px; } div.inhalt div.liste div.wider { width: 660px; } div.inhalt div.liste a.buttonbraun { float: right; } div.inhalt div.liste a.nur1element { float: left; margin: 0px 0px 0px 20px; } div.inhalt div.liste div.zimmerbilderaussen { float: left; display: inline; width: 660px; margin: 0px 0px 0px 0px; } div.inhalt div.liste div.zimmerbilder { float: left; display: inline; width: 492px; margin: 31px 0px 21px 71px; } div.inhalt div.liste div.zimmerbilder img.linilinks { float: left; display: inline; margin: 20px 13px 0px 13px; } div.inhalt div.liste div.zimmerbilder img.erstes { float: left; display: inline; margin: 20px 17px 0px 0px; } div.inhalt div.liste div.zimmerbilder img.letztes { float: left; display: inline; margin: 20px 0px 0px 17px; } div.inhalt div.liste div.zimmerbilder div.zimmerbild { float: left; display: inline; width: 132px; border: solid 1px #5c483a; margin: 0px 0px 0px 0px; } div.inhalt div.liste div.zimmerbilder div.zimmerbild a img { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.inhalt div.liste div.buttonzimmer { float: right; display: inline; margin: 0px 115px 0px 0px; } div.inhalt div.liste div.buttonzimmer a.buttonbraun { float: right; display: inline; margin: 0px 0px 0px 22px; } div.inhalt div.listelinie { clear: both; height: 1px; background-color: #ccbb9a; line-height: 1px; font-size: 1px; width: 563px; margin: 0px 0px 21px 43px; } div.inhalt div.detail { margin: 0px 0px 16px 0px; position: relative; } div.inhalt div.detail a.onlinebuchen { float: left; display: inline; margin: 27px 0px 0px 0px; } div.inhalt div.detail div.bilddetail { float: left; display: inline; width: 252px; border: solid 1px #5C483A; margin: 0px 15px 15px 0px; } div.inhalt div.detail div.zeitraum { font-size: 18px; color: #004D83; margin: 0px 0px 13px 0px; } div.inhalt div.detail div.preis { font-size: 24px; color: #5C483A; margin: 0px 0px 45px 0px; } div.inhalt div.detail div.detailbox { width: 658px; height: 165px; position: relative; border: solid 1px #DFC895; margin: 30px 0px 30px 0px; } div.inhalt div.detail div.detailbox span.head { float: left; display: inline; font-size: 18px; color: #5C483A; margin: 16px 0px 0px 17px; } div.inhalt div.detail div.detailbox div.anfragen { float: left; display: inline; width: 189px; margin: 10px 29px 0px 18px; } div.inhalt div.detail div.detailbox div.anfragen a span { float: left; display: inline; cursor: pointer; width: 145px; font-size: 12px; line-height: 19px; color: #5C483A; margin: 10px 0px 0px 3px; } div.inhalt div.detail div.detailbox div.anfragen a.button { float: right; display: inline; cursor: pointer; width: 31px; margin: 26px 0px 0px 0px; } div.inhalt div.detail div.detailbox div.mail { float: left; display: inline; width: 189px; margin: 10px 29px 0px 0px; } div.inhalt div.detail div.detailbox div.mail a span { float: left; display: inline; cursor: pointer; width: 150px; font-size: 12px; line-height: 19px; color: #5C483A; margin: 10px 0px 0px 3px; } div.inhalt div.detail div.detailbox div.mail a.button { float: right; display: inline; cursor: pointer; width: 31px; margin: 26px 0px 0px 0px; } div.inhalt div.detail div.detailbox div.telefon { float: left; display: inline; width: 189px; margin: 10px 0px 0px 0px; } div.inhalt div.detail div.detailbox div.telefon span { float: left; display: inline; width: 175px; font-size: 12px; line-height: 19px; color: #5C483A; margin: 10px 0px 0px 3px; } div.inhalt div.listedetail { } div.inhalt div.bycode { } div.inhalt div.bycode div.bilder { float: left; display: inline; width: 587px; height: 328px; overflow: hidden; margin: 15px 0px 0px 26px; } div.inhalt div.bycode div.bilder div.bildlinks { float: left; display: inline; width: 435px; height: 326px; overflow: hidden; border: solid 1px #5c483a; margin: 0px 0px 0px 0px; } div.inhalt div.bycode div.bilder div.bildrechts { float: right; display: inline; width: 132px; height: 98px; overflow: hidden; border: solid 1px #5c483a; margin: 0px 0px 14px 0px; } div.inhalt ul.downlinks { } div.inhalt div.vorspann { margin: 0px 0px 16px 0px; } div.inhalt div.editbox { margin: 0px 0px 0px 0px; } div.inhalt div.bildpreise { float: left; display: inline; } div.inhalt div.bildpreise img.imgpreise { margin: 0px 10px 0px 0px; } a.buttonblau { color: #FFFFFF; cursor: pointer; line-height: 22px; } a.buttonblau span.links { float: left; display: inline; background: url(/images/design/buttonanfang-blau.png) no-repeat 0px 0px; width: 5px; height: 22px; } a.buttonblau span.mitte { float: left; display: inline; background: url(/images/design/button-blau.png) repeat-x 0px 0px; height: 22px; padding: 0px 9px 0px 8px; } a.buttonblau span.rechts { float: left; display: inline; background: url(/images/design/buttonende-blau.png) no-repeat 0px 0px; width: 4px; height: 22px; } a.buttonbraun { color: #FFFFFF; cursor: pointer; line-height: 22px; } a.buttonbraun span.links { float: left; display: inline; background: url(/images/design/buttonanfang-braun.png) no-repeat 0px 0px; width: 5px; height: 22px; } a.buttonbraun span.mitte { float: left; display: inline; background: url(/images/design/button-braun.png) repeat-x 0px 0px; height: 22px; padding: 0px 9px 0px 8px; } a.buttonbraun span.rechts { float: left; display: inline; background: url(/images/design/buttonende-braun.png) no-repeat 0px 0px; width: 4px; height: 22px; } div.preise { float: left; display: inline; width: 492px; margin: 20px 0px 20px 70px; } div.preise table { float: left; display: inline; width: 492px; margin: 17px 0px 17px 0px; } div.preise table th { /*float: left; display: inline;*/ text-align: left; border-right: solid 1px #DFC895; /*width: 72px;*/ color: #004D83; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 5px; } div.preise table td { /*float: left; display: inline;*/ text-align: left; border-right: solid 1px #DFC895; width: 72px; border-top: solid 1px #DFC895; } div.preise table th.mittemono { width: 144px; } div.preise table td.mittemono { width: 144px; } div.preise table th.letztesmono { width: 144px; } div.preise table td.letztesmono { width: 144px; } div.preise table th.erste { text-align: left; width: 120px; border-right: solid 0px #DFC895; } div.preise table td.erste { text-align: left; width: 120px; border-right: solid 0px #DFC895; } div.preise table th.letztes { text-align: center; /*width: 72px;*/ border-right: solid 0px #DFC895; } div.preise table td.letztes { text-align: center; width: 72px; border-right: solid 0px #DFC895; } div.preise table th.erstesommer { width: 325px; text-align: left; } div.preise table td.erstesommer { width: 325px; text-align: left; } div.preise table th.letztessommer { width: 93px; text-align: center; } div.preise table td.letztessommer { width: 120px; text-align: center; } div.box { float: left; display: inline; width: 533px; margin: 32px 0px 0px 52px; } div.box div.boxinhalt { float: left; display: inline; width: 300px; margin: 0px 0px 0px 17px; } div.box div.boxinhalt h2 { font-size: 18px; color: #bcab8d; font-weight: normal; margin: 0px 0px 7px 0px; } div.box div.boxinhalt ul { float: left; display: inline; width: 300px; margin: 9px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.box div.boxinhalt ul li { float: left; display: inline; width: 274px; background: url(/images/design/bg-li.png) no-repeat left 6px; margin: 0px 0px 7px 0px; padding: 0px 0px 0px 26px; } div.box div.boxbilder { float: right; display: inline; width: 192px; overflow: hidden; margin: 7px 0px 0px 0px; } div.box div.boxbilder div.bilderrahmen { float: left; display: inline; width: 200%; } div.box div.boxbilder div.bilderrahmen div.boxbild { float: left; display: inline; width: 85px; border: solid 1px #cbb688; margin: 0px 19px 18px 0px; } div.box a.buttonbraun { float: left; display: inline; margin: 0px 0px 28px 44px; } div.box div.linie { float: left; display: inline; width: 563px; height: 1px; font-size: 1px; line-height: 1px; background-color: #ccbb9a; } div.teaser { float: left; display: inline; width: 548px; height: 386px; overflow: hidden; margin: 57px 0px 0px 61px; } div.teaser div.teaserdetail { float: left; display: inline; width: 253px; height: 386px; margin: 0px 0px 0px 42px; } div.teaser div.erstes { margin: 0px 0px 0px 0px; } div.teaser div.teaserdetail div.teaserinnen { float: left; display: inline; width: 251px; _width: 253px; height: 377px; background-color: #dfc895; border-right: solid 1px #bda37c; border-left: solid 1px #bda37c; } div.teaser div.teaserdetail div.teaserinnen div.teaserbild { float: left; display: inline; width: 192px; height: 144px; overflow: hidden; border: solid 1px #c9b486; margin: 23px 0px 5px 29px; } div.teaser div.teaserdetail div.teaserinnen h2 { float: left; display: inline; font-size: 18px; margin: 19px 0px 0px 30px; } div.teaser div.teaserdetail div.teaserinnen div.editbox { float: left; display: inline; width: 195px; margin: 9px 0px 0px 30px; } div.teaser div.teaserdetail div.teaserinnen div.editbox a { color: #5C483A; } div.teaser div.teaserdetail div.teaserinnen a.buttonbraun { float: right; display: inline; margin: 22px 19px 0px 30px; } div.teaserzimmer { float: left; display: inline; width: 660px; margin: 35px 0px 0px 0px; } div.teaserzimmer div.teaserdetail { float: left; display: inline; width: 207px; margin: 0px 19px 0px 0px; } div.teaserzimmer div.letztes { margin: 0px 0px 0px 0px; } div.teaserzimmer div.teaserdetail div.teaserinnen { float: left; display: inline; width: 205px; _width: 207px; height: 350px; position: relative; background-color: #dfc895; border-right: solid 1px #bda37c; border-left: solid 1px #bda37c; } div.teaserzimmer div.teaserdetail div.teaserinnen div.teaserbild { float: left; display: inline; width: 168px; height: 126; overflow: hidden; border: solid 1px #c9b486; margin: 13px 0px 5px 15px; } div.teaserzimmer div.teaserdetail div.teaserinnen h2 { float: left; display: inline; font-size: 18px; margin: 19px 0px 0px 17px; } div.teaserzimmer div.teaserdetail div.teaserinnen div.editbox { float: left; display: inline; width: 168px; margin: 9px 0px 0px 17px; } div.teaserzimmer div.teaserdetail div.teaserinnen div.editbox a { color: #5C483A; } div.teaserzimmer div.teaserdetail div.teaserinnen a.buttonbraun { clear: both; position: absolute; right: 17px; bottom: 18px; } /* Dynamisch _____________________________________________________________ */ div.inhalt div.umblattern { float: right; display: inline; } div.inhalt div.umblattern a { float: left; display: inline; margin: 0px 2px 0px 2px; } div.inhalt div.umblattern a.zahl { margin: 0px 2px 0px 2px; } div.inhalt div.umblattern span { float: left; display: inline; font-weight: bold; margin: 0px 2px 0px 2px; } div.inhalt div.umblattern a img { border: 0px; margin: 7px 0px 0px 0px; } div.inhalt div.umblattern a:hover { } div.inhalt div.aufzahlung { margin: 0px 0px 16px 0px; } div.inhalt div.downloads { } div.inhalt div.downloads span { } /* Bilder & Fotogalerie __________________________________________________ */ div.inhalt div.fotogalerie { overflow: hidden; padding: 0px 0px 0px 0px; width: 100%; } div.inhalt div.fotogalerie div.fotocontainer { width: 200%; margin: 40px 0px 20px 56px; } div.inhalt div.fotogalerie div.img { display: inline; float: left; display: inline; border: solid 1px #c9b486; margin: 0px 4px 4px 0px; padding: 0px 0px 0px 0px; } div.inhalt div.fotogalerie img { margin: 0px 0px 0px 0px; vertical-align: top; } div.imglinks { display: inline; float: left; width: 132px; border: solid 1px #5c483a; margin: 0px 30px 10px 0px; } div.imgrechts { display: inline; float: right; margin: 0px 0px 15px 15px; } /* Wetter ________________________________________________________________ */ div.wetter h3 { font-size: 11px; margin: 0px 0px 3px 0px; } div.wetter img { display: block; margin: 0 auto; } div.wetter p { margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; } div.wetter span { } div.wetter .heute, div.wetter .morgen { clear: both; display: inline; float: left; margin: 0px 10px 13px 7px; text-align: center; width: 110px; } div.wetter .vorhersage { float: left; text-align: center; width: 33%; padding: 0px 0px 10px 0px; } div.wetter .blau { color: #0055CC; } div.wetter .rot { color: #BB2200; } /* Google Anreise ________________________________________________________ */ div.map { width: 100%; height: 250px; margin: 0px 0px 20px 0px; } div.directions { width: 100%; display: none; margin: 30px 0px 0px 0px; } div.directions a { color: #000000; } div.directions div { color: #000000; } /* Anfrageformular _______________________________________________________ */ form { margin: 0px 0px 0px 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 .file { float: left; display: inline; height: 19px; 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 .aktiv { color: #343434; border: 1px solid #7F9DB9; } form .fehler { color: #FF0000; border: 1px solid #FF0000; } form div.fehler { color: #FF0000; border: 0px; margin: 4px 0px 10px 0px; padding: 0px 0px 0px 0px; } form label.fehler { color: #FF0000; border: 0px; } form .hidden { display: none !important; } form label.pflichtfeld { font-weight: bold; } form label.space { height: 18px; } form label.noborder { border: 0px; } form .colum1 { width: 200px; margin: 0px 10px 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; } form label.radio { margin: 0px 0px 0px 4px; } form label.datumday { display: none; } form label.datummonth { display: none; } form label.datumyear { display: none; } form input.standard { width: 217px; } form input.plz { width: 62px; margin: 0px 5px 0px 0px; } form input.ort { width: 145px; } form input.checkbox { width: 14px; height: 14px; margin: 0px 0px 0px 0px; } form input.radio { width: 14px; height: 14px; margin: 0px 0px 0px 0px; } form select.standard { 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 228px 0px 0px; float: right; display: inline; } form .senden:hover { } form input.senden { } /* Weiterempfehlen _______________________________________________________ */ form label.nolabel { display: none; } form div.nodiv { display: none; } form input.kurz { width: 100px; height: 23px; font-size: 14px; line-height: 17px; margin: 0px 0px 0px 8px; padding: 7px 0px 0px 3px; text-transform: uppercase; } form div.captcha { border: solid 1px #888888; float: left; display: inline; } /* Sonstiges _____________________________________________________________ */ 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 0px 0px; height: 0px; overflow: hidden; } div.abstandliste { clear: both; line-height: 0px; font-size: 0px; margin: 0px 0px 0px 0px; height: 44px; overflow: hidden; } img.links { float: left; margin: 5px 10px 10px 0px; } img.rechts { float: right; margin: 5px 0px 15px 15px; } img.impressum { clear: both; float: right; margin: 0px 0px 10px 10px; } img.skizze { float: left; display: inline; margin: -30px 0px 44px 0px; } ol.legende { float: left; display: inline; width: 100%; margin: 0px 0px 44px 0px; padding: 0px 0px 0px 0px; } ol.legende li { float: left; display: inline; width: 50%; } ul.sitemap { } div.inhalt ul.sitemap li { padding: 0px 0px 0px 20px; } ul.sitemap li ul li { padding: 0px 0px 0px 20px; } ul.sitemap li a { color: #5C483A; } p.abstand { margin: 0px 0px 16px 0px; } div.downloads { float: left; display: inline; clear: both; margin: 20px 0px 0px 0px; } div.downloads ul { float: left; display: inline; width: 660px; } div.downloads ul li { float: left; display: inline; width: 600px; } div.film { padding: 20px 0px 0px 0px; } /* __________________________________________________________________ Ende */