/* Inhalt ________________________________________________________________ */ div.inhalt div.intro { margin: 0px 0px 16px 0px; width: 460px; } div.inhalt div.liste { margin: 0px 0px 40px 0px; width: 460px; border-bottom: 1px solid #d2b56c; position: relative; } div.inhalt div.liste .datum { } div.inhalt div.liste .zeitraum { } div.inhalt div.liste .preis { } div.inhalt div.detail { margin: 0px 0px 16px 0px; position: relative; } div.inhalt div.listedetail { } div.inhalt div.bycode { margin: 0px 10px 0px 0px; } div.inhalt div.bycode { margin: 0px 10px 0px 0px; } div.inhalt h1 { margin: 25px 20px 42px 0px; font-size: 18px; line-height: 26px; color: #12281c; } div.inhalt ul.downlinks { } div.inhalt div.vorspann { margin: 0px 0px 16px 0px; } div.inhalt div.editbox { margin: 0px 10px 26px 0px; font-size: 12px; line-height: 19px; color: #12281c; } div.inhalt a.button { margin: 0px 87px 0px 0px; line-height: 18px; } div.inhalt a.button span.links { background: url(/images/design/buttonanfang-liste.jpg) no-repeat 0px 0px; float: left; width: 6px; line-height: 25px; height: 25px; } div.inhalt a.button span.mitte { background: url(/images/design/buttonmitte-liste.gif) repeat-x; float: left; line-height: 25px; height: 25px; font-weight: normal; cursor: pointer; } div.inhalt a.button span.rechts { background: url(/images/design/buttonende-liste.jpg) no-repeat 0px 0px; float: left; width: 8px; line-height: 25px; height: 25px; } /* Dynamisch _____________________________________________________________ */ div.inhalt div.umblattern { float: right; display: inline; } div.inhalt div.umblattern a { float: left; display: inline; margin: 0px 2px 0px 2px; } div.inhalt div.umblattern a.zahl { margin: 1px 2px 0px 2px; } div.inhalt div.umblattern span { float: left; display: inline; font-weight: bold; margin: 1px 2px 0px 2px; } div.inhalt div.umblattern a img { border: 0px; margin: 7px 0px 0px 0px; } div.inhalt div.umblattern a:hover { } div.inhalt div.aufzahlung { margin: 0px 0px 16px 0px; } div.inhalt div.downloads { } div.inhalt div.downloads a { text-decoration: none; } 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.img { display: inline; float: left; margin: 0px 0px 4px 0px; padding: 0px 0px 0px 0px; height: 105px; overflow: hidden; } div.inhalt div.fotogalerie img { margin: 0px 4px 4px 0px; vertical-align: top; } div.inhalt div.bilder { clear: both; overflow: hidden; padding: 0px 0px 0px 0px; width: 100%; } div.inhalt div.bilder div.createimage { display: inline; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.inhalt div.bilder img { margin: 0px 4px 3px 0px; padding: 0px 0px 0px 0px; vertical-align: top; } div.liste div.listefoto img.links { float: left; margin: 0px 15px 30px 0px; } div.imglinks { display: inline; float: left; margin: 0px 10px 10px 0px; } div.bilderbycode { position: relative; width: 462px; height: 255px; overflow: hidden; margin: 0px 0px 15px 0px; } div.imgrechts { float: right; margin: 0px 20px 0px 0px; display: inline; } div.imgbycodelinks { float: left; margin: 0px 20px 20px 0px; display: inline; height: 255px; overflow: hidden; width: 340px; } div.bilderbycode div.img2 { position: absolute; left: 360px; top: 0px; height: 75px; overflow: hidden; width: 100px; } div.bilderbycode div.img3 { position: absolute; left: 360px; top: 90px; height: 75px; overflow: hidden; width: 100px; } div.bilderbycode div.img4 { position: absolute; left: 360px; top: 180px; height: 75px; overflow: hidden; width: 100px; } div.detail span.buttonbeginnliste { margin: 5px 0px 13px 0px; background: url(/images/design/buttonanfang-liste.jpg) no-repeat 0px 0px; float: left; width: 6px; line-height: 25px; height: 25px; } div.detail span.buttonendeliste { margin: 5px 0px 0px 0px; background: url(/images/design/buttonende-liste.jpg) no-repeat 0px 0px; float: left; width: 8px; line-height: 25px; height: 25px; } div.detail span.buttonmitteliste { margin: 5px 0px 0px 0px; background: url(/images/design/buttonmitte-liste.gif) repeat-x; float: left; line-height: 25px; height: 25px; font-weight: normal; cursor: pointer; } a.button span.buttonbeginnliste { margin: 5px 0px 13px 0px; background: url(/images/design/buttonanfang-liste.jpg) no-repeat 0px 0px; float: left; width: 6px; line-height: 25px; height: 25px; } a.button span.buttonendeliste { margin: 5px 0px 0px 0px; background: url(/images/design/buttonende-liste.jpg) no-repeat 0px 0px; float: left; width: 8px; line-height: 25px; height: 25px; } a.button span.buttonmitteliste { margin: 5px 0px 0px 0px; background: url(/images/design/buttonmitte-liste.gif) repeat-x; float: left; line-height: 25px; height: 25px; font-weight: normal; cursor: pointer; } /* Angebote ______________________________________________________________ */ div.inhalt table.monate { margin: 0px 0px 16px 0px; width: 523px; } div.inhalt table.monate td { padding: 0px 0px 0px 0px; width: 25%; } div.inhalt table.monate td a { background-color: #C51239; border: solid 1px #FFFFFF; color: #FFFFFF; display: block; font-weight: bold; padding: 1px 0px 2px 0px; text-align: center; } div.inhalt table.monate td a:hover { background-color: #FFFFFF; border: solid 1px #C51239; color: #C51239; } div.inhalt div.info { float: left; display: inline; background: #ffdfa1; margin: 0px 0px 29px 0px; padding: 0px 0px 0px 0px; height: 180px; width: 220px; } div.inhalt div.info div.zeitraum { margin: 0px 5px 0px 15px; font-size: 16px; line-height: 26px; padding: 110px 0px 0px 0px; } div.inhalt div.preis { margin: 0px 10px 0px 15px; padding: 0px 0px 10px 0px; } div.inhalt div.info .angebot { } div.detail div.angebotsbild { display: inline; overflow: hidden; height: 180px; float: left; width: 240px; margin: 0px 0px 0px 0px; } div.detail div.angebotedetail h1 { margin: 0px 0px 25px 0px; } div.detail div.angebotedetail p { margin: 0px 0px 25px 0px; } div.detail div.angebotedetail { margin: 25px 0px 0px 0px; } div.inhalt div.box { background: #FFFFFF; border: solid 1px #000000; margin: 0px 0px 16px 0px; } div.liste img.links { float: left; margin: 0px 15px 0px 0px; } div.liste div.zeitraum { color: #12281C; } div.info div.preisgross { color: #12281C; padding: 15px 10px 10px 15px; } div.info div.preisgross span.preisabeuro { color: #12281C; font-size: 30px; } div.liste p { color: #12281C; } div.liste h2 a { color: #12281C; } div.liste h2 { margin: 0px 0px 10px 0px; } div.liste a.weiterangebote span.buttonbeginnliste { margin: 5px 0px 13px 175px; background: url(/images/design/buttonanfang-liste.jpg) no-repeat 0px 0px; float: left; width: 6px; line-height: 25px; height: 25px; } div.liste a.weiterangebote span.buttonendeliste { margin: 5px 0px 0px 0px; background: url(/images/design/buttonende-liste.jpg) no-repeat 0px 0px; float: left; width: 8px; line-height: 25px; height: 25px; } div.liste a.weiterangebote span.buttonmitteliste { margin: 5px 0px 0px 0px; background: url(/images/design/buttonmitte-liste.gif) repeat-x; float: left; line-height: 25px; height: 25px; font-weight: normal; cursor: pointer; } div.navi span.buttonendeliste { margin: 0px 8px 0px 0px; } div.navi span.buttonbeginnliste { margin: 0px 0px 0px 0px; } div.navi span.buttonmitteliste { margin: 0px 0px 0px 0px; } div.angebotedetail div.navi { padding: 0px 0px 28px 0px; } div.inhalt div.angebotform div.info div.zeitraum { padding: 0px 0px 0px 0px; } div.inhalt div.angebotform div.info { background-color: #FFD37D; height: auto; width: 430px; } /* Anfrageformular _______________________________________________________ */ form { margin: 0px 0px 0px 0px; } form .label { float: left; display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } form .input { float: left; display: inline; height: 16px; line-height: 14px; color: #888888; border: 1px solid #7F9DB9; margin: 0px 0px 4px 0px; padding: 2px 0px 0px 3px; } form .select { float: left; display: inline; height: 16px; line-height: 14px; color: #343434; border: 1px solid #7F9DB9; margin: 0px 0px 4px 0px; padding: 2px 0px 0px 0px; } form .textarea { float: left; display: inline; height: 60px; color: #888888; border: 1px solid #7F9DB9; margin: 0px 0px 4px 0px; padding: 0px 0px 0px 3px; } form .file { float: left; display: inline; height: 19px; margin: 0px 0px 4px 0px; padding: 0px 0px 0px 3px; } form .checkbox { float: left; display: inline; margin: 0px 0px 4px 0px; padding: 0px 0px 0px 0px; } form .radio { float: left; display: inline; margin: 0px 0px 4px 0px; padding: 0px 0px 0px 0px; } form .aktiv { color: #343434; border: 1px solid #7F9DB9; } form .fehler { color: #FF0000; border: 1px solid #FF0000; } form div.fehler { color: #FF0000; border: 0px; margin: 4px 0px 10px 0px; padding: 0px 0px 0px 0px; } form label.fehler { color: #FF0000; border: 0px; } form .hidden { display: none !important; } form label.pflichtfeld { font-weight: bold; } form label.space { height: 18px; } form label.noborder { border: 0px; } form .colum1 { width: 200px; margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; float: left; display: inline; } form label.standard { width: auto; } form label.plz { margin: 0px 0px 0px 0px; } form label.ort { margin: 0px 0px 0px 4px; } form label.checkbox { margin: -2px 0px 8px 4px; } form label.radio { margin: 0px 0px 0px 4px; } form label.datumday { display: none; } form label.datummonth { display: none; } form label.datumyear { display: none; } form input.standard { width: 217px; } form input.plz { width: 62px; margin: 0px 5px 0px 0px; } form input.ort { width: 145px; } form input.checkbox { width: 14px; height: 14px; margin: 0px 0px 0px 0px; } form input.radio { width: 14px; height: 14px; margin: 0px 0px 0px 0px; } form select.standard { width: 220px; } form select.datumday { width: 50px; margin: 0px 5px 4px 0px; } form select.datummonth { width: 100px; margin: 0px 5px 4px 0px; } form select.datumyear { width: 56px; margin: 0px 5px 4px 0px; } form textarea.standard { width: 217px; } form .senden { margin: 0px 48px 0px 0px; float: right; display: inline; } form .senden:hover { color: #343434; } form input.senden { } a.buttonanfragesenden { margin: 10px 40px 10px 0px; } div.inhalt a.buttonanfragesenden span.links { background: url(/images/design/buttonanfang-liste.jpg) no-repeat 0px 0px; float: left; width: 6px; line-height: 25px; height: 25px; } div.inhalt a.buttonanfragesenden span.mitte { background: url(/images/design/buttonmitte-liste.gif) repeat-x; float: left; line-height: 25px; height: 25px; font-weight: normal; cursor: pointer; } div.inhalt a.buttonanfragesenden span.rechts { background: url(/images/design/buttonende-liste.jpg) no-repeat 0px 0px; float: left; width: 8px; line-height: 25px; height: 25px; } /* Zimmer und Preise ____________________________________________________ */ div.buttonzimmer span.buttonbeginnliste { margin: 5px 0px 13px 0px; background: url(/images/design/buttonanfang-liste.jpg) no-repeat 0px 0px; float: left; width: 6px; line-height: 25px; height: 25px; } div.buttonzimmer span.buttonendeliste { margin: 5px 8px 0px 0px; background: url(/images/design/buttonende-liste.jpg) no-repeat 0px 0px; float: left; width: 8px; line-height: 25px; height: 25px; } div.buttonzimmer span.buttonmitteliste { margin: 5px 0px 0px 0px; background: url(/images/design/buttonmitte-liste.gif) repeat-x; float: left; line-height: 25px; height: 25px; font-weight: normal; cursor: pointer; } div.listeinhaltzimmer div.editbox { margin: 0px 5px 26px 0px; font-size: 12px; line-height: 19px; color: #12281c; } .preise table { width: 420px; margin: 20px 20px 20px 20px; } .preise th { border-bottom: 1px solid #d2b56c; font-weight: bold; padding: 4px 0px 4px 0px; text-align: left; } .preise td { text-align: right; border-bottom: 1px solid #d2b56c; padding: 3px 5px 3px 5px; } .preise td.letztes { border-bottom: none; } .preise th.tleft { text-align: left; } .preise th.tright { text-align: right; } .preise th.tmitte { text-align: right; } .preise td.tleft { text-align: left; } div.liste h2.headlinepreise { color: #12281c; } div.buttons { margin: 0px 0px 0px 10px; } div.buttons span.buttonendeliste { margin: 0px 8px 15px 0px; } div.buttons span.buttonmitteliste { margin: 0px 0px 15px 0px; } div.buttons span.buttonbeginnliste { margin: 0px 0px 15px 0px; } div.preiseliste div.preise table { width: 420px; margin: 10px 20px 20px 20px; } div.inhalt p.einzelzimmer { margin: 0px 0px 20px 0px; } div.zimmerinfo div.bildaussen { float: left; width: 150px; display: inline; margin: 0px 20px 0px 0px; } div.zimmerinfo div.editbox { } /* 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; } /* Newsletter ____________________________________________________________ */ a.senden span.buttonbeginnliste { margin: 5px 0px 13px 0px; background: url(/images/design/buttonanfang-liste.jpg) no-repeat 0px 0px; float: left; width: 6px; line-height: 25px; height: 25px; } a.senden span.buttonendeliste { margin: 5px 0px 0px 0px; background: url(/images/design/buttonende-liste.jpg) no-repeat 0px 0px; float: left; width: 8px; line-height: 25px; height: 25px; } a.senden span.buttonmitteliste { margin: 5px 0px 0px 0px; background: url(/images/design/buttonmitte-liste.gif) repeat-x; float: left; line-height: 25px; height: 25px; font-weight: normal; cursor: pointer; } /* Gaestebuch ____________________________________________________________ */ a.weiter span.buttonbeginnliste { margin: 0px 0px 25px 0px; background: url(/images/design/buttonanfang-liste.jpg) no-repeat 0px 0px; float: left; width: 6px; line-height: 25px; height: 25px; } div.sendengastebuch span.buttonbeginnliste { background: url(/images/design/buttonanfang-liste.jpg) no-repeat 0px 0px; float: left; width: 6px; line-height: 25px; height: 25px; } a.weiter span.buttonendeliste { margin: 0px 0px 25px 0px; background: url(/images/design/buttonende-liste.jpg) no-repeat 0px 0px; float: left; width: 8px; line-height: 25px; height: 25px; } div.sendengastebuch span.buttonendeliste { background: url(/images/design/buttonende-liste.jpg) no-repeat 0px 0px; float: left; width: 8px; line-height: 25px; height: 25px; } a.weiter span.buttonmitteliste { margin: 0px 0px 25px 0px; background: url(/images/design/buttonmitte-liste.gif) repeat-x; float: left; line-height: 25px; height: 25px; font-weight: normal; cursor: pointer; } div.sendengastebuch span.buttonmitteliste { background: url(/images/design/buttonmitte-liste.gif) repeat-x; float: left; line-height: 25px; height: 25px; font-weight: normal; cursor: pointer; } div.sendengastebuch a { font-weight: normal; margin: 0px 0px 0px 0px; } div.sendengastebuch a:hover { font-weight: normal; margin: 0px 0px 0px 0px; } div.sendengastebuch { margin: 0px 38px 0px 0px; } div.inhalt p.gastebuchdanke { margin: 0px 20px 0px 0px; } div.inhalt div.gastebuchliste { padding: 0px 0px 20px 0px; } div.inhalt div.gastebuchborder { width: 460px; border-bottom: 1px solid #d2b56c; margin: 0px 0px 40px 0px; } /* Google Anreise ________________________________________________________ */ div.map { width: 460px; 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; } p.parkplatz { margin: 15px 0px 30px 0px; } img.lageplan { margin: 0px 0px 30px 0px; } /* 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; } 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; width: 460px; } /* __________________________________________________________________ Ende */