/* ---------- Grundeinstellungen ---------- */ body, td, div, h1, h2, input, select, textarea { font-family: Tahoma, Geneva, sans-serif; font-size: 13px; color: #333333; line-height: 180%; font-weight: normal; } body { font-family: Tahoma, Geneva, sans-serif; margin: 0px; padding: 0px; background-color: #f7ead6; background-image: url(/bilder/layout/bg-body.jpg); } td { } div { } h1 { margin: 0px; margin-left: 24px; padding: 0px; padding-bottom: 20px; padding-top: 10px; font-size: 26px; color: #9f6d5e; line-height: 100%; font-family: Georgia, "Times New Roman", Times, serif; } h2 { margin: 0px; padding: 0px; padding-bottom: 20px; color: #841f18; } input, select, textarea { } hr { border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; border-bottom: 1px solid #e6ceb1; border-right: 1px solid #ffffff; } img { border: 0px; } #block-kasten a:link { color: #f1d6ab; text-decoration: none; } #block-kasten a:visited { color: #f1d6ab; text-decoration: none; } #block-kasten a:hover, a:focus { color: #f1d6ab; text-decoration: underline; outline: none; } #block-kasten a:active { color: #f1d6ab; text-decoration: none; } a:link { color: #841f18; text-decoration: none; } a:visited { color: #841f18; text-decoration: none; } a:hover, a:focus { color: #841f18; text-decoration: underline; outline: none; } a:active { color: #841f18; text-decoration: none; } ul { list-style-image:url(/bilder/layout/icon-ok-01.gif); } #block-kasten ul { list-style-image:url(/bilder/layout/icon-ok-02.gif); } .highslide img { padding: 0px !important; background-color: #fff !important; border: 0px none #fff !important; } /* ---------- Anweisungen ---------- */ #anweisungen-block { padding: 5px; font-size: 12px; } #anweisungen-titel { color: #ffffff; font-weight: bold; } #anweisungen-text { color: #ffffff; } #logo-banner-block { margin-top: 30px; margin-bottom: 30px; color: #333333; } #logo-banner-block-text { color: #333333; } /* ---------- Seitenlayout ---------- */ #wrapper { margin-left: auto; margin-right: auto; width: 970px; background-image: url(/bilder/layout/bg-main.png); } #block-header { position: relative; height: 370px; } #block-nav { height: 55px; background-image: url(/bilder/layout/bg-nav.jpg); padding-left: 28px; } #block-content { } #wrapper-footer { margin-left: auto; margin-right: auto; height: 150px; width: 970px; background-image: url(/bilder/layout/schleife-footer.png); background-repeat: no-repeat; background-position: center top; } #footer { position: relative; height: 50px; width: 970px; } #schleife-footer { position: absolute; top: 30px; width: 970px; } #icon-nichtraucher { position: absolute; top: 30px; left: 55px; } #nichtraucher-hotel { position: absolute; top: 39px; left: 95px; font-size: 11px; } #impressum { position: absolute; top: 95px; right: 53px; font-size: 11px; text-align: right; } #logo-klimahaus { position: absolute; top: 10px; left: 200px; } #logo-suedtirol { position: absolute; top: 40px; left: 840px; } #logo-antholzertal { position: absolute; top: 45px; left: 630px; } #kontaktblock { position: absolute; left: 0px; top: 183px; width: 224px; padding-left: 78px; height: 170px; padding-top: 16px; font-size: 12px; line-height: 150%; background-image: url(/bilder/layout/bg-adresse.jpg); background-position: left bottom; text-align: left; } #banner { position: absolute; left: 302px; top: 54px; width: 658px; height: 306px; border-bottom: 5px solid #ffffff; } #banner-png { position: absolute; left: 0px; top: 0px; width: 668px; height: 133px; z-index: 100; } #banner-schatten { position: absolute; left: 302px; top: 365px; width: 658px; height: 5px; background-image: url(/bilder/layout/banner-schatten.jpg); } #banner-sprachauswahl { position: absolute; right: 0px; top: 40px; padding-right: 30px; z-index: 101; } #banner-foto { position: absolute; z-index: 0; } #banner-foto-1 { position: absolute; z-index: 1; } #headline-1 { margin-left: 0px; margin-bottom: 20px; } #headline-2 { margin-left: 0px; margin-bottom: 20px; } /* ---------- Inhaltslayout ---------- */ #spalte-1 { float: left; width: 225px; padding-left: 43px; font-family: Tahoma, Geneva, sans-serif; } #spalte-2 { float: left; width: 663px; } #clear-floats { clear: both; height: 20px; } #nav-2-titel { font-size: 16px; color: #841f18; line-height: 130%; padding-bottom: 5px; padding-top: 10px; padding-left: 21px; } #nav-2-clear { } #nav-2-box { padding-bottom: 20px; padding-top: 7px; } #nav-2-inhalt { } #nav-2-links { line-height: 100%; } #nav-2-link { display: block; padding-top: 6px; padding-bottom: 6px; padding-left: 35px; border-top: 4px solid #f5e8d4; font-size: 12px; } a#nav-2-link:link { text-decoration:none; color: #841f18; background-image: url(/bilder/layout/bg-verlauf-03.jpg); background-repeat: repeat-x; background-position: center bottom; } a#nav-2-link:visited { text-decoration:none; color: #841f18; background-image: url(/bilder/layout/bg-verlauf-03.jpg); background-repeat: repeat-x; background-position: center bottom; } a#nav-2-link:hover { text-decoration:none; color: #841f18; background-image: url(/bilder/layout/bg-verlauf-04.jpg); background-repeat: repeat-x; background-position: center bottom; } #nav-2-link-aktiv { display: block; padding-top: 6px; padding-bottom: 6px; padding-left: 35px; border-top: 4px solid #f5e8d4; font-size: 12px; } a#nav-2-link-aktiv:link { text-decoration:none; color: #841f18; background-image: url(/bilder/layout/bg-verlauf-04.jpg); background-repeat: repeat-x; background-position: center bottom; } a#nav-2-link-aktiv:visited { text-decoration:none; color: #841f18; background-image: url(/bilder/layout/bg-verlauf-04.jpg); background-repeat: repeat-x; background-position: center bottom; } a#nav-2-link-aktiv:hover { text-decoration:none; color: #841f18; background-image: url(/bilder/layout/bg-verlauf-04.jpg); background-repeat: repeat-x; background-position: center bottom; } #button-hotline { padding-top: 5px; padding-bottom: 10px; padding-right: 3px; text-align: center; } #pauschale-box { margin-top: 10px; position: relative; width: 226px; height: 151px; background-image: url(/bilder/layout/bg-pauschale.jpg); background-repeat: no-repeat; background-position: center top; } #pauschale-bild { position: absolute; top: 16px; left: 23px; } #pauschale-ecke-01 { position: absolute; top: 8px; left: 15px; float: left; width: 27px; height: 27px; background-image: url(/bilder/layout/icon-ecke-01.png); z-index: 200; } #pauschale-ecke-02 { position: absolute; top: 117px; left: 184px; float: left; width: 27px; height: 27px; background-image: url(/bilder/layout/icon-ecke-02.png); z-index: 200; } #pauschale-titel { font-size: 16px; color: #841f18; line-height: 130%; background-image: url(/bilder/layout/bg-pauschale-titel.jpg); background-repeat: no-repeat; background-position: center top; background-color: #e6ceb1; padding: 10px; padding-top: 0px; text-align: center; } #pauschale-zeitraum { text-align: center; font-size: 12px; background-color: #d6bc9d; padding: 1px; font-weight: bold; } #pauschale-text { font-size: 12px; background-image: url(/bilder/layout/bg-pauschale-bottom.jpg); background-repeat: no-repeat; background-position: center bottom; background-color: #e6ceb1; padding: 10px; padding-top: 5px; padding-bottom: 5px; } #pauschale-link { width: 100%; text-align: center; } #pauschale-preis { margin-bottom: 10px; padding: 5px; padding-top: 2px; text-align: center; font-size: 12px; font-weight: bold; background-image: url(/bilder/layout/button-pauschale-02.gif); background-repeat: repeat-x; background-position: center top; color: #f1d6ab; text-align: center; } #wetter-box { margin-top: 30px; text-align: center; background-image: url(/bilder/layout/bg-verlauf-02.jpg); background-repeat: no-repeat; background-position: center bottom;} #wetter-links { padding-top: 3px; font-size: 12px; text-align: center; background-image: url(/bilder/layout/bg-verlauf-01.jpg); background-repeat: no-repeat; background-position: center top; } #sonstiges-links-box { margin-top: 20px; font-size: 12px; } #sonstiges-links-box div { font-size: 12px; } #breadcrumb-box { margin-left: 24px; font-size: 11px; line-height: 150%; padding-bottom: 10px; } #breadcrumb-link { } #content { margin-left: 24px; width: 603px; padding-top: 15px; padding-bottom: 30px; padding-right: 30px; padding-left: 30px; background-image: url(/bilder/layout/bg-content.gif); } #content-top { margin-left: 24px; width: 663px; height: 17px; background-image: url(/bilder/layout/bg-content-top.gif); } #content-bottom { margin-left: 24px; width: 663px; height: 23px; background-image: url(/bilder/layout/bg-content-bottom.gif); } #block-kasten { position: relative; height: 261px; margin-top: 15px; } #block-kasten-inhalt { position: absolute; top: 0px; left: 10px; height: 261px; width: 691px; background-image: url(/bilder/layout/bg-kasten.png); } #block-kasten-adresse { position: absolute; top: 25px; left: 30px; font-size: 12px; color: #f1d6ab; } #block-kasten-links { position: absolute; top: 25px; left: 250px; font-size: 12px; color: #f1d6ab; } #block-kasten-sonstiges { position: absolute; top: 25px; left: 430px; font-size: 12px; color: #f1d6ab; } /* ---------- Statische Seiten ---------- */ #content-text-block { } #content-text-rahmen { font-weight: bold; padding-bottom: 5px; color: #841f18; } #content-liste-block { padding-top: 15px; padding-bottom: 15px; } #content-liste-titel { padding-bottom: 5px; font-size: 16px; line-height: 150%; color: #841f18; } #content-liste-text { } #content-liste-links { padding-top: 3px; } #content-liste-datum { font-weight: bold; padding-left: 10px; padding-bottom: 2px; } #content-liste-preis { font-size: 15px; font-weight: bold; float: right; width: 150px; text-align: right; } #content-links-block { margin-bottom: 0px; padding-left: 20px; padding-top: 5px; padding-bottom: 20px; padding-bottom: 5px; margin-top: 20px; border: 1px solid #e6ceb1; background-color: #faf3e9; } #content-links-titel { margin-bottom: 5px; font-weight: bold; } #content-links-link { margin-left: 10px; } #content-anmerkungen-block { color:#999999; font-size: 11px; padding-top: 10px; } /* ---------- Sitemap ---------- */ #sitemap { padding: 0px; margin: 0px; height: 650px; } #sitemap li { list-style: none; float: left; width: 94%; padding: 5px; padding-left: 15px; border: 1px solid #e6ceb1; margin-bottom: 10px; background-color: #faf3e9; font-weight: bold; list-style-type: none;} #sitemap li a { display: block; padding-bottom: 5px; } #sitemap li ul li { float: left; width: 200px; margin: 0px; padding: 0px; border: 0px none #ffffff; font-weight: normal; margin-right: 10px; list-style-type: circle; } #sitemap li ul li a { display: inline; } /* ---------- Captcha ---------- */ form td { padding-bottom: 5px; } form #form-footer { padding: 0px; padding-top: 15px; padding-bottom: 10px; border: 1px solid #ede4cc; background-color: #f8f3e5; } form #form-captcha { float: left; margin-left: 50px; } form #form-pfeil { float: left; margin-right: 5px; } form #form-input { float: left; margin-right: 5px; } form #form-send { float: left; margin-right: 5px; } /* ---------- Aktuelles ---------- */ #uebersicht-eintraege { padding: 3px; padding-left: 10px; padding-right: 10px; text-align: center; } /* ---------- Preise ---------- */ #quick-contact-box { margin-top: 15px; border: 1px solid #e6ceb1; padding: 10px; background-color: #faf3e9; font-size: 12px; } .box-beige { border: 1px solid #e6ceb1; padding: 10px; background-color: #faf3e9; background-image: url(/bilder/layout/bg-box-beige.gif); background-repeat: repeat-x; background-position: center top; } /* ---------- Anfrageformular ---------- */ #anfrageformular2 form fieldset { width: 540px; border: 1px solid #e6ceb1; padding-bottom: 10px; } #anfrageformular2 form legend { padding-left: 5px; padding-right: 5px; padding-bottom: 10px; padding-top: 10px; color: #5e5047; } #anfrageformular2 form div { clear: both; overflow: hidden; margin-bottom: 3px; } #anfrageformular2 form label { float: left; margin-right: 5px; width: 90px; text-align: right; padding-top: 1px; } #anfrageformular2 form input, form select { float: left; margin-right: 5px; } #anfrageformular2 form textarea { float: left; margin-right: 5px; } #anfrageformular2 form label#anfrage { width: auto; padding-right: 20px; text-align: left; padding-bottom: 15px; } #anfrageformular2 form label#kinder { width: auto; } #anfrageformular2 form label#sonstiges { width: auto; text-align: left; font-size: 12px; line-height: 140%; } #anfrageformular2 form label#spacer { width: 20px; } #anfrageformular2 form div#spacer { height: 0px; } /* ---------- Navigation ---------- */ .qmmc .qmdivider {display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;} .qmmc .qmdividery {float:left;width:0px;} .qmmc .qmtitle {display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;} .qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;} .qmmc {position:relative;zoom:1;z-index:10;} .qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;} .qmmc div a, .qmmc ul a, .qmmc ul li {float:none;} .qmsh div a {float:left;} .qmmc div {visibility:hidden;position:absolute;} .qmmc .qmcbox {cursor:default;display:block;position:relative;z-index:1;} .qmmc .qmcbox a {display:inline;} .qmmc .qmcbox div {float:none;position:static;visibility:inherit;left:auto;} .qmmc li {z-index:auto;} .qmmc ul {left:-10000px;position:absolute;z-index:10;} .qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;} .qmmc li a {float:none} .qmmc li:hover>ul {left:auto;} #qm0 ul {top:100%;} #qm0 ul li:hover>ul {top:0px;left:100%;} /*"""""""" (MAIN) Container""""""""*/ #qm0 { text-transform: uppercase; height:55px; padding:0px 0px 0px 0px; margin-left: 15px; } /*"""""""" (MAIN) Items""""""""*/ #qm0 a { padding:19px 9px 12px 9px; color:#f1d6ab; font-family: Tahoma, Geneva, sans-serif; font-size:13px; text-decoration:none; font-weight:normal; line-height:18px; } /*"""""""" (MAIN) Hover State""""""""*/ #qm0 a:hover { padding:19px 9px 12px 9px; text-decoration:none; color:#841f18; background-image: url(/bilder/layout/bg-navi-hover.jpg); background-repeat: repeat-x; background-position: center; } /*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/ #qm0 li:hover>a { padding:19px 9px 12px 9px; text-decoration:none; color:#841f18; background-image: url(/bilder/layout/bg-navi-hover.jpg); background-repeat: repeat-x; background-position: center; } /*"""""""" (MAIN) Persistent State""""""""*/ #qm0 .qmpersistent, #qm0 .qmpersistent:hover { padding:19px 9px 12px 9px; text-decoration:none; color:#841f18; background-image: url(/bilder/layout/bg-navi-hover.jpg); background-repeat: repeat-x; background-position: center; } /*"""""""" (SUB) Container""""""""*/ #qm0 div, #qm0 ul { text-transform: none; padding-bottom: 2px; background-color: #e2c39c; color:#841f18; margin-top: -4px; border-right: 1px solid #e6ceb1; border-left: 1px solid #e6ceb1; border-bottom: 1px solid #e6ceb1; font-size:12px; } /*"""""""" (SUB) Items""""""""*/ #qm0 div a, #qm0 ul a { padding:4px 30px 4px 10px; margin: 0px; color:#841f18; font-size:13px; font-weight:normal; font-size:12px; background-image: url(/bilder/layout/bg-verlauf-03.jpg); background-repeat: repeat-y; background-position: right; border-bottom: 1px solid #f6f7fb;} /*"""""""" (SUB) Hover State""""""""*/ #qm0 div a:hover { padding:4px 30px 4px 10px; background-color:#cfac7f; color:#841f18; text-decoration:none; font-size:12px; background-repeat: repeat-x; background-position: center; } /*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/ #qm0 ul li:hover>a { padding:4px 30px 4px 10px; background-color:#cfac7f; color:#841f18; text-decoration:none; font-size:12px; background-repeat: repeat-x; background-position: center; } /*"""""""" (SUB) Persistent State""""""""*/ #qm0 div .qmpersistent, #qm0 div .qmpersistent:hover { padding:4px 30px 4px 10px; background-color:#cfac7f; color:#841f18; text-decoration:none; font-size:12px; background-image: url(/bilder/layout/bg-navi-hover.jpg); background-repeat: repeat-x; background-position: center; } /*"""""""" (GLOBAL) Persistent """"""""*/ #qm0 div .qmactive, #qm0 div .qmactive:hover { background-image: url(/bilder/layout/bg-navi-hover.jpg); color:#841f18; background-position: center; background-repeat: repeat-x; } #qm0 .qmactive, #qm0 .qmactive:hover { background-image: url(/bilder/layout/bg-navi-hover.jpg); color:#841f18; background-position: center; background-repeat: repeat-x; } /* Wetter */ .wetter-content { } .wetter-titel { margin-bottom: 10px; font-size: 17px; } .wetter-text { } .wetter-bild { float: right; } .wetter-clear { clear: both; height: 25px; } .bergwetter-bild { margin-bottom: 50px; } .entwicklung-tage { margin-top: 20px;} .entwicklung-tage td { width: 125px; } .wetter-temp-plus { color: #CC0000; } .wetter-temp-minus { color: #0066FF; } .wetter-copyright { margin: 20px 0px 20px 0px; text-align: right; font-size: 11px; } /* -- Schriftarten -- */ @font-face { font-family: 'MelbourneBold'; src: url('/fonts/melbourne_bold-webfont.eot?') format('eot'), url('/fonts/melbourne_bold-webfont.woff') format('woff'), url('/fonts/melbourne_bold-webfont.ttf') format('truetype'), url('/fonts/melbourne_bold-webfont.svg#webfontzCPiyXMS') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'MelbourneRegular'; src: url('/fonts/melbourne_reg-webfont.eot?') format('eot'), url('/fonts/melbourne_reg-webfont.woff') format('woff'), url('/fonts/melbourne_reg-webfont.ttf') format('truetype'), url('/fonts/melbourne_reg-webfont.svg#webfontQzFjdvCi') format('svg'); font-weight: normal; font-style: normal; } /* -- Box Quickform -- */ #quickform-bg-top { background-image: url(/bilder/layout/bg-quickform-top.jpg); background-repeat: no-repeat; background-position: center top; } #quickform-bg-center { background-color: #e6ceb1; margin-left: 2px; margin-right: 2px; margin-top: 30px; } #quickform-bg-bottom { background-image: url(/bilder/layout/bg-quickform-bottom.jpg); background-repeat: no-repeat; background-position: center bottom; } #box-quickform { padding-bottom: 10px; margin-bottom: 25px; padding-top: 10px; } #quickform-titel { margin: 0px 0px 5px 0px; padding: 0px 0px 0px 20px; font-size: 16px; color: #841f18; } #quickform-form { padding-top: 5px; margin-left: 0px; font-size: 12px; } #quickform-input { float: left; font-size: 12px; } #quickform-input-2 { padding-left: 73px; float: left; font-size: 12px; } #quickform-input input { width: 100px; font-size: 12px; line-height: 100%; } #quickform-input select { font-size: 12px; } #quickform-input-typ { width: 123px; } #quickform-input-personen { width: 40px; } #quickform-label-left { float: left; width: 68px; font-size: 12px; text-align: right; padding-right: 5px; } #quickform-label-right { float: left; padding-left: 5px; font-size: 12px; } #quickform-clear { clear: both; height: 7px; } #ui-datepicker-div { z-index: 9999999 !important; } #quickform-button { padding: 5px 0px 0px 70px; } #quickform-button input { padding: 3px 5px 3px 5px; margin: 0px; width: 70px; font-size: 12px; font-weight: bold; color: #f1d6ab; text-align: center; border: 1px solid #fefbf6; background-color: #851f18; background-image: url(/bilder/layout/bg-footer-form.jpg); background-repeat: no-repeat; background-position: center top; } /* -- Anfrageformular -- */ #anfrageformular .form-block { margin-bottom: 10px; margin-top: 25px; padding-bottom: 15px; width: 600px; border-top: 1px solid #e6ceb1; border-bottom: 1px solid #e6ceb1; background-color: #fcf9f4; } #anfrageformular .form-block-weitere { display: none; } #anfrageformular .form-blocktitel { margin: 10px 0px 10px 20px; font-size: 17px; color: #851f18; } #anfrageformular .form-daten { line-height: 100%; } #anfrageformular .form-clear { clear: both; } #anfrageformular .form-daten > label { float: left; margin-right: 5px; margin-top: 2px; width: 90px; text-align: right; } #anfrageformular .form-daten > input { float: left; margin: 0px 5px 5px 0px; line-height: 100%; } #anfrageformular .form-daten > select { float: left; margin: 0px 5px 5px 0px; } #anfrageformular .form-anzahl-alter { width: 45px; } #anfrageformular .form-kinder-alter { display: none; } #anfrageformular .form-mitteilung { margin: 0px 0px 3px 20px; width: 474px; height: 100px; } #anfrageformular .form-personalien { width: 120px; } #anfrageformular .form-postleitzahl { width: 60px; } #anfrageformular .form-provinz { margin-left: 50px; } #anfrageformular .form-radio { float: left; margin-right: 5px; width: 90px; } #anfrageformular .form-radio input { float: right; margin: 1px 0px 0px 0px; padding: 0px; } #anfrageformular .form-radio-text { float: left; margin-bottom: 10px; line-height: 130%; } #anfrageformular .form-checkbox { float: left; margin-right: 5px; width: 90px; } #anfrageformular .form-checkbox input { float: right; margin: 1px 0px 0px 0px; padding: 0px; } #anfrageformular .form-checkbox-text { float: left; margin-bottom: 5px; line-height: 130%; } #anfrageformular .form-privacy { display: none; margin: 0px 20px 10px 79px; padding: 5px; border: 1px solid #99ceff; background-color: #ffffff; font-size: 11px; line-height: 130%; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #anfrageformular #form-fehler-block { display: none; margin-bottom: 10px; margin-top: 25px; padding-bottom: 15px; width: 600px; border-top: 1px solid #e6ceb1; border-bottom: 1px solid #e6ceb1; background-color: #fcf9f4; } #anfrageformular #form-fehler-titel { margin: 10px 0px 5px 20px; font-size: 17px; color: #851f18; } #anfrageformular #form-fehler-block label { display: block; margin-left: 87px; } #anfrageformular input.error { outline: 1px dashed #cc0000; } #anfrageformular #form-input-submit { margin-top: 10px; } #anfrageformular .ui-datepicker-trigger { margin: 3px 0px 0px -5px; cursor: pointer; } #anfrageformular .form-plus-div { margin: 10px 0px 0px 95px; } #anfrageformular .form-minus-div { margin: 10px 0px 0px 95px; } #anfrageformular .form-plus-link { text-decoration: none; } #anfrageformular .form-minus-link { text-decoration: none; } #anfrageformular .form-plus-minus-button { float: left; margin-right: 5px; } #anfrageformular .form-plus-minus-text { float: left; line-height: 100%; } #anfrageformular .form-privacy-block { display: none; margin: 0px 20px 10px 79px; padding: 5px; border: 1px solid #99ceff; background-color: #ffffff; font-size: 11px; line-height: 130%; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #anfrageformular .form-daten-required { display: none; }