/* Inhalt ________________________________________________________________ */ div.inhalt div.intro { margin: 0px 0px 16px 0px; } div.inhalt div.liste { width: 596px; background-color: #FFFFFF; margin: 0px 0px 31px 0px; position: relative; } div.inhalt div.liste div.listeinnen { float: left; display: inline; width: 588px; border: solid 1px #e7dbc7; background: url(/images/design/bg-liste.png) repeat 0px 0px #fbf9f6; margin: 3px 3px 3px 3px; } div.inhalt div.liste div.angebot { height: 188px; overflow: hidden; } div.inhalt div.liste div.listeinnen div.listebild { float: left; display: inline; width: 250px; max-height: 188px; _height: 188px; overflow: hidden; margin: 0px 5px 0px 0px; } div.inhalt div.liste div.listeinnen div.listeinhalt { float: left; display: inline; width: 293px; _width: 290px; margin: 20px 20px 20px 20px; } div.inhalt div.liste div.listeinnen div.listeinhalt div.editbox { margin: 0px 0px 0px 0px; } div.inhalt div.liste div.listeinnen div.wide { width: 548px; } div.inhalt div.liste div.listeinnen div.wide div.linie { width: 548px; } div.inhalt div.liste div.listeinnen div.preisliste { margin: 20px 20px 10px 20px; } div.inhalt div.liste div.listeinhalt h2 { font-size: 24px; line-height: 27px; font-weight: normal; margin: 0px 0px 9px 0px; } div.inhalt div.liste div.listeinhalt h2 a { font-size: 24px; line-height: 27px; font-weight: normal; } div.inhalt div.liste div.listeinhalt div.linie { float: left; display: inline; width: 277px; height: 1px; line-height: 1px; font-size: 1px; background-color: #e7dbc7; margin: 0px 0px 7px 0px; } div.inhalt div.liste div.preise { clear: both; width: 548px; _width: 500px; margin: 20px 20px 20px 20px; } div.inhalt div.liste div.preise b { font-size: 14px; line-height: 24px; } div.inhalt div.liste div.listepreise { margin: 20px 20px 20px 0px; } div.inhalt div.liste div.preise table.preise { width: 548px; _width: 500px; font-size: 11px; margin: 0px 0px 0px 0px; } div.inhalt div.liste div.preise table.preise th { font-size: 14px; line-height: 24px; color: #383636; border-right: 1px solid #E7DBC7; font-weight: bold; padding: 0px 0px 23px 0px; vertical-align: top; text-align: center; } div.inhalt div.liste div.preise table.preise th.last { border: 0px; } div.inhalt div.liste div.preise table.preise td { font-size: 14px; vertical-align: bottom; line-height: 24px; color: #8e1719; text-align: center; border-right: 1px solid #E7DBC7; padding: 0px 0px 0px 0px; } div.inhalt div.liste div.preise table.preise td.last { border: 0px; } div.inhalt div.liste div.preise table.preisewinter { width: 548px; _width: 500px; font-size: 11px; margin: 0px 0px 0px 0px; } div.inhalt div.liste div.preise table.preisewinter th { width: 109px; _width: 100px; font-size: 12px; line-height: 24px; color: #383636; border-right: 1px solid #E7DBC7; vertical-align: top; font-weight: bold; padding: 0px 0px 23px 0px; text-align: center; } div.inhalt div.liste div.preise table.preisewinter th.last { border: 0px; } div.inhalt div.liste div.preise table.preisewinter th.ang { font-weight: normal; border-top: solid 1px #E7DBC7; padding: 10px 0px 0px 0px; } div.inhalt div.liste div.preise table.preisewinter td { width: 109px; _width: 100px; font-size: 12px; vertical-align: bottom; line-height: 24px; color: #8e1719; text-align: center; border-right: 1px solid #E7DBC7; padding: 0px 0px 23px 0px; } div.inhalt div.liste div.preise table.preisewinter td.last { border: 0px; } div.inhalt div.liste div.listeinnen div.buttonzimmer { float: right; display: inline; position: relative; margin: 10px 12px 10px 0px; } div.inhalt div.liste div.listeinnen div.buttonzimmer a.button { float: right; display: inline; position: relative; right: 0px; bottom: 0px; margin: 0px 0px 0px 10px; } div.inhalt div.liste div.listeinnen a.button { position: absolute; right: 12px; bottom: 10px; } div.inhalt div.detail { margin: 0px 0px 16px 0px; position: relative; } div.inhalt div.detail h1.angebot { margin: 0px 0px 0px 0px; } div.inhalt div.detail h1.angebot span.preis { float: right; display: inline; } div.inhalt div.detail div.zeitraum { float: left; display: inline; margin: 0px 0px 17px 0px; } div.inhalt div.detail div.angebotebox { clear: both; float: left; display: inline; width: 596px; height: 214px; margin: 0px 0px 16px 0px; background-color: #FFFFFF; } div.inhalt div.detail div.angebotebox div.boxinnen { float: left; display: inline; position: relative; width: 588px; height: 206px; border: solid 1px #e7dbc7; background: url(/images/design/bg-liste.png) repeat 0px 0px #fbf9f6; margin: 3px 3px 3px 3px; } div.inhalt div.detail div.boxinnen span.titel { position: absolute; left: 25px; top: 20px; color: #8e1719; font-size: 24px; line-height: 27px; } div.inhalt div.detail div.boxinnen div.linie { position: absolute; left: 26px; top: 56px; width: 537px; height: 1px; line-height: 1px; font-size: 1px; background-color: #e7dbc7; } div.inhalt div.detail div.boxinnen a.buchen { position: absolute; left: 26px; top: 69px; color: #383636; } div.inhalt div.detail div.boxinnen a.anfragen { position: absolute; left: 26px; top: 100px; color: #383636; } div.inhalt div.detail div.boxinnen a img { float: left; display: inline; margin: 2px 8px 0px 0px; } div.inhalt div.detail div.boxinnen span.mail { position: absolute; left: 26px; top: 131px; color: #383636; } div.inhalt div.detail div.boxinnen span.mail a { color: #383636; } div.inhalt div.detail div.boxinnen span.hotline { position: absolute; left: 26px; top: 162px; color: #383636; } div.inhalt div.detail div.boxinnen span img { float: left; display: inline; margin: 2px 8px 0px 0px; } div.inhalt div.listedetail { } div.inhalt div.bycode { } div.inhalt div.pictures { float: left; display: inline; width: 596px; margin: 41px 0px 30px 0px; } div.inhalt div.pictures div.bildlinks { float: left; display: inline; width: 445px; height: 332px; overflow: hidden; } div.inhalt div.pictures div.bildrechts { float: right; display: inline; width: 135px; height: 101px; margin: 0px 0px 15px 0px; overflow: hidden; } div.inhalt div.pictures div.last { margin: 0px 0px 0px 0px; } div.inhalt div.pictures div.bildgross { float: left; display: inline; width: 596px; height: 447px; overflow: hidden; } div.inhalt div.box { clear: both; float: left; display: inline; position: relative; width: 596px; margin: 44px 0px 76px 0px; } div.inhalt div.box div.flashbox { float: left; display: inline; position: relative; z-index: 2; } div.inhalt div.box img.blumebox { position: absolute; right: -57px; bottom: -46px; z-index: 1; } div.inhalt div.teaser { float: left; display: inline; width: 184px; height: 320px; overflow: hidden; margin: 0px 22px 0px 0px; } div.inhalt div.letztes { margin: 0px 0px 0px 0px; } div.inhalt div.teaser div.teaserbild { float: left; display: inline; width: 184px; height: 138px; border-bottom: solid 4px #8e1719; margin: 0px 0px 0px 0px; } div.inhalt div.teaser div.teaserinhalt { float: left; display: inline; width: 184px; } div.inhalt div.teaser div.teaserinhalt h2 { float: left; display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.inhalt div.teaser div.teaserinhalt h2 a { float: left; display: inline; height: 54px; font-size: 24px; line-height: 27px; font-weight: normal; color: #8e1719; margin: 10px 0px 9px 0px; } div.inhalt div.teaser div.teaserinhalt div.editbox { float: left; display: inline; width: 184px; font-size: 12px; line-height: 22px; color: #464646; border-top: solid 1px #e7dbc7; margin: 0px 0px 9px 0px; padding: 3px 0px 0px 0px; } div.inhalt div.teaser a.link { float: left; display: inline; color: #464646; background: url(/images/design/aufzahlung-submenu.png) no-repeat left 6px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 18px; } div.inhalt div.teaser a.link:hover { color: #be9d17; } div.inhalt ul.downlinks { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.inhalt ul.downlinks li { clear: both; float: left; display: block; position: relative; width: 596px; background: transparent; margin: 0px 0px 31px 0px; padding: 0px 0px 0px 0px; } div.inhalt ul.downlinks li h2 { font-size: 24px; line-height: 27px; font-weight: normal; margin: 0px 0px 9px 0px; } div.inhalt ul.downlinks li a.button { position: absolute; right: 0px; bottom: 0px; } div.inhalt ul.downlinks li a.link { display: block; margin: 0px 0px 0px 0px; } div.inhalt div.vorspann { margin: 0px 0px 16px 0px; } div.inhalt div.editbox { margin: 0px 0px 16px 0px; } div.inhalt a.button { cursor: pointer; font-size: 11px; color: #FFFFFF; line-height: 20px; } div.inhalt a.button span.links { float: left; display: inline; background: url(/images/design/buttonanfang.png) no-repeat 0px 0px; width: 5px; height: 20px; } div.inhalt a.button span.mitte { float: left; display: inline; background: url(/images/design/button.png) repeat-x 0px 0px; height: 20px; padding: 0px 5px 0px 5px; } div.inhalt a.button span.rechts { float: left; display: inline; background: url(/images/design/buttonende.png) no-repeat 0px 0px; width: 5px; height: 20px; } div.inhalt a.button:hover span.links { background: url(/images/design/buttonanfang-hover.png) no-repeat 0px 0px; } div.inhalt a.button:hover span.mitte { background: url(/images/design/button-hover.png) repeat-x 0px 0px; } div.inhalt a.button:hover span.rechts { background: url(/images/design/buttonende-hover.png) no-repeat 0px 0px; } /* Dynamisch _____________________________________________________________ */ div.inhalt div.umblattern { float: right; display: inline; } div.inhalt div.umblattern a { float: left; display: inline; margin: 0px 2px 0px 2px; } div.inhalt div.umblattern a.zahl { margin: 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 { } /* 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.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 34px 20px 0px; } div.imgrechts { display: inline; float: right; margin: 0px 0px 15px 15px; } /* Google Anreise ________________________________________________________ */ div.map { width: 100%; height: 250px; margin: 0px 0px 20px 0px; } div.directions { width: 100%; display: none; margin: 30px 0px 0px 0px; } div.directions a { color: #000000; } div.directions div { color: #000000; } /* 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; } /* 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 164px 0px 0px; float: right; display: inline; } form .senden:hover { color: #343434; } form input.senden { } /* Newsletter Overlayer___________________________________________________ */ #jsnewsletteroverlayerbg { display: none; position: absolute; left: 0px; top: -130px; width: 100%; min-height: 600px; height: 100%; z-index: 999; overflow: hidden; } #jsnewsletteroverlayerbg div.center { margin: 0 auto; width: 383px; position: relative; left: 0px; top: 0px; } #jsnewsletteroverlayer { position: absolute; left: 0px; top: 0px; background: url(/images/design/bg-overlayer.png) no-repeat 0px 0px; width: 383px; height: 150px; z-index: 999; } div.jsnewsletteroverlayer { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; width: 248px; height: 198px; } div.jsnewsletteroverlayer a.schliessenx { position: absolute; right: 9px; top: 9px; width: 7px; height: 11px; background: url(/images/design/schliessen.png) no-repeat 0px 0px; } div.jsnewsletteroverlayer span.overlayerhead { position: absolute; left: 29px; top: 31px; color: #8e1719; font-size: 21px; line-height: 25px; font-weight: normal; } div.jsnewsletteroverlayer div.overlayertext { position: absolute; left: 29px; top: 58px; text-align: left; color: #383636; line-height: 21px; font-size: 12px; } div.jsnewsletteroverlayer form div.colum1 { display: none; } div.jsnewsletteroverlayer form input.emailadresse { position: absolute; left: 83px; top: 100px; border-bottom: solid 1px #e7dbc7; border-left: solid 1px #e7dbc7; border-top: solid 1px #d7c3a2; color: #383636; text-align: center; width: 191px; height: 20px; font-size: 11px; line-height: 20px; margin: 0px 0px 0px 0px; } div.jsnewsletteroverlayer form a.senden { position: absolute; left: 276px; top: 100px; background: url(/images/design/pfeil.png) no-repeat 0px 0px; width: 25px; height: 24px; margin: 0px 0px 0px 0px; padding: 0px 0px 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; margin: 0px 0px 0px 0px; height: 0px; overflow: hidden; text-indent: -100px; } br.abstandaddress { clear: both; line-height: 4px; font-size: 4px; height: 4px; } div.abstandstart { clear: both; line-height: 0px; font-size: 0px; margin: 0px 0px 0px 0px; height: 36px; overflow: hidden; text-indent: -100px; } div.abstandliste { clear: both; line-height: 0px; font-size: 0px; margin: 0px 0px 0px 0px; height: 42px; overflow: hidden; text-indent: -100px; } img.links { float: left; margin: 5px 25px 0px 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; } ul.sitemap { } ul.sitemap li ul { margin: 8px 0px 16px 0px; } /* __________________________________________________________________ Ende */