/* Inhalt ________________________________________________________________ */ div.inhalt div.intro { margin: 0px 0px 50px 0px; } div.inhalt div.liste { float: left; display: inline; width: 508px; border: solid 1px #e5d69d; margin: 0px 0px 58px 0px; position: relative; } div.inhalt div.liste div.listeinnen { float: left; display: inline; width: 504px; margin: 2px 2px 2px 2px; } div.inhalt div.liste div.listeinnen a.listebild { float: left; display: inline; width: 190px; } div.inhalt div.liste div.listeinnen div.listeinhalt { float: left; display: inline; width: 281px; margin: 0px 0px 0px 22px; } div.inhalt div.liste div.listeinnen div.wide { width: 471px; } div.inhalt div.liste div.listeinnen div.listeinhalt h2 { float: left; display: inline; font-size: 12px; line-height: 13x; color: #1d507d; font-weight: bold; margin: 18px 0px 0px 0px; } div.inhalt div.liste div.listeinnen div.listeinhalt h2.angebote { float: left; display: inline; font-size: 12px; line-height: 13x; color: #1d507d; font-weight: bold; width: 200px; margin: 18px 0px 0px 0px; } div.inhalt div.liste div.listeinnen div.listeinhalt h2 a { font-size: 12px; line-height: 25px; color: #1d507d; font-weight: bold; margin: 0px 0px 0px 0px; } div.inhalt div.liste div.listeinnen div.listeinhalt span.preis { float: left; display: inline; text-align: right; font-size: 12px; line-height: 13px; color: #1d507d; width: 81px; margin: 24px 0px 0px 0px; } div.inhalt div.liste div.listeinnen div.listeinhalt div.zeitraum { float: left; display: inline; width: 281px; font-size: 12px; line-height: 13px; margin: 0px 0px 9px 0px; } div.inhalt div.liste div.listeinnen div.listeinhalt div.vorspann { float: left; display: inline; width: 281px; margin: 0px 0px 19px 0px; } div.inhalt div.liste div.listeinnen div.listeinhalt div.vorspann a { color: #4f4f4f; } div.inhalt div.liste div.listeinnen div.wide div.vorspann { width: 471px; } div.inhalt div.liste div.listeinnen div.listeinhalt div.editbox { float: left; display: inline; width: 100%; margin: 0px 0px 19px 0px; } div.inhalt div.liste a.button { clear: both; position: absolute; right: 12px; bottom: -14px; height: 26px; } div.inhalt div.liste div.buttonzimmer { clear: both; position: absolute; right: 12px; bottom: -14px; height: 26px; } div.inhalt div.liste div.buttonzimmer a { float: right; display: inline; font-size: 12px; color: #FFFFFF; cursor: pointer; line-height: 26px; margin: 0px 0px 0px 12px; } div.inhalt div.liste div.buttonzimmer a span.links { float: left; display: inline; background: url(/images/design/buttonanfang.png) no-repeat 0px 0px; width: 6px; height: 26px; } div.inhalt div.liste div.buttonzimmer a span.mitte { float: left; display: inline; background: url(/images/design/button.png) repeat-x 0px 0px; height: 26px; padding: 0px 10px 0px 10px; } div.inhalt div.liste div.buttonzimmer a span.rechts { float: left; display: inline; background: url(/images/design/buttonende.png) no-repeat 0px 0px; width: 6px; height: 26px; } div.inhalt div.restplatz { float: left; display: inline; width: 510px; border-bottom: solid 1px #cbcbcb; height: 25px; line-height: 25x; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.inhalt div.restplatz span.beschreibung { float: left; display: inline; background: url(/images/design/pfeil.png) no-repeat left 11px; font-size: 12px; color: #4f4f4f; line-height: 25px; width: 188px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 12px; } div.inhalt div.restplatz span.datum { float: left; display: inline; text-align: center; font-size: 12px; color: #4f4f4f; line-height: 25px; width: 120px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.inhalt div.restplatz span.preisalt { float: left; display: inline; text-align: center; font-size: 12px; color: #4f4f4f; line-height: 25px; width: 91px; text-decoration: line-through; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.inhalt div.restplatz span.preisneu { float: left; display: inline; text-align: center; font-size: 12px; color: #4f4f4f; line-height: 25px; width: 91px; font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.inhalt div.restplatz a { float: left; display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.inhalt div.restplatz a img { float: left; display: inline; margin: 11px 0px 0px 0px; padding: 0px 0px 0px 0px; } h1.angebot { float: left; display: inline; width: 355px; } span.h1preis { float: left; display: inline; text-align: right; color: #1d507d; font-size: 25px; line-height: 29px; font-weight: normal; width: 155px; } div.inhalt div.detail { float: left; display: inline; width: 510px; margin: 0px 0px 0px 0px; position: relative; } div.inhalt div.detail div.angebotbild { float: left; display: inline; width: 194px; border: solid 1px #e5d69d; margin: 0px 21px 21px 0px; } div.inhalt div.detail div.angebotbild div.bildinnen { float: left; display: inline; width: 190px; margin: 2px 2px 2px 2px; } div.inhalt div.detail div.zeitraum { float: left; display: inline; width: 290px; margin: 0px 0px 0px 0px; } div.inhalt div.detail div.vorspann { float: left; display: inline; margin: 0px 0px 0px 0px; } div.inhalt div.detail div.angebotdetail { width: 290px; } div.inhalt div.detail a.buttonanfrage { float: right; display: inline; } div.inhalt div.detailbox { position: absolute; left: 0px; bottom: 0px; z-index: 3; border-top: solid 1px #e5d69d; width: 600px; height: 197px; background-color: #174874; } div.inhalt div.detailbox div.boxhead { float: left; display: inline; margin: 29px 0px 0px 41px; } div.inhalt div.detailbox ul { float: left; display: inline; width: 510px; list-style-type: none; margin: 6px 0px 0px 45px; padding: 0px 0px 0px 0px; } div.inhalt div.detailbox ul li { float: left; display: inline; width: 510px; clear: both; background: url(/images/design/pfeil.png) no-repeat left 11px; font-size: 12px; line-height: 25px; color: #ffffff; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 12px; } div.inhalt div.detailbox ul li a { font-size: 12px; line-height: 25px; color: #ffffff; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.inhalt div.listedetail { } div.inhalt div.bycode { } div.inhalt div.bycode div.bildgross { float: left; display: inline; clear: both; width: 508px; background-color: #ffffff; border: solid 1px #e5d69d; margin: 30px 0px 0px 0px; } div.inhalt div.bycode div.bildgross div.bildinnen { float: left; display: inline; width: 504px; overflow: hidden; margin: 2px 2px 2px 2px; } div.inhalt div.bycode div.bildklein { float: left; display: inline; width: 154px; background-color: #ffffff; border: solid 1px #e5d69d; margin: 16px 21px 25px 0px; } div.inhalt div.bycode div.letztes { margin: 16px 0px 25px 0px; } div.inhalt div.bycode div.bildklein div.bildinnen { float: left; display: inline; width: 150px; height: 112px; overflow: hidden; margin: 2px 2px 2px 2px; } div.inhalt div.bycode a.button { clear: both; float: left; display: inline; margin: 12px 0px 0px 0px; } div.inhalt ul.downlinks { } div.inhalt div.vorspann { margin: 0px 0px 16px 0px; } div.inhalt div.editbox { margin: 0px 0px 16px 0px; } div.inhalt div.imagetext { float: left; display: inline; clear: both; margin: 5px 0px 60px 0px; } a.button { font-size: 12px; color: #FFFFFF; cursor: pointer; line-height: 26px; } a.button span.links { float: left; display: inline; background: url(/images/design/buttonanfang.png) no-repeat 0px 0px; width: 6px; height: 26px; } a.button span.mitte { float: left; display: inline; background: url(/images/design/button.png) repeat-x 0px 0px; height: 26px; padding: 0px 10px 0px 10px; } a.button span.rechts { float: left; display: inline; background: url(/images/design/buttonende.png) no-repeat 0px 0px; width: 6px; height: 26px; } /* Dynamisch _____________________________________________________________ */ div.inhalt div.umblattern { float: right; display: inline; } div.inhalt div.umblattern a { float: left; display: inline; margin: 0px 2px 0px 2px; } div.inhalt div.umblattern a.zahl { margin: 0px 2px 0px 2px; } div.inhalt div.umblattern span { float: left; display: inline; font-weight: bold; margin: 0px 2px 0px 2px; } div.inhalt div.umblattern a img { border: 0px; margin: 7px 0px 0px 0px; } div.inhalt div.umblattern a:hover { } div.inhalt div.aufzahlung { margin: 0px 0px 16px 0px; } div.inhalt div.downloads { } div.inhalt div.downloads span { } /* Bilder & Fotogalerie __________________________________________________ */ div.inhalt div.fotogalerie { overflow: hidden; padding: 0px 0px 0px 0px; width: 100%; } div.inhalt div.fotogalerie div.fotocontainer { width: 200%; } div.inhalt div.fotogalerie div.bildinnen { float: left; display: inline; width: 118px; border: solid 1px #e5d69d; margin: 0px 10px 10px 0px; padding: 0px 0px 0px 0px; } div.inhalt div.fotogalerie div.bildinnen div.img { float: left; display: inline; width: 114px; margin: 2px 2px 2px 2px; padding: 0px 0px 0px 0px; } div.inhalt div.bilder { clear: both; overflow: hidden; padding: 0px 0px 0px 0px; width: 100%; } div.inhalt div.bilder div.createimage { display: inline; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.inhalt div.bilder img { margin: 0px 4px 3px 0px; padding: 0px 0px 0px 0px; vertical-align: top; } div.imglinks { display: inline; float: left; margin: 0px 10px 10px 0px; } div.imgrechts { display: inline; float: right; margin: 0px 0px 15px 15px; } /* Google Anreise & Geomap _______________________________________________ */ div.map { width: 100%; height: 250px; margin: 0px 0px 20px 0px; } div.directions { width: 100%; display: none; margin: 30px 0px 0px 0px; } div.directions a { color: #000000; } div.directions div { color: #000000; } body.balloon { text-align: left; background: #FFFFFF; } body.balloon a { color: #000000; } /* Wetter ________________________________________________________________ */ div.wetter h3 { font-size: 11px; margin: 0px 0px 3px 0px; } div.wetter img { display: block; margin: 0 auto; } div.wetter p { margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; } div.wetter span { } div.wetter .heute, div.wetter .morgen { clear: both; display: inline; float: left; margin: 0px 10px 13px 7px; text-align: center; width: 110px; } div.wetter .vorhersage { float: left; text-align: center; width: 33%; padding: 0px 0px 10px 0px; } div.wetter .blau { color: #0055CC; } div.wetter .rot { color: #BB2200; } /* Preistabelle ___________________________________________________________ */ div.preise { float: left; display: inline; clear: both; width: 100%; margin: 0px 0px 0px 0px; } div.preise span.preise { float: left; display: inline; margin: 22px 0px 0px 22px; } div.preise table.preise { float: left; display: inline; width: 464px; font-size: 11px; text-align: center; margin: 2px 22px 2px 22px; } div.preise table.preise th { border-left: solid 1px #e5d69d; vertical-align: middle; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.preise table.preise td { border-top: solid 1px #e5d69d; border-left: solid 1px #e5d69d; text-align: center; vertical-align: middle; padding: 0px 0px 0px 0px; } div.preise table.preise th.erste { border-left: solid 0px #FFFFFF; } div.preise table.preise td.erste { border-left: solid 0px #FFFFFF; } div.preise table.sommer th { width: 92px; } div.preise table.sommer td { width: 92px; } div.preise table.winter th { width: 66px; } div.preise table.winter td { width: 66px; } /* Anfrageformular _______________________________________________________ */ form { margin: 0px 0px 0px 0px; color: #4f4f4f; font-size: 11px; } form .label { float: left; display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } form .input { float: left; display: inline; height: 16px; line-height: 14px; color: #4f4f4f; border: 1px solid #e5d69d; margin: 0px 0px 4px 0px; padding: 2px 0px 0px 3px; } form .select { float: left; display: inline; height: 16px; line-height: 18px; color: #4f4f4f; border: 1px solid #e5d69d; margin: 0px 0px 4px 0px; padding: 2px 0px 0px 0px; } form .textarea { float: left; display: inline; height: 60px; color: #4f4f4f; border: 1px solid #e5d69d; margin: 0px 0px 4px 0px; padding: 0px 0px 0px 3px; } form .file { float: left; display: inline; height: 19px; margin: 0px 0px 4px 0px; padding: 0px 0px 0px 3px; } form .checkbox { float: left; display: inline; margin: 0px 0px 4px 0px; padding: 0px 0px 0px 0px; } form .radio { float: left; display: inline; margin: 0px 0px 4px 0px; padding: 0px 0px 0px 0px; } form .aktiv { color: #343434; border: 1px solid #e5d69d; } form .fehler { color: #FF0000; border: 1px solid #FF0000; } form div.fehler { color: #FF0000; border: 0px; margin: 4px 0px 10px 0px; padding: 0px 0px 0px 0px; } form label.fehler { color: #FF0000; border: 0px; } form .hidden { display: none !important; } form label.pflichtfeld { font-weight: bold; } form label.space { height: 18px; } form label.noborder { border: 0px; } form .colum1 { width: 200px; margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; float: left; display: inline; } form label.standard { width: auto; } form label.plz { margin: 0px 0px 0px 0px; } form label.ort { margin: 0px 0px 0px 4px; } form label.checkbox { margin: -2px 0px 8px 4px; } form label.radio { margin: 0px 0px 0px 4px; } form label.datumday { display: none; } form label.datummonth { display: none; } form label.datumyear { display: none; } form input.standard { width: 217px; } form input.plz { width: 62px; margin: 0px 5px 0px 0px; } form input.ort { width: 145px; } form input.checkbox { width: 14px; height: 14px; margin: 0px 0px 0px 0px; } form input.radio { width: 14px; height: 14px; margin: 0px 0px 0px 0px; } form select.standard { width: 220px; } form select.datumday { width: 50px; margin: 0px 5px 4px 0px; } form select.datummonth { width: 100px; margin: 0px 5px 4px 0px; } form select.datumyear { width: 56px; margin: 0px 5px 4px 0px; } form textarea.standard { width: 217px; } form .senden { margin: 12px 78px 0px 0px; font-size: 12px; float: right; display: inline; } form .senden:hover { } form input.senden { } form a.login { margin: 12px 176px 0px 0px; font-size: 12px; float: right; display: inline; } /* Sonstiges _____________________________________________________________ */ br.clear { clear: both; line-height: 0px; font-size: 0px; height: 0px; } div.clear { clear: both; line-height: 0px; font-size: 0px; margin: 0px 0px 0px 0px; height: 0px; overflow: hidden; } div.abstand { clear: both; line-height: 0px; font-size: 0px; margin: 0px 0px 0px 0px; height: 40px; overflow: hidden; } div.abstanddetail { clear: both; line-height: 0px; font-size: 0px; margin: 0px 0px 0px 0px; height: 197px; overflow: hidden; } div.abstandkl { clear: both; line-height: 0px; font-size: 0px; margin: 0px 0px 0px 0px; height: 20px; overflow: hidden; } img.links { float: left; margin: 5px 10px 10px 0px; } img.rechts { float: right; margin: 5px 0px 15px 15px; } img.impressum { clear: both; float: right; margin: 0px 0px 10px 10px; } p.abstand { margin: 0px 0px 16px 0px; } /* __________________________________________________________________ Ende */