/* Inhalt ________________________________________________________________ */ div.inhalt div.liste { clear: both; margin: 0px 0px 16px 0px; position: relative; width: 100%; } div.inhalt div.liste .navi { clear: both; height: 16px; position: relative; width: 100%; } div.inhalt div.liste .datum { } div.inhalt div.liste .zeitraum { } div.inhalt div.liste .preis { } div.inhalt div.liste a.weiter { } div.inhalt div.liste a.weiter:hover { } div.inhalt div.detail { clear: both; margin: 0px 0px 16px 0px; position: relative; width: 100%; } div.inhalt div.detail .navi { clear: both; height: 16px; position: relative; width: 100%; } div.inhalt div.detail a.weiter { } div.inhalt div.detail a.weiter:hover { } div.inhalt div.detail a.zuruck { } div.inhalt div.detail a.zuruck:hover { } div.inhalt div.listedetail { border-top: solid 1px #E1E1E1; margin: 14px 0px 0px 0px; padding: 20px 0px 0px 0px; } div.inhalt div.listedetail div.imglinks { margin: 0px 10px 0px 0px; } div.inhalt div.listedetail a.btn { float: right; margin: 12px 0px 0px 0px; } div.inhalt div.listedetailerstes { border: 0px; } div.inhalt div.downlinks { } div.inhalt div.landingpage { margin: 0px 0px 8px 0px; } div.inhalt div.landingpage h2 { margin: 40px 0px 4px 20px; } div.inhalt div.landingpage div.gallerytext { margin: 10px 0px 0px 18px; } div.inhalt div.landingpage a.btn { float: right; margin: 0px 32px 24px 0px; } div.inhalt div.landinggallery { width: 488px; height: 120px; position: relative; } div.inhalt div.landinggallery a.prev { background: url(/images/design/bg-gallery-prev.png) no-repeat 0px 0px; position: absolute; left: 0px; top: 44px; width: 16px; height: 39px; } div.inhalt div.landinggallery a.next { background: url(/images/design/bg-gallery-next.png) no-repeat 0px 0px; position: absolute; right: 0px; top: 44px; width: 16px; height: 39px; } div.inhalt div.landinggallery div.bildrahmen { position: absolute; left: 16px; top: 0px; width: 456px; height: 120px; overflow: hidden; } div.inhalt div.landinggallery div.bildflache { position: relative; left: 0px; top: 0px; width: 2432px; height: 120px; } div.inhalt div.landinggallery div.bildflache div.pictures { float: left; display: inline; margin: 0px 0px 0px 0px; width: 152px; height: 120px; overflow: hidden; } div.inhalt div.landinggallery div.bildflache div.pictures div.pic { position: relative; width: 152px; height: 120px; overflow: hidden; } div.inhalt div.landinggallery div.bildflache div.scrollimg { float: left; display: inline; margin: 8px 0px 0px 7px; height: 100px; overflow: hidden; } div.inhalt div.landinggallery div.bildflache div.overlay { background: url(/images/design/gallery-overlay.png) no-repeat 0px 0px; position: absolute; left: 0px; top: 0px; width: 152px; height: 120px; } div.inhalt div.bycode div.bilderbox { margin: 40px 0px 16px 0px; width: 478px; height: 262px; position: relative; } div.inhalt div.bycode div.bilderbox div.bild1 { position: absolute; left: 0px; top: 0px; } div.inhalt div.bycode div.bilderbox div.bild2 { position: absolute; right: 0px; top: 0px; } div.inhalt div.bycode div.bilderbox div.bild3 { position: absolute; right: 0px; top: 92px; } div.inhalt div.bycode div.bilderbox div.bild4 { position: absolute; right: 0px; top: 184px; } div.inhalt div.bycode a.btn { float: left; margin: 16px 0px 16px 0px; } div.inhalt ul.sitemap { margin: 0px 0px 0px 0px; } div.inhalt ul.sitemap li { margin: 0px 0px 0px 0px; } div.inhalt div.videoplayer { margin: 0px 0px 32px 0px; position: relative; width: 492px; height: 360px; overflow: hidden; } div.inhalt div.videoplayer div.innen { position: absolute; left: -220px; top: 0px; } /* 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; } /* Angebote ______________________________________________________________ */ div.inhalt div.angebote { background: url(/images/design/bg-angebote.png) no-repeat 0px 0px; float: left; display: inline; margin: 12px 0px 12px 0px; width: 234px; height: 358px; position: relative; } div.inhalt div.angeboterechts { float: right !important; } div.inhalt div.angebote a.imgangebot { display: block; margin: 23px 0px 26px 14px; height: 152px; overflow: hidden; } div.inhalt div.angebote h2 { margin: 0px 0px 14px 14px; } div.inhalt div.angebote h2:hover { color: #000000; } div.inhalt div.angebote div.zeitraum { float: left; display: inline; margin: 0px 0px 0px 14px; } div.inhalt div.angebote div.preis { float: right; display: inline; margin: 0px 22px 0px 0px; } div.inhalt div.angebote div.angebotetext { margin: 0px 0px 18px 14px; width: 200px; height: 40px; overflow: hidden; } div.inhalt div.angebote div.teasertext { margin: 0px 0px 18px 14px; width: 200px; } div.inhalt div.angebote a.btn { float: left; margin: 0px 0px 0px 14px; } div.inhalt div.angebote a.btnteaser { float: none; position: absolute; right: 18px; bottom: 20px; } div.inhalt div.angebotedetail { } div.inhalt div.angebotedetail div.angebotetop { position: relative; min-height: 150px; _height: 150px; } div.inhalt div.angebotedetail div.angebotey { background: url(/images/design/bg-angebotebild-y.png) repeat-y 0px 0px; width: 222px; } div.inhalt div.angebotedetail div.angebotetop { background: url(/images/design/bg-angebotebild-top.png) no-repeat 0px 0px; } div.inhalt div.angebotedetail div.angebotebottom { background: url(/images/design/bg-angebotebild-bottom.png) no-repeat left bottom; padding: 9px 0px 13px 9px; } div.inhalt div.angebotedetail div.zeitraum { font-weight: bold; position: absolute; left: 234px; bottom: 8px; font-size: 18px; line-height: 22px; } div.inhalt div.angebotedetail div.zeitraum b { color: #6e0019; } div.inhalt div.angebotedetail div.preis { background: url(/images/design/bg-preise.jpg) no-repeat 0px 0px; color: #FFFFFF; position: absolute; right: 0px; top: 10px; text-align: center; padding: 14px 0px 0px 0px; width: 82px; height: 83px; } div.inhalt div.angebotedetail div.preis b { font-size: 18px; } div.inhalt div.angebotedetail div.angebotetext { margin: 20px 0px 40px 0px; } div.inhalt div.angebotedetail strong.angebot { font-size: 20px; display: block; line-height: 24px; font-weight: normal; margin: 0px 0px 12px 0px; } div.inhalt div.angebotedetail div.angebotebox { background: url(/images/design/bg-angebotebox.png) no-repeat 0px 0px; width: 492px; height: 213px; position: relative; } div.inhalt div.angebotedetail div.angebotebox a { font-weight: normal; } div.inhalt div.angebotedetail div.angebotebox div.buchen { position: absolute; left: 30px; top: 31px; width: 198px; } div.inhalt div.angebotedetail div.angebotebox div.buchen img { float: left; margin: 0px 11px 0px 0px; } div.inhalt div.angebotedetail div.angebotebox div.buchen a.txt { color: #3a3a3a; display: block; margin: 6px 0px 0px 0px; } div.inhalt div.angebotedetail div.angebotebox div.anfrage { position: absolute; left: 253px; top: 31px; width: 198px; } div.inhalt div.angebotedetail div.angebotebox div.anfrage img { float: left; margin: 0px 11px 0px 0px; } div.inhalt div.angebotedetail div.angebotebox div.anfrage a.txt { color: #3a3a3a; display: block; margin: 6px 0px 0px 0px; } div.inhalt div.angebotedetail div.angebotebox div.hotline { position: absolute; left: 30px; top: 135px; width: 198px; } div.inhalt div.angebotedetail div.angebotebox div.hotline img { float: left; margin: 0px 11px 0px 0px; } div.inhalt div.angebotedetail div.angebotebox div.hotline span { display: block; margin: 6px 0px 0px 0px; } div.inhalt div.angebotedetail div.angebotebox div.mail { } div.inhalt div.angebotedetail div.angebotebox div.mail { position: absolute; left: 253px; top: 135px; width: 222px; } div.inhalt div.angebotedetail div.angebotebox div.mail img { float: left; margin: 0px 11px 0px 0px; } div.inhalt div.angebotedetail div.angebotebox div.mail a.txt { color: #3a3a3a; display: block; margin: 6px 0px 0px 0px; } /* Zimmer Preise _________________________________________________________ */ div.inhalt div.zimmerpreise { margin: 40px 0px 0px 0px; } div.inhalt div.zimmerpreisefirst { margin: 20px 0px 0px 0px; } div.inhalt div.katnavi { margin: 0px 0px 40px 0px; } div.inhalt div.katnavi a { float: left; margin: 0px 12px 0px 0px; } div.inhalt div.none { display: none; } div.inhalt a.btnpdf { float: right; margin: 0px 0px 6px 0px; } div.inhalt a.btnpdf2 { float: right; margin: 0px 0px 0px 0px; } div.inhalt div.zimmerpreise a.btn { float: right; margin: 0px 6px 0px 0px; } div.inhalt div.zimmerpreise div.zimmer { margin: 0px 6px 16px 0px; } div.inhalt div.zimmerpreise table { width: 100%; } div.inhalt div.zimmerpreise table th { background-color: #6E0019; color: #FFFFFF; padding: 0px 0px 0px 6px; } div.inhalt div.zimmerpreise table th.zweite { text-align: center; } div.inhalt div.zimmerpreise table td { border-bottom: solid 1px #6e3340; padding: 4px 0px 4px 6px; } div.inhalt div.zimmerpreise table td.zweite { text-align: center; } div.inhalt div.zimmerpreise div.lightboxbilder { display: none; } div.inhalt div.zimmerpreise div.imglinks { margin: 12px 21px 20px 0px; } /* 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: 1px 2px 0px 2px; } div.inhalt div.umblattern span { float: left; display: inline; font-weight: bold; margin: 1px 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 { } div.inhalt div.downloads ul { } div.inhalt div.downloads ul li { } div.inhalt div.downloads ul li a { } /* Google Anreise ________________________________________________________ */ div.map { float: left; display: inline; width: 492px; height: 300px; margin: 20px 0px 20px 0px; } div.directions { width: 492px; display: none; margin: 30px 0px 0px 0px; } div.directions a { color: #000000; } div.directions div { color: #000000; } /* Bilder & Fotogalerie __________________________________________________ */ div.inhalt div.fotogalerie { overflow: hidden; padding: 0px 0px 0px 0px; width: 100%; } div.inhalt div.fotogalerie div.container { width: 200%; } div.inhalt div.fotogalerie div.img { display: inline; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.inhalt div.fotogalerie img { margin: 0px 4px 4px 0px; vertical-align: top; } div.inhalt div.bilder { clear: both; overflow: hidden; padding: 0px 0px 0px 0px; width: 100%; } div.inhalt div.bilder div.createimage { display: inline; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.inhalt div.bilder img { margin: 0px 4px 3px 0px; padding: 0px 0px 0px 0px; vertical-align: top; } div.imglinks { display: inline; float: left; margin: 0px 10px 10px 0px; } div.imglinksintro { display: inline; float: left; border-right: solid 1px #e1e1e1; margin: 16px 20px 10px 0px; padding: 0px 16px 0px 0px; } div.imgrechts { display: inline; float: right; margin: 0px 0px 15px 15px; } div.inhalt div.impressionen { background: url(/images/design/bg-impressionen-y.png) repeat-y 0px 0px; margin: 36px 0px 16px 0px; width: 497px; } div.inhalt div.impressionen div.imptessionentop { background: url(/images/design/bg-impressionen-top.png) no-repeat 0px 0px; } div.inhalt div.impressionen div.imptessionenbottom { background: url(/images/design/bg-impressionen-bottom.png) no-repeat left bottom; } div.inhalt div.impressionen div.impressionenbox { float: left; display: inline; margin: 12px 0px 0px 14px; width: 467px; height: 350px; overflow: hidden; position: relative; } div.inhalt div.impressionen div.impressionenboxinnen { width: 1920px; } div.inhalt div.impressionen div.impressionenboxinnen div.image { float: left; display: inline; margin: 0px 13px 13px 0px; position: relative; width: 467px; height: 350px; overflow: hidden; } div.inhalt div.impressionen div.imagetext { background-color: #FFFFFF; opacity: 0.6; filter: alpha(opacity = 60); padding: 0px 6px 0px 6px; position: absolute; left: 16px; bottom: 16px; } div.inhalt div.impressionen img.klein { float: left; margin: 0px 13px 13px 0px; } div.inhalt div.impressionen div.klein { float: left; display: inline; margin: 25px 0px 45px 14px; } /* Anfrageformular _______________________________________________________ */ 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: 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: 0px 0px 8px 4px; } form label.radio { margin: 0px 0px 0px 4px; } 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 70px 0px 0px; background: #6E0019; color: #FDFFFE; width: 84px; height: 19px; line-height: 19px; float: right; display: inline; text-align: center; } form .senden:hover { } form input.senden { width: 90px; height: 24px; line-height: 16px; } div.newsletterform { margin: 40px 0px 0px 0px; } /* 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; } /* Inline-Api ____________________________________________________________ */ form.otaanfrage h2 { margin: 12px 0px 16px 0px; } form.otaanfrage a.alternativerzeitraum { font-size: 11px; } form.otaanfrage select.zimmertyp { width: 220px; margin: 0px 10px 5px 0px; } form.otaanfrage select.anzahlerwachsenekinder { width: 104px; margin: 0px 10px 4px 0px; } form.otaanfrage select.anzahlerwachsene { width: 102px; margin: 0px 0px 4px 0px; } form.otaanfrage textarea.anfrage { width: 331px; } form.otaanfrage span.button { float: right; display: inline; margin: 0px 24px 0px 0px; } form.otaanfrage .sendenanfrage { color: #FFFFFF; font-weight: normal; float: left; display: inline; border-left: solid 1px #d7d7d7 !important; border-right: solid 1px #d7d7d7 !important; background: url(/images/design/btn-buchen.png) repeat-x 0px 0px; padding: 0px 9px 0px 9px; height: 21px; } div.anfragedanke { width: 540px; } div.anfragedanke div.onlyprint { display: none; border-bottom: solid 1px #C9C0B6; padding: 0px 0px 8px 0px; margin: 0px 0px 20px 0px; } div.anfragedanke div.onlyprint div.address { float: right; display: inline; text-align: right; margin: 0px 0px 0px 0px; } div.anfragedanke div.onlyprint img.logolinks { float: left; display: inline; } div.anfragedanke h2 { background-color: #D4CABF; color: #E28000; font-size: 13px; padding: 4px 8px 4px 8px; margin: 0px 0px 8px 0px; } div.anfragedanke div.colum1 { width: 30%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; float: left; } div.anfragedanke div.colum2 { width: 70%; float: left; display: inline; } div.anfragedanke span.button { float: right; display: inline; margin: 0px 0px 23px 0px; } div.anfragedanke div.zeiledanke { border-top: solid 1px #C9C0B6; margin: 0px 0px 0px 0px; padding: 8px 0px 7px 0px; line-height: 21px; } div.anfragedanke div.zeiledankeohneborder { border-top: 0px; margin: 0px 0px 0px 0px; padding: 8px 0px 7px 0px; line-height: 21px; } div.anfragedanke div.abstand { height: 33px; } /* 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 -1px 0px; height: 1px; 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; } p.rechts, .textrechts { text-align: right; } p.mitte, .textmitte { text-align: center; } span.interaktiv { float: left; display: inline; width: 165px; } span.interaktivletztes { float: left; display: inline; width: 160px; } /* __________________________________________________________________ Ende */