/* Grundeinstellungen ____________________________________________________ */ body { background: #FFFFFF; text-align: center; } address { font-style: normal; } hr { display: none; } h1, h1 a { color: #5c483a; font-size: 24px; line-height: 28px; font-weight: normal; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; text-align: left; } h2, h2 a { color: #5c483a; 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 { list-style-type: none; 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: absolute; left: 0px; top: 0px; width: 100%; text-align: center; } div.mittebg { position: relative; width: 100%; background-color: #c9b486; } div.rahmenmitteinnen { position: relative; width: 979px; margin: 0 auto; text-align: left; } div.rahmenoben { position: absolute; left: 0px; top: 0px; width: 100%; height: 415px; background-color: #FFFFFF; text-align: center; } div.rahmenobeninnen { position: relative; width: 979px; height: 415px; margin: 0 auto; text-align: left; } div.rahmenunteninnen { position: relative; width: 979px; margin: 0 auto; text-align: left; } /* Oben __________________________________________________________________ */ div.oben { clear: both; position: absolute; left: 0px; top: 0px; width: 979px; height: 415px; } div.oben a.logo { position: absolute; left: 19px; top: 103px; } div.oben div.flash { position: absolute; right: 0px; top: 33px; width: 716px; height: 324px; z-index: 3; } div.oben img.berg { position: absolute; left: -126px; top: 261px; z-index: 1; } div.oben div.sprache { position: absolute; left: 64px; top: 402px; z-index: 2; } div.oben div.sprache a { color: #5c483a; } div.oben div.textlogo { position: absolute; left: 19px; top: 225px; color: #a3997e; font-weight: bold; } div.oben div.apionpage { clear: both; position: absolute; right: 10px; top: 376px; width: 635px; z-index: 5; } div.oben div.apionpage div.zimmersuche { } div.oben div.apionpage div.zimmersuche form { font-size: 12px; color: #705300; } div.oben div.apionpage div.zimmersuche span.head { float: left; display: inline; font-size: 14px; font-weight: bold; color: #5C483A; margin: 0px 16px 0px 11px; } div.oben div.apionpage div.zimmersuche select { border: solid 1px #c9b486; height: 18px; line-height: 18px; } div.oben div.apionpage div.zimmersuche input { border: solid 1px #c9b486; height: 18px; line-height: 18px; } div.oben div.apionpage div.zimmersuche select.input_small { float: left; display: inline; margin: 0px 8px 0px 0px; padding: 0px 0px 0px 0px; } div.oben div.apionpage div.zimmersuche input.personen { float: left; display: inline; text-align: center; width: 19px; height: 16px; line-height: 16px; margin: 0px 7px 0px 0px; padding: 0px 0px 0px 0px; } div.oben div.apionpage div.zimmersuche input.tage { float: left; display: inline; text-align: center; width: 20px; height: 16px; line-height: 16px; margin: 0px 7px 0px 0px; padding: 0px 0px 0px 0px; } div.oben div.apionpage div.zimmersuche span.hinter { float: left; display: inline; margin: 0px 7px 0px 0px; padding: 0px 0px 0px 0px; } div.oben div.apionpage a.buttonbraun { float: right; display: inline; margin: -20px 0px 0px 6px; } /* Mitte _________________________________________________________________ */ div.mitte { width: 960px; background-color: #fdedc4; position: relative; margin: 434px 0px 0px 19px; z-index: 4; } img.mitteoben { position: absolute; left: 19px; top: 429px; width: 960px; height: 5px; } img.mitteunten { float: left; display: inline; margin: 0px 0px 14px 19px; } /* Links _________________________________________________________________ */ div.links { float: left; display: inline; width: 193px; margin: 12px 0px 0px 13px; } div.links ul.menu { float: left; display: inline; width: 193px; margin: 0px 0px 23px 0px; padding: 0px 0px 0px 0px; } div.links ul.menu li { float: left; display: inline; width: 193px; line-height: 21px; height: auto; background: url(/images/design/bg-menu.png) no-repeat 0px 0px; margin: 0px 0px 9px 0px; padding: 0px 0px 0px 0px; } div.links ul.menu li:hover { background: url(/images/design/bg-menu-hover.png) no-repeat 0px 0px; } div.links ul.menu li a { float: left; display: inline; width: 177px; font-size: 14px; color: #755e2d; margin: 0px 0px 0px 16px; } div.links ul.menu li a:hover { color: #FFFFFF; } div.links ul.menu li.aktiv { background: url(/images/design/bg-menu-hover.png) no-repeat 0px 0px; margin: 0px 0px 6px 0px; } div.links ul.menu li.aktiv a { color: #FFFFFF; } div.links ul.menu li.aktiv ul { float: left; display: inline; width: 193px; margin: 3px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.links ul.menu li.aktiv ul li { float: left; display: inline; width: 193px; line-height: 21px; height: auto; background: url(/images/design/bg-menu-sub.png) no-repeat 0px 0px; margin: 0px 0px 9px 0px; padding: 0px 0px 0px 0px; } div.links ul.menu li.aktiv ul li:hover { background: url(/images/design/bg-menu-sub-hover.png) no-repeat 0px 0px; } div.links ul.menu li.aktiv ul li.aktiv { background: url(/images/design/bg-menu-sub-hover.png) no-repeat 0px 0px; } div.links ul.menu li.aktiv ul li a { float: left; display: inline; width: 167px; font-size: 14px; color: #ffffff; margin: 0px 0px 0px 26px; } div.links div.angeboteonpage { float: left; display: inline; width: 192px; height: 242px; overflow: hidden; position: relative; border-left: solid 1px #dfc895; border-right: solid 1px #dfc895; margin: 0px 0px 0px 0px; } div.links div.angeboteonpage a.vorher { clear: both; position: absolute; right: 34px; top: 5px; } div.links div.angeboteonpage a.nachher { clear: both; position: absolute; right: 17px; top: 5px; } .bildrahmen { position: relative; left: 18px; top: 23px; width: 157px; height: 206px; overflow: hidden; } .bildflache { position: relative; left: 0px; top: 0px; width: 2000px; height: 206px; } div.bildflache div.angebot { float: left; width: 157px; height: 206px; overflow: hidden; position: relative; margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px; } div.bildflache div.angebot h3 { margin: 4px 0px 5px 0px; } div.bildflache div.angebot h3 a { color: #5c483a; font-size: 14px; font-weight: bold; } div.bildflache div.angebot a.buttonbraun { clear: both; position: absolute; right: 4px; bottom: 0px; } div.bildflache div.angebot div.containerbild { float: left; display: inline; width: 155px; height: 115px; overflow: hidden; border: solid 1px #c9b486; } div.bildflache div.angebot span.preis { font-size: 18px; font-weight: bold; } div.links div.altabadiasnow { text-align: center; margin: 0px 0px 15px 0px; } div.links img.ladiniaunten { float: left; display: inline; margin: 0px 0px 23px 0px; } div.links div.ladinia { float: left; display: inline; width: 192px; height: 225px; position: relative; border-left: solid 1px #dfc895; border-right: solid 1px #dfc895; margin: 0px 0px 0px 0px; } div.links div.ladinia a b { position: absolute; left: 18px; top: 10px; font-size: 14px; color: #5c483a; } div.links div.ladinia a.text { position: absolute; width: 153px; left: 18px; top: 155px; color: #897b5b; } div.links div.ladinia a.buttonbraun { position: absolute; right: 20px; bottom: 15px; } div.links div.ladinia img.fotoladinia { position: absolute; right: 20px; top: 40px; } div.links img.filmbanner { padding: 0px 0px 0px 0px; margin: 0px 0px 22px 0px; } /* Inhalt ________________________________________________________________ */ div.inhalt { float: right; display: inline; width: 660px; overflow: hidden; margin: 30px 54px 0px 0px; padding: 0px 0px 70px 0px; } div.inhalt ul li { background: url(/images/design/bg-li.png) no-repeat left 6px; margin: 0px 0px 7px 0px; padding: 0px 0px 0px 26px; } /* Unten _________________________________________________________________ */ div.unten { float: left; display: inline; position: relative; clear: both; padding: 0px 0px 50px 0px; } div.unten img.bergunten { clear: both; position: absolute; right: 0px; top: -66px; z-index: 5; } div.unten div.menuinfo { float: left; display: inline; width: 280px; margin: 20px 0px 0px 29px; } div.unten div.menuinfo span { float: left; display: inline; font-size: 14px; line-height: 25px; font-weight: bold; color: #004d83; margin: 0px 0px 0px 0px; } div.unten div.menuinfo ul { float: left; display: inline; width: 278px; margin: 15px 0px 0px 2px; padding: 0px 0px 0px 0px; } div.unten div.menuinfo ul li { float: left; display: inline; width: 278px; height: 22px; line-height: 22px; border-bottom: solid 1px #dedbd0; margin: 0px 0px 0px 0px; padding: 2px 0px 0px 0px; } div.unten div.menuinfo ul li a { float: left; display: inline; width: 250px; color: #848484; background: url(/images/design/menu-info.png) no-repeat left 10px; line-height: 24px; margin: 0px 0px 0px 8px; padding: 0px 0px 0px 20px; } div.unten div.menuinfo ul li a.aktiv { color: #004D83; } div.unten img.linie1 { float: left; display: inline; margin: 51px 24px 27px 12px; } div.unten img.linie2 { float: left; display: inline; margin: 51px 20px 27px 25px; } div.unten div.newsletter { float: left; display: inline; width: 286px; _width: 290px; overflow: hidden; margin: 20px 0px 0px 0px; } div.unten div.newsletter span.head { float: left; display: inline; font-size: 14px; line-height: 25px; font-weight: bold; color: #004d83; margin: 0px 0px 0px 0px; } div.unten div.newsletter div.newslettertext { float: left; display: inline; color: #848484; margin: 18px 0px 54px 0px; padding: 0px 0px 0px 0px; } div.unten div.newsletter form { float: left; display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.unten div.newsletter form div.colum1 { display: none; } div.unten div.newsletter form input { border: solid 1px #cdb98f; color: #848484; padding: 2px 0px 0px 3px; } div.unten div.newsletter form input.standard { float: left; display: inline; width: 281px; margin: 0px 0px 11px 0px; } div.unten div.newsletter form input.vorname { float: left; display: inline; width: 134px; margin: 0px 8px 0px 0px; } div.unten div.newsletter form input.nachname { float: left; display: inline; width: 134px; margin: 0px 0px 0px 0px; } div.unten div.newsletter form a.buttonblau { float: right; display: inline; margin: 14px 0px 0px 0px; } div.unten div.logos { float: left; display: inline; width: 300px; margin: 54px 0px 0px 0px; } div.unten div.logos img { float: left; display: inline; margin: 0px 0px 20px 0px; } div.unten div.logos img.logo2 { float: left; display: inline; margin: 0px 0px 20px 51px; } div.unten div.logos img.abd { float: left; display: inline; margin: 0px 0px 20px 20px; } div.unten div.logos img.abb { float: left; display: inline; margin: 0px 0px 20px 3px; } div.unten div.logos img.dolomitiss { float: left; display: inline; margin: 7px 0px 20px 20px; height: 45px; } div.unten div.logos img.bike { float: left; display: inline; margin: 0px 0px 20px 20px; } div.unten div.logos a.tripadvisor { float: left; display: inline; margin: 0px 0px 20px 24px; height: 49px;} div.unten div.logos a.tripadvisor img { margin: 0px 0px 0px 0px; height: 49px; } div.unten div.logos a.hss { float: left; margin: 0px 0px 15px 13px; } div.unten div.logos a.hss img { margin: 0px 0px 0px 0px; } div.unten div.logos a.facebook { float: left; margin: 0px 0px 15px 70px; } div.unten div.logos a.facebook img { margin: 0px 0px 0px 0px; } div.unten address { float: left; display: inline; width: 979px; height: 52px; line-height: 52px; color: #848484; text-align: center; border-top: solid 1px #e0e0e0; border-bottom: solid 1px #e0e0e0; margin: 0px 0px 13px 0px; } div.unten address a { line-height: 52px; color: #848484; } div.unten div.untenlinks { float: left; display: inline; font-size: 11px; color: #c1c1c1; margin: 0px 0px 0px 2px; } div.unten div.untenlinks a { display: inline; font-size: 11px; color: #c1c1c1; margin: 0px 0px 0px 14px; } div.unten div.untenlinks a.stampa { margin: 0px 0px 0px 28px; } div.unten a.produced { float: right; display: inline; font-size: 11px; color: #c1c1c1; } div.unten a.produced 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; opacity: 0.0; filter: alpha(opacity = 0); } #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 */