/* Klassen _______________________________________________________________ */ /* Grundeinstellungen ____________________________________________________ */ body, html { height: 100%; } body, table, input, select, textarea { color: #786652; font-family: Arial, Sans-serif; font-size: 16px; line-height: 22px; } body { background: #FFFFFF; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } table { border: 0px; border-collapse: collapse; } table td, form { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } a { color: #AC9D66; cursor: pointer; text-decoration: none; } a:hover { color: #C0B4A6; } img { border: 0px; } p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } /* __________________________________________________________________ Ende */ /* Inhalt ________________________________________________________________ */ div.inhalt div.vorspann { margin: 0px 0px 16px 0px; } div.inhalt div.editbox { margin: 0px 0px 16px 0px; } div.inhalt ul { list-style-type: none; padding: 0px 0px 0px 15px; } div.inhalt ul li { background: url(/images/design/bg-li.png) no-repeat 0px center; padding: 0px 0px 0px 12px; margin: 0px 0px 0px 10px; } div.inhalt div.abstand60 { height: 60px; } /* Filter ________________________________________________________________ */ div.inhalt div.filterbalken { margin: 0px 0px 30px 0px; width: 940px; background-color: #E4E0DC; line-height: 62px; font-size: 15px; overflow: hidden; } div.inhalt div.filterbalken .filter { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } div.inhalt div.filterbalken span.beschreibung { float: left; display: inline; text-transform: uppercase; margin: 0px 60px 0px 19px; } div.inhalt div.filterbalken input.checkbox { float: left; display: inline; margin: 24px 6px 0px 19px; } div.inhalt div.filterbalken span.single { margin: 0px 21px 0px 0px; opacity: 0.8; filter: alpha(opacity = 80); font-family: 'Lovers Quarrel', cursive; float: left; display: inline; color: #E1BC47; font-size: 40px; line-height: 62px; } div.inhalt div.filterbalken span.family { margin: 0px 14px 0px 0px; opacity: 0.8; filter: alpha(opacity = 80); font-family: 'Lovers Quarrel', cursive; float: left; display: inline; color: #70AEA8; font-size: 40px; line-height: 62px; } div.inhalt div.filterbalken span.together { margin: 0px 14px 0px 0px; opacity: 0.8; filter: alpha(opacity = 80); font-family: 'Lovers Quarrel', cursive; float: left; display: inline; color: #B75E55; font-size: 40px; line-height: 62px; } div.inhalt div.filterbalken span.alle { margin: 0px 23px 0px 0px; float: left; display: inline; } div.inhalt div.filterbalken div.checkbox { float: left; display: inline; width: auto; margin: 0px 25px 0px 19px; } div.inhalt div.filterbalken div.checkbox input { float: left; display: inline; margin: 24px 6px 0px 0px; padding: 0px 0px 0px 0px; width: 13px; height: 13px; } div.inhalt div.filterbalken div.checkboxright { float: right; display: inline; margin: 0px 22px 0px 8px; } div.inhalt div.preisefilter { height: 88px; line-height: 44px; } div.inhalt div.preisefilter div.checkbox { margin: 0px 0px 0px 0px; } div.inhalt div.preisefilter div.checkbox0 { width: 130px; } div.inhalt div.preisefilter div.checkbox1 { width: 130px; } div.inhalt div.preisefilter div.checkbox2 { width: 130px; } div.inhalt div.preisefilter div.checkboxen { float: left; display: inline; width: 540px; margin: 0px 0px 0px 19px; } div.inhalt div.preisefilter div.beschreibung { text-indent: 17px; font-family: 'Cabin', sans-serif; float: left; display: inline; height: 88px; width: 167px; color: #786653; font-size: 24px; } div.inhalt div.preisefilter div.checkboxpreise { margin: 4px 0px 0px 0px; } div.inhalt div.preisefilter div.checkboxpreise input { margin: 15px 6px 0px 0px; } div.inhalt div.preisefilter div.checkboxzielgruppen { position: relative; margin: -9px 0px 0px 0px; font-size: 40px; font-family: 'Lovers Quarrel', cursive; line-height: 42px; } div.inhalt div.preisefilter div.checkboxzielgruppen input { margin: 14px 6px 0px 0px; } div.inhalt div.preisefilter select { width: 180px; height: 20px; float: right; display: inline; margin: 16px 15px 0px 8px; font-size: 12px; } /* Dynamisch _____________________________________________________________ */ div.inhalt div.umblattern { float: right; display: inline; margin: 0px 0px 10px 0px; } div.inhalt div.umblattern a { float: left; display: inline; margin: 0px 2px 0px 2px; font-size: 12px; color: #786653; } 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; color: #786653; font-size: 12px; } 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; } /* Bild mit abgerundete Kanten ___________________________________________ */ div.inhalt div.bild { position: relative; } div.inhalt div.bild span.imglinksoben { background: url(/images/design/bg-img-lo.png) no-repeat 0px 0px; float: left; display: inline; width: 7px; height: 7px; font-size: 1px; line-height: 1px; position: relative; z-index: 10; } div.inhalt div.bild span.imgrechtsoben { background: url(/images/design/bg-img-ro.png) no-repeat 0px 0px; float: right; display: inline; width: 7px; height: 7px; font-size: 1px; line-height: 1px; position: relative; z-index: 10; } div.inhalt div.bild div { float: left; display: inline; margin: -7px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.inhalt div.bild div a { text-decoration: none; } div.inhalt div.bild span.imglinksunten { background: url(/images/design/bg-img-lu.png) no-repeat 0px 0px; float: left; display: inline; margin: -7px 0px 0px 0px; width: 7px; height: 7px; font-size: 1px; line-height: 1px; position: relative; z-index: 10; } div.inhalt div.bild span.imgrechtsunten { background: url(/images/design/bg-img-ru.png) no-repeat 0px 0px; float: right; display: inline; margin: -7px 0px 0px 0px; width: 7px; height: 7px; font-size: 1px; line-height: 1px; position: relative; z-index: 10; } /* Bilder & Fotogalerie __________________________________________________ */ div.inhalt div.fotogalerie { overflow: hidden; padding: 0px 0px 0px 0px; width: 100%; } div.inhalt div.fotogalerie div.fotocontainer { 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.imagescontainer { width: 150%; } 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.imgrechts { display: inline; float: right; margin: 0px 0px 15px 15px; } /* Anfrageformular _______________________________________________________ */ form { margin: 0px 0px 0px 0px; } form div.standardform { margin: 0px 0px 60px 0px; } form label.label { float: left; display: inline; margin: 7px 10px 0px 0px; padding: 0px 0px 0px 0px; width: 200px; } form label.ort { display: none; } form label.pflichtfeld { font-weight: bold; } form textarea:focus, form input:focus { border: 0px; outline: 0px; } form div.radiofield input { position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100%; height: 100%; z-index: 2; opacity: 0.0; filter: alpha(opacity = 0); } form div.radiofield span { position: absolute; left: 0px; top: 0px; display: block; width: 100%; height: 100%; font-size: 1px; line-height: 1px; z-index: 1; } form div.row { clear: both; margin: 0px 0px 6px 0px; } form div.inputfield input { float: left; display: inline; width: 316px; height: 30px; line-height: 30px; color: #786652; border: 1px solid #CBC4BC; padding: 0px 0px 0px 0px; text-indent: 3px; position: relative; z-index: 2; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } form div.row.input div.inputfield { float: left; display: inline; padding: 2px 2px 2px 2px; position: relative; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } form div.row.input div.disabled input { background-color: #FFFFFF; } form div.row.input div.plz input { width: 62px; } form div.row.input div.ort { margin: 0px 0px 0px 3px; } form div.row.input div.ort input { width: 246px; } form textarea.textarea { height: 100%; color: #786652; border: 1px solid #CBC4BC; padding: 0px 0px 0px 3px; } form div.row div.textarea { display: inline; float: left; padding: 2px 2px 2px 2px; position: relative; } form div.row div.textarea textarea { float: left; display: inline; margin: 0px 0px 0px 0px; width: 313px; height: 60px; } form div.checkboxfield input { position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100%; height: 100%; z-index: 2; opacity: 0.0; filter: alpha(opacity = 0); } form div.checkboxfield span { position: absolute; left: 0px; top: 0px; display: block; width: 100%; height: 100%; font-size: 1px; line-height: 1px; z-index: 1; } form div.row.checkbox label.label { margin-top: 0px; } form div.row.checkbox div.checkboxfield { float: left; display: inline; margin: 3px 0px 0px 0px; width: 16px; height: 16px; position: relative; } form div.row.checkbox div.checkboxfield div.erroricon { position: absolute; right: -28px; top: -2px; } form div.row.checkbox div.fehlerV5 div.erroricon { top: -2px; } form div.row.checkbox div.fehlerV6 div.erroricon { top: -4px; } form div.row.checkbox div.checkboxfield div.formtextV1 { top: -33px; left: -11px; z-index: 3; } form div.row.checkbox div.checkboxfield div.formtextV2, form div.row.checkbox div.checkboxfield div.formtextV5, form div.row.checkbox div.checkboxfield div.formtextV6 { top: -3px; } form div.row.checkbox div.checkboxfield div.okicon { position: absolute; right: -24px; top: -1px; } form div.row.checkbox label.extralabel { float: left; margin: 0px 0px 0px 4px; width: auto; } form div.row.checkbox div.fehler + label.extralabel { margin: 0px 0px 0px 28px; } form div.row.checkbox div.fehlerV5 + label.extralabel { margin: 0px 0px 0px 4px; } form div.row.checkbox div.fehlerV6 + label.extralabel { margin: 0px 0px 0px 4px; } form div.radiofield input { position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100%; height: 100%; z-index: 2; opacity: 0.0; filter: alpha(opacity = 0); } form div.radiofield span { position: absolute; left: 0px; top: 0px; display: block; width: 100%; height: 100%; font-size: 1px; line-height: 1px; z-index: 1; } form div.row.radio label.label { margin-top: 0px; } form div.row.radio div.radiofield { float: left; display: inline; margin: 3px 0px 0px 0px; width: 16px; height: 16px; position: relative; } form div.row.radio div.radiofield div.erroricon { position: absolute; right: -28px; top: -2px; } form div.row.radio div.radiofield div.formtextV1 { top: -34px; left: -9px; z-index: 3; } form div.row.radio div.radiofield div.formtextV2, form div.row.radio div.radiofield div.formtextV5, form div.row.radio div.radiofield div.formtextV6 { top: -3px; } form div.row.radio label.extralabel { float: left; margin: 0px 0px 0px 4px; width: auto; } form div.row.radio div.fehler + label.extralabel { margin: 0px 0px 0px 28px; } form div.row.radio div.fehlerV5 + label.extralabel { margin: 0px 0px 0px 4px; } form div.row.radio div.fehlerV6 + label.extralabel { margin: 0px 0px 0px 4px; } form div.selectfield span.field { background-color: #FFFFFF; color: #786652; border: solid 1px #CBC4BC; line-height: 30px; display: block; width: 317px; height: 30px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } form div.selectfield span.field span.selecticon { position: absolute; right: 8px; top: 15px; width: 10px; height: 6px; } form div.selectfield span.field span.selecticon div, form div.selectfield span.field span.selecticon svg { position: absolute !important; left: 0px !important; top: 0px !important; } form div.selectfield select { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; opacity: 0.0; filter: alpha(opacity = 0); z-index: 2; } form div.selectfield span.select { display: block; height: 100%; margin: 0px 24px 0px 3px; position: relative; overflow: hidden; white-space: nowrap; } form div.selectfield span.field div.okicon { right: 20px; } form div.selectfield span.field div.erroricon { right: 20px; } form div.row.select div.selectfield { float: left; display: inline; padding: 2px 2px 2px 2px; position: relative; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } form div.calendar div.calendarfield { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 2px 2px 2px 2px; float: left; display: inline; position: relative; } form div.calendar div.calendarfield input { float: left; display: inline; width: 280px; height: 30px; line-height: 30px; color: #786652; border: 1px solid #CBC4BC; padding: 0px 0px 0px 0px; text-indent: 3px; position: relative; z-index: 2; margin: 0px 8px 0px 0px; } form div.calendar div.calendarfield a.kalenderopener { float: left; display: inline; margin: 2px 0px 0px 0px; width: 27px; height: 29px; background: url(/images/formular/icon-kalender-weiss.gif) no-repeat 0px 0px; font-size: 1px; line-height: 1px; } form div .aktiv { background-color: transparent; } form div .aktivV1, form div .aktivV2 { background-color: #d1e5f0; } form div .aktivV1 input, form div .aktivV1 textarea, form div .aktivV2 input, form div .aktivV2 textarea { border-color: #93bdd5; color: inherit; } form div .aktiv div.formtextV1 { color: #FFFFFF; position: absolute; left: 0px; top: -28px; padding: 0px 10px 0px 10px; font-size: 11px; line-height: 25px; height: 25px; white-space: nowrap; background: #93bdd5; background: -moz-linear-gradient(top, #d1e5f0 0%, #93bdd5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d1e5f0), color-stop(100%,#93bdd5)); background: -webkit-linear-gradient(top, #d1e5f0 0%,#93bdd5 100%); background: -o-linear-gradient(top, #d1e5f0 0%,#93bdd5 100%); background: -ms-linear-gradient(top, #d1e5f0 0%,#93bdd5 100%); background: linear-gradient(to bottom, #d1e5f0 0%,#93bdd5 100%); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; z-index: 2; } form div .aktiv div.formtextV1 div { position: absolute; left: 10px; bottom: -8px; width: 15px; height: 8px; line-height: 1px; } form div .aktiv div.formtextV2 { color: #FFFFFF; position: absolute; left: 229px; top: 4px; padding: 0px 10px 0px 10px; font-size: 11px; line-height: 25px; height: 25px; white-space: nowrap; background: #93bdd5; background: -moz-linear-gradient(top, #d1e5f0 0%, #93bdd5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d1e5f0), color-stop(100%,#93bdd5)); background: -webkit-linear-gradient(top, #d1e5f0 0%,#93bdd5 100%); background: -o-linear-gradient(top, #d1e5f0 0%,#93bdd5 100%); background: -ms-linear-gradient(top, #d1e5f0 0%,#93bdd5 100%); background: linear-gradient(to bottom, #d1e5f0 0%,#93bdd5 100%); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; z-index: 2; } form div .aktiv div.formtextV2 div { position: absolute; left: -4px; top: 8px; width: 5px; height: 9px; line-height: 1px; } form div .aktiv div.formtextV3 { color: #4d4848; font-size: 11px; line-height: 15px; background-color: #e1e1e1; clear: both; position: relative; left: 0px; top: -2px; padding: 10px 10px 8px 10px; clear: both; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } form div .aktiv div.formtextV4 { color: #4d4848; font-size: 11px; line-height: 15px; background-color: #e1e1e1; clear: both; position: relative; left: 0px; top: 4px; padding: 10px 10px 8px 10px; clear: both; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } form div .fehler { background: transparent; } form div .fehlerV1, form div .fehlerV2 { background-color: #f4c4cf; } form div .fehlerV1 input, form div .fehlerV1 textarea, form div .fehlerV2 input, form div .fehlerV2 textarea { border-color: #d5889a; color: #d5889a; } form div .fehlerV4 input, form div .fehlerV4 textarea, form div .fehlerV5 span.field, form div .fehlerV5 input, form div .fehlerV5 textarea { border-color: #eaa9a4; color: #d5889a; } form div .fehlerV6 span.field, form div .fehlerV6 input, form div .fehlerV6 textarea { color: #555555; border-color: #f3c7c3; background-color: #f3c7c3; } form div .fehler div.erroricon { position: absolute; right: 3px; top: 9px; padding: 0px 5px 0px 3px; background-color: #FFFFFF; z-index: 2; } form div .fehler div.erroricon div { width: 18px; height: 18px; line-height: 1px; } form div .fehlerV5 div.erroricon { left: 230px !important; width: 22px; height: 18px; padding: 0px 0px 0px 0px; line-height: 1px; } form div .fehlerV6 div.erroricon { left: 230px !important; top: 5px; width: 30px; height: 25px; padding: 0px 0px 0px 0px; line-height: 1px; } form div .fehler div.formtextV1 { color: #FFFFFF; position: absolute; left: 0px; top: -28px; padding: 0px 10px 0px 10px; font-size: 11px; line-height: 25px; height: 25px; white-space: nowrap; background: #c62649; background: -moz-linear-gradient(top, #e14668 0%, #c62649 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e14668), color-stop(100%,#c62649)); background: -webkit-linear-gradient(top, #e14668 0%,#c62649 100%); background: -o-linear-gradient(top, #e14668 0%,#c62649 100%); background: -ms-linear-gradient(top, #e14668 0%,#c62649 100%); background: linear-gradient(to bottom, #e14668 0%,#c62649 100%); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; z-index: 2; } form div .fehler div.formtextV1 div { position: absolute; left: 10px; bottom: -8px; width: 15px; height: 8px; line-height: 1px; } form div .fehler div.formtextV2 { color: #FFFFFF; position: absolute; left: 229px; top: 4px; padding: 0px 10px 0px 10px; font-size: 11px; line-height: 25px; height: 25px; white-space: nowrap; background: #c62649; background: -moz-linear-gradient(top, #e14668 0%, #c62649 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e14668), color-stop(100%,#c62649)); background: -webkit-linear-gradient(top, #e14668 0%,#c62649 100%); background: -o-linear-gradient(top, #e14668 0%,#c62649 100%); background: -ms-linear-gradient(top, #e14668 0%,#c62649 100%); background: linear-gradient(to bottom, #e14668 0%,#c62649 100%); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; z-index: 2; } form div .fehler div.formtextV2 div { position: absolute; left: -4px; top: 8px; width: 5px; height: 9px; line-height: 1px; } form div .fehler div.formtextV3 { color: #a6504a; font-size: 11px; line-height: 15px; background-color: #f2bdb9; clear: both; position: relative; left: 0px; top: -2px; padding: 10px 10px 8px 10px; clear: both; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } form div .fehler div.formtextV4 { color: #a6504a; font-size: 11px; line-height: 15px; background-color: #f2bdb9; clear: both; position: relative; left: 0px; top: 4px; padding: 10px 10px 8px 10px; clear: both; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } form div .fehler div.formtextV5 { color: #d93b5e; font-size: 12px; line-height: 24px; position: absolute; left: 249px; top: 6px; padding: 0px 10px 0px 10px; height: 24px; white-space: nowrap; z-index: 2; } form div .fehler div.formtextV6 { color: #990000; font-size: 12px; line-height: 24px; position: absolute; left: 257px; top: 6px; padding: 0px 10px 0px 10px; height: 24px; white-space: nowrap; z-index: 2; } form div .ok input, form div .ok textarea { color: inherit; } form div .ok div.okicon { position: absolute; right: 3px; top: 11px; padding: 0px 5px 0px 3px; background-color: #FFFFFF; z-index: 2; } form div .ok div.okicon div { width: 14px; height: 14px; line-height: 1px; } form div .okV6 div.okicon { right: -38px !important; top: 5px; width: 30px; height: 25px; padding: 0px 0px 0px 0px; line-height: 1px; } form div .ok div.formtextV3 { color: #3f8370; font-size: 11px; line-height: 15px; background-color: #c9e6de; clear: both; position: relative; left: 0px; top: -2px; padding: 10px 10px 8px 10px; clear: both; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } form div .ok div.formtextV4 { color: #3f8370; font-size: 11px; line-height: 15px; background-color: #c9e6de; clear: both; position: relative; left: 0px; top: 4px; padding: 10px 10px 8px 10px; clear: both; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } form div.formspace { clear: both; line-height: 0px; font-size: 0px; height: 24px; overflow: hidden; text-indent: -100px; } form a.senden { float: right; margin: 15px 406px 0px 0px; } /* Sonstiges _____________________________________________________________ */ br.clear { clear: both; line-height: 0px; font-size: 0px; height: 0px; } div.clear { clear: both; line-height: 0px; font-size: 0px; height: 0px; overflow: hidden; text-indent: -100px; } img.links { float: left; margin: 0px 10px 10px 0px; } img.rechts { float: right; margin: 0px 0px 15px 15px; } /* __________________________________________________________________ Ende */ /* Grundeinstellungen ____________________________________________________ */ /* font-family: 'Cabin', sans-serif; ____________________________________________________ */ body { background-color: #FFFFFF; text-align: center; } address { font-style: normal; } hr { display: none; } h1, h1 a { text-transform: uppercase; font-family: 'Libre Baskerville', serif; color: #786653; font-size: 30px; line-height: 35px; font-weight: normal; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; text-align: left; } span.h1 { text-transform: uppercase; display: block; font-family: 'Libre Baskerville', serif; color: #786653; font-size: 30px; line-height: 35px; font-weight: normal; margin: 0px 0px 2px 0px; padding: 0px 0px 0px 0px; text-align: left; } h1.h1 { text-transform: uppercase; display: block; font-family: 'Libre Baskerville', serif; color: #786653; font-size: 30px; line-height: 35px; font-weight: normal; margin: 0px 0px 2px 0px; padding: 0px 0px 0px 0px; text-align: left; } h1.subheadline, h1.subheadline a { text-transform: none; font-family: 'Libre Baskerville', serif; color: #786653; font-size: 25px; line-height: 30px; font-weight: normal; margin: -2px 0px 16px 0px; padding: 0px 0px 0px 0px; text-align: left; } span.subheadline, span.subheadline a { display: block; text-transform: none; font-family: 'Libre Baskerville', serif; color: #786653; font-size: 25px; line-height: 30px; font-weight: normal; margin: -2px 0px 16px 0px; padding: 0px 0px 0px 0px; text-align: left; } h2, h2 a { font-family: 'Libre Baskerville', serif; color: #786653; font-size: 25px; line-height: 30px; font-weight: normal; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; text-align: left; } h3, h3 a { font-size: 18px; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; font-weight: normal; } h4, h4 a { font-size: 12px; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; } h5, h5 a { font-size: 11px; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; } h6, h6 a { font-size: 11px; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-decoration: none; } ul { margin: 0px 0px 16px 0px; padding: 0px 0px 0px 32px; } ul li { margin: 0px 0px 8px 0px; padding: 0px 0px 0px 0px; _height: 1px; } ul li ul { float: none; } ol { margin: 0px 0px 16px 0px; padding: 0px 0px 0px 32px; } ol li { margin: 0px 0px 8px 0px; padding: 0px 0px 0px 0px; } a.button { text-transform: uppercase; font-family: 'Cabin', sans-serif; font-size: 15px; line-height: 31px; color: #ffffff; } a.button span.links { float: left; display: inline; height: 31px; width: 15px; background: url(/images/design/button-links.png) no-repeat 0px 0px; } a.button span.mitte { float: left; display: inline; height: 31px; background: url(/images/design/button-mitte.gif) repeat-x 0px 0px; } a.button span.rechts { float: left; display: inline; height: 31px; width: 16px; background: url(/images/design/button-rechts.png) no-repeat 0px 0px; } a.button:hover span.links { width: 14px; background: url(/images/design/button-links-hell.png) no-repeat 0px 0px; } a.button:hover span.mitte { padding: 0px 2px 0px 1px; background: url(/images/design/button-mitte-hell.gif) repeat-x 0px 0px; } a.button:hover span.rechts { width: 14px; background: url(/images/design/button-rechts-hell.png) no-repeat 0px 0px; } a.buttonhell { text-transform: uppercase; font-family: 'Cabin', sans-serif; font-size: 15px; line-height: 31px; color: #ffffff; } a.buttonhell span.links { width: 14px; background: url(/images/design/button-links-hell.png) no-repeat 0px 0px; } a.buttonhell span.mitte { padding: 0px 2px 0px 1px; background: url(/images/design/button-mitte-hell.gif) repeat-x 0px 0px; } a.buttonhell span.rechts { width: 14px; background: url(/images/design/button-rechts-hell.png) no-repeat 0px 0px; } a.buttonhell:hover span.links { width: 15px; background: url(/images/design/button-links.png) no-repeat 0px 0px; } a.buttonhell:hover span.mitte { padding: 0px 0px 0px 0px; background: url(/images/design/button-mitte.gif) repeat-x 0px 0px; } a.buttonhell:hover span.rechts { height: 31px; width: 16px; background: url(/images/design/button-rechts.png) no-repeat 0px 0px; } div.rahmen { position: relative; min-width: 960px; margin: 0px auto 0px auto; text-align: left; z-index: 2; overflow: hidden; } div.rahmen div.rahmeninnen { position: relative; width: 940px; margin: 0px auto 0px auto; } div.rahmenobenaussen { height: 213px; position: relative; min-width: 940px; overflow: hidden; margin: 0px auto 0px auto; } div.rahmenobenaussen div.rahmenoben { position: absolute; left: 50%; top: 0px; width: 1400px; height: 213px; margin: 0px 0px 0px -700px; background: url(/images/design/bg-oben.png) no-repeat 0px 0px; } body.bodylpzielgruppe div.rahmenobenaussen div.rahmenoben { background: url(/images/design/bg-oben-lp.png) no-repeat 0px 151px; } div.fixedform { z-index: 14; /*height: 56px;*/ width: 100%; background-color: #786855; position: fixed; bottom: 0px; left: 0px; color: #fff; } /* Oben __________________________________________________________________ */ div.oben { position: fixed; left: 0px; top: 0px; width: 100%; z-index: 5; height: 94px; background: rgb(229,225,221); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTFkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI2JSIgc3RvcC1jb2xvcj0iI2U3ZTVlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI3JSIgc3RvcC1jb2xvcj0iI2U5ZTZlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWYzZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(229,225,221,1) 0%, rgba(231,229,225,1) 26%, rgba(233,230,227,1) 27%, rgba(245,243,242,1) 100%); background: -webkit-linear-gradient(top, rgba(229,225,221,1) 0%,rgba(231,229,225,1) 26%,rgba(233,230,227,1) 27%,rgba(245,243,242,1) 100%); background: linear-gradient(to bottom, rgba(229,225,221,1) 0%,rgba(231,229,225,1) 26%,rgba(233,230,227,1) 27%,rgba(245,243,242,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e1dd', endColorstr='#f5f3f2',GradientType=0 ); } div.oben.fixed { height: 80px; } div.oben div.obeninnen { max-width: 1340px; position: relative; margin: 0 auto; height: 94px; } div.oben.fixed div.obeninnen { height: 80px; } div.oben a.logo { position: absolute; left: 0px; top: 8px; margin: 0px 0px 0px 0px; -webkit-transition: all 0.5s; transition: all 0.5s; } div.oben.fixed a.logo { display: none; } div.oben a.logo img { width: 200px; margin-top: 5px; } div.oben a.logofixed { display: none; position: absolute; left: 170px; top: 10px; -webkit-transition: all 0.5s; transition: all 0.5s; } div.oben.fixed a.logofixed { display: block; } div.oben div.buttons { position: absolute; right: 0px; top: 37px; margin: 0px 0px 0px 0px; -webkit-transition: all 0.5s; transition: all 0.5s; } div.oben.fixed div.buttons { top: 24px; } div.oben div.buttons a.button { font-family: 'Cabin', sans-serif; font-size: 15px; float: right; display: inline; margin: 0px 0px 0px 10px; line-height: 32px; color: #ffffff; position: relative; } div.oben div.buttons a.button span.links { float: left; display: inline; height: 31px; width: 14px; background: url(/images/design/button-links-hell.png) no-repeat 0px 0px; } div.oben div.buttons a.button span.mitte { float: left; display: inline; height: 31px; width: 75px; text-align: center; padding: 0px 0px 0px 0px; background: url(/images/design/button-mitte-hell.gif) repeat-x 0px 0px; } div.oben div.buttons a.button span.rechts { float: left; display: inline; height: 31px; width: 14px; background: url(/images/design/button-rechts-hell.png) no-repeat 0px 0px; } div.oben div.buttons a.button.buttonbuchen span.links { width: 14px; background: url(/images/design/button-links.png) no-repeat 0px 0px; } div.oben div.buttons a.button.buttonbuchen span.mitte { background: url(/images/design/button-mitte.gif) repeat-x 0px 0px; } div.oben div.buttons a.button.buttonbuchen span.rechts { height: 31px; width: 14px; background: url(/images/design/button-rechts.png) no-repeat 0px 0px; } div.oben div.buttons a.button.buttonbuchen:hover span.links { background: url(/images/design/button-links-hell.png) no-repeat 0px 0px; } div.oben div.buttons a.button.buttonbuchen:hover span.mitte { background: url(/images/design/button-mitte-hell.gif) repeat-x 0px 0px; } div.oben div.buttons a.button.buttonbuchen:hover span.rechts{ background: url(/images/design/button-rechts-hell.png) no-repeat 0px 0px; } div.oben div.buttons a.button:hover span.links { width: 14px; background: url(/images/design/button-links.png) no-repeat 0px 0px; } div.oben div.buttons a.button:hover span.mitte { background: url(/images/design/button-mitte.gif) repeat-x 0px 0px; } div.oben div.buttons a.button:hover span.rechts { height: 31px; width: 14px; background: url(/images/design/button-rechts.png) no-repeat 0px 0px; } div.oben div.sprache { position: absolute; right: 0px; top: 0px; display: block; } div.oben.fixed div.sprache { display: none; } div.oben div.sprache a { margin: 0px 0px 0px 8px; float: right; display: inline; color: #786754; font-size: 10px; line-height: 31px; text-transform: uppercase; } div.oben div.sprache a:hover { color: #B1A696; } div.oben div.sprache a.aktiv { color: #B1A696; } @media (max-width: 1300px) { div.oben a.logo { top: 14px; } div.oben a.logo img { width: 190px; } } /* Menu Oben _____________________________________________________________ */ div.menu { position: absolute; left: 269px; top: 43px; margin: 0px 216px 0px 0px; -webkit-transition: all 0.5s; transition: all 0.5s; } div.oben.fixed div.menu { top: 29px; } div.menu ul.menu { width: auto; font-weight: normal; list-style-type: none; margin: 0px 0px 0px -8px; padding: 0px 0px 0px 0px; position: relative; } div.menu ul.menu li { background: url(/images/design/bg-li-hauptmenu.gif) no-repeat 0px center; float: left; display: inline; position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.menu ul.menu li.maradona { background: transparent; } div.menu ul.menu li a { font-family: 'Cabin', sans-serif; color: #786754; float: left; display: block; min-height: 21px; _height: 21px; line-height: 21px; padding: 0px 8px 0px 8px; font-size: 15px; text-transform: uppercase; } div.menu ul.menu li.aktiv a, div.menu ul.menu li a:hover { color: #C0B4A6; } div.menu ul.menu li ul { display: none; font-weight: normal; list-style-type: none; margin: 0px 0px 0px 0px; padding: 5px 0px 17px 0px; position: absolute; left: 0px; top: 39px; min-width: 150px; _width: 149px; } div.menu ul.menu li ul li { display: block; float: none; margin: 0px 11px 0px 11px; padding: 2px 0px 3px 0px; } div.menu ul.menu li ul li.aktiv { font-weight: bold; } div.menu ul.menu li ul li.aktiv a, div.menu ul.menu li ul li a { display: block; float: none; min-height: 18px; _height: 18px; line-height: 18px; padding: 0px 3px 0px 5px; } div.submenu { z-index: 2; line-height: 62px; height: 62px; position: absolute; left: 0px; top: 94px; text-align: center; width: 100%; background-color: #E4E1DC; text-align: center; font-size: 15px; font-family: 'Cabin', sans-serif; } div.oben.fixed div.submenu { top: 80px; } div.submenu div.submenuinnen { max-width: 1340px; position: relative; margin: 0 auto; text-align: left; } div.submenu ul.submenu { float: left; display: inline; margin: 0px 0px 0px 270px; padding: 0px 0px 0px 0px; height: 62px; } div.submenu ul.submenu li { float: left; display: inline; position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.submenu ul.submenu li a { min-height: 62px; _height: 62px; line-height: 62px; color: #786754; font-size: 15px; margin: 0px 31px 0px 0px; position: relative; } div.submenu ul.submenu li a:hover { color: #C0B4A6; } div.submenu ul.submenu li.aktiv a { color: #C0B4A6; } div.submenu ul.submenu #MenuAktivimSommerWinterSommer a { font-weight: bold; } div.submenu ul.submenu #MenuAktivimSommerWinterWinter a { font-weight: bold; } @media (max-width: 1300px) { div.menu { left: 229px; } div.submenu ul.submenu { margin: 0px 0px 0px 229px; } } /* Mitte _________________________________________________________________ */ div.mitte { margin: 94px 0px 0px 0px; } div.mitte.withsubmenu { margin-top: 156px; } /* Inhalt ________________________________________________________________ */ div.inhalt { margin: 0px 0px 0px -10px; float: left; display: inline; width: 960px; } div.inhalt.margintop { margin-top: 30px; } div.inhalt div.content { margin: 0px 0px 0px 10px; float: left; display: inline; width: 940px; } /* Unten _________________________________________________________________ */ div.untengrau { width: 100%; background: url(/images/design/bg-unten.gif) no-repeat center 0px #E4E1DD; } div.untengrau div.randunten { width: 100%; background: url(/images/design/unten-rand-unten.gif) no-repeat center 0px; height: 8px; margin: -8px auto 0px auto; position: relative; } div.unten { position: relative; clear: both; width: 940px; margin: 0px auto 0px auto; text-align: left; } div.unten div.untendynamisch { width: 955px; } div.unten img.logounten { float: left; display: inline; margin: 41px 19px 43px 0px; } div.unten div.adresse { margin: 34px 0px 0px 0px; float: left; display: inline; width: 400px; color: #786652; font-size: 14px; line-height: 27px; } div.unten div.adresse a { color: #786652; } div.unten div.adresse a:hover { color: #AC9D66; } div.unten div.adresse div.clear { margin: 0px 0px 7px 0px; } div.unten div.adresse span.trennpunkt { width: 22px; background: url(/images/design/bg-trennpunkt.png) no-repeat center 8px; } div.unten div.adresse span { float: left; display: inline; height: 20px; } div.unten div.adresse span.follow { font-weight: bold; margin-top: -4px; } div.unten div.adresse span.bigger { font-size: 16px; font-weight: bold; } div.unten div.adresse span.bigger img { margin-top: 2px; } div.unten div.adresse span.trennpunkt.bigger { margin-top: 3px; } div.unten div.logos { float: right; display: inline; margin: 55px 0px 0px 0px; } div.unten div.logos img { float: right; display: inline; } div.unten div.logos a { display: inline-block; margin-left: 26px; } div.unten div.logos a:first-child { margin-left: 0px; } div.untenweiss { background-color: #ffffff; width: 100%; height: 52px; background: url(/images/design/bg-unten-weiss.gif) repeat-x 0px 46px; } div.untenweiss.noOnpageRequest { height: 52px; } div.untenweiss div.innen { color: #786652; font-size: 14px; line-height: 52px; position: relative; clear: both; width: 940px; margin: 0px auto 0px auto; text-align: left; } div.untenweiss div.innen a { color: #786652; float: left; display: inline; } div.untenweiss div.innen a.zeppelin { float: right; display: inline; } div.untenweiss div.innen a:hover { color: #AC9D66; } div.untenweiss div.innen span { float: left; display: inline; } div.untenweiss div.innen span.trennpunkt { height: 52px; width: 23px; float: left; display: inline; background: url(/images/design/bg-trennpunkt.png) no-repeat center center; } div.untenweiss a img { vertical-align: middle; } /* Lightbox ______________________________________________________________ */ #lightbox { position: absolute; left: 0px; width: 100%; z-index: 100; text-align: center; line-height: 0px; } #lightbox a img { border: none !important; } #outerImageContainer { position: relative; background-color: #FFFFFF; width: 250px; height: 250px; margin: 0 auto; } #imageContainer { padding: 10px; } #imageContainer img { width: auto; max-width: 1024px; } #loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0px; } #hoverNav { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav { left: 0px; } #hoverNav a { outline: none !important; } #prevLink, #nextLink { width: 49%; height: 100%; display: block; } #prevLink { background: url(/images/lightbox/prev.gif) left 15% no-repeat !important; left: 0px; float: left; } #nextLink { background: url(/images/lightbox/next.gif) right 15% no-repeat !important; right: 0px; float: right; } #prevLink:hover, #prevLink:visited:hover { background: url(/images/lightbox/prev.gif) left 15% no-repeat !important; } #nextLink:hover, #nextLink:visited:hover { background: url(/images/lightbox/next.gif) right 15% no-repeat !important; } #imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #FFFFFF; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; } #imageData { padding: 0px 10px; color: #666666; } #imageData #imageDetails { width: 70%; float: left; text-align: left; } #imageData #caption { font-weight: bold; } #imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNav { height: 40px; } #imageData #bottomNavClose { background: transparent !important; width: 26px; float: right; padding-bottom: 0.4em; } #overlay { position: fixed; _position: absolute; top: 0px; left: 0px; z-index: 90; width: 100%; height: 500px; background-color: #000000; } /* __________________________________________________________________ Ende */ /* SitemapV1 _____________________________________________________________ */ div.zielgruppenheader { z-index: 45; position: fixed; right: -175px; top: 288px; width: 246px; } div.zielgruppenheader a.zielgruppe { margin: -10px 0px 0px 0px; color: #ffffff; width: 246px; height: 76px; position: relative; display: block; cursor: pointer; } div.zielgruppenheader a.zielgruppe:hover { color: #594D3F; } div.zielgruppenheader a.zielgruppe span.box { font-family: 'Lovers Quarrel', cursive; font-size: 30px; line-height: 71px; width: 71px; height: 76px; float: left; display: inline; margin: 0px 0px -10px 0px; } div.zielgruppenheader a.zielgruppe:hover span.box { color: #F4F2F0; } div.zielgruppenheader a.zielgruppe span.box span { text-align: center; margin: 0px 0px 0px 12px; width: 59px; } div.zielgruppenheader a.zielgruppe span.text { font-family: 'Cabin', sans-serif; font-size: 15px; line-height: 76px; text-align: center; height: 76px; width: 175px; float: left; display: inline; margin: 0px 0px -10px 0px; } div.zielgruppenheader a.single span.box { background: url(/images/design/zielgruppe-single-links.png) no-repeat 0px 0px; } div.zielgruppenheader a.single span.text { background: url(/images/design/zielgruppe-single.png) repeat-x 0px 0px; } div.zielgruppenheader a.together span.box { background: url(/images/design/zielgruppe-together-links.png) no-repeat 0px 0px; } div.zielgruppenheader a.together span.text { background: url(/images/design/zielgruppe-together.png) repeat-x 0px 0px; } div.zielgruppenheader a.family span.box { background: url(/images/design/zielgruppe-family-links.png) no-repeat 0px 0px; } div.zielgruppenheader a.family span.text { background: url(/images/design/zielgruppe-family.png) repeat-x 0px 0px; } /* Wetter ________________________________________________________________ */ div.wetter { margin: 0px 0px 40px 0px; } div.wetter h3 { margin: 0px 0px 4px 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; } div.webcams { margin: 0px 0px 60px 0px; } div.webcams article.element { float: left; width: 300px; height: 200px; margin: 0px 20px 20px 0px; overflow: hidden; } div.webcams article.element:hover { cursor: pointer; } div.webcams article.element:nth-child(3n) { margin: 0px 0px 20px 0px; } div.webcams article.element div.image img { width: 100%; } div.overlayjscontent.webcam { width: 100%; margin: 0px 0px 0px 0px; left: 0px; top: 0px; height: 100%; text-align: center; } div.overlayjscontent.webcam:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; font-size: 0px; } div.overlayjscontent.webcam > div.close { display: none; } div.overlayjscontent.webcam div.innen { display: inline-block; vertical-align: middle; max-width: 1170px; margin: 0px auto; } div.overlayjscontent.webcam img { width: 100%; } /* Usercentrics Box */ @media all { .usercentrics-alertbox { width: 100%; position: absolute; top: 0px; left: 0px; text-align: center; z-index: 2; } } /* Unten dynamisch _____________________________________________________________ */ div.unten div.verlinkung { position: relative; float: left; display: inline; width: 229px; margin: 56px 0px 0px 0px; } div.unten div.verlinkung span.titel { width: 150px; display: block; margin: 0px 0px 14px 0px; font-family: 'Libre Baskerville', serif; text-transform: uppercase; color: #786653; font-size: 18px; line-height: 22px; } div.unten div.verlinkung a { background: url(/images/design/bg-li.png) no-repeat 0px 8px; padding: 0px 0px 0px 13px; display: block; color: #786653; font-size: 15px; line-height: 22px; } div.unten div.verlinkung a:hover { color: #AC9D66; } div.unten div.verlinkung img.facebook { position: absolute; left: 189px; top: 168px; } div.unten div.boxenaussen { width: 720px; overflow: visible; float: left; display: inline; } div.unten div.boxunten { margin: 44px 0px 0px 0px; width: 240px; height: 222px; float: left; display: inline; position: relative; background: url(/images/design/bg-boxunten.png) no-repeat 0px 0px; } div.unten div.boxunten img.bildteaser { position: absolute; left: 20px; top: 20px; display: block; } div.unten div.boxunten a.link { font-family: 'Libre Baskerville', serif; display: block; position: absolute; left: 20px; top: 180px; display: block; width: 200px; text-align: center; color: #786754; font-size: 16px; line-height: 22px; } div.unten div.boxunten a.link:hover { color: #AC9D66; } /* teaserV3 ______________________________________________________________ */ div.teaserV3 { width: 940px; margin: 0px 0px 80px 0px; } div.teaserV3 div.titel { font-family: 'Cabin', sans-serif; margin: 0px 0px 8px 0px; font-size: 25px; line-height: 27px; } div.teaserV3 div.texte { float: left; display: inline; } div.teaserV3 div.teaser { width: 300px; float: left; display: inline; margin: 0px 0px 0px 20px; position: relative; } div.teaserV3 div.teasererstes { margin: 0px 0px 0px 0px; } div.teaserV3 div.teaser div.innen { margin: 0px 0px 0px 0px; } div.teaserV3 div.teaser div.innen img { display: block; margin: 0px 0px 0px 0px; } div.teaserV3 div.teaser div.bgheadline { position: absolute; left: 0px; top: 153px; text-align: center; height: 61px; width: 100%; background-color: #786855; } div.teaserV3 div.teaser div.headline { z-index: 3; position: relative; width: 100%; text-align: center; height: 61px; font-size: 20px; line-height: 61px; } div.teaserV3 div.teaser div.headline a { text-align: center; height: 61px; font-size: 20px; line-height: 61px; color: #ffffff; } div.teaserV3 div.teaser div.headline a:hover { color: #53483D; } div.teaserV3 div.teaser span.zielgruppe { z-index: 2; opacity: 0.7; filter: alpha(opacity = 70); font-family: 'Lovers Quarrel', cursive; position: absolute; left: 15px; top: 42px; font-size: 150px; line-height: 170px; color: #ffffff; } div.teaserV3 div.liveedit { float: right; margin: 2px 11px 11px 0px; } div.teaserV3 div.liveeditnewitem { margin: 0px 0px 0px 0px; } /* TeaserV2 ______________________________________________________________ */ div.teaserV2 { width: 940px; margin: 0px 0px 39px 0px; } div.teaserV2 div.texte { float: left; display: inline; } div.teaserV2 div.teaser { width: 460px; background-color: #E4E1DD; float: left; display: inline; margin: 0px 0px 0px 20px; position: relative; } div.teaserV2 div.teasererstes { margin: 0px 0px 0px 0px; } div.teaserV2 div.teaser div.innen { margin: 10px 10px 10px 10px; } div.teaserV2 div.teaser div.innen img { float: left; display: inline; margin: 0px 15px 0px 0px; } div.teaserV2 div.teaser h2 { padding: 2px 0px 0px 0px; font-family: 'Cabin', sans-serif; margin: 0px 0px 6px 0px; } div.teaserV2 div.teaser div.vorspann { margin: 0px 0px 7px 0px; font-size: 15px; line-height: 22px; } div.teaserV2 div.teaser a.link { font-weight: bold; } div.teaserV2 div.liveedit { float: right; margin: 2px 11px 11px 0px; } div.teaserV2 div.liveeditnewitem { margin: 0px 0px 0px 0px; } /* TeaserV1 ______________________________________________________________ */ div.teaserV1 { margin: -60px 0px 40px -10px; width: 960px; position: relative; z-index: 5; } div.teaserV1 div.teaseraussen { position: relative; float: left; display: inline; } div.teaserV1 div.teaseraussen a.teaserlink { position: absolute; left: 24px; bottom: 40px; font-weight: bold; z-index: 3; } div.teaserV1 div.teaseroben { width: 319px; height: 62px; background: url(/images/modules/bookingpilot/angebotebycontainerV1/teaser-oben.png) no-repeat 0px 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 1px 0px; font-size: 1px; line-height: 1px; } div.teaserV1 div.teaserunten { width: 319px; height: 40px; background: url(/images/modules/bookingpilot/angebotebycontainerV1/teaser-unten.png) no-repeat 0px 0px; margin: 0px 0px 0px 0px; padding: 1px 0px 0px 0px; font-size: 1px; line-height: 1px; } div.teaserV1 div.teaser { height: 337px; z-index: 2; background: url(/images/modules/bookingpilot/angebotebycontainerV1/teaser-mitte.png) repeat-y 0px 0px; float: left; display: inline; margin: 0px 0px 0px 0px; width: 319px; position: relative; } div.teaserV1 div.teaser div.innen { margin: -42px 0px 0px 19px; width: 279px; } div.teaserV1 div.teaser h2 { margin: 8px 0px 8px 4px; font-size: 22px; line-height: 28px; } div.teaserV1 div.teaser div.vorspann { margin: 0px 0px 8px 4px; font-size: 15px; line-height: 20px; } div.teaserV1 div.teaser a.button { float: right; display: inline; margin: 0px 11px 11px 0px; } div.teaserV1 div.liveedit { float: right; margin: 2px 11px 11px 0px; } div.teaserV1 div.liveeditnewitem { margin: 0px 0px 0px 0px; } /* Teaser Startseite ______________________________________________________________ */ div.teaserstartseite { width: 940px; margin: 0px 0px 57px 0px; } div.teaserstartseite div.teaser { width: 300px; float: left; display: inline; margin: 0px 0px 0px 20px; position: relative; } div.teaserstartseite div.teasererstes { margin: 0px 0px 0px 0px; } div.teaserstartseite div.teaser a.bild { display: block; } div.teaserstartseite div.teaser a.bild img { display: block; } div.teaserstartseite div.teaser div.texte { width: 268px; height: 182px; padding: 0px 16px 0px 16px; background-color: #E4E1DD; } div.teaserstartseite div.teaser span.titel a { z-index: 3; position: relative; font-family: 'Libre Baskerville', serif; text-transform: uppercase; margin: 22px 0px 9px 0px; display: block; font-size: 16px; line-height: 24px; color: #594D3F; } div.teaserstartseite div.teaser span.titel a:hover { color: #E4E0DC; } div.teaserstartseite span.zielgruppe { z-index: 2; opacity: 0.7; filter: alpha(opacity = 70); font-family: 'Lovers Quarrel', cursive; position: absolute; left: 15px; top: 42px; font-size: 150px; line-height: 170px; color: #ffffff; } div.teaserstartseite a.link { display: block; background: url(/images/design/bg-li-weiss.png) no-repeat 0px 7px; font-size: 15px; line-height: 22px; color: #ffffff; padding: 0px 0px 0px 15px; } div.teaserstartseite a.link:hover { color: #594D3F; } div.teaserstartseite div.liveedit { float: right; margin: 2px 11px 11px 0px; } div.teaserstartseite div.liveeditnewitem { margin: 0px 0px 0px 0px; } div.teaserV1home { } div.teaserV1home a.zuruck { position: absolute; left: -5px; top: 108px; z-index: 5; width: 24px; height: 35px; background: url(/images/modules/bookingpilot/angebotebycontainerV1/scroll-zuruck.png) no-repeat center center; } div.teaserV1home a.weiter { position: absolute; right: -4px; top: 108px; z-index: 5; width: 24px; height: 35px; background: url(/images/modules/bookingpilot/angebotebycontainerV1/scroll-weiter.png) no-repeat center center; } div.teaserV1home a.preis { z-index: 10; display: block; font-family: 'Cabin', sans-serif; position: absolute; right: 20px; top: 0px; font-size: 12px; line-height: 17px; color: #ffffff; } div.teaserV1home a.preis:hover { color: #E4E0DC; } div.teaserV1home a.preis span.preis { font-size: 20px; line-height: 22px; } div.teaserV1home a.preis span.preislinks { width: 10px; background: url(/images/modules/bookingpilot/angebotelisteV2/preis-links.png) no-repeat 0px 0px; float: right; display: inline; height: 77px; } div.teaserV1home a.preis span.preismitte { text-align: right; padding: 24px 10px 0px 2px; background: url(/images/modules/bookingpilot/angebotelisteV2/preis-mitte.png) repeat-x 0px 0px; float: right; display: inline; height: 52px; } div.teaserV1home a.preis span.preisrechts { width: 6px; background: url(/images/modules/bookingpilot/angebotelisteV2/preis-rechts.png) no-repeat 0px 0px; float: right; display: inline; height: 77px; } div.teaserV1home div.teaser { z-index: 1; } div.teaserV1home div.teaserangebote { position: relative; width: 319px; height: 411px; overflow: hidden; } div.teaserV1home div.teaserangebote div.effectobj { position: absolute; left: 0px; top: 0px; width: 319px; height: 411px; } /* SocialWall _____________________________________________________________ */ section.socialwall { margin: 30px 0px 60px 0px; } /* SitemapV1 _____________________________________________________________ */ div.sitemapV1 { margin: 0px 0px 40px 0px; } div.inhalt div.sitemapV1 ul { padding: 0px 0px 0px 0px; } div.inhalt div.sitemapV1 ul li { background-position: 0px 8px; margin: 0px 0px 4px 0px; font-weight: bold; } div.inhalt div.sitemapV1 ul li ul { margin: 3px 0px 8px 0px; padding: 0px 0px 0px 20px; } div.inhalt div.sitemapV1 ul li ul li { font-weight: normal; } /* Sentreskarte ______________________________________________________________ */ div.sentreskarte { margin: 0px 0px 70px 0px; } div.sentreskarte iframe { width: 100%; height: 600px; } /* Privacy T1 ___________________________________________ */ @media all { div.PrivacyT1 { margin-bottom: 60px; } div.PrivacyT1 div.additional { margin-top: 16px; } } /* pricelistgalleryV1 _________________________________________________________ */ div.pricelistgalleryV1 { width: 100%; height: 676px; overflow: hidden; position: relative; margin: 85px auto; padding: 0px 0px 0px 0px; } div.pricelistgalleryV1 a.prev { position: absolute; left: 90px; top: 50%; z-index: 3; margin-top: -20px; } div.pricelistgalleryV1 a.next { position: absolute; right: 90px; top: 50%; z-index: 3; margin-top: -20px; } div.pricelistgalleryV1 div.bild { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; } div.pricelistgalleryV1 div.bild div.bildinnen { position: absolute; left: -50%; top: -50%; width: 200%; height: 200%; } div.pricelistgalleryV1 div.bild div.bildinnen table { width: 100%; height: 100%; } div.pricelistgalleryV1 div.bild div.bildinnen table td { vertical-align: middle; text-align: center; width: 100%; height: 100%; } div.pricelistgalleryV1 div.bild div.bildinnen table td img.bild { width: auto; display: inline; min-height: 50%; min-width: 50%; } div.pricelistgalleryV1 div.navi { position: absolute; bottom: 30px; display: inline; left: 50px; z-index: 10; overflow: hidden; } div.pricelistgalleryV1 div.navi a.clickpoint { float: left; display: inline; cursor: pointer; width: 15px; height: 15px; margin: 0px 6px 0px 0px; background: url(/images/design/clickpoint.png) no-repeat 0px 0px; } div.pricelistgalleryV1 div.navi a.clickpoint.aktiv { background: url(/images/design/clickpoint-aktiv.png) no-repeat 0px 0px; } div.pricelistgalleryV1 div.boxaussen { display: none!important; } div.pricelistgalleryV1 div.liveeditnewitem { position: absolute; right: 20px; bottom: 40px; z-index: 3; } /* Overlayjs _________________________________________________ */ div.overlayjsbg { background-color: #1e1e1e; opacity: 0.86; filter: alpha(opacity = 86); position: fixed; _position: absolute; left: 0px; top: 0px; z-index: 80; width: 100%; height: 100%; font-size: 1px; line-height: 1px; } div.overlayjscontent { text-align: left; margin: 0px 0px 0px -465px; width: 930px; position: fixed; _position: absolute; left: 50%; top: 30px; z-index: 90; } div.overlayjscontent div.close { cursor: pointer; background: url(/images/design/overlay-close.png) no-repeat 0px 0px; width: 38px; height: 38px; position: absolute; right: -11px; top: -11px; z-index: 2; } div.overlayjscontent div.innen { padding: 15px 20px 15px 20px; margin: 0px 0px 30px 0px; background-color: #FFFFFF; position: relative; z-index: 1; } /* Newsletter _____________________________________________________________ */ div.unten div.newsletteronpage { margin: 27px 0px 0px 0px; background-color: #CBC4BC; position: relative; width: 940px; height: 100px; position: relative; } div.unten div.newsletteronpage span.titel { font-size: 20px; color: #786754; margin: 0px 27px 0px 18px; float: left; display: inline; text-transform: uppercase; line-height: 67px; } div.unten div.newsletteronpage form { float: left; display: inline; width: 750px;} div.unten div.newsletteronpage div.row { float: left; display: inline; clear: none; } div.unten div.newsletteronpage div.row label { display: none; } div.unten div.newsletteronpage div.row div.inputfield { width: 148px; padding: 0px 0px 0px 0px; margin: 20px 12px 0px 0px; } div.unten div.newsletteronpage div.row div.inputfield.email { width: 248px; } div.unten div.newsletteronpage div.row input { background-color: #ffffff; font-size: 14px; color: #786653; text-indent: 7px; width: 100%; height: 26px; line-height: 26px; border: solid 1px #ffffff; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } div.unten div.newsletteronpage a.button { display: inline-block; margin: 19px 15px 0px 0px; padding: 0px 0px 0px 0px; } div.unten div.newsletteronpage div.row.checkbox label.extralabel { display: inline-block; } div.unten div.newsletteronpage div.row.checkbox { position: absolute; bottom: 9px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); } div.inhalt div.newsletterV1 { margin: 0px 0px 40px 0px; } div.inhalt div.newsletterV1 div.ganzebreite { height: 30px; line-height: 30px; font-weight: bold; } /* NewsballT1 _______________________________________________________________ */ @media all { div.NewsballT1 { width: 195px; height: 195px; position: absolute; top: 150px; left: 40px; display: flex; justify-content: center; align-items: center; border-radius: 50%; background: #E6E4E0; z-index: 10; } div.NewsballT1 { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } div.NewsballT1 .inner { width: 185px; height: 185px; display: flex; justify-content: center; align-items: center; border: 1px solid #786755; border-radius: 50%; } div.NewsballT1 .inner img { width: 60px; } div.NewsballT1 .inner .headline { font-size: 18px; line-height: 20px; font-family: 'Libre Baskerville', serif; text-transform: uppercase; font-weight: bold; } div.NewsballT1 .inner .subheadline { font-size: 15px; line-height: 17px; font-family: Arial, Helvetica, sans-serif; } div.NewsballT1 .inner .link { font-size: 11px; line-height: 14px; text-transform: uppercase; } } @media (max-width: 1400px) { div.NewsballT1 { width: 170px; height: 170px; top: 120px; left: 30px; } div.NewsballT1 .inner { width: 160px; height: 160px; } } /* ListeV1 _______________________________________________________________ */ div.listeV1 { width: 940px; position: relative; margin: 0px 0px 50px 0px; } div.listeV1 div.element { border: solid 1px #dddbdb; margin: 0px 0px 30px 0px; width: 940px; position: relative; } div.listeV1 div.element div.obenrechts { z-index: 1; width: 47px; height: 44px; position: absolute; right: -7px; top: -7px; background: url(/images/design/liste-obenrechts.gif) no-repeat 0px 0px; font-size: 0px; line-height: 0px; } div.listeV1 div.element div.obenlinks { z-index: 1; width: 48px; height: 44px; position: absolute; left: -7px; top: -7px; background: url(/images/design/liste-obenlinks.gif) no-repeat 0px 0px; font-size: 0px; line-height: 0px; } div.listeV1 div.element div.untenlinks { z-index: 1; width: 42px; height: 43px; position: absolute; left: -7px; bottom: -6px; background: url(/images/design/liste-untenlinks.gif) no-repeat 0px 0px; font-size: 0px; line-height: 0px; } div.listeV1 div.element div.untenrechts { z-index: 1; width: 41px; height: 43px; position: absolute; right: -7px; bottom: -6px; background: url(/images/design/liste-untenrechts.gif) no-repeat 0px 0px; font-size: 0px; line-height: 0px; } div.listeV1 div.element div.randlinks { height: 100%; width: 7px; position: absolute; left: -7px; top: 0px; background: url(/images/design/liste-randlinks.gif) repeat-y 0px 0px; font-size: 0px; line-height: 0px; } div.listeV1 div.element div.randrechts { height: 100%; width: 7px; position: absolute; right: -7px; top: 0px; background: url(/images/design/liste-randrechts.gif) repeat-y 0px 0px; font-size: 0px; line-height: 0px; } div.listeV1 div.element div.randoben { width: 100%; height: 7px; position: absolute; left: 0px; top: -7px; background: url(/images/design/liste-randoben.gif) repeat-x 0px 0px; font-size: 0px; line-height: 0px; } div.listeV1 div.element div.randunten { width: 100%; height: 7px; position: absolute; left: 0px; bottom: -7px; background: url(/images/design/liste-randunten.gif) repeat-x 0px 0px; font-size: 0px; line-height: 0px; } div.listeV1 div.element div.innen { position: relative; z-index: 2; } div.listeV1 div.element h2 { margin: 0px 0px 12px 0px; } div.listeV1 div.element img.links { margin: 10px 26px 10px 10px; } div.listeV1 div.element div.listemitbild { float: left; display: inline; margin: 18px 0px 0px 0px; width: 535px; } div.listeV1 div.element div.listeohnebild { padding: 20px 20px 20px 20px; } div.listeV1 div.element div.vorspann { margin: 0px 0px 0px 0px; font-size: 15px; line-height: 20px; } div.listeV1 div.element a.link { font-weight: bold; display: block; margin: 8px 0px 0px 0px; } div.listeV1 div.element div.buttons div.liveedit { float: right; margin: 2px 15px 0px 0px; } div.listeV1 div.liveeditnewitem { margin: 0px 0px 0px 0px; } /* Landingpage Headerbild __________________________________________________ */ div.lpbild { } div.lpbild div.lpbildinnen { width: 1920px; height: 676px; margin: 0px 0px 0px -490px; position: relative; } div.lpbild div.fadegallerylp { position: absolute; left: 0px; top: 0px; width: 1920px; height: 676px; } div.lpbild div.fadegallerylp div.fadingobj { position: absolute; left: 0px; top: 0px; } div.lpbild div.fadenavi { position: relative; float: left; display: inline; margin: 0px 0px 0px 0px; z-index: 10; overflow: hidden; } div.lpbild div.fadenavi a.clickpoint { float: left; display: inline; cursor: pointer; width: 15px; height: 15px; margin: 0px 6px 0px 0px; background: url(/images/design/clickpoint.png) no-repeat 0px 0px; } div.lpbild div.fadenavi a.clickpoint.aktiv { background: url(/images/design/clickpoint-aktiv.png) no-repeat 0px 0px; } div.lpbild div.texte { margin: 0px 0px 0px 490px; width: 470px; position: relative; z-index: 2; } div.lpbild div.texte div.titel { margin: 162px 0px 0px 0px; text-transform: uppercase; color: #ffffff; font-size: 35px; line-height: 40px; font-family: 'Cabin', sans-serif; } div.lpbild div.texte div.titelzielgruppe { margin: 30px 0px 0px 0px; opacity: 0.7; filter: alpha(opacity = 70); font-size: 200px; line-height: 220px; font-family: 'Lovers Quarrel', cursive; text-transform: none; } div.lpbild div.texte div.untertitel { color: #ffffff; font-family: 'Cabin', sans-serif; font-size: 25px; line-height: 30px; margin: 0px 0px 10px 0px; } div.lpbild div.texte h1.untertitel { text-transform: none; color: #ffffff; font-family: 'Cabin', sans-serif; font-size: 25px; line-height: 30px; margin: 0px 0px 10px 0px; } div.lpbild div.texte div.untertitelzielgruppe { position: relative; margin: -63px 0px 24px 31px; font-size: 30px; line-height: 35px; text-transform: uppercase; } div.lpbild div.texte h1.untertitelzielgruppe { position: relative; margin: -63px 0px 24px 31px; font-size: 30px; line-height: 35px; text-transform: uppercase; } div.lpbild div.texte div.text { color: #ffffff; font-family: 'Cabin', sans-serif; margin: 0px 0px 22px 0px; } div.lpbild div.texte div.aufzahlung { color: #ffffff; font-family: 'Cabin', sans-serif; font-size: 20px; line-height: 26px; } div.lpbild div.texte div.aufzahlung ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; position: relative; } div.lpbild div.texte div.aufzahlung ul li { background: url(/images/design/aufzahlung-header.png) no-repeat 0px 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; padding: 0px 0px 0px 32px; } div.lpbild div.texte div.text ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; } div.lpbild div.texte div.text ul li { background: url(/images/design/aufzahlung-header.png) no-repeat 0px 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; padding: 0px 0px 0px 32px; } div.lpbild div.liveedit { margin: 20px 0px 0px 0px; } div.lpbild div.liveeditnewitem { margin: 0px 0px 0px 0px; } div.videobox { margin: 0px 0px 40px 0px; } /* Landingpage Zielgruppe ___________________________________________________ */ div.listelp { margin: 0px 0px 0px 0px; } div.listelp div.textfarbe { background: url(/images/modules/landingpage/bg-lp-streifen-oben.png) repeat-x 0px 0px; width: 940px; margin: 0px 0px 0px -900px; padding: 0px 900px 0px 900px; color: #ffffff; } div.listelp div.textletztes { padding: 0px 0px 45px 0px; } div.listelp div.textletztes.textfarbe { padding: 0px 900px 45px 900px; } div.listelp div.textfarbe div.schattenunten { position: absolute; left: 0px; bottom: 0px; background: url(/images/modules/landingpage/bg-lp-streifen-unten.png) repeat-x 0px 0px; width: 100%; height: 153px; } div.listelp div.element { z-index: 1; position: relative; } div.listelp div.textfarbe { z-index: 0; position: relative; } div.listelp div.element div.text { line-height: 24px; width: 455px; position: relative; z-index: 2; } div.listelp div.element div.textrechts { float: right; display: inline; margin: 0px 5px 0px 0px; } div.listelp div.element div.textlinks { float: left; display: inline; } div.listelp div.element div.text h2 { width: 380px; font-size: 30px; line-height: 35px; color: #786754; text-transform: uppercase; margin: 0px 0px 13px 0px; } div.listelp div.element div.text div.vorspann { margin: 0px 0px 20px 0px; } div.listelp div.element div.textwide { float: left; display: inline; width: 775px; } div.listelp div.element div.textwide h2 { width: 775px; margin: 72px 0px 13px 0px; } div.listelp div.textfarbe div.text h2 { color: #ffffff; } div.listelp div.textfarbe div.text h2 a { color: #ffffff; } div.listelp div.textfarbe div.text h2 a:hover { color: #E4E0DC; } div.listelp div.textfarbe div.textrechts { float: right; display: inline; margin: 0px 5px 0px 0px; } div.listelp div.element div.bilderrechts { height: 478px; float: right; display: inline; position: relative; } div.listelp div.element div.bilderlinks { height: 440px; float: left; display: inline; position: relative; margin: 0px 0px 0px 0px; width: 470px; } div.listelp div.element div.bildalleinrechts { height: 377px; float: right; display: inline; position: relative; margin: 0px 0px 0px 0px; width: 470px; } div.listelp div.element div.bildalleinlinks { height: 377px; float: left; display: inline; position: relative; margin: 0px 0px 0px 0px; width: 470px; } div.listelp div.element div.bildgrossrechts { position: absolute; right: -10px; top: -37px; width: 499px; height: 396px; background: url(/images/design/bg-lpbild-rechts.png) no-repeat 0px 0px; } div.listelp div.element div.bildgrossrechts a { display: block; } div.listelp div.element div.bildgrosslinks { position: absolute; right: -10px; top: -37px; width: 499px; height: 396px; background: url(/images/design/bg-lpbild-links.png) no-repeat 0px 0px; } div.listelp div.element div.bildgrosslinks a { display: block; } div.listelp div.element div.bild1links { position: absolute; left: -15px; top: -37px; width: 479px; height: 375px; background: url(/images/design/bg-lpbild-links-gr.png) no-repeat 0px 0px; } div.listelp div.element div.bild1links a { display: block; } div.listelp div.element div.bild1rechts { position: absolute; right: -20px; top: -47px; width: 467px; height: 377px; background: url(/images/design/bg-lpbild-rechts-gr.png) no-repeat 0px 0px; } div.listelp div.element div.bild1rechts a { display: block; } div.listelp div.element div.bild2links { position: absolute; left: -21px; top: 197px; width: 356px; height: 279px; background: url(/images/design/bg-lpbild-links-kl.png) no-repeat 0px 0px; } div.listelp div.element div.bild2links a { display: block; } div.listelp div.element div.bild2rechts { position: absolute; right: -38px; top: 198px; width: 350px; height: 276px; background: url(/images/design/bg-lpbild-rechts-kl.png) no-repeat 0px 0px; } div.listelp div.element div.bild2rechts a { display: block; } div.listelp div.element div.angebotlinks { float: left; display: inline; margin: 0px 0px 0px -10px; } div.listelp div.element div.angebotrechts { float: right; display: inline; margin: 0px -10px 0px 0px; } div.listelp div.element div.teaserV1home { margin: 18px 0px 25px 0px; color: #786653; } div.listelp div.element div.textangebot { width: 595px; } div.listelp div.element div.textangebot h2 { width: 595px; } div.listelp div.element div.zimmerlinks { width: 340px; float: left; display: inline; margin: 0px 0px -40px -10px; } div.listelp div.element div.zimmerrechts { width: 340px; float: right; display: inline; margin: 0px -10px -40px 0px; } div.listelp div.element div.textzimmer { width: 510px; } div.listelp div.element div.textzimmer h2 { width: 510px; } /* Scrollgallery __________________________________________________________ */ div.scrollaussenlp { z-index: 9; position: relative; width: 1000px; height: 243px; left: 0px; top: 0px; margin: 0px 0px 68px 0px; } div.scrollgallerylp { width: 960px; height: 243px; left: 20px; top: 0px; position: relative; overflow: hidden; } div.scrollgallerylp div.scrollflache { width: 2000px; height: 243px; left: 0px; top: 0px; position: relative; } div.scrollgallerylp div.scrollflache div.effectobj { height: 243px; position: absolute; left: 0px; top: 0px; } div.scrollgallerylp div.scrollflache div.scrollelement { display: inline; float: left; background: url(/images/design/bg-lp-scroll.png) no-repeat 0px 0px; width: 240px; height: 243px; } div.scrollgallerylp div.scrollflache div.scrollelement img { margin: 20px 0px 0px 20px; } div.scrollgallerylp div.scrollflache div.scrollelement a.link { display: block; margin: 7px 0px 0px 20px; color: #786653; font-family: 'Cabin', sans-serif; width: 200px; text-align: center; font-size: 18px; line-height: 20px; } div.scrollgallerylp div.scrollflache div.scrollelement a.link:hover { color: #C0B4A6; } div.scrollaussenlp a.scrollnext { position: absolute; right: -5px; top: 59px; display: block; width: 72px; height: 74px; background: url(/images/modules/landingpage/scroll-next.png) no-repeat 0px 0px; z-index: 3; font-size: 1px; line-height: 1px; } div.scrollaussenlp a.scrollprev { position: absolute; left: -5px; top: 59px; display: block; width: 72px; height: 74px; background: url(/images/modules/landingpage/scroll-prev.png) no-repeat 0px 0px; z-index: 3; font-size: 1px; line-height: 1px; } div.scrollgallerylp div.effectobj div.liveedit { position: absolute; right: 20px; bottom: 20px; } div.scrollgallerylp div.liveeditnewitem { position: absolute; right: 20px; bottom: 40px; z-index: 3; } /* IntroV1 _______________________________________________________________ */ div.introV1 { margin: 0px 0px 30px 0px; } div.introV1 div.editbox { margin: 0px 0px 0px 0px; width: 700px; } div.introV1 div.image { margin: 65px 0px 0px 0px; position: relative; height: 530px; } div.introV1 div.image img { position: absolute; width: 100%; } div.introV1home { float: left; display: inline; width: 590px; margin: 55px 0px 45px 0px; } div.introV1home h1 { width: 460px; } div.introV1home div.editbox { margin: 0px 0px 29px 0px; width: 590px; } div.introV1 div.liveedit { margin: 20px 0px 0px 0px; } div.introV1 div.liveeditnewitem { margin: 0px 0px 0px 0px; } /* ImpressumV1 ___________________________________________________________ */ div.impressumV1 { margin: 0px 0px 60px 0px; } div.impressumV1 p { margin: 0px 0px 16px 0px; } div.impressumV1 img { clear: both; float: right; margin: 0px 0px 10px 10px; } div.holidaycheck { margin: 0px 0px 60px 0px; } /* z.B für Öffnen ____________________________________________ */ div.oben a.fullscreengallery { position: absolute; right: 520px; top: 5px; z-index: 10; width: 35px; height: 29px; color: #FFFFFF; text-align: center; font-size: 10px; line-height: 14px; text-transform: uppercase; padding: 0px 0px 0px 0px; background: url(/images/modules/fullscreengalleryV1/icon-auf.png) no-repeat top center; } div.oben a.fullscreengallery:hover { background: url(/images/modules/fullscreengalleryV1/icon-auf-hover.png) no-repeat top center; } /* FullscreenGallery _________________________________________ */ div.notfullscreengallerycontainer { position: relative; height: 600px; } div.notfullscreengallerycontainer div.fullscreengallery { position: relative; } div.notfullscreengallerycontainer div.fullscreengallery a.iconfotozu{ display: none; } div.fullscreengallery { position: fixed; _position: absolute; left: 0px; top: 0px; z-index: 80; min-width: 940px; width: 100%; height: 100%; background-color: #FFFFFF; overflow: hidden; text-align: left; } div.fullscreengallery div.loadoverlay { position: absolute; left: 0px; top: 0px; z-index: 15; width: 100%; height: 100%; min-width: 940px; background: url(/images/modules/fullscreengalleryV1/loader.gif) no-repeat center #FFFFFF; opacity: 0.5; filter: alpha(opacity = 50); } div.fullscreengallery div.fullscreenfade { position: absolute; left: 0px; top: 0px; z-index: 10; width: 100%; height: 100%; min-width: 940px; } div.fullscreengallery div.fullscreenfade div.fullscreenfadejob { position: absolute; left: -50%; top: -50%; height: 200%; width: 200%; } div.fullscreengallery div.scrollgalleryrahmen { position: absolute; left: 0px; top: 0px; z-index: 20; width: 100%; height: 100%; text-align: center; } div.fullscreengallery div.scrollgalleryrahmen a.fadezuruck { position: absolute; left: 40px; bottom: 50%; width: 45px; height: 73px; background: url(/images/modules/fullscreengalleryV1/fade-zuruck.png) no-repeat 0px 0px; font-size: 1px; line-height: 1px; z-index: 20; } div.fullscreengallery div.scrollgalleryrahmen a.fadeweiter { position: absolute; right: 40px; bottom: 50%; width: 45px; height: 73px; background: url(/images/modules/fullscreengalleryV1/fade-weiter.png) no-repeat 0px 0px; font-size: 1px; line-height: 1px; z-index: 20; } div.fullscreengallery div.scrollgalleryausen { position: relative; z-index: 20; margin: 0 auto; width: 940px; height: 100%; } div.fullscreengallery div.scrollgalleryausen a.zuruck { position: absolute; left: 0px; bottom: 58px; width: 32px; height: 49px; background: url(/images/modules/fullscreengalleryV1/scroll-zuruck.png) no-repeat 0px 0px; font-size: 1px; line-height: 1px; } div.fullscreengallery div.scrollgalleryausen a.weiter { position: absolute; right: 0px; bottom: 58px; width: 32px; height: 49px; background: url(/images/modules/fullscreengalleryV1/scroll-weiter.png) no-repeat 0px 0px; font-size: 1px; line-height: 1px; } div.fullscreengallery div.scrollgalleryausen div.logo { position: absolute; left: 0px; top: 0px; background-color: #FFFFFF; } div.fullscreengallery div.scrollgalleryausen div.logo a { margin: 12px 12px 12px 12px; float: left; display: inline; } div.fullscreengallery div.scrollgalleryausen a.iconfotozu { position: absolute; right: 0px; top: 26px; width: 100px; color: #FFFFFF; text-align: center; font-size: 10px; line-height: 14px; text-transform: uppercase; padding: 43px 0px 0px 0px; background: url(/images/modules/fullscreengalleryV1/icon-zu.png) no-repeat top center; } div.fullscreengallery div.scrollgallery { position: absolute; left: 98px; bottom: 28px; width: 750px; height: 108px; overflow: hidden; } div.fullscreengallery div.scrollflache { position: relative; left: 0px; top: 0px; height: 108px; } div.fullscreengallery div.scrollflache div.box { float: left; width: 150px; height: 108px; overflow: hidden; background: url(/images/modules/fullscreengalleryV1/scroll-box.png) no-repeat 3px 0px; } div.fullscreengallery div.scrollflache div.box div.bgimg { float: left; display: inline; margin: 5px 8px 5px 8px; padding: 0px 0px 0px 0px; background-color: #000000; } div.fullscreengallery div.scrollflache div.box img { cursor: pointer; float: left; display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.fullscreengallery div.scrollflache div.aktiv img { opacity: 0.6; filter: alpha(opacity = 60); } /* fadegalleryV8 _________________________________________________________ */ div.fadegalleryV8 { width: 1920px; height: 676px; overflow: hidden; position: relative; margin: 0px 0px 0px -490px; padding: 0px 0px 0px 0px; } div.fadegalleryV8 a.prev { position: absolute; left: 90px; top: 50%; z-index: 3; margin-top: -20px; } div.fadegalleryV8 a.next { position: absolute; right: 90px; top: 50%; z-index: 3; margin-top: -20px; } div.fadegalleryV8 div.bild { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; } div.fadegalleryV8 div.bild div.bildinnen { position: absolute; left: -50%; top: -50%; width: 200%; height: 200%; } div.fadegalleryV8 div.bild div.bildinnen table { width: 100%; height: 100%; } div.fadegalleryV8 div.bild div.bildinnen table td { vertical-align: middle; text-align: center; width: 100%; height: 100%; } div.fadegalleryV8 div.bild div.bildinnen table td img.bild { width: auto; display: inline; min-height: 50%; min-width: 50%; } div.fadegalleryV8 div.navi { position: relative; float: left; display: inline; margin: 0px 0px 10px 490px; z-index: 10; overflow: hidden; } div.fadegalleryV8 div.navi a.clickpoint { float: left; display: inline; cursor: pointer; width: 15px; height: 15px; margin: 0px 6px 0px 0px; background: url(/images/design/clickpoint.png) no-repeat 0px 0px; } div.fadegalleryV8 div.navi a.clickpoint.aktiv { background: url(/images/design/clickpoint-aktiv.png) no-repeat 0px 0px; } div.fadegalleryV8 div.boxaussen { position: relative; float: left; display: inline; margin: 0px 0px 10px 490px; z-index: 10; overflow: hidden; } div.fadegalleryV8 div.boxaussen:nth-child(2) { margin-top: 218px; } div.fadegalleryV8 div.boxaussenaktiv { } div.fadegalleryV8 div.titel { font-family: 'Libre Baskerville', serif; color: #786754; font-size: 22px; height: 35px; padding: 0px 9px 0px 9px; cursor: pointer; text-transform: none; background-color: #ffffff; line-height: 35px; } div.fadegalleryV8 div.boxaussenaktiv div.titel { font-family: 'Libre Baskerville', serif; cursor: default; color: #786754; background: url(/images/design/bg-headerbox.png) repeat 0px 0px transparent; text-transform: uppercase; } div.fadegalleryV8 div.boxinnen { font-size: 20px; height: 102px; overflow: hidden; background: url(/images/design/bg-headerbox.png) repeat 0px 0px transparent; } div.fadegalleryV8 div.boxinnen div.abstand { font-size: 0px; line-height: 0px; height: 14px; } div.fadegalleryV8 div.text { font-family: 'Libre Baskerville', serif; display: none; max-width: 610px; margin: 2px 20px 6px 20px; font-size: 22px; line-height: 30px; } div.fadegalleryV8 div.boxaussenaktiv div.text { } div.fadegalleryV8 a.link { margin: 0px 0px 10px 20px; float: left; display: inline; font-family: 'Cabin', sans-serif; font-size: 13px; line-height: 20px; } div.fadegalleryV8 a.link:hover { color: #786754; } div.fadegalleryV8 div.liveeditnewitem { position: absolute; right: 20px; bottom: 40px; z-index: 3; } /* DetailV1 ______________________________________________________________ */ div.detailV1 { } div.detailV1 div.bilder { clear: both; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; width: 100%; overflow: hidden; } div.detailV1 div.bilder img { margin: 0px 9px 0px 0px; padding: 0px 0px 0px 0px; vertical-align: top; } div.detailV1 div.editbox { width: 700px; margin: 0px 0px 46px 0px; } div.detailV1 div.editbox div.downloads { margin: 15px 0px 0px 0px; } div.detailV1 div.editboxoben { width: 700px; margin: 0px 0px 30px 0px; } div.detailV1 div.liveedit { margin: 0px 0px 20px 0px; } div.detailV1 img.bildlinks { float: left; display: inline; margin: 0px 20px 46px 0px; } div.detailV1 img.bildrechts { float: left; display: inline; margin: 0px 0px 46px 0px; } div.detailV1 a.zuruck { font-weight: bold; float: left; display: inline; margin: -18px 0px 35px 0px; position: relative; } div.detailV1 div.zielgruppenblock { text-align: center; position: relative; margin: 0px -10px 0px 0px; float: right; display: inline; width: 79px; height: 69px; background: url(/images/design/bg-zielgruppe-detail.png) no-repeat 0px 0px; } div.detailV1 div.zielgruppenblock a.kategorie { cursor: default; font-family: 'Lovers Quarrel', cursive; position: absolute; left: 10px; top: 0px; color: #ffffff; display: block; text-align: center; width: 59px; margin: 0px 0px 0px 0px; font-size: 30px; line-height: 59px; height: 59px; } div.detailV1 div.zielgruppenblock a.single { background-color: #E1BC47; } div.detailV1 div.zielgruppenblock a.together { background-color: #B75E55; } div.detailV1 div.zielgruppenblock a.family { background-color: #70AEA8; } div.detailV1 div.zielgruppenblock span.weiss { display: inline-block; font-size: 14px; line-height: 17px; text-align: left; margin: 15px 0px 0px 0px; } /* CookieT1 _______________________________________________________________ */ @media all { div.CookieT1OnPage { min-height: 70px; background-color: #e4e1dd; position: fixed; left: 0px; bottom: 0px; width: 100%; font-size: 14px; line-height: 18px; text-align: left; z-index: 50; } div.CookieT1OnPage.bottom { bottom: 0px; } div.CookieT1OnPage:before { content:''; position: absolute; left: 0px; top: 0px; height: 10px; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); } div.CookieT1OnPage div.inside { padding: 15px 15px 15px 15px; } div.CookieT1OnPage div.inside div.text { color: #786652; float: left; display: inline; padding: 0px 70px 0px 0px; } div.CookieT1OnPage div.inside div.text a { color: #ac9d66; } div.CookieT1OnPage div.inside a.icon { background-color: #cbc4bc; position: absolute; right: 0px; top: 0px; width: 70px; height: 70px; } div.CookieT1OnPage div.inside a.icon:before { color: #786652; content: '\D7'; position: absolute; left: 0px; top: 8px; width: 100%; text-align: center; font-size: 42px; line-height: 44px; font-family: Verdana, Geneva, sans-serif; } div.CookieT1 { margin: 0px 0px 40px 0px; } } @media (max-width: 1023px) { div.CookieT1OnPage { font-size: 13px; line-height: 17px; } } @media (max-width: 900px) { div.CookieT1OnPage div.inside a.icon { width: 50px; height: 50px; } div.CookieT1OnPage div.inside a.icon:before { top: 4px; font-size: 34px; line-height: 36px; } } @media (max-width: 720px) { div.CookieT1OnPage { font-size: 12px; line-height: 16px; } } /* ByCodeV1 ______________________________________________________________ */ div.bycodeV1 { margin: 0px 0px 15px 0px; } div.bycodeV1 div.bilder { clear: both; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; width: 100%; overflow: hidden; } div.bycodeV1 div.bilder img { margin: 0px 9px 0px 0px; padding: 0px 0px 0px 0px; vertical-align: top; } div.bycodeV1 div.editbox { width: 700px; margin: 0px 0px 46px 0px; } div.bycodeV1 div.editbox div.downloads { margin: 15px 0px 0px 0px; } div.bycodeV1 div.editboxoben { width: 700px; margin: 0px 0px 30px 0px; } div.bycodeV1 div.liveedit { margin: 0px 0px 20px 0px; } div.bycodeV1 img.bildlinks { float: left; display: inline; margin: 0px 20px 46px 0px; } div.bycodeV1 img.bildrechts { float: left; display: inline; margin: 0px 0px 46px 0px; } /* Breadcrumb ______________________________________________________________ */ div.breadcrumb { font-size: 12px; color: #786652; width: 100%; height: 49px; line-height: 49px; border-bottom: solid 1px #E4E0DC; } body.bodylpzielgruppe div.breadcrumb { line-height: 46px; height: 41px; overflow: hidden; } div.breadcrumb a span { color: #786652; } div.breadcrumb a:hover span { color: #A3927A; } div.breadcrumb span { color: #A3927A; } div.breadcrumb div { float: left; display: inline; background: url(/images/design/bg-trennpunkt.png) no-repeat 8px center; padding: 0px 0px 0px 18px; } div.breadcrumb div.beschreibung { background: transparent; padding: 0px 0px 0px 0px; } div.breadcrumb div.first { background: transparent; padding: 0px 0px 0px 0px; } /* Booking Pilot - Zusatzleistungen V1 ______________________________________ */ div.zusatzleistungenlisteV1 div.element { border-bottom: solid 1px #CBC4BC; padding: 8px 0px 8px 0px; } div.zusatzleistungenlisteV1 div.element div.name { width: 355px; float: left; display: inline; margin: 0px 0px 0px 19px; } div.zusatzleistungenlisteV1 div.element div.name a { font-weight: bold; } div.zusatzleistungenlisteV1 div.element div.dauer { width: 25%; float: left; display: inline; } div.zusatzleistungenlisteV1 div.element div.preis { width: 226px; float: right; display: inline; text-align: left; margin: 0px 19px 0px 0px; } div.zusatzleistungenlisteV1 div.element div.zusatzleistunginnen { margin: 10px 19px 0px 19px; } div.zusatzleistungenlisteV1 div.element div.editbox { margin: 0px 0px 12px 0px; } /* Bookingpilot Zimmerliste V1 _________________________________________ */ div.zimmerlisteV1 { } div.zimmerlisteV1.listeV1 div.element div.listemitbild { float: left; display: inline; margin: 18px 0px 0px 0px; width: 495px; } div.zimmerlisteV1 div.element a.preis { z-index: 6; display: block; font-family: 'Cabin', sans-serif; position: absolute; right: 6px; top: -10px; font-size: 12px; line-height: 17px; color: #ffffff; } div.zimmerlisteV1 div.element a.preis:hover { color: #E4E0DC; } div.zimmerlisteV1 div.element a.preis span.preis { font-size: 20px; line-height: 22px; } div.zimmerlisteV1 div.element a.preis span.preislinks { width: 10px; background: url(/images/modules/bookingpilot/angebotelisteV2/preis-links.png) no-repeat 0px 0px; float: right; display: inline; height: 77px; } div.zimmerlisteV1 div.element a.preis span.preismitte { min-width: 62px; text-align: right; padding: 24px 10px 0px 2px; background: url(/images/modules/bookingpilot/angebotelisteV2/preis-mitte.png) repeat-x 0px 0px; float: right; display: inline; height: 52px; } div.zimmerlisteV1 div.element a.preis span.preisrechts { width: 6px; background: url(/images/modules/bookingpilot/angebotelisteV2/preis-rechts.png) no-repeat 0px 0px; float: right; display: inline; height: 77px; } div.zimmerlisteV1 div.element div.labels { z-index: 5; position: absolute; right: 10px; top: 107px; } div.zimmerlisteV1 div.element div.labels div.titellabel { width: 84px; font-family: 'Cabin', sans-serif; font-size: 12px; line-height: 14px; text-align: center; margin: 0px 0px 5px 0px; } div.zimmerlisteV1 div.element div.labels div.label { font-size: 30px; font-family: 'Lovers Quarrel', cursive; color: #ffffff; text-align: center; width: 84px; height: 25px; line-height: 25px; overflow: hidden; margin: 0px 0px 5px 0px; } /* Booking Pilot Zimmer V1 ________________________________________________ */ div.zimmerdetailV2 { } div.zimmerdetailV2 a.zuruck { font-weight: bold; float: left; display: inline; margin: 0px 0px 35px 0px; position: relative; } div.zimmerdetailV2 img.imgzimmerdetail { float: left; display: inline; margin: 0px 22px 0px 0px; } div.zimmerdetailV2 div.textzimmer { min-height: 270px; position: relative; float: left; display: inline; width: 504px; } div.zimmerdetailV2 div.textzimmer div.innen { position: absolute; left: 0px; bottom: 0px; } div.zimmerdetailV2 div.textzimmer div.vorspann { font-size: 14px; line-height: 24px; margin: 0px 0px 15px 0px; } div.zimmerdetailV2 div.textzimmer div.preis { font-size: 14px; line-height: 24px; font-weight: bold; } div.zimmerdetailV2 div.textzimmer div.buttons { float: right; display: inline; } div.zimmerdetailV2 div.textzimmer div.buttons a.button { float: right; display: inline; margin: 0px 0px 0px 12px; } div.zimmerdetailV2 div.headline { background-color: #E4E0DC; line-height: 50px; margin: 40px 0px 0px 0px; } div.zimmerdetailV2 div.headline a.innen { display: block; padding: 0px 20px 0px 20px; } div.zimmerdetailV2 div.headline span.text { font-family: 'Cabin', sans-serif; float: left; display: inline; font-size: 24px; color: #786653; } div.zimmerdetailV2 div.headline a:hover span.text { color: #AC9D66; } div.zimmerdetailV2 div.headline span.einaus { float: right; display: inline; color: #735A39; font-size: 14px; } div.zimmerdetailV2 div.headline a:hover span.einaus { color: #AC9D66; } div.zimmerdetailV2 div.headline span.einaus span.ausblenden { float: left; } div.zimmerdetailV2 div.headline span.einaus span.einblenden { float: left; } div.zimmerdetailV2 div.preisliste { padding: 12px 12px 12px 12px; } div.zimmerdetailV2 div.preisliste table.preisezimmer { width: 100%; } div.zimmerdetailV2 div.preisliste table.preisezimmer th { text-indent: 8px; text-align: left; font-weight: bild; font-size: 14px; line-height: 30px; } div.zimmerdetailV2 div.preisliste table.preisezimmer td { text-indent: 8px; border-top: solid 1px #DFD5BF; line-height: 30px; font-size: 14px; } div.zimmerdetailV2 div.preisliste table.preisezimmer td.preis { text-align: center; } div.zimmerdetailV2 div.preisliste table.preisezimmer th.preis { text-align: center; } div.zimmerdetailV2 div.angebote { } div.zimmerdetailV2 div.angebote div.angeboteinnen { } div.zimmerdetailV2 div.angebote div.angeboteinnen div.element div.zeitraum { font-size: 14px; line-height: 24px; } div.zimmerdetailV2 div.angebote div.angeboteinnen div.element { border-top: solid 1px #DFD5BF; margin: 0px 0px 0px 0px; position: relative; } div.zimmerdetailV2 div.angebote div.angeboteinnen div.element:first-child { border: 0px; } div.zimmerdetailV2 div.angebote div.angeboteinnen div.element h2 { margin: 0px 0px 8px 0px; } div.zimmerdetailV2 div.angebote div.angeboteinnen div.element img.links { margin: 10px 21px 10px 10px; } div.zimmerdetailV2 div.angebote div.angeboteinnen div.element div.listemitbild { float: left; display: inline; margin: 15px 0px 0px 0px; width: 492px; } div.zimmerdetailV2 div.angebote div.angeboteinnen div.element div.listeohnebild { padding: 15px 15px 50px 15px; } div.zimmerdetailV2 div.angebote div.angeboteinnen div.element div.vorspann { margin: 0px 0px 0px 0px; } div.zimmerdetailV2 div.angebote div.angeboteinnen div.element div.buttons { position: absolute; right: 0px; bottom: 10px; } div.zimmerdetailV2 div.angebote div.angeboteinnen div.element div.buttons a.weiter { float: right; margin: 0px 15px 0px 0px; font-weight: bold; } div.zimmerdetailV2 div.zielgruppenblock { text-align: center; position: relative; margin: 0px -10px 0px 0px; float: right; display: inline; width: 79px; height: 69px; background: url(/images/design/bg-zielgruppe-detail.png) no-repeat 0px 0px; } div.zimmerdetailV2 div.zielgruppenblock a.kategorie { cursor: default; font-family: 'Lovers Quarrel', cursive; position: absolute; left: 10px; top: 0px; color: #ffffff; display: block; text-align: center; width: 59px; margin: 0px 0px 0px 0px; font-size: 30px; line-height: 59px; height: 59px; } div.zimmerdetailV2 div.zielgruppenblock a.single { background-color: #E1BC47; } div.zimmerdetailV2 div.zielgruppenblock a.together { background-color: #B75E55; } div.zimmerdetailV2 div.zielgruppenblock a.family { background-color: #70AEA8; } div.zimmerdetailV2 div.zielgruppenblock span.weiss { display: inline-block; font-size: 14px; line-height: 17px; text-align: left; margin: 15px 0px 0px 0px; } div.zimmerdetailV2 div.zimmerheadline { margin: 60px 0px 20px 0px; } div.zimmerdetailV2 div.zimmerheadline div.zimmeruberblick { font-family: 'Cabin', sans-serif; float: left; font-size: 30px; line-height: 36px; } div.zimmerdetailV2 div.zimmerheadline div.scroll { float: right; display: inline; } div.zimmerdetailV2 div.zimmerheadline div.scroll a.weiter { float: left; display: inline; width: 24px; height: 35px; background: url(/images/modules/bookingpilot/zimmerdetailV2/kalender-date-next.gif) no-repeat center center; font-size: 1px; line-height: 1px; } div.zimmerdetailV2 div.zimmerheadline div.scroll a.zuruck { float: left; display: inline; margin: 0px 10px 0px 0px; width: 24px; height: 35px; background: url(/images/modules/bookingpilot/zimmerdetailV2/kalender-date-prev.gif) no-repeat center center; font-size: 1px; line-height: 1px; } div.zimmerdetailV2 div.scrollgallery { position: relative; overflow: hidden; height: 255px; margin: 0px 0px 20px 0px; width: 960px; } div.zimmerdetailV2 div.scrollgallery div.effectobj { position: absolute; left: 0px; top: 0px; width: 100%; background-color: #FFFFFF; } div.zimmerdetailV2 div.scrollgallery div.gallery { float: left; margin: 0px 0px 0px -3px; width: 242px; height: 255px; background: url(/images/modules/bookingpilot/zimmerdetailV2/bg-zimmer-gallery.gif) no-repeat 0px 0px; } div.zimmerdetailV2 div.scrollgallery div.galleryfirst { margin: 0px 0px 0px 0px; } div.zimmerdetailV2 div.scrollgallery div.gallery img.bild { float: left; display: inline; margin: 17px 0px 0px 17px; } div.zimmerdetailV2 div.scrollgallery div.gallery h2 { font-weight: normal; margin: 0px 0px 0px 0px; padding: 6px 20px 0px 24px; line-height: 28px; } @media all { div.unitlastminute.list.default div.image img { float: left; display: inline; max-width: 100%; } div.unitlastminute.list.default div.rooms div.headline { font-size: calc(25em / 15); line-height: calc(29em / 25); padding: 0px 0px calc(10em / 15) 0px; border-bottom: solid 1px #E3E3E3; } div.unitlastminute.list.default div.rooms div.headline div.roomdate { float: left; display: inline; } div.unitlastminute.list.default div.rooms div.headline div.price { float: right; display: inline; text-align: right; } div.unitlastminute.list.default div.rooms div.priceinfotext { font-size: calc(11em / 25); line-height: calc(15em / 11); margin: calc(5em / 11) 0px 0px 0px; text-transform: none; } div.unitlastminute.list.default div.rooms div.room { padding: calc(20em / 15) 0px calc(20em / 15) 0px; border-bottom: solid 1px #E3E3E3; } div.unitlastminute.list.default div.rooms div.room div.image { width: calc(276% / 1170 * 100); float: left; display: inline; margin: 0px calc(20% / 1170 * 100) 0px 0px; } div.unitlastminute.list.default div.rooms div.room div.roomdata { float: left; display: inline; width: calc(500% / 1170 * 100); } div.unitlastminute.list.default div.rooms div.room div.roomdata div.namebox div.name { font-size: calc(20em / 15); line-height: calc(24em / 20); float: left; display: inline; } div.unitlastminute.list.default div.rooms div.room div.roomdata div.namebox a.details { margin: calc(3em / 15) 0px 0px calc(15em / 15); float: left; display: inline; } div.unitlastminute.list.default div.rooms div.room div.roomdata div.freerooms { color: #8C272B; margin: 0px 0px calc(12em / 15) 0px; } div.unitlastminute.list.default div.rooms div.room div.roomdata div.durationtext { } div.unitlastminute.list.default div.rooms div.room div.pricedata { float: right; display: inline; width: calc(350% / 1170 * 100); text-align: right; } div.unitlastminute.list.default div.rooms div.room div.pricedata div.price { } div.unitlastminute.list.default div.rooms div.room div.pricedata div.price div.newprice { font-size: calc(20em / 15); line-height: calc(24em / 20); display: inline; float: right; } div.unitlastminute.list.default div.rooms div.room div.pricedata div.price div.oldprice { margin: calc(3em / 15) 0px 0px calc(8em / 15); text-decoration: line-through; display: inline; float: right; } div.unitlastminute.list.default div.rooms div.room div.pricedata div.buttons { margin: calc(30em / 15) 0px 0px 0px; } div.unitlastminute.list.default div.rooms div.room div.pricedata div.buttons a.button { width: calc(200% / 350 * 100); display: inline-block; padding-right: 0px; padding-left: 0px; margin: calc(10em / 15) 0px 0px 0px; text-align: center; } div.unitlastminute.list.default div.rooms div.room div.pricedata div.buttons a.button span.mitte { padding: 0px 0px 0px 0px; } div.unitlastminute.list.default div.norooms div.text { margin: 0px 0px calc(20em / 15) 0px; } div.unitlastminute.list.default div.norooms a.button { float: left; display: inline; margin: 0px 0px 9px 0px; } div.unitlastminute.list.default div.image img { float: left; display: inline; max-width: 100%; } div.unitlastminute.list.default div.rooms div.headline { padding: 0px 0px calc(10em / 15) 0px; border-bottom: solid 1px #bbbbbb; } div.unitlastminute.list.default div.rooms div.headline div.roomdate { float: left; display: inline; } div.unitlastminute.list.default div.rooms div.headline div.price { float: right; display: inline; text-align: right; } div.unitlastminute.list.default div.rooms div.priceinfotext { margin: calc(5em / 11) 0px 0px 0px; text-transform: none; } div.unitlastminute.list.default div.rooms div.room { padding: calc(20em / 15) 0px calc(20em / 15) 0px; border-bottom: solid 1px #E3E3E3; } div.unitlastminute.list.default div.rooms div.room div.image { width: calc(276% / 1170 * 100); float: left; display: inline; margin: 0px calc(20% / 1170 * 100) 0px 0px; } div.unitlastminute.list.default div.rooms div.room div.roomdata { float: left; display: inline; width: calc(500% / 1170 * 100); } div.unitlastminute.list.default div.rooms div.room div.roomdata div.namebox div.name { float: left; display: inline; } div.unitlastminute.list.default div.rooms div.room div.roomdata div.namebox a.details { margin: calc(3em / 15) 0px 0px calc(15em / 15); float: left; display: none !important; } div.unitlastminute.list.default div.rooms div.room div.roomdata div.freerooms { color: #8C272B; margin: 0px 0px calc(12em / 15) 0px; } div.unitlastminute.list.default div.rooms div.room div.roomdata div.durationtext { } div.unitlastminute.list.default div.rooms div.room div.roomdata span.mealtype { font-weight: bold; } div.unitlastminute.list.default div.rooms div.room div.roomdata span.mealtype:before { content: ','; display: inline-block; margin-right: 5px; font-weight: normal; } div.unitlastminute.list.default div.rooms div.room div.pricedata { float: right; display: inline; width: calc(350% / 1170 * 100); text-align: right; } div.unitlastminute.list.default div.rooms div.room div.pricedata div.price { } div.unitlastminute.list.default div.rooms div.room div.pricedata div.price div.newprice { display: inline; float: right; } div.unitlastminute.list.default div.rooms div.room div.pricedata div.price div.oldprice { margin: calc(3em / 15) 0px 0px calc(8em / 15); text-decoration: line-through; display: inline; float: right; } div.unitlastminute.list.default div.rooms div.room div.pricedata div.buttons { margin: calc(30em / 15) 0px 0px 0px; } div.unitlastminute.list.default div.rooms div.room div.pricedata div.buttons a.button { width: calc(200% / 350 * 100); display: inline-block; padding-right: 0px; padding-left: 0px; margin: calc(10em / 15) 0px 0px 0px; text-align: center; } div.unitlastminute.list.default div.rooms div.room div.pricedata div.buttons a.button span.mitte { padding: 0px 0px 0px 0px; } div.unitlastminute.list.default div.norooms div.text { margin: 0px 0px calc(20em / 15) 0px; } div.unitlastminute.list.default div.norooms a.button { float: left; display: inline; margin: 0px 0px 9px 0px; } } /* Booking Pilot Preisliste V1 ____________________________________ */ div.preislisteV1 { position: relative; margin: 0px 0px 78px 0px; } div.preislisteV1 div.ajaxloading { position: absolute; left: 0px; top: 0px; z-index: 50; width: 100%; height: 100%; opacity: 0.6; filter: alpha(opacity = 60); background: url(/images/modules/bookingpilot/preislisteV1/loading.gif) no-repeat center 40px #FFFFFF; } div.preislisteV1 div.preise { position: relative; padding: 92px 0px 0px 0px; } div.preislisteV1 div.preise div.zeitraume { width: 100%; position: absolute; right: 0px; top: 0px; height: 92px; background-color: #FFFFFF; z-index: 10; } div.preislisteV1 div.preise div.zeitraumflache { position: relative; float: right; display: inline; overflow: hidden; } div.preislisteV1 div.preise div.zeitraumflacheinnen { height: 70px; } div.preislisteV1 div.preise div.zeitraume div.zeitraum { text-align: center; font-size: 14px; line-height: 14px; float: left; display: inline; text-align: center; height: 70px; } div.preislisteV1 div.preise div.zeitraume div.zeitraum span { padding: 14px 0px 0px 0px; display: block; } div.preislisteV1 div.preise div.zeitraume div.zeitraumbg { background-color: #F4F2F0; } div.preislisteV1 div.preise div.zeitraume a.preiszuruck { position: absolute; right: 797px; top: 18px; width: 24px; height: 35px; background: url(/images/modules/bookingpilot/preislisteV1/kalender-date-prev.gif) no-repeat center center; font-size: 1px; line-height: 1px; } div.preislisteV1 div.preise div.zeitraume a.preisweiter { position: absolute; right: -35px; top: 18px; width: 24px; height: 35px; background: url(/images/modules/bookingpilot/preislisteV1/kalender-date-next.gif) no-repeat center center; font-size: 1px; line-height: 1px; } div.preislisteV1 div.preise div.zeitraume a.disabled { opacity: 0.3; filter: alpha(opacity = 30); } div.preislisteV1 div.preise div.zimmer { overflow-x: hidden; } div.preislisteV1 div.preise div.zimmer div.zimmername { color: #786653; height: 50px; line-height: 50px; background-color: #E4E0DC; font-family: 'Cabin', sans-serif; } div.preislisteV1 div.preise div.zimmer div.zimmername div.zimmername { float: left; display: inline; font-size: 24px; line-height: 50px; margin: 0px 0px 0px 16px; } div.preislisteV1 div.preise div.zimmer div.zimmername div.linkszimmer { float: right; display: inline; margin: 0px 7px 0px 0px; } div.preislisteV1 div.preise div.zimmer div.zimmername div.linkszimmer a.weiter { padding: 0px 0px 0px 16px; background: url(/images/modules/bookingpilot/preislisteV1/bg-pl-down.gif) no-repeat 0px center; float: right; color: #735A39; line-height: 50px; } div.preislisteV1 div.preise div.zimmer div.zimmername div.linkszimmer a.weiter.offen { background: url(/images/modules/bookingpilot/preislisteV1/bg-pl-up.gif) no-repeat 0px center; } div.preislisteV1 div.preise div.zimmer div.zimmername div.linkszimmer a.weiter:hover { color: #AC9D66; } div.preislisteV1 div.preise div.zimmer div.zimmername div.linkszimmer a.button { float: right; margin: 9px 0px 0px 14px; } div.preislisteV1 div.preise div.zimmer div.zimmername div.linkszimmer a.button span { background-color: #DDDBDB; } div.preislisteV1 div.preise div.typen { width: 155px; float: left; display: inline; background-color: #FFFFFF; } div.preislisteV1 div.preise div.typen div.typeninnen { margin: 0px 0px 0px 22px; } div.preislisteV1 div.preise div.typen div.typeninnen span { display: block; line-height: 30px; font-size: 14px; } div.preislisteV1 div.preise div.preisflacheaussen { border-top: 0px; overflow: hidden; position: relative; float: right; display: inline; } div.preislisteV1 div.preise div.preisflache { overflow: hidden; } div.preislisteV1 div.preise div.preisflacheinnen { position: relative; left: 0px; top: 0px; } div.preislisteV1 div.preise div.zimmer div.preis { background-color: #FFFFFF; float: left; display: inline; text-align: center; line-height: 30px; font-size: 14px; } div.preislisteV1 div.preise div.zimmer div.preisbg { background-color: #F4F2F0; } div.preislisteV1 div.preise div.zimmerdetail { clear: both; display: none; border-bottom: solid 1px #F4F2F0; border-right: solid 1px #F4F2F0; border-left: solid 1px #F4F2F0; } div.preislisteV1 div.preise div.zimmerdetail img.links { margin: 0px 0px 0px -1px; } div.preislisteV1 div.preise div.zimmerdetail div.zimmertext { font-size: 14px; line-height: 24px; float: left; display: inline; width: 520px; margin: 15px 0px 10px 20px; } div.preislisteV1 div.preise div.zimmerdetail div.zimmertextbreit { width: auto; margin: 27px 20px 27px 20px; } div.preislisteV1 div.preise div.zimmerdetail a.skizze { margin: 0px 20px 0px 0px; float: left; display: inline; background: url(/images/modules/bookingpilot/preislisteV1/bg-pl-hell.gif) no-repeat 0px center; padding: 0px 0px 0px 16px; } div.preislisteV1 div.preise div.zimmerdetail a.weiter { margin: 0px 20px 0px 0px; float: left; display: inline; background: url(/images/modules/bookingpilot/preislisteV1/bg-pl-hell.gif) no-repeat 0px center; padding: 0px 0px 0px 16px; } Onpage ___________________________________________________________________ */ div.onpageformular { } div.onpageformular div.formWrapper { display: inline-block; } div.onpageformular label { font-weight: normal; margin: 0px 0px 0px 0px; } div.onpageformular div .aktivV1, div.onpageformular div .aktivV2 { background: none; } div.onpageformular div.innen { font-size: 14px; position: relative; clear: both; width: 1170px; margin: 10px auto; text-align: left; } div.onpageformular span.titel { float: left; display: inline-block; color: #ffffff; text-transform: uppercase; font-family: 'Cabin', sans-serif; font-size: 18px; line-height: 56px; margin: 0px 15px 0px 0px; font-weight: normal; } div.onpageformular div.selectfield span.field, div.onpageformular div.inputfield input { width: auto; color: #786652; } div.onpageformular div.innen div.row { display: inline-block; margin: 0px 10px 0px 0px; } div.onpageformular div.innen div.row label { display: block; width: auto; float: none; } div.onpageformular div.innen div.selectfield { display: block; float: none; padding: 0px 0px 0px 0px; } div.onpageformular div.innen div.inputfield { padding: 0px 0px 0px 0px; } div.onpageformular div.innen div.selectfield span.select { margin: 0px 24px 0px 0px; } div.onpageformular div.innen div.selectfield span.field span.selecticon { top: 12px; } div.onpageformular div.innen div.selectfield span.field, div.onpageformular div.innen div.calendar div.calendarfield input, div.onpageformular div.innen div.inputfield input { border-radius: 0; text-indent: 4px; height: 26px; line-height: 26px; width: 80px; font-size: 14px; } div.onpageformular div.innen div.calendar div.calendarfield input { width: 80px; } div.onpageformular div.innen div.row.checkbox { width: 60px; } div.onpageformular div.innen div.selectfield.salutation span.field { width: 80px; } div.onpageformular div.innen div.selectfield.inline span.field { width: 42px; } div.onpageformular div.innen div.calendar div.calendarfield a.kalenderopener { float: right; display: inline; margin: -1px 0px 0px 0px; width: 27px; height: 29px; background: url(/images/modules/bookingpilot/onpage-formular/icon-kalender.gif) no-repeat 0px 0px; font-size: 1px; line-height: 1px; } div.onpageformular div.innen div.childouter { display: inline-block; position: relative; } div.onpageformular div.innen div.childbox { width: 266px; position: absolute; left: 0; top: -90px; background-color: #786855; padding: 10px; } div.onpageformular div.innen div.childbox div.row.select { display: inline-block; float: none; margin: 0px 0px 0px 10px; } div.onpageformular div.innen div.childbox div.row.select:first-child { margin-left: 0; } div.onpageformular div.innen a.senden { margin: 16px 0px 0px 0px; } div.onpageformular div.fehlerV1, div.onpageformular div.fehlerV2 { background: none; } div.onpageformular div.row.checkbox div.fehler + label.extralabel { margin: 0px 0px 0px 4px; } div.onpageformular div.innen div.erroricon { top: 5px; } div.onpageformular div.innen div.calendar div.erroricon { background: none; right: 36px; } div.onpageformular div.innen div.row.checkbox div.erroricon { background: none; top: 0px; left: 48px; } div.kalender { position: fixed !important; bottom: 10px; } /* Kalender ______________________________________________________________ */ div.onpagekalendercontainer { z-index: 100; } div.onpagekalender { background-color: #FFFFFF; border: solid 1px #AAAAAA; width: 240px; position: fixed; bottom: 40px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; z-index: 100; } div.onpagekalender a.prev { position: absolute; left: 5px; top: 5px; background: url(/images/modules/bookingpilot/onpage-formular/onpagekalender-date-prev.png) no-repeat center center; display: block; width: 24px; height: 24px; text-decoration: none; cursor: pointer; text-indent: -50px; overflow: hidden; } div.onpagekalender a.prev:hover { background: url(/images/modules/bookingpilot/onpage-formular/kalender-date-prev-hover.png) no-repeat center center; left: 4px; top: 4px; border: solid 1px #999999; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } div.onpagekalender a.next { position: absolute; right: 5px; top: 5px; background: url(/images/modules/bookingpilot/onpage-formular/onpagekalender-date-next.png) no-repeat center center; display: block; width: 24px; height: 24px; text-decoration: none; cursor: pointer; text-indent: -50px; overflow: hidden; } div.onpagekalender a.next:hover { background: url(/images/modules/bookingpilot/onpage-formular/onpagekalender-date-next-hover.png) no-repeat center center; right: 4px; top: 4px; border: solid 1px #999999; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } div.onpagekalender a.calendarclose { position: absolute; right: -8px; top: -8px; width: 17px; height: 17px; cursor: pointer; text-decoration: none; background: url(/images/modules/bookingpilot/onpage-formular/kalender-close.png) no-repeat 0px 0px; overflow: hidden; text-indent: -100px; } div.onpagekalender div.onpagekalenderbox { float: left; display: inline; padding: 0px 0px 10px 0px; width: 240px; } div.onpagekalender div.onpagekalenderbox b { text-align: center; background: url(/images/modules/bookingpilot/onpage-formular/kalender-date.png) repeat-x center center #CCCCCC; border: solid 1px #AAAAAA; color: #222222; font-size: 13px; line-height: 25px; display: block; margin: 2px 2px 2px 2px; padding: 2px 0px 2px 0px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } div.onpagekalender div.onpagekalenderbox table { margin: 0px 0px 0px 10px; float: left; display: inline; width: 217px; } div.onpagekalender div.onpagekalenderbox table th { color: #3C3C3C; text-align: center; width: 31px; height: 31px; padding: 0px 0px 0px 0px; } div.onpagekalender div.onpagekalenderbox table td { border: 0px; color: #FFFFFF; text-align: center; width: 31px; height: 31px; padding: 0px 0px 0px 0px; } div.onpagekalender div.onpagekalenderbox table td a { background: url(/images/modules/bookingpilot/onpage-formular/kalender-td-default.png) repeat-x center center #E6E6E6; border: solid 1px #D3D3D3; color: #555555; line-height: 27px; display: block; margin: 2px 0px 0px 2px; width: 27px; height: 27px; text-decoration: none; } div.onpagekalender div.onpagekalenderbox table td a:hover { background: url(/images/modules/bookingpilot/onpage-formular/kalender-td-hover.png) repeat-x center center #DADADA; border: solid 1px #999999; color: #212121; } div.onpagekalender div.onpagekalenderbox table td span { background: url(/images/modules/bookingpilot/onpage-formular/kalender-td-default.png) repeat-x center center #E6E6E6; border: solid 1px #D3D3D3; color: #555555; opacity: 0.35; filter: alpha(opacity = 35); line-height: 27px; display: block; margin: 2px 0px 0px 2px; width: 27px; height: 27px; text-decoration: none; } div.onpagekalender div.onpagekalenderbox table td.heute { color: #785547; } div.onpagekalender div.onpagekalenderbox table td.heute a { background: #FFFFFF; border: solid 1px #D3D3D3; color: #363636; } div.onpagekalender div.onpagekalenderbox table td a.selectstart { background: #50742F; color: #FFFFFF; border: 2px solid #345F0D; border-right: none; width: auto; height: 25px; line-height: 25px; opacity: 1.0; filter: alpha(opacity = 100); } div.onpagekalender div.onpagekalenderbox table td a.selected { background: #A9BF00; color: #FFFFFF; border-top: 2px solid #345F0D; border-bottom: 2px solid #345F0D; height: 26px; line-height: 26px; opacity: 1.0; filter: alpha(opacity = 100); } div.onpagekalender div.onpagekalenderbox table td a.selectend { background: url(/images/modules/bookingpilot/onpage-formular/date-delete.png) no-repeat right top #50742F; color: #FFFFFF; border: 2px solid #345F0D; border-left: none; width: auto; height: 26px; line-height: 26px; opacity: 1.0; filter: alpha(opacity = 100); } div.onpagekalender div.onpagekalenderbox table td div.onpagekalenderopen{ float: left; position: relative; width: 0px; height: 0px; } /* Booking Pilot - Kinderpreisliste _____________________________________ */ div.kinderpreiseV1 table.kinderpreise { width: 100%; border: solid 1px #F4F2F0; margin: 0px 0px 60px 0px; } div.kinderpreiseV1 table.kinderpreise th { background-color: #E4E0DC; font-weight: normal; height: 35px; line-height: 35px; color: #ffffff; padding: 5px 0px 5px 0px; text-align: center; border-bottom: solid 1px #F4F2F0; } div.kinderpreiseV1 table.kinderpreise td.alter { width: 20%; text-align: left; padding: 0px 0px 0px 15px; line-height: 30px; height: 30px; } div.kinderpreiseV1 table.kinderpreise td { font-size: 14px; text-align: center; border-bottom: solid 1px #F4F2F0; padding: 3px 0px 3px 0px; } @media all { div.unitinlineapi.request.default { padding-bottom: 10em; } div.unitinlineapi.request.default div.intro { margin-top: 0px; } div.unitinlineapi.request.default form div.row.input div.inputfield, div.unitinlineapi.request.default form div.row.calendar div.calendarfield { overflow: hidden; } div.unitinlineapi.request.default form div.row.calendar input { width: 100%; box-sizing: border-box; margin: 0px; border: 0px; } div.unitinlineapi.request.default form div.row { position: relative; } div.unitinlineapi.request.default form div.row.input div.inputfield { position: static; } div.unitinlineapi.request.default form div.inputfield input { position: static; width: 100%; margin: 0px; box-sizing: border-box; border: 0px; } div.unitinlineapi.request.default form div.row.calendar div.calendarfield a.kalenderopener { width: 21px; height: 19px; position: absolute; right: 5px; top: 28px; z-index: 2; } div.unitinlineapi.request.default form div.row.input div.inputfield, div.unitinlineapi.request.default form div.calendar div.calendarfield { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border: solid 1px #CBC4BC; } div.unitinlineapi.request.default form div.calendar div.calendarfield a.kalenderopener { background: none; } div.unitinlineapi.request.default form div.selectfield span.field { width: 100%; position: absolute; top: 0px; left: 0px; height: 100%; line-height: 34px; } div.unitinlineapi.request.default form div.selectfield span.select { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; box-sizing: border-box; margin: 0px; } div.unitinlineapi.request.default div.offers { margin: 30px 0px 0px 0px; } div.unitinlineapi.request.default div.offers div.offer { margin: 20px 0px 0px 0px; } div.unitinlineapi.request.default div.offers div.offer div.image { width: calc(275% / 1170 * 100); margin: 0px calc(20% / 1170 * 100) 0px 0px; float: left; display: inline; } div.unitinlineapi.request.default div.offers div.offer div.textbox { margin: 0px 0px calc(15em / 15) 0px; } div.unitinlineapi.request.default div.offers div.offer div.textbox.withimg { width: calc(855% / 1170 * 100); max-width: 700px; float: left; display: inline; } div.unitinlineapi.request.default div.offers div.offer div.textbox.withoutimg { max-width: 995px; } div.unitinlineapi.request.default div.offers div.offer div.textbox div.titelbox { font-size: calc(20em / 15); line-height: calc(24em / 20); margin: 0px 0px calc(15em / 15) 0px; } div.unitinlineapi.request.default div.offers div.offer div.textbox div.titelbox div.titel { } div.unitinlineapi.request.default div.offers div.offer div.textbox div.titelbox div.price { font-weight: bold; margin-top: 10px; } div.unitinlineapi.request.default div.offers div.offer div.textbox div.period { margin: 0px 0px calc(8em / 15) 0px; } div.unitinlineapi.request.default div.requestinfobox { margin: calc(50em / 15) 0px 0px 0px; } div.unitinlineapi.request.default div.requestinfobox div.table { background-color: #DDDBDB; margin: calc(7em / 15) 0px 0px 0px; padding: calc(15em / 15) calc(25% / 1170 * 100) calc(15em / 15) calc(25% / 1170 * 100); } div.unitinlineapi.request.default div.requestinfobox div.table div.row { border-top: solid 1px #D1D1D1; padding: calc(8em / 15) 0px calc(8em / 15) 0px; } div.unitinlineapi.request.default div.requestinfobox div.table div.row:first-child { border: 0px; } div.unitinlineapi.request.default div.requestinfobox div.table div.row div.cell { float: left; display: inline; } div.unitinlineapi.request.default div.requestinfobox div.table div.row div.cell.first { width: calc(240% / 1120 * 100); max-width: 220px; font-weight: bold; } div.unitinlineapi.request.default div.requestinfobox div.table div.row div.cell.second { width: calc(860% / 1120 * 100); float: right; } div.unitinlineapi.request.default div.requestdata div.formcontent div.row, div.unitinlineapi.request.default div.personalform div.formcontent div.row { margin-bottom: calc(22em / 15); } div.unitinlineapi.request.default div.requestdata div.formcontent div.row label.label, div.unitinlineapi.request.default div.personalform div.formcontent div.row label.label { font-size: em(13,15)em; width: auto; float: none; display: block; margin-top: 0px; } div.unitinlineapi.request.default div.requestdata div.formcontent div.row label.label.pflichtfeld, div.unitinlineapi.request.default div.personalform div.formcontent div.row label.label.pflichtfeld { font-weight: normal; } div.unitinlineapi.request.default div.personalform div.formcontent div.row.input label.label, div.unitinlineapi.request.default div.personalform div.formcontent div.row.select label.label, div.unitinlineapi.request.default div.personalform div.formcontent div.row.calendar label.label { margin-right: 0px; } div.unitinlineapi.request.default div.requestdata div.formcontent div.row.calendar div.calendarfield, div.unitinlineapi.request.default div.requestdata div.formcontent div.row.input div.inputfield, div.unitinlineapi.request.default div.requestdata div.formcontent div.row.select div.selectfield, div.unitinlineapi.request.default div.personalform div.formcontent div.row.input div.inputfield, div.unitinlineapi.request.default div.personalform div.formcontent div.row.select div.selectfield { position: static; width: auto; float: none; display: block; background-color: #FFFFFF; } div.unitinlineapi.request.default div.requestdata div.formcontent div.row.calendar div.calendarfield input { width: 100%; } div.unitinlineapi.request.default div.requestdata div.formcontent div.row.select div.selectfield { position: relative; left: auto; top: auto; } div.unitinlineapi.request.default div.personalform div.formcontent div.row.select div.selectfield { position: relative; left: auto; top: auto; } div.unitinlineapi.request.default form div.selectfield select { position: absolute; box-sizing: border-box; } div.unitinlineapi.request.default form div.selectfield svg { position: absolute !important; left: auto !important; right: 4px !important; top: 0px !important; width: 10px; } div.unitinlineapi.request.default div.requestdata div.formcontent div.roompreview { display: inline-block; margin-bottom: calc(22em / 15); width: 100%; background-color: #DDDDDD; } div.unitinlineapi.request.default div.requestdata div.formcontent div.roompreview.hidden { display: none; } div.unitinlineapi.request.default div.requestdata div.formcontent div.roompreview div.previewbox { display: block; } div.unitinlineapi.request.default div.requestdata div.formcontent div.roompreview div.previewbox div.previewboximage { margin-right: calc(30% / 870 * 100); float: left; display: initial; } div.unitinlineapi.request.default div.requestdata div.formcontent div.roompreview div.previewbox div.previewboximage img { display: block; max-width: 100%; } div.unitinlineapi.request.default div.requestdata div.formcontent div.roompreview div.previewbox div.previewboximage.hidden { display: none; } div.unitinlineapi.request.default div.requestdata div.formcontent div.roompreview div.previewbox div.previewboxoverview { padding: calc(30% / 870 * 100) calc(30% / 870 * 100) calc(30% / 870 * 100) 0px; } div.unitinlineapi.request.default div.requestdata div.formcontent div.roompreview div.previewbox div.previewboxoverview div.previewboxheadline { } div.unitinlineapi.request.default div.requestdata div.formcontent div.roompreview div.previewbox div.previewboxoverview div.previewboxsubheadline { } div.unitinlineapi.request.default div.requestdata div.formcontent div.roompreview div.previewbox div.previewboxoverview div.previewboxdescription { padding-left: calc(35% / 870 * 100); } div.unitinlineapi.request.default div.personalform div.formcontent div.addressdata div.vehicleNumberPlatebox { display: inline-block; width: calc(362% / 1170 * 100); } div.unitinlineapi.request.default div.personalform div.formcontent div.addressdata div.vehicleNumberPlatebox div.row { margin: 0px 0px 0px 0px; float: left; width: 100%; } div.unitinlineapi.request.default div.personalform div.formcontent div.addressdata div.vehicleVehicleTypebox { display: inline-block; vertical-align: top; margin-left: calc(25% / 1170 * 100); width: calc(362% / 1170 * 100); } div.unitinlineapi.request.default div.personalform div.formcontent div.addressdata div.vehicleVehicleTypebox div.row { width: 100%; } div.unitinlineapi.request.default div.requestdata { background-color: #DDDBDB; margin: calc(50em / 15) 0px 0px 0px; padding: calc(30em / 15) calc(30em / 15) calc(15em / 15) calc(30em / 15); } div.unitinlineapi.request.default div.requestdata.withinfobox { margin-top: 0px; padding-top: 0px; } div.unitinlineapi.request.default div.requestdata div.headlinebox { position: relative; max-width: 870px; } div.unitinlineapi.request.default div.requestdata div.headline { font-size: calc(30em / 15); line-height: calc(34em / 30); padding: 0px 0px calc(23em / 30) 0px; max-width: 870px; border-bottom: solid 1px #D1D1D1; } div.unitinlineapi.request.default div.requestdata div.headlinebox div.requiredinfobox { font-size: calc(13em / 15); position: absolute; right: 0px; top: calc(8em / 13); } div.unitinlineapi.request.default div.requestdata div.formcontent { margin: calc(24em / 15) 0px 0px 0px; max-width: 870px; } div.unitinlineapi.request.default div.requestdata div.formcontent div.datebox div.row { width: calc(270% / 870 * 100); margin-left: calc(30% / 870 * 100); clear: none; float: left; display: inline; } div.unitinlineapi.request.default div.requestdata div.formcontent div.datebox div.row:first-child { margin-left: 0px; } div.unitinlineapi.request.default div.requestdata div.formcontent div.datebox div.row.morefields { margin-top: calc(30em / 15); } div.unitinlineapi.request.default div.requestdata div.formcontent div.mealtype { margin: calc(8em / 15) 0px 0px 0px; padding: calc(25em / 15) 0px 0px 0px; border-top: solid 1px #D3D3D3; } div.unitinlineapi.request.default div.requestdata div.formcontent div.mealtype.firstbox { border-top: 0px; margin-top: 0px; padding-top: 0px; } div.unitinlineapi.request.default div.requestdata div.formcontent div.mealtype div.row { width: calc(270% / 870 * 100); clear: none; float: left; display: inline; } div.unitinlineapi.request.default div.requestdata div.formcontent div.roomtypebox { margin: calc(8em / 15) 0px 0px 0px; padding: calc(25em / 15) 0px 0px 0px; border-top: solid 1px #D3D3D3; } div.unitinlineapi.request.default div.requestdata div.formcontent div.roomtypebox.firstbox { border-top: 0px; margin-top: 0px; padding-top: 0px; } div.unitinlineapi.request.default div.requestdata div.formcontent div.roomtypebox div.row { width: calc(270% / 870 * 100); margin-left: calc(30% / 870 * 100); clear: none; float: left; display: inline; } div.unitinlineapi.request.default div.requestdata div.formcontent div.roomtypebox div.row.morefields { width: auto; float: none; display: block; margin-left: 0px; margin-bottom: calc(22em / 15); } div.unitinlineapi.request.default div.requestdata div.formcontent div.roomtypebox div.roombox div.row:first-child, div.unitinlineapi.request.default div.requestdata div.formcontent div.roomtypebox div.childrenbox div.row:first-child { margin-left: 0px; } div.unitinlineapi.request.default div.requestdata div.formcontent div.moreinfodata { margin: calc(8em / 15) 0px 0px 0px; padding: calc(25em / 15) 0px 0px 0px; border-top: solid 1px #D3D3D3; } div.unitinlineapi.request.default div.requestdata div.formcontent div.moreinfodata.firstbox { border-top: 0px; margin-top: 0px; padding-top: 0px; } div.unitinlineapi.request.default div.requestdata div.formcontent div.moreinfodata div.row.textarea div.textarea { width: 100%; max-width: 561px; } div.unitinlineapi.request.default div.requestdata div.formcontent div.moreinfodata div.row.textarea div.textarea textarea { height: calc(150em / 15); } div.unitinlineapi.request.default div.requestdata div.formcontent div.row.textarea div.comment textarea { width: calc(325% / 870 * 100); height: calc(80em / 15); } div.unitinlineapi.request.default div.requestdata div.formcontent div.urlaubsartlabel { width: calc(270% / 870 * 100); float: left; display: inline; margin-right: calc(30% / 870 * 100); } div.unitinlineapi.request.default div.requestdata div.formcontent div.urlaubsartbox { width: calc(270% / 870 * 100); float: left; display: inline; } div.unitinlineapi.request.default div.requestdata div.formcontent div.urlaubsartbox div.row.checkbox { margin-bottom: calc(8em / 15); } div.unitinlineapi.request.default div.requestdata div.formcontent div.urlaubsartbox label.label { display: none; } div.unitinlineapi.request.default div.requestdata div.formcontent div.urlaubsartbox label.extralabel { display: inline; } div.unitinlineapi.request.default div.personalform { background-color: #DDDBDB; margin: calc(50em / 15) 0px 0px 0px; padding: calc(30em / 15) calc(30em / 15) calc(35em / 15) calc(30em / 15); } div.unitinlineapi.request.default div.personalform div.headlinebox { position: relative; max-width: 870px; } div.unitinlineapi.request.default div.personalform div.headline { font-size: calc(30em / 15); line-height: calc(34em / 30); padding: 0px 0px calc(23em / 30) 0px; max-width: 870px; border-bottom: solid 1px #D1D1D1; } div.unitinlineapi.request.default div.personalform div.headlinebox div.requiredinfobox { font-size: calc(13em / 15); position: absolute; right: 0px; top: calc(8em / 13); } div.unitinlineapi.request.default div.personalform div.formcontent { margin: calc(24em / 15) 0px 0px 0px; max-width: 870px; } div.unitinlineapi.request.default div.personalform div.formcontent div.personaldata div.row { width: calc(270% / 870 * 100); margin-left: calc(30% / 870 * 100); clear: none; float: left; display: inline; } div.unitinlineapi.request.default div.personalform div.formcontent div.personaldata div.person div.row:first-child, div.unitinlineapi.request.default div.personalform div.formcontent div.personaldata div.salutation div.row:first-child { margin-left: 0px; } div.unitinlineapi.request.default div.personalform div.formcontent div.addressdata { margin: calc(8em / 15) 0px 0px 0px; padding: calc(25em / 15) 0px 0px 0px; border-top: solid 1px #D3D3D3; } div.unitinlineapi.request.default div.personalform div.formcontent div.addressdata div.row { margin-left: calc(30% / 870 * 100); clear: none; float: left; display: inline; } div.unitinlineapi.request.default div.personalform div.formcontent div.addressdata div.addressbox div.row { width: calc(170% / 870 * 100); } div.unitinlineapi.request.default div.personalform div.formcontent div.addressdata div.addressbox div.row.address { width: calc(270% / 870 * 100); margin-left: 0px; } div.unitinlineapi.request.default div.personalform div.formcontent div.addressdata div.addressbox div.row.street { width: calc(169% / 870 * 100); margin-left: 0px; } div.unitinlineapi.request.default div.personalform div.formcontent div.addressdata div.addressbox div.row.streetnr { width: calc(70% / 870 * 100); } div.unitinlineapi.request.default div.personalform div.formcontent div.addressdata div.contactbox div.row { width: calc(270% / 870 * 100); } div.unitinlineapi.request.default div.personalform div.formcontent div.addressdata div.contactbox div.row:first-child { margin-left: 0px; } div.unitinlineapi.request.default div.personalform div.formcontent div.howfindus { } div.unitinlineapi.request.default div.personalform div.formcontent div.howfindus div.row { width: calc(270% / 870 * 100); } div.unitinlineapi.request.default div.personalform div.formcontent div.stornoprivacy { margin: calc(8em / 15) 0px 0px 0px; padding: calc(25em / 15) 0px 0px 0px; border-top: solid 1px #D3D3D3; border-bottom: solid 1px #D3D3D3; } div.unitinlineapi.request.default div.personalform div.formcontent div.stornoprivacy div.row.checkbox { border-top: solid 1px #D3D3D3; margin-bottom: calc(17em / 15); padding: 0px; } div.unitinlineapi.request.default div.personalform div.formcontent div.stornoprivacy div.row.checkbox:first-child { border-top: 0px; padding-top: 0px; } div.unitinlineapi.request.default div.personalform div.formcontent div.stornoprivacy div.row.checkbox div.erroricon { background: transparent; } div.unitinlineapi.request.default div.personalform div.formcontent div.stornoprivacy div.row.checkbox label.label { width: 200px; float: left; display: inline; } div.unitinlineapi.request.default div.personalform div.formcontent div.stornoprivacy div.row.checkbox label.extralabel { width: auto; font-size: calc(15em / 15); max-width: 500px; } div.unitinlineapi.request.default div.personalform div.formcontent div.stornoprivacy div.row.checkbox div.extralabel { width: calc(670% / 870 * 100); max-width: 500px; float: left; display: inline; } div.unitinlineapi.request.default div.personalform div.formcontent div.stornoprivacy div.row.checkbox div.fehler + div.extralabel { margin: 0px 0px 0px calc(28em / 15); } div.unitinlineapi.request.default div.personalform div.formcontent div.stornoprivacy div.row.checkbox div.privacytext { margin: calc(10em / 15) 0px 0px 0px; } div.unitinlineapi.request.default div.personalform div.formcontent a.senden { margin: calc(30em / 20) 0px 0px 0px; } div.unitinlineapi.request.default div.personalform div.formcontent a.senden.button { font-size: calc(20em / 15); margin: calc(30em / 20) 0px 0px 0px; padding: calc(20em / 20) calc(20em / 20) calc(20em / 20) calc(20em / 20); float: right; } div.unitinlineapi.request.default form div.row.select div.selectfield { line-height: 30px; height: 30px; text-indent: 4px; } div.unitinlineapi.request.default form div.inputfield input { line-height: 30px; height: 30px; text-indent: 4px; } } @media (max-width: 770px) { div.unitinlineapi.request.default div.offers div.offer div.image { display: none; } div.unitinlineapi.request.default div.offers div.offer div.textbox.withimg { width: auto; float: none; display: block; } div.unitinlineapi.request.default div.requestdata div.formcontent div.datebox div.row.morefields { width: auto; clear: both; display: block; float: none; margin-left: 0px; margin-top: 0px; } div.unitinlineapi.request.default div.requestdata div.headlinebox div.requiredinfobox, div.unitinlineapi.request.default div.personalform div.headlinebox div.requiredinfobox { margin-top: 1em; position: static; right: auto; top: auto; } } @media (max-width: 650px) { div.unitinlineapi.request.default div.requestdata div.formcontent div.roompreview div.previewbox div.previewboximage { margin: calc(30% / 870 * 100); width: calc(810% / 870 * 100); } div.unitinlineapi.request.default div.requestdata div.formcontent div.roompreview div.previewbox div.previewboximage img { width: 100%; } div.unitinlineapi.request.default div.requestdata div.formcontent div.roompreview div.previewbox div.previewboximage.hidden { display: none; } div.unitinlineapi.request.default div.requestdata div.formcontent div.roompreview div.previewbox div.previewboxoverview { padding: calc(30% / 870 * 100); } div.unitinlineapi.request.default div.requestdata div.formcontent div.roompreview div.previewbox div.previewboxoverview div.previewboxdescription { padding-left: calc(0% / 870 * 100); } } @media (max-width: 480px) { div.unitinlineapi.request.default div.requestdata div.formcontent div.datebox div.row, div.unitinlineapi.request.default div.requestdata div.formcontent div.mealtype div.row, div.unitinlineapi.request.default div.requestdata div.formcontent div.roomtypebox div.row, div.unitinlineapi.request.default div.personalform div.formcontent div.personaldata div.row, div.unitinlineapi.request.default div.personalform div.formcontent div.addressdata div.row, div.unitinlineapi.request.default div.personalform div.formcontent div.addressdata div.addressbox div.row, div.unitinlineapi.request.default div.personalform div.formcontent div.addressdata div.addressbox div.row.address, div.unitinlineapi.request.default div.personalform div.formcontent div.addressdata div.contactbox div.row { width: auto; margin-left: 0px; clear: both; float: none; display: block; } div.unitinlineapi.request.default div.requestdata div.formcontent div.roomtypebox div.childrenbox div.row { width: calc(118% / 395 * 100); margin-left: calc(20% / 395 * 100); float: left; display: inline; clear: none; } div.unitinlineapi.request.default div.personalform div.formcontent div.addressdata div.addressbox div.row.plz { width: calc(125% / 395 * 100); clear: none; float: left; display: inline; } div.unitinlineapi.request.default div.personalform div.formcontent div.addressdata div.addressbox div.row.city { width: calc(250% / 395 * 100); clear: none; float: right; display: inline; } div.unitinlineapi.request.default div.personalform div.formcontent div.stornoprivacy div.row.checkbox label.label { width: auto; float: none; display: block; clear: both; } div.unitinlineapi.request.default div.personalform div.formcontent div.stornoprivacy div.row.checkbox label.extralabel { float: left; display: inline; clear: none; } div.unitinlineapi.request.default div.personalform div.formcontent div.stornoprivacy div.row.checkbox div.extralabel { width: calc(350% / 395 * 100); } div.unitinlineapi.request.default div.personalform div.formcontent div.howfindus div.row { width: calc(870% / 870 * 100); } div.unitinlineapi.request.default div.personalform div.formcontent div.addressdata div.vehicleNumberPlatebox { display: inline-block; width: 100%; } div.unitinlineapi.request.default div.personalform div.formcontent div.addressdata div.vehicleNumberPlatebox div.row { margin: 0px 0px 0px 0px; float: left; width: 100%; } div.unitinlineapi.request.default div.personalform div.formcontent div.addressdata div.vehicleVehicleTypebox { display: inline-block; vertical-align: top; margin-left: 0px; width: 100%; } div.unitinlineapi.request.default div.personalform div.formcontent div.addressdata div.vehicleVehicleTypebox div.row { width: 100%; } } @media (max-width: 380px) { div.unitinlineapi.request.default div.requestdata div.formcontent div.roomtypebox div.childrenbox div.row { width: auto; margin-left: 0px; float: none; display: block; clear: both; } div.unitinlineapi.request.default div.personalform div.formcontent a.senden.button { float: none; display: block; text-align: center; } } @media all { div.unitinlineapi.requestthanks.default div.intro { margin: 0px 0px 0px 0px; } div.unitinlineapi.requestthanks.default div.table div.row { border-top: solid 1px #D1D1D1; padding: calc(8em / 15) 0px calc(8em / 15) 0px; } div.unitinlineapi.requestthanks.default div.table div.row:first-child { border: 0px; } div.unitinlineapi.requestthanks.default div.table div.row div.cell { float: left; display: inline; } div.unitinlineapi.requestthanks.default div.table div.row div.cell.first { width: calc(240% / 1120 * 100); max-width: 220px; font-weight: bold; } div.unitinlineapi.requestthanks.default div.table div.row div.cell.second { width: calc(860% / 1120 * 100); float: right; } div.unitinlineapi.requestthanks.default div.addressbox { margin: calc(30em / 15) 0px 0px 0px; } div.unitinlineapi.requestthanks.default div.addressbox img.logo { float: left; display: inline; } div.unitinlineapi.requestthanks.default div.addressbox div.address { float: right; display: inline; text-align: right; } div.unitinlineapi.requestthanks.default a.btnprint { margin: calc(20em / 15) 0px 0px 0px; float: right; display: inline; } div.unitinlineapi.requestthanks.default div.requestdata { background-color: #DDDBDB; margin: calc(30% / 1170 * 100) 0px 0px 0px; padding: calc(30em / 15) calc(30em / 15) calc(27em / 15) calc(30em / 15); } div.unitinlineapi.requestthanks.default div.requestdata div.headline { font-size: calc(30em / 15); line-height: calc(34em / 30); padding: 0px 0px calc(23em / 30) 0px; border-bottom: solid 1px #D1D1D1; } div.unitinlineapi.requestthanks.default div.requestdata div.rooms div.name { font-weight: bold; } div.unitinlineapi.requestthanks.default div.personaldata { background-color: #DDDBDB; margin: calc(50% / 1170 * 100) 0px 0px 0px; padding: calc(30em / 15) calc(30em / 15) calc(27em / 15) calc(30em / 15); } div.unitinlineapi.requestthanks.default div.personaldata div.headline { font-size: calc(30em / 15); line-height: calc(34em / 30); padding: 0px 0px calc(23em / 30) 0px; border-bottom: solid 1px #D1D1D1; } } @media (max-width: 770px) { div.unitinlineapi.requestthanks.default div.table div.row div.cell.first { width: calc(225% / 670 * 100); } div.unitinlineapi.requestthanks.default div.table div.row div.cell.second { width: calc(445% / 670 * 100); } } @media (max-width: 480px) { div.unitinlineapi.requestthanks.default div.table div.row div.cell.first, div.unitinlineapi.requestthanks.default div.table div.row div.cell.second { width: auto; float: none; display: block; } div.unitinlineapi.requestthanks.default a.btnprint { display: none; } } @media all { div.unitinlineapi h1, div.unitinlineapi .headline { margin: 0px 0px 0px 0px; } div.unitinlineapi h2, div.unitinlineapi .subheadline { margin: 5px 0px 4px 0px; font-weight: normal; } div.unitinlineapi h3, div.unitinlineapi .offerheadline { margin: 0px 0px 4px 0px; } div.unitinlineapi div.tabs { border: solid 1px #DADADA; float: left; display: inline; text-transform: uppercase; text-align: center; } div.unitinlineapi div.tabs div.tab { padding: calc(13em / 18) 0px calc(13em / 18) 0px; float: left; display: inline; position: relative; } div.unitinlineapi div.tabs div.tab.active { background-color: #DADADA; } div.unitinlineapi div.tabs div.tab.withicon { padding-right: calc(15em / 18); } div.unitinlineapi div.tabs div.tab.click { cursor: pointer; } div.unitinlineapi div.tabs div.tab div.innen { padding: 0em calc(25em / 18) 0em calc(30em / 18); float: left; display: inline; } div.unitinlineapi div.tabs div.tab span.number { font-weight: bold; } div.unitinlineapi div.tabs div.tab div.icon { background-color: #DADADA; width: calc(15em / 18); height: 100%; position: absolute; right: 0px; top: 0px; } div.unitinlineapi div.tabs div.tab div.icon svg { position: absolute !important; left: 0px; top: 0px; } div.unitinlineapi div.tabs div.tab.active div.icon { background-color: #FFFFFF; } div.unitinlineapi div.headline { font-size: calc(25em / 15); line-height: calc(29em / 25); } div.unitinlineapi div.intro { margin: calc(30em / 15) 0px 0px 0px; } div.unitinlineapi div.intro div.text { } div.unitinlineapi div.image img { max-width: 100%; float: left; display: inline; } div.unitinlineapi div.closed { display: none; } div.unitinlineapi a.btnopen span.textopen { display: inline; } div.unitinlineapi a.btnopen span.textclose { display: none; } div.unitinlineapi a.btnclose span.textopen { display: none; } div.unitinlineapi a.btnclose span.textclose { display: inline; } div.unitinlineapi div.onlyprint { display: none; } div.unitinlineapi form a.senden { margin: 0px 0px 0px 0px; } div.unitinlineapi.unitinlineapioverlayjs2bg { background-color: #1E1E1E; opacity: 0.86; position: fixed; left: 0px; top: 0px; z-index: 80; width: 100%; height: 100%; } div.unitinlineapi.unitinlineapioverlayjs2container { position: fixed; left: 0px; top: 3%; z-index: 90; width: 100%; text-align: center; } div.unitinlineapi.unitinlineapioverlayjs2container div.content { position: relative; margin-left: auto; margin-right: auto; width: 90%; max-width: 940px; text-align: left; } div.unitinlineapi.unitinlineapioverlayjs2container div.content div.innen { padding: calc(20em / 15); background-color: #FFFFFF; position: relative; z-index: 1; } div.unitinlineapi.unitinlineapioverlayjs2container div.content div.close { cursor: pointer; width: calc(35em / 15); height: calc(35em / 15); position: absolute; top: -calc(10em / 15); right: -calc(10em / 15); z-index: 2; } div.unitinlineapi.unitinlineapioverlayjs2container div.bginnen { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; } div.unitinlineapi.unitinlineapioverlayjs2container div.panoramabox { width: 100%; height: calc(600em / 15); position: relative; } } @media only print { div.unitinlineapi .onlyprint { display: block !important; } div.unitinlineapi .noprint { display: none !important; } } @media (max-width: 480px) { div.unitinlineapi div.tabs div.tab div.innen { padding-right: calc(15em / 18); padding-left: calc(20em / 18); } } /* Booking Widget Booking Suedtirol ________________________________________________________________ */ @media all { div.unitbooking.foreignbooking.bookingsuedtirol2016.default.cssversion1 div.intro { margin-bottom: calc(60em / 15); } div.unitbooking.foreignbooking.bookingsuedtirol2016.default.cssversion1 div.intro h1.headline { display: none; } div.unitbooking.foreignbooking.bookingsuedtirol2016.default.cssversion1 div.intro div.text { margin-top: calc(40em / 15); display: none; } } div.kalendercontainer { z-index: 100; } div.kalender { background-color: #FFFFFF; border: solid 1px #AAAAAA; width: 240px; position: absolute; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; z-index: 100; } div.onpagekalender.kalender { position: fixed; bottom: 40px; } div.kalender a.prev { position: absolute; left: 5px; top: 5px; background: url(/images/kalender/kalender-date-prev.png) no-repeat center center; display: block; width: 24px; height: 24px; text-decoration: none; cursor: pointer; text-indent: -50px; overflow: hidden; } div.kalender a.prev:hover { background: url(/images/kalender/kalender-date-prev-hover.png) no-repeat center center; left: 4px; top: 4px; border: solid 1px #999999; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } div.kalender a.next { position: absolute; right: 5px; top: 5px; background: url(/images/kalender/kalender-date-next.png) no-repeat center center; display: block; width: 24px; height: 24px; text-decoration: none; cursor: pointer; text-indent: -50px; overflow: hidden; } div.kalender a.next:hover { background: url(/images/kalender/kalender-date-next-hover.png) no-repeat center center; right: 4px; top: 4px; border: solid 1px #999999; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } div.kalender a.calendarclose { position: absolute; right: -8px; top: -8px; width: 17px; height: 17px; cursor: pointer; text-decoration: none; background: url(/images/kalender/kalender-close.png) no-repeat 0px 0px; overflow: hidden; text-indent: -100px; } div.kalender div.kalenderbox { float: left; display: inline; padding: 0px 0px 10px 0px; width: 240px; } div.kalender div.kalenderbox b { background: url(/images/kalender/kalender-date.png) repeat-x center center #CCCCCC; border: solid 1px #AAAAAA; color: #222222; font-size: 13px; line-height: 25px; display: block; margin: 2px 2px 2px 2px; padding: 2px 0px 2px 0px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } div.kalender div.kalenderbox table { margin: 0px 0px 0px 10px; float: left; display: inline; width: 217px; } div.kalender div.kalenderbox table th { color: #3C3C3C; text-align: center; width: 31px; height: 31px; padding: 0px 0px 0px 0px; } div.kalender div.kalenderbox table td { border: 0px; color: #FFFFFF; text-align: center; width: 31px; height: 31px; padding: 0px 0px 0px 0px; } div.kalender div.kalenderbox table td a { background: url(/images/kalender/kalender-td-default.png) repeat-x center center #E6E6E6; border: solid 1px #D3D3D3; color: #555555; line-height: 27px; display: block; margin: 2px 0px 0px 2px; width: 27px; height: 27px; text-decoration: none; } div.kalender div.kalenderbox table td a:hover { background: url(/images/kalender/kalender-td-hover.png) repeat-x center center #DADADA; border: solid 1px #999999; color: #212121; } div.kalender div.kalenderbox table td span { background: url(/images/kalender/kalender-td-default.png) repeat-x center center #E6E6E6; border: solid 1px #D3D3D3; color: #555555; opacity: 0.35; filter: alpha(opacity = 35); line-height: 27px; display: block; margin: 2px 0px 0px 2px; width: 27px; height: 27px; text-decoration: none; } div.kalender div.kalenderbox table td.heute { color: #785547; } div.kalender div.kalenderbox table td.heute a { background: #FFFFFF; border: solid 1px #D3D3D3; color: #363636; } div.kalender div.kalenderbox table td a.selectstart { background: #50742F; color: #FFFFFF; border: 2px solid #345F0D; border-right: none; width: auto; height: 25px; line-height: 25px; opacity: 1.0; filter: alpha(opacity = 100); } div.kalender div.kalenderbox table td a.selected { background: #A9BF00; color: #FFFFFF; border-top: 2px solid #345F0D; border-bottom: 2px solid #345F0D; height: 26px; line-height: 26px; opacity: 1.0; filter: alpha(opacity = 100); } div.kalender div.kalenderbox table td a.selectend { background: url(/images/kalender/date-delete.png) no-repeat right top #50742F; color: #FFFFFF; border: 2px solid #345F0D; border-left: none; width: auto; height: 26px; line-height: 26px; opacity: 1.0; filter: alpha(opacity = 100); } div.kalender div.kalenderbox table td div.kalenderopen { float: left; position: relative; width: 0px; height: 0px; } /* Angebote-Liste V2 _____________________________________________________ */ div.angebotelisteV2 { position: relative; margin: 0px 0px 60px 0px; } div.angebotelisteV2 div.ajaxloading { position: absolute; left: 0px; top: 0px; z-index: 50; width: 100%; height: 100%; opacity: 0.6; filter: alpha(opacity = 60); background: url(/images/modules/bookingpilot/angebotelisteV2/loading.gif) no-repeat center 40px #FFFFFF; } div.angebotelisteV2 div.angebotfilter div.scrollmonate { position: relative; float: right; display: inline; width: 390px; height: 20px; } div.angebotelisteV2 div.angebotfilter div.scrollmonate a.zuruck { position: absolute; left: 0px; top: 4px; background: url(/images/modules/bookingpilot/angebotelisteV2/bg-scroll-zuruck.png) no-repeat center center; width: 14px; height: 14px; font-size: 1px; line-height: 1px; } div.angebotelisteV2 div.angebotfilter div.scrollmonate a.weiter { position: absolute; right: 0px; top: 4px; background: url(/images/modules/bookingpilot/angebotelisteV2/bg-scroll-weiter.png) no-repeat center center; width: 14px; height: 14px; font-size: 1px; line-height: 1px; } div.angebotelisteV2 div.angebotfilter div.scrollrahmen { width: 364px; height: 20px; position: absolute; left: 13px; top: 0px; overflow: hidden; } div.angebotelisteV2 div.angebotfilter div.scrollflache { float: left; display: inline; width: 999999px; } div.angebotelisteV2 div.angebotfilter div.scrollflache div.month { float: left; display: inline; width: 91px; height: 20px; line-height: 20px; overflow: hidden; text-align: center; } div.angebotelisteV2 div.angebotfilter div.scrollflache div.month a { color: #353535; } div.angebotelisteV2 div.angebotfilter div.scrollflache div.aktiv a, div.angebotelisteV2 div.angebotfilter div.scrollflache div.month a:hover { color: #000000; } div.angebotelisteV2 div.liste { width: 960px; margin: 0px 0px 0px -10px; } div.angebotelisteV2 div.liste div.listeteaseraussen { background: url(/images/modules/bookingpilot/angebotelisteV2/bg-teaser-y.gif) repeat 0px 0px; float: left; display: inline; margin: 0px 0px 30px 0px; } div.angebotelisteV2 div.liste div.listeteaseraussen div.teaseroben { width: 320px; position: absolute; left: 0px; top: 0px; background: url(/images/modules/bookingpilot/angebotelisteV2/bg-teaser-top.gif) repeat-x 0px 0px; height: 31px; font-size: 1px; line-height: 1px; } div.angebotelisteV2 div.liste div.listeteaseraussen div.teaserunten { width: 320px; position: absolute; left: 0px; bottom: 0px; background: url(/images/modules/bookingpilot/angebotelisteV2/bg-teaser-bottom.gif) repeat-x 0px 0px; height: 45px; font-size: 1px; line-height: 1px; } div.angebotelisteV2 div.liste div.listeteaser { float: left; display: inline; margin: 0px 0px 0px 0px; width: 320px; position: relative; } div.angebotelisteV2 div.liste div.listeteaser a.preis { z-index: 6; display: block; font-family: 'Cabin', sans-serif; position: absolute; right: 20px; top: 0px; font-size: 12px; line-height: 17px; color: #ffffff; } div.angebotelisteV2 div.liste div.listeteaser a.preis:hover { color: #E4E0DC; } div.angebotelisteV2 div.liste div.listeteaser a.preis span.preis { font-size: 20px; line-height: 22px; } div.angebotelisteV2 div.liste div.listeteaser a.preis span.preislinks { width: 10px; background: url(/images/modules/bookingpilot/angebotelisteV2/preis-links.png) no-repeat 0px 0px; float: right; display: inline; height: 77px; } div.angebotelisteV2 div.liste div.listeteaser a.preis span.preismitte { text-align: right; padding: 24px 10px 0px 2px; background: url(/images/modules/bookingpilot/angebotelisteV2/preis-mitte.png) repeat-x 0px 0px; float: right; display: inline; height: 52px; } div.angebotelisteV2 div.liste div.listeteaser a.preis span.preisrechts { width: 6px; background: url(/images/modules/bookingpilot/angebotelisteV2/preis-rechts.png) no-repeat 0px 0px; float: right; display: inline; height: 77px; } div.angebotelisteV2 div.liste div.listeteaser div.innen { margin: 20px 20px 10px 20px; position: relative; z-index: 3; } div.angebotelisteV2 div.liste div.listeteaser div.innen img { display: block; } div.angebotelisteV2 div.liste div.listeteaser div.innen div.zielgruppen { float: right; display: inline; width: 25px; margin: 10px 0px 0px 0px; } div.angebotelisteV2 div.liste div.listeteaser div.zielgruppen a.quadrat { display: block; width: 25px; height: 25px; margin: 0px 0px 5px 0px; } div.angebotelisteV2 div.liste div.listeteaser div.zielgruppen a.quadrat:hover { background-color: #C0B4A6; } div.angebotelisteV2 div.liste div.listeteaser div.zielgruppen a.single { background-color: #E1BC47; } div.angebotelisteV2 div.liste div.listeteaser div.zielgruppen a.together { background-color: #B75E55; } div.angebotelisteV2 div.liste div.listeteaser div.zielgruppen a.family { background-color: #70AEA8; } div.angebotelisteV2 div.liste div.listeteaser h2 { margin: 10px 0px 8px 2px; line-height: 28px; width: 230px; } div.angebotelisteV2 div.liste div.listeteaser div.dauer { width: 230px; font-size: 15px; line-height: 22px; margin: 0px 0px 0px 3px; } div.angebotelisteV2 div.liste div.listeteaser div.zeitraum { width: 230px; font-size: 15px; line-height: 22px; margin: 0px 0px 0px 3px; } div.angebotelisteV2 div.liste div.listeteaserunten { margin: 0px 0px -12px 0px; position: relative; padding: 0px 0px 33px 0px; } div.angebotelisteV2 div.liste div.listeteaser a.weiter { position: relative; z-index: 3; width: 230px; float: left; display: inline; margin: 1px 11px 0px 23px; line-height: 18px; font-weight: bold; } /* Angebote Detail V1 _____________________________________________ */ div.angebotedetailV1 { margin: -12px 0px 0px 0px; } div.angebotedetailV1 div.bild { float: right; display: inline; width: 466px; height: 373px; background: url(/images/modules/bookingpilot/angebotedetailV1/bg-bild.gif) no-repeat 0px 0px; margin: -17px -8px 0px 0px; } div.angebotedetailV1 div.bild a { display: block; width: 100%; height: 100%; position: relative; } div.angebotedetailV1 div.detailtext { margin: 0px 0px 30px 0px; width: 100%; font-size: 14px; line-height: 24px; } div.angebotedetailV1 div.detailtextmitbild { float: left; display: inline; width: 465px; } div.angebotedetailV1 div.detailtext div.infos { margin: 0px 0px 6px 0px; } div.angebotedetailV1 div.detailtext div.vorspann { margin: 0px 0px 6px 0px; } div.angebotedetailV1 div.detailtext div.editbox { margin: 0px 0px 6px 0px; } div.angebotedetailV1 div.detailtext div.buttons { margin: 4px 0px 0px 0px; } div.angebotedetailV1 div.detailtext div.buttons a.button { float: left; display: inline; margin: 0px 10px 0px 0px; } div.angebotedetailV1 div.headline { font-family: 'Cabin', sans-serif; font-size: 24px; color: #735A39; text-indent: 21px; line-height: 50px; line-height: 50px; width: 100%; background-color: #E4E0DC; } div.angebotedetailV1 div.inklusivleistungen { margin: 0px 0px 15px 0px; font-size: 14px; line-height: 21px; } div.angebotedetailV1 div.inklusivleistungen ul { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.angebotedetailV1 div.inklusivleistungen ul li { background: url(/images/design/bg-li-braun.png) no-repeat 0px 2px; padding: 0px 0px 0px 24px; margin: 0px 0px 25px 0px; } div.angebotedetailV1 div.inklusivleistungen ul li ul { margin: 12px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.angebotedetailV1 div.inklusivleistungen ul li ul li { margin: 0px 0px 14px 0px; } div.angebotedetailV1 div.inklusivleistungen div.inklusivinnen { padding: 17px 0px 0px 20px; width: 685px; } div.angebotedetailV1 div.inklusivleistungen a.btnorange { position: absolute; right: 20px; bottom: 20px; } div.angebotedetailV1 a.buttonanfragen { float: right; display: inline; } div.angebotedetailV1 div.interessiertbox { background-color: #DDDBDB; padding: 0px 20px 20px 20px; } div.angebotedetailV1 div.interessiertbox div.titel { font-size: 16px; line-height: 18px; text-align: center; border-bottom: solid 2px #FFFFFF; margin: 15px 0px 20px 0px; padding: 0px 0px 10px 0px; } div.angebotedetailV1 div.interessiertbox div.box { margin: 0px 0px 0px 20px; padding: 44px 0px 0px 0px; float: left; display: inline; width: 305px; text-align: center; } div.angebotedetailV1 div.interessiertbox div.box b { font-size: 14px; } div.angebotedetailV1 div.interessiertbox div.box a { color: #6A6D01; } div.angebotedetailV1 div.interessiertbox div.box a:hover { color: #006EC6; } div.angebotedetailV1 div.interessiertbox div.formular { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.angebotedetailV1 div.interessiertbox div.formular a { display: block; padding: 44px 0px 0px 0px; background: url(/images/modules/bookingpilot/angebotedetailV1/icon-anfrage.png) no-repeat center 0px; } div.angebotedetailV1 div.interessiertbox div.formular a:hover { color: #006EC6; } div.angebotedetailV1 div.interessiertbox div.telefon { background: url(/images/modules/bookingpilot/angebotedetailV1/icon-telefon.png) no-repeat center 0px; } div.angebotedetailV1 div.interessiertbox div.email { background: url(/images/modules/bookingpilot/angebotedetailV1/icon-mail.png) no-repeat center 4px; } div.angebotedetailV1 div.kalenderheadline { color: #786653; font-family: 'Cabin', sans-serif; margin: 65px 0px 18px 0px; font-size: 30px; text-align: left; line-height: 32px; } div.angebotedetailV1 div.angebotkalenderausen { } div.angebotedetailV1 div.angebotkalenderausen div.angebottext { margin: 0px 0px 20px 0px; text-align: left; font-size: 14px; line-height: 24px; } div.angebotedetailV1 div.kalenderangebote { margin: 0px 0px 0px 0px; z-index: 0 !important; border: 0px !important; bottom: auto !important; position: static; } div.angebotedetailV1 div.kalender { position: relative !important; background-color: #FFFFFF; width: 90%; margin: 0px 5% 0px 5%; z-index: 1 !important; bottom: auto !important; border: 0px !important; -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } div.angebotedetailV1 div.kalender a.prev { position: absolute; left: 90px; top: 127px; background: url(/images/modules/bookingpilot/angebotedetailV1/kalender-date-prev.gif) no-repeat center center; width: 24px; height: 35px; text-decoration: none; cursor: pointer; text-indent: -50px; overflow: hidden; } div.angebotedetailV1 div.kalender a.prev:hover { border: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } div.angebotedetailV1 div.kalender a.next { position: absolute; right: 91px; top: 127px; background: url(/images/modules/bookingpilot/angebotedetailV1/kalender-date-next.gif) no-repeat center center; width: 24px; height: 35px; text-decoration: none; cursor: pointer; text-indent: -50px; overflow: hidden; } div.angebotedetailV1 div.kalender a.next:hover { border: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } div.angebotedetailV1 div.kalender select.monate { position: absolute; left: 50%; top: 89px; height: 22px; float: none; margin: 0px 0px 0px -70px; width: 140px; } div.angebotedetailV1 div.kalender div.arrivaldeparturecalendar { padding: 0px 0px 0px 0px; width: 590px; margin: 0px auto 0px auto; height: 345px; } div.angebotedetailV1 div.kalender div.arrivaldeparturecalendar div.arrivaldeparturecalendar { float: left; display: inline; width: 50%; height: 306px; margin: 43px 0px 0px 0px; } div.angebotedetailV1 div.kalender div.arrivaldeparturecalendar div.calendar0 { } div.angebotedetailV1 div.kalender div.arrivaldeparturecalendar b { font-family: 'Cabin', sans-serif; background-color: #E4E0DC; color: #786653; font-size: 24px; font-weight: normal; text-transform: none; line-height: 35px; display: block; margin: 0px 2% 0px 2%; text-align: center; } div.angebotedetailV1 div.kalender div.arrivaldeparturecalendar table { width: 96%; margin: 12px 2% 0% 2%; } div.angebotedetailV1 div.kalender div.arrivaldeparturecalendar table th { width: 38px; height: 36px; padding: 0px 0px 0px 0px; } div.angebotedetailV1 div.kalender div.arrivaldeparturecalendar table td { width: 38px; height: 36px; padding: 0px 0px 0px 0px; } div.angebotedetailV1 div.kalender div.arrivaldeparturecalendar table th span { } div.angebotedetailV1 div.kalender div.arrivaldeparturecalendar table td span { background-color: #B75E55; color: #FFFFFF; } div.angebotedetailV1 div.kalender div.arrivaldeparturecalendar table th span, div.angebotedetailV1 div.kalender div.arrivaldeparturecalendar table td span { float: left; display: inline; position: relative; text-transform: uppercase; width: 34px; height: 32px; margin: 2px 2px 2px 2px; text-align: center; font-size: 12px; line-height: 32px; } div.angebotedetailV1 div.kalender div.arrivaldeparturecalendar table td.wrongmonth span { background: transparent !important; text-indent: -9999999px; } div.angebotedetailV1 div.kalender div.arrivaldeparturecalendar table td.arrivaldaynoclick span { background-color: #B75E55; } div.angebotedetailV1 div.kalender div.arrivaldeparturecalendar table td.arrivalday span { cursor: pointer; background-color: #B6CD2D; } div.angebotedetailV1 div.kalender div.arrivaldeparturecalendar table td.departureday span { cursor: pointer; background-color: #B6CD2D; } div.angebotedetailV1 div.kalender div.arrivaldeparturecalendar table td.highlighted span { background: #6A6D01; color: #FFFFFF; } div.angebotedetailV1 div.kalender div.arrivaldeparturecalendar table td.heute span { color: #363636; } div.angebotedetailV1 div.kalender div.arrivaldeparturecalendar table td.selectedarrivalday span { background: #6A6D01 url(/images/modules/bookingpilot/angebotedetailV1/anreise-de.gif) no-repeat 0px 0px; color: #FFFFFF; cursor: pointer; } div.angebotedetailV1 div.kalender div.calendarit table td.selectedarrivalday span { background: #6A6D01 url(/images/modules/bookingpilot/angebotedetailV1/anreise-it.gif) no-repeat 0px 0px; } div.angebotedetailV1 div.kalender div.calendaren table td.selectedarrivalday span { background: #6A6D01 url(/images/modules/bookingpilot/angebotedetailV1/anreise-en.gif) no-repeat 0px 0px; } div.angebotedetailV1 div.kalender div.arrivaldeparturecalendar table td.betweenday span { background: #6A6D01; color: #FFFFFF; } div.angebotedetailV1 div.kalender div.arrivaldeparturecalendar table td.selecteddepartureday span { background: #6A6D01 url(/images/modules/bookingpilot/angebotedetailV1/abreise-de.gif) no-repeat 0px 0px; color: #FFFFFF; cursor: pointer; } div.angebotedetailV1 div.kalender div.calendarit table td.selecteddepartureday span { background: #6A6D01 url(/images/modules/bookingpilot/angebotedetailV1/abreise-it.gif) no-repeat 0px 0px; } div.angebotedetailV1 div.kalender div.calendaren table td.selecteddepartureday span { background: #6A6D01 url(/images/modules/bookingpilot/angebotedetailV1/abreise-en.gif) no-repeat 0px 0px; } div.angebotedetailV1 div.kalender div.arrivaldeparturecalendar table td span a.resetdays { position: absolute; right: -8px; top: -8px; width: 17px; height: 17px; z-index: 3; background: url(/images/modules/bookingpilot/angebotedetailV1/kalender-zeitraum-delete.png) no-repeat 0px 0px; } div.angebotedetailV1 div.kalender div.kalenderdate { visibility: hidden; margin: 10px 0px 24px 0px; text-align: center; } div.angebotedetailV1 div.kalender div.kalenderdate span { display: inline; margin: 0px 8px 0px 0px; } div.angebotedetailV1 div.kalender div.kalenderdate a.datedelete { display: inline; overflow: hidden; font-size: 1px; line-height: 1px; padding: 16px 16px 0px 0px; background: url(/images/modules/bookingpilot/angebotedetailV1/kalender-zeitraum-delete.png) no-repeat 0px 0px; } div.angebotedetailV1 div.kalender div.legende { float: left; display: inline; position: relative; height: 20px; font-size: 12px; margin: 28px 0px 14px 120px; } div.angebotedetailV1 div.kalender div.legende div.legendenelement { float: left; display: inline; height: 20px; margin: 0px 0px 0px 20px; line-height: 20px; } div.angebotedetailV1 div.kalender div.legende div.legendenelement span.color { float: left; display: inline; width: 20px; height: 20px; line-height: 1px; font-size: 1px; } div.angebotedetailV1 div.kalender div.legende div.legendenelement span.colorlabel { float: left; display: inline; height: 20px; margin: 0px 0px 0px 5px; font-size: 12px; } div.angebotedetailV1 div.kalender div.legende div.verfugbar span.color { background-color: #B6CD2D; } div.angebotedetailV1 div.kalender div.legende div.nichtverfugbar span.color { background-color: #B75E55; } div.angebotedetailV1 div.kalender div.legende div.ausgewahlt span.color { background-color: #6A6D01; } div.angebotedetailV1 div.kalender div.calenderloading { display: none; position: absolute; left: 50%; top: 50%; width: 300px; height: 300px; margin: -150px 0px 0px -150px; background: url(/images/modules/bookingpilot/angebotedetailV1/loading.gif) no-repeat center center #DDDBDB; border: solid 1px #6A6D01; } div.angebotedetailV1 div.kalender div.calenderloading div.text { position: absolute; left: 0px; bottom: 15%; text-align: center; width: 100%; font-size: 12px; color: #6A6D01; } div.angebotedetailV1 div.zimmerpannel { width: 100%; margin: 20px 0px 25px 0px; } div.angebotedetailV1 div.liste { width: 940px; position: relative; margin: 0px 0px 50px 0px; } div.angebotedetailV1 div.liste div.element { border: solid 1px #dddbdb; margin: 0px 0px 30px 0px; width: 940px; position: relative; } div.angebotedetailV1 div.liste div.element div.obenrechts { z-index: 1; width: 47px; height: 44px; position: absolute; right: -7px; top: -7px; background: url(/images/design/liste-obenrechts.gif) no-repeat 0px 0px; font-size: 0px; line-height: 0px; } div.angebotedetailV1 div.liste div.element div.obenlinks { z-index: 1; width: 48px; height: 44px; position: absolute; left: -7px; top: -7px; background: url(/images/design/liste-obenlinks.gif) no-repeat 0px 0px; font-size: 0px; line-height: 0px; } div.angebotedetailV1 div.liste div.element div.untenlinks { z-index: 1; width: 42px; height: 43px; position: absolute; left: -7px; bottom: -6px; background: url(/images/design/liste-untenlinks.gif) no-repeat 0px 0px; font-size: 0px; line-height: 0px; } div.angebotedetailV1 div.liste div.element div.untenrechts { z-index: 1; width: 41px; height: 43px; position: absolute; right: -7px; bottom: -6px; background: url(/images/design/liste-untenrechts.gif) no-repeat 0px 0px; font-size: 0px; line-height: 0px; } div.angebotedetailV1 div.liste div.element div.randlinks { height: 100%; width: 7px; position: absolute; left: -7px; top: 0px; background: url(/images/design/liste-randlinks.gif) repeat-y 0px 0px; font-size: 0px; line-height: 0px; } div.angebotedetailV1 div.liste div.element div.randrechts { height: 100%; width: 7px; position: absolute; right: -7px; top: 0px; background: url(/images/design/liste-randrechts.gif) repeat-y 0px 0px; font-size: 0px; line-height: 0px; } div.angebotedetailV1 div.liste div.element div.randoben { width: 100%; height: 7px; position: absolute; left: 0px; top: -7px; background: url(/images/design/liste-randoben.gif) repeat-x 0px 0px; font-size: 0px; line-height: 0px; } div.angebotedetailV1 div.liste div.element div.randunten { width: 100%; height: 7px; position: absolute; left: 0px; bottom: -7px; background: url(/images/design/liste-randunten.gif) repeat-x 0px 0px; font-size: 0px; line-height: 0px; } div.angebotedetailV1 div.liste div.element div.innen { position: relative; z-index: 2; } div.angebotedetailV1 div.liste div.element h2 { margin: 0px 0px 12px 0px; } div.angebotedetailV1 div.liste div.element img.links { margin: 10px 26px 10px 10px; } div.angebotedetailV1 div.liste div.element div.listemitbild { float: left; display: inline; margin: 18px 0px 0px 0px; width: 495px; } div.angebotedetailV1 div.liste div.element div.listeohnebild { padding: 20px 20px 20px 20px; } div.angebotedetailV1 div.liste div.element div.vorspann { margin: 0px 0px 0px 0px; font-size: 15px; line-height: 20px; } div.angebotedetailV1 div.liste div.element a.link { float: left; display: inline; font-weight: bold; margin: 8px 20px 0px 0px; } div.angebotedetailV1 div.liste div.element div.buttons { margin: 0px 0px 0px 0px; } div.angebotedetailV1 div.liste div.element div.labels { z-index: 5; position: absolute; right: 10px; top: 107px; } div.angebotedetailV1 div.liste div.element div.labels div.titellabel { width: 84px; font-family: 'Cabin', sans-serif; font-size: 12px; line-height: 14px; text-align: center; margin: 0px 0px 5px 0px; } div.angebotedetailV1 div.liste div.element div.labels div.label { font-size: 30px; font-family: 'Lovers Quarrel', cursive; color: #ffffff; text-align: center; width: 84px; height: 25px; line-height: 25px; overflow: hidden; margin: 0px 0px 5px 0px; } div.angebotedetailV1 a.btnzuruck { font-weight: bold; float: left; display: inline; margin: -18px 0px 35px 0px; position: relative; } /* Angebote Bycontainer V1 _____________________________________________ */ div.teaserV1home { z-index: 8; float: right; display: inline; margin: -60px -10px 30px 0px; width: 319px; position: relative; } div.teaserangebote { } div.teaserangebote a.preis { z-index: 4; display: block; font-family: 'Cabin', sans-serif; position: absolute; right: 20px; top: 0px; font-size: 12px; line-height: 17px; color: #ffffff; } div.teaserangebote a.preis:hover { color: #E4E0DC; } div.teaserangebote a.preis span.preis { font-size: 20px; line-height: 22px; } div.teaserangebote a.preis span.preislinks { width: 10px; background: url(/images/modules/bookingpilot/angebotelisteV2/preis-links.png) no-repeat 0px 0px; float: right; display: inline; height: 77px; } div.teaserangebote a.preis span.preismitte { text-align: right; padding: 24px 10px 0px 2px; background: url(/images/modules/bookingpilot/angebotelisteV2/preis-mitte.png) repeat-x 0px 0px; float: right; display: inline; height: 52px; } div.teaserangebote a.preis span.preisrechts { width: 6px; background: url(/images/modules/bookingpilot/angebotelisteV2/preis-rechts.png) no-repeat 0px 0px; float: right; display: inline; height: 77px; } div.teaserangebote div.innen div.zielgruppen { float: right; display: inline; width: 25px; margin: 10px 0px 0px 0px; } div.teaserangebote div.innen div.zielgruppen a.quadrat { display: block; width: 25px; height: 25px; margin: 0px 0px 5px 0px; } div.teaserangebote div.innen div.zielgruppen a.quadrat:hover { background-color: #C0B4A6; } div.teaserangebote div.innen div.zielgruppen a.single { background-color: #E1BC47; } div.teaserangebote div.innen div.zielgruppen a.together { background-color: #B75E55; } div.teaserangebote div.innen div.zielgruppen a.family { background-color: #70AEA8; } div.teaserangebote div.innen div.zeitraum { width: 235px; font-size: 15px; line-height: 20px; margin: 0px 0px 0px 4px; } div.teaserangebote div.innen div.dauer { width: 235px; font-size: 15px; line-height: 22px; margin: 0px 0px 8px 4px; } div.teaserangebote div.innen h2 { width: 235px; margin: 8px 0px 6px 4px; } div.teaserV1home div.teaserangebote div.innen div.zeitraum { width: auto; } div.teaserV1home div.teaserangebote div.innen div.dauer { width: auto; } div.teaserV1home div.teaserangebote div.innen h2 { width: auto; } div.inhalt div.teaserV1 div.teaserangebote a.teaserlinkunten{ bottom: 30px; } /* Google Anreise ________________________________________________________ */ div.inhalt div.arrivalmap { height: 400px; margin: 0px 0px 20px 0px; } div.inhalt div.directions { margin: 30px 0px 0px 0px; } div.inhalt div.directions table { width: 100%; } div.inhalt div.intro div.adressdaten { float: right; display: inline; margin: 0px 0px 30px 60px; } div.inhalt div.intro div.gpskoordinaten { float: right; display: inline; margin: 0px 0px 30px 40px; } div.inhalt form div.findroute { width: auto; margin: 0px 0px 40px 0px; } div.inhalt form div.findroute div.row { width: 200px; height: 40px; margin: 0px 15px 0px 0px; float: left; display: inline; clear: none; } div.inhalt form div.findroute div.row label { margin: 0px 0px 0px 0px; } div.inhalt form div.findroute div.row input { width: 100%; } div.inhalt form div.findroute div.row.input div.inputfield { width: 198px; } div.inhalt form div.findroute div.row.street { width: 242px; } div.inhalt form div.findroute div.row.street div.inputfield { width: 240px; } div.inhalt form div.findroute div.row.zip { width: 67px; } div.inhalt form div.findroute div.row.zip div.inputfield { width: 65px; } div.inhalt form div.findroute div.row.city { width: 122px; } div.inhalt form div.findroute div.row.city div.inputfield { width: 120px; } div.inhalt form div.findroute div.row.select { margin: 0px 0px 0px 0px; } div.inhalt form div.findroute div.row.select div.selectfield { width: 200px; height: 30px; line-height: 30px; padding: 0px 0px 0px 0px; margin: 2px 0px 0px 0px; } div.inhalt form div.findroute div.row.select div.selectfield span.field { text-indent: 7px; width: 100%; } div.inhalt form div.findroute a.button { margin: 15px 0px 0px 0px; } div.inhalt div.arrivalwith { margin: 40px 0px 0px 0px; } div.inhalt div.arrivalwith div.box { margin: 0px 0px 10px 0px; width: 50%; float: left; display: inline; }