/* Grundeinstellungen ____________________________________________________ */ body { background: #E7DAB2; text-align: center; } body.bilderbuch { background-color: #FFFFFF; } body.bilderbuch div.rahmen { width: 900px; margin: 0 auto; background: transparent; text-align: center; } body.bilderbuch div.rahmen div.flash { margin: 0px 0px 15px 0px; } body.bilderbuch div.rahmen p { font-size: 11px; } address { font-style: normal; } hr { display: none; } h1, h1 a { color: #373737; font-size: 25px; line-height: 27px; font-weight: normal; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; text-align: left; } h2, h2 a { color: #B08400; font-size: 16px; font-weight: normal; 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 10px; list-style-type: none; } ul li { background: url(/images/design/bg-li.png) no-repeat 0px 7px; margin: 0px 0px 3px 0px; padding: 0px 0px 0px 15px; _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 { background: url(/images/design/bg-rahmen.gif) repeat-y 0px 0px; position: relative; width: 980px; margin: 0 auto; text-align: left; overflow: hidden; } /* Oben __________________________________________________________________ */ div.oben { background: url(/images/design/bg-oben.png) no-repeat 0px 0px; position: absolute; left: 0px; top: 0px; width: 980px; height: 453px; } div.oben a.logo { position: absolute; left: 14px; top: 27px; z-index: 20; } div.oben div.flash { position: absolute; left: 14px; top: 27px; } div.oben div.hotelfuehrer { color: #626161; background: url(/images/design/bg-hotelfuehrer.png) no-repeat 0px 0px; position: absolute; right: 14px; top: 27px; width: 260px; overflow: hidden; height: 358px; z-index: 10; } div.oben div.hotelfuehrer form { margin: 70px 0px 0px 20px; _width: 215px; _overflow: hidden; } div.oben div.hotelfuehrer form label { font-weight: bold; display: block; margin: 0px 0px 2px 0px; width: 400px; } div.oben div.hotelfuehrer form div.colum1nofloat { float: none; display: block; } div.oben div.hotelfuehrer form select { color: #626161; width: 209px; margin: 0px 0px 12px 0px; } div.oben div.hotelfuehrer form input { color: #626161; width: 180px; margin: 0px 5px 12px 0px; } div.oben div.hotelfuehrer form a.sendentop { float: right; display: inline; _margin: 0px 0px 0px 0px; margin: 0px 30px 0px 0px; } div.oben div.hotelfuehrer form a.sendentop span.mitte { padding: 0px 15px 0px 15px; } div.oben div.angebote { background: url(/images/design/bg-angebote.png) no-repeat 0px 0px; position: absolute; right: 14px; top: 32px; width: 260px; height: 358px; z-index: 0; } div.oben div.angebote form { margin: 70px 0px 0px 20px; } div.oben div.angebote form label { font-weight: bold; display: block; margin: 0px 0px 2px 0px; } div.oben div.angebote form select { color: #626161; width: 209px; margin: 0px 0px 12px 0px; } div.oben div.angebote form input { color: #626161; width: 180px; margin: 0px 5px 12px 0px; } div.oben div.angebote form a.sendentop { float: right; display: inline; margin: 15px 30px 0px 0px; } div.oben div.angebote form a.sendentop span.mitte { padding: 0px 15px 0px 15px; } div.oben a.linkhotelfuehrer { background: url(/images/design/bg-link-hotelfuehrer.gif) no-repeat left center; padding: 0px 0px 0px 14px; font-size: 12px; font-weight: bold; color: #b18500; text-decoration: none; z-index: 15; position: absolute; right: 173px; top: 45px; } div.oben a.linkangebote { background: url(/images/design/bg-link-angebote.gif) no-repeat left center; padding: 0px 0px 0px 14px; font-size: 12px; font-weight: normal; color: #b18500; text-decoration: none; z-index: 15; position: absolute; right: 52px; top: 45px; } div.oben ul.menu { background: url(/images/design/bg-menu.png) no-repeat 0px 0px; width: 952px; height: 68px; font-weight: bold; position: absolute; left: 14px; top: 385px; z-index: 7; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.oben ul.menu li { background: transparent; float: left; position: relative; margin: 15px 0px 0px 0px; padding: 0px 0px 0px 0px; border-left: solid 1px #b08400; } div.oben ul.menu li.erstes { border: 0px; margin: 15px 0px 0px 7px; } div.oben ul.menu li a { text-align: center; float: left; display: block; padding: 0px 25px 0px 25px; color: #5f5f5f; text-decoration: none; font-size: 12px; } div.oben ul.menu li a span { font-size: 11px; font-weight: normal; } div.oben ul.menu li a:hover { color: #b08400; } div.oben ul.menu li.aktiv a, div.oben ul.menu a:hover { color: #b08400; } div.oben ul.menu ul { display: none; } /* Mitte _________________________________________________________________ */ div.mitte { margin: 453px 0px 0px 0px; padding: 0px 0px 70px 0px; } /* Links _________________________________________________________________ */ div.links { float: left; display: inline; width: 255px; margin: 42px 0px 0px 0px; _overflow: hidden; } div.links ul.menu { list-style-type: none; margin: 0px 0px 46px 14px; padding: 0px 0px 0px 0px; } div.links ul.menu li { margin: 0px 0px 0px 0px; padding: 0px 0px 1px 0px; width: 241px; } div.links ul.menu li a { background: url(/images/design/bg-menu-links.png) no-repeat 0px 0px; height: 30px; line-height: 30px; color: #373737; display: block; text-decoration: none; margin: 0px 0px 6px 0px; padding: 0px 0px 1px 39px; } div.links ul.menu li.specialoffers a { background: url(/images/design/bg-menu-links-specialoffers.png) no-repeat 0px 0px; } div.links ul.menu li.blog a { background: url(/images/design/bg-menu-links-blog.png) no-repeat 0px 0px; } div.links ul.menu li.bilderbuch a { background: url(/images/design/bg-menu-links-bilderbuch.png) no-repeat 0px 0px; } div.links ul.menu li.katalogbestellung a { background: url(/images/design/bg-menu-links-katalogbestellung.png) no-repeat 0px 0px; } div.links ul.menu li.wetterprognosen a { background: url(/images/design/bg-menu-links-wetterprognosen.png) no-repeat 0px 0px; } div.links ul.menu li.kontakt a { background: url(/images/design/bg-menu-links-kontakt.png) no-repeat 0px 0px; } div.links ul.menu li.feedback a { background: url(/images/design/bg-menu-links-feedback.png) no-repeat 0px 0px; } div.links ul.menu li.hoteltipp a { background: url(/images/design/bg-menu-links-hoteltipp.png) no-repeat 0px 0px; } div.links ul.menu li.aktiv a { color: #B08400; } div.links ul.menu li a:hover { color: #B08400; } div.links ul.menu li ul.regionen { background: url(/images/design/bg-ul-regionen.png) no-repeat left bottom #FFFFFF; margin: -8px 0px 10px 29px; padding: 10px 0px 14px 0px; border: solid 1px #EEE5CA; } div.links ul.menu li ul.regionen li { padding: 0px 0px 1px 14px; } div.links ul.menu li.aktiv ul li a { color: #838383; } div.links ul.menu li ul li { background: transparent; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 170px; } div.links ul.menu li ul li a { background: transparent; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 20px; height: 20px; } div.links ul.menu li ul li ul { margin: 0px 0px 7px 0px; } div.links ul.menu li ul li ul li { width: 160px; } div.links div.linie { height: 1px; line-height: 0px; font-size: 0px; background-color: #e7dab2; margin: 0px 0px 0px 43px; } div.links div.newsletter { margin: 22px 0px 0px 41px; padding: 0px 0px 22px 0px; } div.links div.newsletter span.headline { font-weight: bold; display: block; margin: 0px 0px 12px 0px; } div.links div.newsletter p { margin: 0px 0px 16px 0px; } div.links div.newsletter div.inputemail { position: relative; width: 212px; height: 25px; background: url(/images/design/bg-input-email.png) no-repeat 0px 0px; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; } div.links div.newsletter div.inputemail input { position: absolute; left: 3px; top: 2px; width: 200px; background: transparent; border: 0px; padding: 4px 0px 0px 7px; margin: 0px 0px 0px 0px; } div.links div.newsletter a.senden { margin: 0px 2px 0px 0px; } div.links div.hotelauswahl { margin: 0px 0px 49px 14px; } div.links div.hotelauswahl div.boxlinksoben { background: url(/images/design/bg-hotelauswahl.gif) no-repeat 0px 0px #B08400; width: 241px; height: 30px; margin: 0px 0px 5px 0px; } div.links div.hotelauswahl div.boxlinksoben span { margin: 4px 0px 0px 11px; float: left; display: inline; color: #FFFFFF; font-size: 13px; font-weight: bold; } div.links div.hotelauswahl div.hotelauswahl { margin: 0px 0px 0px 0px; padding: 2px 0px 9px 0px; list-style-type: none; border: solid 1px #E9DDB8; } div.links div.hotelauswahl div.hotelauswahl span.auswahl { display: block; color: #5F5F5F; font-weight: bold; background: url(/images/design/bg-li-hotelauswahl.gif) no-repeat 0px 12px; padding: 0px 0px 0px 16px; margin: 0px 16px 0px 15px; border-top: solid 1px #E9DDB8; height: 30px; line-height: 30px; } div.links div.hotelauswahl div.hotelauswahl span.auswahl a { color: #5F5F5F; } div.links div.hotelauswahl div.hotelauswahl span.auswahl.erstes { border: 0px; } div.links div.hotelauswahl div.hotelauswahl span.auswahl span.links { float: left; display: inline; } div.links div.hotelauswahl div.hotelauswahl span.auswahl span.rechts { float: right; display: inline; } div.links div.hotelsuchelinks { margin: 0px 0px 0px 14px; } div.links div.hotelsuchelinks div.boxlinksoben { background: url(/images/design/bg-hotelauswahl.gif) no-repeat 0px 0px #B08400; width: 241px; height: 30px; margin: 0px 0px 5px 0px; } div.links div.hotelsuchelinks div.boxlinksoben span { margin: 4px 0px 0px 11px; float: left; display: inline; color: #FFFFFF; font-size: 13px; font-weight: bold; } div.links div.hotelsuchelinks div.boxlinksdiv { border: solid 1px #E9DDB8; } div.links div.hotelsuchelinks div.boxlinksdiv div.boxlinksinnen { margin: 15px 15px 15px 16px; } div.links div.boxlinksdiv div.boxlinksinnen div.hide { display: none; } div.links div.boxlinksdiv div.boxlinksinnen .sliderdiv { background: url(/images/design/sliderbg.gif) no-repeat bottom right transparent; clear: both; width: 205px; height: 8px; position: relative; margin: 0px 0px 24px 0px; font-size: 0px; line-height: 0px; } div.links div.boxlinksdiv div.boxlinksinnen div.kategorie { border-top: solid 1px #E9DDB8; padding: 6px 0px 6px 0px; } div.links div.boxlinksdiv div.boxlinksinnen div.kategorie a { color: #5F5F5F; } div.links div.boxlinksdiv div.boxlinksinnen div.erstekategorie { border: 0px; } div.links div.boxlinksdiv div.boxlinksinnen div.searchfilterdiv { margin: 0px 0px 10px 0px; width: 200px; overflow: hidden; } div.links div.hotelinfo { margin: 40px 0px 0px 41px; line-height: 18px; } div.links div.hotelinfo span.headline { font-weight: bold; color: #B08400; display: block; margin: 0px 0px 12px 0px; } div.links div.hotelinfo address { font-size: 11px; } div.links div.hotelinfo address span.absatz { display: block; margin: 0px 0px 10px 0px; } div.links div.sprache { font-size: 11px; margin: 0px 0px 15px 0px; float: right; display: inline; color: #737373; } div.links div.sprache a { color: #737373; } div.links div.sprache a:hover { color: #B08400; } /* Inhalt ________________________________________________________________ */ div.inhalt { margin: 42px 0px 0px 0px; float: right; display: inline; width: 725px; overflow: hidden; } div.inhaltinnen { margin: 0px 108px 0px 60px; } div.inhaltinnenstartseite { margin: 0px 0px 0px 60px; } /* Unten _________________________________________________________________ */ div.unten { position: relative; clear: both; background: url(/images/design/bg-unten.png) no-repeat 0px 0px; width: 980px; height: 90px; } div.unten div.unteninnen { position: absolute; left: 331px; top: 5px; width: 590px; color: #797979; } div.unten div.unteninnen a { color: #797979; } div.unten div.unteninnen a:hover { color: #B08400; } div.unten div.untenlinks { float: left; display: inline; } div.unten div.untenrechts { float: right; display: inline; } div.unten a img { vertical-align: text-bottom; } /* 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; } /* HTML Lightbox _________________________________________________________ */ #myHtmlLightbox { position: absolute; left: 0px; width: 100%; z-index: 1220; text-align: center; font-size: 0px; } #outerContainer { position: relative; background-color: #FFFFFF; width: 250px; height: 250px; margin: 0 auto; overflow: hidden; } #htmlContainer { padding: 10px 10px 10px 10px; } #htmlContainer #htmlLightboxIFrame { border: 0px; } #myloading { position: absolute; left: 0%; top: 50%; margin-top: -16px; width: 100%; height: 25%; text-align: center; line-height: 0px; } #DataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #FFFFFF; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; } #Data { padding: 0px 10px; color: #666666; } #Data #bottomNav { height: 40px; } #Data #bottomNavClose { background: transparent !important; width: 26px; float: right; padding-bottom: 0.4em; } #myhtmloverlay { position: fixed; _position: absolute; top: 0px; left: 0px; z-index: 90; width: 100%; height: 500px; background-color: #000000; } /* __________________________________________________________________ Ende */