/* ---------- Grundeinstellungen ---------- */ body { margin: 0px; padding: 0px; padding-top: 10px; background-color: #f7d9aa; background-image: url(/bilder/layout/bg.gif); background-repeat: repeat-x; background-position: left top; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #5e5047; line-height: 170%; font-weight: normal; } td { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #5e5047; line-height: 170%; font-weight: normal; } div { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #5e5047; line-height: 170%; font-weight: normal; } h1 { margin: 0px; padding: 0px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 24px; color: #655347; font-weight: normal; line-height: 100%; } h2 { margin: 0px; padding: 0px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #125788; font-weight: normal; } h3, h4, h5, h6 { margin: 0px; padding: 0px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #125788; font-weight: normal; } input, select, textarea { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #5e5047; font-weight: normal; } hr { border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; border-bottom: 1px solid #fedba3; border-right: 1px solid #ffffff; } img { border: 0px; } a:link { color: #125788; text-decoration: none; } a:visited { color: #125788; text-decoration: none; } a:hover, a:focus { color: #125788; text-decoration: underline; outline: none; } a:active { color: #125788; text-decoration: none; } ul { list-style-image:url(/bilder/layout/icon-ok.gif); } /* ---------- Anweisungen ---------- */ #anweisungen-block { padding: 5px; font-family: Arial, Helvetica, Verdana; font-size: 12px; } #anweisungen-titel { color: #9d0d15; font-weight: bold; } #anweisungen-text { color: #00336e; } #logo-banner-block { margin-top: 20px; margin-bottom: 20px; } /* ---------- Seitenlayout ---------- */ #wrapper { margin-left: auto; margin-right: auto; width: 970px; } #block-schatten-oben { position: relative; height: 29px; background-image: url(/bilder/layout/schatten-oben.gif); } #block-header { position: relative; height: 305px; background-image: url(/bilder/layout/header.jpg); } #block-nav { height: 65px; background-image: url(/bilder/layout/nav.gif); padding-top: 5px; background-repeat: no-repeat; background-position: center top; } #block-content { background-image: url(/bilder/layout/content.gif); } #block-footer { position: relative; height: 60px; background-image: url(/bilder/layout/footer.gif); } #block-schatten-unten { position: relative; height: 20px; background-image: url(/bilder/layout/schatten-unten.gif); } #block-verlauf-unten { height: 50px; background-image: url(/bilder/layout/verlauf-unten.jpg); background-repeat: repeat-x; background-position: left top;} #sprachauswahl { position: absolute; width: 159px; height: 29px; right: 50px; } #quicklinks { position: absolute; right: 220px; padding-top: 10px; padding-bottom: 1px; text-align: right; font-size: 12px; line-height: 100%; } #logo { position: absolute; left: 22px; top: 30px; width: 225px; height: 123px; } #kontaktblock { position: absolute; left: 30px; top: 193px; font-size: 12px; line-height: 160%; } #banner { position: absolute; left: 260px; top: 5px; width: 540px; height: 300px; } #slider { position: absolute; left: 260px; top: 5px; width: 540px; height: 300px; background:#fdefd7 url(/css/loading-slider.gif) no-repeat 50% 50%; } #angebote { position: absolute; left: 805px; top: 5px; width: 150px; height: 300px; } #angebote-titel { padding-left: 5px; padding-right: 2px; padding-top: 5px; padding-bottom: 5px; text-align: center; font-size: 14px; font-weight: bold; line-height: 130%; } #angebote-bild { } #angebote-zeitraum { font-weight: bold; text-align: center; padding-top: 4px; padding-bottom: 3px; font-size: 12px; line-height: 100%; background-color: #ffffff; } #angebote-text { padding-left: 5px; padding-right: 2px; padding-top: 5px; padding-bottom: 5px; font-size: 12px; line-height: 130%; } #angebote-preis { text-align: right; padding-right: 10px; padding-top: 2px; padding-bottom: 5px; font-size: 12px; font-weight: bold; line-height: 100%; } #angebote-link { text-align: right; padding-right: 10px; font-size: 12px; line-height: 100%; } #banner-foto { position: absolute; z-index: 0;} #banner-foto-1 { position: absolute; z-index: 1;} #logos { position: absolute; width: 245px; height: 40px; left: 10px; top: 10px; text-align: center; } #adresse { position: absolute; left: 265px; top: 10px; font-size: 12px; line-height: 160%; } #impressum { position: absolute; right: 30px; top: 11px; text-align: right; font-size: 11px; line-height: 160%; } #seo-links { padding-top: 5px; text-align: center; font-size: 11px; line-height: 150%; } #headline-1 { margin-left: 0px; margin-bottom: 20px; } #headline-2 { margin-left: 0px; margin-bottom: 20px; } /* ---------- Inhaltslayout ---------- */ #spalte-1 { float: left; width: 240px; padding-left: 15px; } #spalte-2 { float: left; width: 685px; padding-left: 20px; padding-top: 5px; } #clear-floats { clear: both; height: 50px; background-color: #ffffff; background-image: url(/bilder/layout/content.gif); } #nav-2-clear { border-top: 1px solid #ffffff; } #nav-2-box { border-left: 10px solid #fedba3; } #nav-2-inhalt { margin-left: 1px; border-top: 1px solid #fedba3; } #nav-2-links { line-height: 100%; border-bottom: 1px solid #fedba3; } #nav-2-link { display: block; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; border-bottom: 1px solid #ffffff; border-top: 1px solid #ffffff; } a#nav-2-link:link { text-decoration:none; color: #5e5047; background-color: #fdefd7; } a#nav-2-link:visited { text-decoration:none; color: #5e5047; background-color: #fdefd7; } a#nav-2-link:hover { text-decoration:none; color: #5e5047; background-color: #ffffff; } #nav-2-link-aktiv { display: block; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; border-bottom: 1px solid #ffffff; border-top: 1px solid #ffffff; } a#nav-2-link-aktiv:link { text-decoration:none; color: #5e5047; background-color: #ffffff; } a#nav-2-link-aktiv:visited { text-decoration:none; color: #5e5047; background-color: #ffffff; } a#nav-2-link-aktiv:hover { text-decoration:none; color: #5e5047; background-color: #ffffff; } #wetter-box { margin-top: 20px; border: 1px solid #fedba3; text-align: center; } #wetter-3tage-trennlinie { } #wetter-3tage-wochentage { padding-top: 5px; font-weight: normal; font-size: 12px; line-height: 100%; } #wetter-3tage-icons { padding-top: 5px; } #wetter-3tage-icon { } #wetter-3tage-temperaturen { padding-bottom: 5px; font-weight: normal; font-size: 12px; line-height: 100%; } #wetter-links { background-color: #fff7ea; font-size: 12px; text-align: center; margin: 1px; } #pauschale-box { margin-top: 20px; border: 1px solid #fedba3; padding: 10px; } #pauschale-titel { padding-bottom: 10px; font-size: 14px; font-weight: bold; line-height: 130%; } #pauschale-bild { text-align: center; } #pauschale-zeitraum { font-weight: bold; text-align: center; margin-top: 5px; font-size: 12px; padding-top: 4px; padding-bottom: 3px; line-height: 100%; } #pauschale-text { margin-top: 5px; padding-bottom: 5px; font-size: 12px; line-height: 130%; } #pauschale-preis { text-align: right; padding-top: 2px; padding-bottom: 5px; font-size: 12px; font-weight: bold; line-height: 100%; } #pauschale-link { text-align: right; font-size: 12px; line-height: 100%; } #zitate-box { margin-top: 20px; border: 1px solid #fedba3; } #zitate { padding: 10px; font-size: 12px; line-height: 130%; color: #125788; } #zitate-quellen { padding: 0px 10px 0px 10px; background-color: #fff7ea; font-size: 12px; margin: 1px; color: #8e7f76; } #anreise-box { border: 1px solid #fedba3; padding: 1px; } #anreise-links { background-color: #fff7ea; font-size: 12px; text-align: center; margin-top: 1px; } #quicklinks-box { margin-top: 20px; border-top: 1px solid #ffe5bb; } #quicklinks-box td { border-bottom: 1px solid #ffe5bb; font-size: 12px; } #sonstiges-links-box { margin-top: 20px; font-size: 12px; } #sonstiges-rechts-box { margin-top: 20px; font-size: 12px; } #sonstiges-links-box div { font-size: 12px; } #sonstiges-rechts-box div { font-size: 12px; } #breadcrumb-box { font-size: 12px; line-height: 100%; padding-left: 10px; } #breadcrumb-link { } #content { margin-left: 10px; margin-right: 40px; margin-top: 20px; } .ueberschrift { font-size: 19px; } /* ---------- Statische Seiten ---------- */ #content-text-block { margin-bottom: 15px; } #content-liste-block { width: 635px; padding-top: 15px; padding-bottom: 15px; border-top: 1px solid #fedba3; } #content-liste-titel { padding-bottom: 5px; font-size: 19px; line-height: 140%; padding-left: 10px; } #content-liste-text { padding-left: 10px; width: 485px; } #content-liste-links { padding-left: 10px; 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: 15px; padding-left: 20px; padding-top: 5px; padding-bottom: 20px; padding-bottom: 5px; border: 1px solid #fedba3; background-color: #fff7ea; } #content-links-titel { margin-bottom: 5px; font-weight: bold; } #content-links-link { margin-left: 10px; } #content-anmerkungen-block { color:#999999; font-size: 12px; } /* ---------- Sitemap ---------- */ #sitemap { padding: 0px; margin: 0px;} #sitemap li { list-style: none; float: left; width: 95%; padding: 5px; padding-left: 15px; border: 1px solid #fedba3; margin-bottom: 10px; background-color: #fff7ea; 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; } /* ---------- Preise ---------- */ #quick-contact-box { margin-top: 15px; border: 1px solid #fedba3; padding: 10px; background-color: #ffffff; } .box-beige { border: 1px solid #fedba3; padding: 10px; background-color: #fff7ea; } .box-beige-webcam { border: 1px solid #fedba3; padding: 4px; background-color: #fff7ea; } /* ---------- Anfrageformular ---------- */ #anfrageformular form fieldset { width: 550px; border: 1px solid #fedba3; padding-bottom: 10px; } #anfrageformular form legend { padding-left: 5px; padding-right: 5px; padding-bottom: 10px; padding-top: 10px; color: #5e5047; } #anfrageformular form div { clear: both; overflow: hidden; margin-bottom: 3px; } #anfrageformular form label { float: left; margin-right: 5px; width: 90px; text-align: right; padding-top: 1px; } #anfrageformular form input, form select { float: left; margin-right: 5px; } #anfrageformular form textarea { float: left; margin-right: 5px; } #anfrageformular form label#anfrage { width: auto; padding-right: 20px; text-align: left; padding-bottom: 15px; } #anfrageformular form label#kinder { width: auto; } #anfrageformular form label#sonstiges { width: auto; text-align: left; font-size: 12px; line-height: 140%; } #anfrageformular form label#spacer { width: 20px; } #anfrageformular 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%;} .nav-gross { font-size: 14px; } .nav-klein { font-weight: normal; font-size: 12px; } .nav-arial { font-family: Arial, Helvetica, sans-serif; } /*"""""""" (MAIN) Container""""""""*/ #qm0 { height:60px; padding:0px 0px 0px 0px; margin-left: 15px; } /*"""""""" (MAIN) Items""""""""*/ #qm0 a { padding:12px 20px 12px 20px; text-align: left; color:#5e5047; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-size:13px; text-decoration:none; font-weight:bold; border-width:0px 0px 5px 0px; border-style:solid; border-color:#FFFFFF; line-height:18px; margin-left: -5px; } /*"""""""" (MAIN) Hover State""""""""*/ #qm0 a:hover { padding:12px 15px 12px 15px; text-align: left; color:#feefd8; background-color:#5E5047; text-decoration:none; border-left: 5px solid #FFFFFF; border-right: 5px solid #FFFFFF; } /*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/ #qm0 li:hover>a { padding:12px 15px 12px 15px; text-align: left; color:#feefd8; background-color:#5E5047; text-decoration:none; border-left: 5px solid #FFFFFF; border-right: 5px solid #FFFFFF; } /*"""""""" (MAIN) Active State""""""""*/ body #qm0 .qmactive { padding:12px 15px 12px 15px; text-align: left; color:#feefd8; background-color:#5E5047; text-decoration:none; border-left: 5px solid #FFFFFF; border-right: 5px solid #FFFFFF; } body #qm0 .qmactive:hover { padding:12px 15px 12px 15px; text-align: left; color:#feefd8; background-color:#5E5047; text-decoration:none; border-left: 5px solid #FFFFFF; border-right: 5px solid #FFFFFF; } /*"""""""" (MAIN) Persistent State""""""""*/ #qm0 .qmpersistent, #qm0 .qmpersistent:hover { padding:12px 15px 12px 15px; text-align: left; color:#feefd8; background-color:#5E5047; text-decoration:none; border-left: 5px solid #FFFFFF; border-right: 5px solid #FFFFFF; } /*"""""""" (SUB) Container""""""""*/ #qm0 div, #qm0 ul { padding:5px; margin:0px 0px 0px 5px; text-align: left; background-color:#FFFFFF; border-width:1px 1px 5px 1px; border-style:solid; border-color: #5e5047; font-size: 12px; } /*"""""""" (SUB) Items""""""""*/ #qm0 div a, #qm0 ul a { padding:3px 15px 3px 5px; margin: 0px; text-align: left; color:#5E5047; font-size:13px; font-weight:normal; border-width:0px 0px 0px 5px; border-style:solid; border-color:#fdefd7; font-size: 12px; } /*"""""""" (SUB) Hover State""""""""*/ #qm0 div a:hover { padding:3px 15px 3px 5px; text-align: left; background-color:#fdefd7; color:#5E5047; text-decoration:none; border-color:#5E5047; border-width:0px 0px 0px 5px; font-size: 12px; } /*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/ #qm0 ul li:hover>a { padding:3px 15px 3px 5px; text-align: left; background-color:#fdefd7; color:#5E5047; text-decoration:none; border-color:#5E5047; border-width:0px 0px 0px 5px; font-size: 12px; } /*"""""""" (SUB) Persistent State""""""""*/ #qm0 div .qmpersistent, #qm0 div .qmpersistent:hover { padding:3px 15px 3px 5px; text-align: left; background-color:#fdefd7; color:#5E5047; text-decoration:none; border-color:#5E5047; border-width:0px 0px 0px 5px; font-size: 12px; } /* ---------- 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; } /* ---------- Slider ---------- */ .nivoSlider { position:relative; } .nivoSlider img { position:absolute; top:0px; left:0px; } .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none; } .nivo-slice { display:block; position:absolute; z-index:50; height:100%; } .nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.8; width:100%; z-index:89; } .nivo-caption p { padding:5px; margin:0; } .nivo-directionNav a { position:absolute; top:45%; z-index:99; cursor:pointer; } .nivo-prevNav { left:0px; } .nivo-nextNav { right:0px; } .nivo-controlNav a { position:relative; z-index:99; cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; } #slider img { position:absolute; top:0px; left:0px; display:none; } #slider a { border:0; } .nivo-controlNav { position:absolute; left:47%; bottom:-30px; } .nivo-controlNav a { display:block; width:10px; height:10px; background:url(/css/bullets.png) no-repeat; text-indent:-9999px; border:0; margin-right:3px; float:left; } .nivo-controlNav a.active { background-position:-10px 0; } .nivo-directionNav a { display:block; width:30px; height:30px; background:url(/css/arrows-hover.png) no-repeat; text-indent:-9999px; border:0; } a.nivo-nextNav { background-position:-30px 0; right:10px; } a.nivo-prevNav { left:10px; }