/* Grundeinstellungen ____________________________________________________ */ body { background: #1c3c2a; text-align: center; } address { font-style: normal; } hr { display: none; } h1, h1 a { color: #12281c; font-size: 20px; line-height: 24px; font-weight: bold; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; text-align: left; } h2, h2 a { color: #12281c; font-size: 16px; line-height: 20px; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; text-align: left; } h3, h3 a { font-size: 14px; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; } 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; } div.rahmen { position: relative; width: 1002px; margin: 0 auto; text-align: left; } /* Oben __________________________________________________________________ */ div.oben { position: absolute; left: 0px; top: 0px; width: 980px; height: 500px; z-index: 10; } div.oben div.obenoben { position: absolute; left: 0px; top: 0px; width: 980px; height: 56px; background-color: #1c3c2a; } div.oben div.obenunten { position: absolute; left: 0px; top: 56px; width: 980px; height: 44px; background-color: #173223; } div.oben a.logo { position: absolute; left: 20px; top: 17px; z-index: 5; } div.oben div.flash { position: absolute; left: 0px; top: 100px; z-index: 1; } div.oben div.sprache { position: absolute; color: #8e8d64; left: 825px; top: 10px; font-weight: normal; } div.oben div.sprache a { color: #8e8d64; font-weight: normal; } div.oben ul.menu { position: absolute; left: 398px; top: 72px; z-index: 7; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.oben ul.menu li { float: left; position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #ffde9d; } div.oben ul.menu li a { float: left; display: block; min-height: 14px; _height: 14px; line-height: 22px; padding: 0px 11px 0px 11px; font-size: 14px; color: #ffde9d; font-weight: normal; } div.oben ul.menu li a:hover { color: #ffde9d; border-bottom: 6px solid; border-color:#821014; z-index: 9; font-weight: normal; } div.oben ul.menu li.aktiv, div.oben ul.menu a:hover { font-weight: normal; background: transparent; } div.oben ul.menu 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.oben ul.menu ul li { display: block; float: none; margin: 0px 11px 0px 11px; padding: 2px 0px 3px 0px; } div.oben ul.menu ul li.aktiv { font-weight: bold; } div.oben ul.menu ul li.aktiv a, div.oben ul.menu ul li a { display: block; float: none; min-height: 18px; _height: 18px; line-height: 18px; padding: 0px 3px 0px 5px; } /* Mitte _________________________________________________________________ */ div.mitte { margin: 500px 0px 0px 0px; width: 980px; position: relative; z-index: 20; background-color: #ffd37d; } /* Links _________________________________________________________________ */ div.links { float: left; display: inline; width: 268px; margin: 0px 0px 0px -740px; background-color: #ffd37d; min-height: 590px; _height: 590px; } div.links div.menulinks { background: url(/images/design/bg-menu-links.gif) no-repeat 0px 0px; background-color: #12281c; position: relative; margin: -58px 0px 81px 20px; width: 220px; z-index: 21; } div.links div.menulinkspa { padding: 0px 0px 35px 0px; } div.links div.menulinks div.titel { width: 100%; padding: 36px 0px 16px 11px; background: url(/images/design/bg-menulinks-oben.gif) no-repeat 0px 70px; font-size: 18px; color: #ffde9d; } div.links ul.menu { list-style-type: none; margin: 22px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.links ul.menu li { margin: 0px 10px 0px 0px; padding: 0px 0px 1px 0px; background: url(/images/design/border-menu-links.gif) no-repeat 11px 34px; } div.links ul.menu li a { color: #ffde9d; display: block; margin: 0px 0px 0px 10px; padding: 10px 0px 9px 24px; font-weight: normal; } div.links ul.menu li.aktiv a { background: transparent; background: url(/images/design/menuaktiv.png) no-repeat -2px 12px; } div.links ul.menu li a:hover { background: transparent; background: url(/images/design/menuaktiv.png) no-repeat -2px 12px; } div.links div.gasteb { margin: 0px 20px 14px 20px; height: 50px; background-color: #ffdfa1; width: 220px; } div.links div.anr { margin: 0px 20px 14px 20px; height: 50px; background-color: #ffdfa1; width: 220px; } div.links div.wet { margin: 0px 20px 14px 20px; height: 50px; background-color: #ffdfa1; width: 220px; } div.links div.gasteb a { height: 50px; line-height: 50px; color: #655941; font-size: 16px; font-weight: normal; margin: 0px 0px 0px 20px; } div.links div.anr a { height: 50px; line-height: 50px; color: #655941; font-size: 16px; font-weight: normal; margin: 0px 0px 0px 20px; } div.links div.wet a { height: 50px; line-height: 50px; color: #655941; font-size: 16px; font-weight: normal; padding: 0px 0px 0px 20px; } div.links ul.menu ul { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; } div.links ul.menu ul li { margin: 0px 0px 0px 0px; padding: 0px 0px 1px 14px; } div.links ul.menu ul li a { background-color: transparent; font-weight: normal; margin: 0px 0px 0px 0px; } div.links ul.menu ul li.aktiv { } div.links ul.menu ul li.aktiv a, div.links ul.menu ul li a:hover { font-weight: bold; } /* Inhalt ________________________________________________________________ */ div.inhalt { margin: 0px 0px 0px 268px; float: left; display: inline; width: 472px; overflow: hidden; background-color: #ffd37d; } div.inhaltstartseite { margin: 0px 0px 0px 0px; float: left; display: inline; width: 740px; overflow: hidden; background-color: #ffd37d; } div.inhaltstartseite h1 { margin: 25px 20px 26px 32px; font-size: 18px; line-height: 26px; font-weight: normal; } div.inhaltstartseite div.editbox { margin: 0px 20px 32px 32px; font-size: 12px; line-height: 19px; } div.inhaltstartseite img.unterschrift { float: right; margin: 0px 55px 62px 0px; } div.oben a.logostartseite { position: absolute; left: 20px; top: 42px; z-index: 11; } /* Rechts ________________________________________________________________ */ div.rechts { float: left; display: inline; width: 240px; } div.rechts div.zimmersuche { border: solid 1px #4e563b; width: 222px; height: 141px; background-color: #12281c; margin: 20px 0px 0px 0px; } div.zimmersuche label.datum { display: inline; font-size: 12px; line-height: 16px; color: #ffde9d; float: none; position: absolute; left: 761px; top: 35px; white-space: nowrap; } div.rechts div.hintertage { font-size: 12px; line-height: 16px; color: #ffde9d; position: absolute; left: 796px; top: 102px; } div.rechts div.hinterpersonen { font-size: 12px; line-height: 16px; color: #ffde9d; position: absolute; left: 880px; top: 102px; } div.rechts #UrlaubAnfrageOnpagetage { position: absolute; left: 761px; top: 100px; width: 21px; } div.rechts #UrlaubAnfrageOnpagepersonen { position: absolute; left: 845px; top: 100px; width: 21px; } div.zimmersuche select.datumday { position: absolute; left: 761px; top: 59px; width: 45px; } div.zimmersuche select.datummonth { position: absolute; left: 812px; top: 59px; width: 45px; } div.zimmersuche select.datumyear { position: absolute; left: 863px; top: 59px; width: 60px; } div.rechts div.buttonbuchen { position: absolute; left: 852px; top: 148px; width: 100px; } div.rechts a.buttonreservieren { cursor: pointer; font-weight: normal; color: #173223; position: absolute; left: 852px; top: 148px; width: 100px; } div.rechts a.buttonanfragen { position: absolute; left: 762px; top: 148px; width: 90px; } div.rechts div.buttonbuchen a { cursor: pointer; font-weight: normal; color: #173223; } div.rechts a.buttonanfragen { cursor: pointer; font-weight: normal; color: #173223; } div.rechts span.weiteranfang { float: left; display: inline; background: url(/images/design/buttonanfang-anfrage.gif) no-repeat 0px 0px; height: 25px; line-height: 25px; width: 6px; } div.rechts span.weiter { float: left; display: inline; background: url(/images/design/buttonmitte-anfrage.gif) repeat-x; height: 25px; line-height: 25px; font-size: 12px; } div.rechts span.weiterende { float: left; display: inline; background: url(/images/design/buttonende-anfrage.gif) no-repeat 0px 0px; height: 25px; line-height: 25px; width: 8px; } div.zimmersuche div.bganfrageonpage { height: 141px; background: url(/images/design/bgzimmersuche.gif) repeat-x; margin: 0px 13px 0px 6px; } div.zimmersuche img.linierechts1 { position: absolute; left: 747px; top: 55px; } div.zimmersuche img.linierechts2 { position: absolute; left: 747px; top: 90px; } /* Unten _________________________________________________________________ */ div.unten { position: relative; clear: both; width: 980px; } div.unten div.footer { background: url(/images/design/bg-unten.gif) no-repeat 0px 0px; height: 276px; } div.unten a img { vertical-align: text-bottom; } div.unten p { color: #ffde9d; } div.unten a.fotogalerieonpage { position: absolute; left: 22px; top: 15px; color: #FFDE9D; font-weight: normal; } div.unten p.newsletter { position: absolute; left: 381px; top: 15px; } div.unten p.kontakt { position: absolute; left: 742px; top: 15px; } div.unten p.textfoto { position: absolute; left: 29px; top: 58px; width: 310px; color: #9a9b73; } div.unten p.textnews { position: absolute; left: 390px; top: 58px; width: 310px; color: #9a9b73; } div.unten address { position: absolute; left: 750px; top: 58px; width: 190; color: #9a9b73; } div.unten address a { color: #9a9b73; text-decoration: none; } div.unten span.buttonanfang { float: left; background: url(/images/design/buttonanfang-unten.gif) no-repeat 0px 0px; height: 25px; line-height: 25px; width: 8px; } div.unten span.buttonmitte { float: left; background: url(/images/design/buttonmitte-unten.gif) repeat-x; height: 25px; padding: 0px 3px 0px 3px; line-height: 25px; font-size: 12px; } div.unten span.buttonende { float: left; background: url(/images/design/buttonende-unten.gif) no-repeat 0px 0px; height: 25px; line-height: 25px; width: 8px; } div.unten div.klick { position: absolute; left: 32px; top: 186px; color: #173223; } div.unten div.klick a { font-weight: normal; cursor: pointer; } div.unten a.newsletterabonnieren { position: absolute; left: 391px; top: 186px; color: #173223; font-weight: normal; cursor: pointer; } div.unten div.copyright { margin: 19px 0px 0px 9px; color: #8e8d64; padding: 0px 0px 25px 0px; } div.unten div.copyright a { color: #8e8d64; font-weight: normal; padding: 0px 0px 0px 10px; } div.unten div.copyright a.zeppelincopy { position: absolute; left: 860px; top: 295px; } div.unten div.fotoonpage { position: absolute; left: 30px; top: 108px; } div.unten div.fotoonpage div { float: left; display: inline; margin: 0px 10px 0px 0px; } div.unten input.vorname { position: absolute; left: 390px; top: 107px; width: 150px; padding: 5px 0px 5px 4px; } div.unten input.nachname { position: absolute; left: 552px; top: 107px; width: 150px; padding: 5px 0px 5px 4px; } div.unten input.standard { position: absolute; left: 390px; top: 147px; width: 313px; padding: 5px 0px 5px 4px; } /* 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; } #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 */