/* ---------- Benutzerdefinierte Links ---------- */ #footer-balken-rot a:link { color: #fae7b3; text-decoration: underline; } #footer-balken-rot a:visited { color: #fae7b3; text-decoration: underline; } #footer-balken-rot a:hover, a:focus { color: #fae7b3; text-decoration: underline; outline: none; } #footer-balken-rot a:active { color: #fae7b3; text-decoration: underline; } /* ---------- Grundeinstellungen ---------- */ body, td, div, h1, h2, input, select, textarea { font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; color: #555555; line-height: 160%; font-weight: normal; } body { font-family: Georgia, "Times New Roman", Times, serif; margin: 0px; padding: 0px; background-color: #fefaef; background-image: url(/bilder/layout/hintergrund.jpg); } td { } div { } h1 { margin: 0px; padding: 0px; font-size: 28px; color: #ae0b00; line-height: 100%; margin-bottom: -15px; } h2 { margin: 0px; padding: 0px; font-size: 17px; color: #956939; } input, select, textarea { } hr { border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; border-bottom: 1px dashed #ebdcaa; border-right: 1px solid #ffffff; } img { border: 0px; vertical-align: bottom; } a:link { color: #ae0b00; text-decoration: none; } a:visited { color: #ae0b00; text-decoration: none; } a:hover, a:focus { color: #ae0b00; text-decoration: underline; outline: none; } a:active { color: #ae0b00; text-decoration: none; } ul { list-style-image:url(/bilder/layout/icon-ok-01.png); } /* ---------- Anweisungen ---------- */ #anweisungen-block { padding: 5px; font-size: 12px; } #anweisungen-titel { color: #026800; font-weight: bold; } #anweisungen-text { color: #003d68; } #logo-banner-block { margin-top: 30px; margin-bottom: 30px; color: #333333; } #logo-banner-block-text { color: #333333; } /* ---------- Seitenlayout ---------- */ #wrapper-header { background-image: url(/bilder/layout/header-hintergrund.jpg); background-repeat: no-repeat; background-position: center top;} #block-header { position: relative; width: 950px; height: 259px; margin: auto; background-image: url(/bilder/layout/header-logo.jpg); background-repeat: no-repeat; background-position: center top; } #header-urlaub-bauernhof { position: absolute; width: 280px; left: 103px; top: 220px; text-align: center; color: #307b31; font-weight: bold; } #header-banner { position: absolute; left: 427px; top: 39px; } #header-overlay { position: absolute; left: 373px; top: 14px; z-index: 100; } #banner-foto { position: absolute; z-index: 0; } #banner-foto-1 { position: absolute; z-index: 1; } #block-navigation { position: relative; width: 950px; height: 81px; margin: auto; background-image: url(/bilder/layout/navigation-hintergrund.jpg); } #wrapper-content { } #block-content { margin: auto; width: 950px; background-color: #ffffff; background-image: url(/bilder/layout/content-hintergrund.gif); } #block-verlauf-h1 { width: 584px; height: 20px; background-image: url(/bilder/layout/verlauf-h1.jpg); background-repeat: no-repeat; background-position: left bottom; margin-bottom: 15px; } #block-verlauf { background-image: url(/bilder/layout/content-verlauf.jpg); background-repeat: no-repeat; background-position: center bottom; } #titel-h1 { margin-bottom: 20px; } #titel-h2 { margin-bottom: 20px; } #wrapper-fotos { } #block-fotos { position: relative; width: 890px; height: 190px; margin: auto; padding-left: 60px; background-image: url(/bilder/layout/fotos-hintergrund.jpg); background-repeat: no-repeat; background-position: center top; } #block-fotos-foto { float: left; margin-top: 50px; margin-right: 20px; border: 5px solid #ffffff; } #block-fotos table { float: left; margin-top: 10px; margin-right: 10px; } #block-fotos-clear { clear: both; } #block-fotos .highslide img { padding: 0px !important; background-color: #ffffff !important; border: 0px none #ebdcaa !important; } #wrapper-footer { } #block-footer { position: relative; width: 950px; height: 380px; margin: auto; background-image: url(/bilder/layout/footer-hintergrund.jpg); background-repeat: no-repeat; background-position: center top; } #footer-balken-rot { position: relative; } #footer-balken-rot ul { list-style-image:url(/bilder/layout/icon-ok-02.png); } #footer-titel-1 { position: absolute; top: 35px; left: 45px; } #footer-titel-2 { position: absolute; top: 35px; left: 315px; } #footer-titel-3 { position: absolute; top: 35px; left: 535px; } #footer-kontakt { position: absolute; top: 90px; left: 50px; color: #fae7b3; line-height: 150%; } #footer-navigation { position: absolute; top: 77px; left: 300px; color: #fae7b3; line-height: 150%; } #footer-slogan { position: absolute; top: 75px; left: 520px; color: #fae7b3; line-height: 150%; } #footer-lage-anreise { position: absolute; top: 210px; left: 720px; color: #fae7b3; line-height: 150%; } #footer-st-jakob { position: absolute; top: 150px; left: 610px; color: #ae0b00; line-height: 130%; font-size: 11px; font-weight: bold; text-align: right; } #footer-flaggen { position: absolute; top: 275px; left: 135px; } #footer-impressum { position: absolute; top: 280px; left: 260px; font-size: 12px; } #footer-logos { position: absolute; top: 320px; left: 0px; width: 950px; text-align: center; } #footer-logos img { padding-left: 5px; padding-right: 5px; } /* ---------- Inhaltslayout ---------- */ #spalte-1 { float: left; width: 250px; padding-left: 40px; padding-right: 40px; } #spalte-2 { float: left; width: 580px; } #clear-floats { clear: both; height: 30px; } #zeichnung-box { text-align: center; } #nav-2-box { margin-top: 20px; } #nav-2-links { line-height: 100%; } #nav-2-link { display: block; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; border-bottom: 1px dashed #ebdcaa; } a#nav-2-link:link { text-decoration:none; color: #ae0b00; } a#nav-2-link:visited { text-decoration:none; color: #ae0b00; } a#nav-2-link:hover { text-decoration:none; color: #ae0b00; background-color: #fcf8e7; } #nav-2-link-aktiv { display: block; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; border-bottom: 1px dashed #ebdcaa; } a#nav-2-link-aktiv:link { text-decoration:none; color: #ae0b00; background-color: #fcf8e7; } a#nav-2-link-aktiv:visited { text-decoration:none; color: #ae0b00; background-color: #fcf8e7; } a#nav-2-link-aktiv:hover { text-decoration:none; color: #ae0b00; background-color: #fcf8e7; } #nav-2-clear { clear: both; } #wetter-box { margin-top: 20px; } #wetter-links { font-size: 12px; text-align: center; } #pauschale-box { margin-top: 20px; padding: 10px; padding-bottom: 5px; border: 1px dashed #ebdcaa; background-color: #ffffff; } #pauschale-titel { font-size: 18px; line-height: 140%; font-weight: normal; margin-bottom: -5px; } #pauschale-titel-schwung { width: 185px; height: 18px; background-image: url(/bilder/layout/pauschale-titel-schwung.jpg); background-repeat: no-repeat; background-position: left bottom; margin-bottom: 5px; } #pauschale-zeitraum { margin-bottom: 5px; font-size: 12px; font-weight: bold; } #pauschale-bild { margin-bottom: 5px; text-align: center; } #pauschale-bild img { padding: 6px; background-color: #fcf8e7; border: 1px dashed #ebdcaa; } #pauschale-text { margin-bottom: 5px; font-size: 12px; line-height: 150%; } #pauschale-preis { font-size: 12px; font-weight: bold; color: #ae0b00; line-height: 100%; padding-bottom: 10px; } #gaestecard-box { margin-top: 20px; padding-top: 5px; padding-bottom: 5px; border: 1px dashed #ebdcaa; background-color: #ffffff; text-align: center; } #gaestecard-winter { float: left; padding-top: 10px; padding-left: 25px; text-align: center; } #gaestecard-sommer { padding-top: 10px; text-align: center; } #sonstiges-links-box { margin-top: 20px; font-size: 12px; } #sonstiges-links-box div { font-size: 12px; } #content { margin-top: 20px; } .highslide img { padding: 3px !important; background-color: #fcf8e7 !important; border: 1px dashed #ebdcaa !important; } /* ---------- Statische Seiten ---------- */ #content-text-block { } #content-liste-block { padding-top: 15px; padding-bottom: 15px; border-top: 1px dashed #ebdcaa;} #content-liste-titel { padding-bottom: 0px; font-size: 18px; line-height: 140%; color: #956939; } #content-liste-text { } #content-liste-links { } #content-liste-datum { font-weight: bold; padding-bottom: 2px; } #content-liste-preis { font-weight: bold; float: right; width: 250px; text-align: right; } #details-pauschale-zeitraum { padding-top: 20px; font-weight: bold; } #details-pauschale-preis { font-weight: bold; font-size: 18px; color: #ae0b00; } #rahmen-foto img { padding: 3px !important; background-color: #fcf8e7 !important; border: 1px dashed #ebdcaa !important; } #content-links-block { margin-bottom: 15px; padding-left: 20px; padding-top: 5px; padding-bottom: 5px; border: 1px dashed #ebdcaa; background-color: #fcf8e7; } #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; } /* ---------- Aktuelles ---------- */ #uebersicht-eintraege { margin-top: 20px; text-align: center; } /* ---------- Preise ---------- */ #quick-contact-box { padding: 10px; background-color: #fcf8e7; border: 1px dashed #ebdcaa; margin-top: 15px; } .box-beige { padding: 10px; background-color: #fcf8e7; border: 1px dashed #ebdcaa; } .box-preise { padding: 10px; background-color: #fcf8e7; border: 1px dashed #ebdcaa; } /* ---------- Anfrageformular ---------- */ #anfrageformular form fieldset { width: 560px; border: 1px solid #ebdcaa; 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; width: 400px; } #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; } #anfrageformular form label#kinderausruestung { width: 324px; } /* ---------- Fotogalerie ---------- */ #fotogalerie-kategorien-block { float: left; width: 578px; padding-bottom: 15px; padding-top: 15px; border-top: 1px dashed #ebdcaa; } #fotogalerie-kategorien-foto { float: left; height: 120px; width: 180px; margin-bottom: 8px; margin-right: 10px; } #fotogalerie-kategorien-text { float: left; padding-left: 10px; width: 370px; } #fotogalerie-kategorien-titel { font-size: 18px; line-height: 140%; color: #956939; } #fotogalerie-kategorien-untertitel { } #fotogalerie-foto { float: left; height: 120px; width: 180px; margin: 5px; } #fotogalerie-clear { clear: both; } .highslide { } /* ---------- 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:none; height:44px; padding:0px 0px 0px 0px; margin-left:10px; } /*"""""""" (MAIN) Items""""""""*/ #qm0 a { padding:13px 15px 13px 15px; color:#fff5db; font-family: Georgia, "Times New Roman", Times, serif; font-size:18px; text-decoration:none; font-weight:normal; line-height:18px; } /*"""""""" (MAIN) Hover State""""""""*/ #qm0 a:hover { background-image: url(/bilder/layout/navigation-rollover.gif); background-repeat: repeat-x; } /*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/ #qm0 li:hover>a { background-image: url(/bilder/layout/navigation-rollover.gif); background-repeat: repeat-x; } /*"""""""" (MAIN) Persistent State""""""""*/ #qm0 .qmpersistent, #qm0 .qmpersistent:hover { background-image: url(/bilder/layout/navigation-rollover.gif); background-repeat: repeat-x; } /*"""""""" (GLOBAL) Persistent """"""""*/ #qm0 div .qmactive, #qm0 div .qmactive:hover { background-image: url(/bilder/layout/navigation-rollover.gif); background-repeat: repeat-x; } #qm0 .qmactive, #qm0 .qmactive:hover { background-image: url(/bilder/layout/navigation-rollover.gif); background-repeat: repeat-x; } /*"""""""" (SUB) Container""""""""*/ #qm0 div, #qm0 ul { text-transform: none; padding: 10px; padding-top: 20px; background-color: #fef8e8; border-right: 1px solid #8d1a08; border-left: 1px solid #8d1a08; border-bottom: 1px solid #8d1a08; background-image: url(/bilder/layout/navigation-hintergrund-sub.jpg); background-repeat: no-repeat; background-position: center top;} /*"""""""" (SUB) Items""""""""*/ #qm0 div a, #qm0 ul a { padding:5px 20px 5px 10px; color:#ae0b00; border-bottom: 1px solid #edd8ab; font-size:13px; } /*"""""""" (SUB) Hover State""""""""*/ #qm0 div a:hover { background-color: #fcf2d2; background-image: none; } /*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/ #qm0 ul li:hover>a {background-color: #fcf2d2; background-image: none; } /*"""""""" (SUB) Persistent State""""""""*/ #qm0 div .qmpersistent, #qm0 div .qmpersistent:hover { background-color: #fcf2d2; background-image: none; } /* 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; }