/* ---------- BENUTZERDEFINIERTE LINKS ---------- */ #block-footer a:link { color: #fae7b3; text-decoration: underline; } #block-footer a:visited { color: #fae7b3; text-decoration: underline; } #block-footer a:hover, a:focus { color: #fae7b3; text-decoration: underline; outline: none; } #block-footer a:active { color: #fae7b3; text-decoration: underline; } #footer-impressum a:link { color: #526329; text-decoration: underline; outline: none; } #footer-impressum a:visited { color: #526329; text-decoration: underline; outline: none; } #footer-impressum a:hover, a:focus { color: #526329; text-decoration: underline; outline: none; } #footer-impressum a:active { color: #526329; text-decoration: underline; outline: none; } /* ---------- GRUNDEINSTELLUNGEN ---------- */ body, td, div, h1, h2, input, select, textarea { font-family: Georgia, Geneva, sans-serif; font-size: 13px; color: #555555; line-height: 180%; font-weight: normal; } body { font-family: Georgia, Geneva, sans-serif; margin: 0px; padding: 0px; background-color: #b1c458; background-image: url(/layout/bg-body.gif); background-attachment: scroll; background-repeat: repeat-x; background-position: center top; } h1 { margin: 0px; padding: 0px; font-size: 26px; color: #526329; padding-bottom: 10px; padding-top: 15px; } h2 { margin: 0px; padding: 0px; font-size: 16px; color: #366cac; padding-bottom: 10px; } input, select, textarea { } hr { border-top: 1px solid #eff6cd; border-left: 1px solid #eff6cd; border-bottom: 1px dashed #b5c85c; border-right: 1px solid #eff6cd; } img { border: 0px; vertical-align: top; } a:link { color: #366cac; text-decoration: underline; outline: none; } a:visited { color: #366cac; text-decoration: underline; outline: none; } a:hover, a:focus { color: #526329; text-decoration: underline; outline: none; } a:active { color: #366cac; text-decoration: underline; outline: none; } ul { list-style-image:url(/layout/icon-ok-01.gif); } #block-footer ul { list-style-image:url(/layout/icon-ok-02.gif); } .ueberschrift { margin: 0px; padding: 0px; font-size: 18px; color: #366cac; padding-bottom: 10px; } .rahmen { padding: 2px; background-color: #b1c458; border: 1px dashed #ebdcaa; } .box-preise { padding: 10px; background-color: #ffffff; border: 1px dashed #b5c85c; } /* ---------- HIGHSLIDE ---------- */ .highslide img { padding: 2px !important; background-color: #b1c458 !important; border: 1px dashed #ebdcaa !important; } /* ---------- HEADER ---------- */ #wrapper-header { background-image: url(/layout/bg-header.jpg); background-repeat: no-repeat; background-position: center top; } #block-header { position: relative; width: 980px; height: 363px; margin: auto; background-image: url(/layout/bg-header.jpg); background-repeat: no-repeat; background-position: center top; } #header-logo { position: absolute; left: 119px; top: 127px; width: 350px; height: 130px; z-index: 50; } #header-urlaub-bauernhof { position: absolute; left: 122px; top: 253px; text-align: center; color: #5388c7; font-weight: bold; width: 334px; z-index: 100; } #header-kontakt { position: absolute; left: 107px; top: 290px; text-align: center; width: 354px; height: 64px; } #header-sprachauswahl { position: absolute; left: 517px; top: 8px; text-align: right; width: 365px; height: 29px; font-size: 12px; } #banner { position: absolute; left: 473px; top: 36px; } #banner-foto { position: absolute; z-index: 0; } #banner-foto-1 { position: absolute; z-index: 1; } #banner-links-oben { position: absolute; left: 470px; top: 33px; width: 45px; height: 45px; z-index: 100; } #banner-rechts-oben { position: absolute; left: 881px; top: 33px; width: 45px; height: 45px; z-index: 100; } #banner-links-unten { position: absolute; left: 470px; top: 294px; width: 45px; height: 45px; z-index: 100; } #banner-rechts-unten { position: absolute; left: 881px; top: 294px; width: 45px; height: 45px; z-index: 100; } /* ---------- NAVIGATION ---------- */ #block-navigation { position: relative; width: 980px; height: 70px; margin: auto; background-image: url(/layout/bg-navi.gif); } #navigation { position: absolute; left: 57px; margin-top: 3px; z-index: 100;} /*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/ .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:inline-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%;} /*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/ /* QuickMenu 0 */ /*"""""""" (MAIN) Container""""""""*/ #qm0 { } /*"""""""" (MAIN) Items""""""""*/ #qm0 a { padding:15px 10px 30px 10px; color:#930; font-size:16px; text-decoration:none; color: #526329; } /*"""""""" (MAIN) Hover State""""""""*/ #qm0 a:hover { color: #FFFFFF; text-decoration:none; background-attachment: scroll; background-image: url(../layout/bg-navi-hover.jpg); background-repeat: repeat-x; background-position: center top; } /*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/ #qm0 li:hover>a { color: #FFFFFF; text-decoration:none; } /*"""""""" (MAIN) Active State""""""""*/ body #qm0 .qmactive, body #qm0 .qmactive:hover { color: #FFFFFF; text-decoration:none; background-attachment: scroll; background-image: url(../layout/bg-navi-hover.jpg); background-repeat: repeat-x; background-position: center top; } /*"""""""" (MAIN) Persistent State""""""""*/ body #qm0 .qmpersistent, body #qm0 .qmpersistent:hover { color: #FFFFFF; text-decoration:none; background-attachment: scroll; background-image: url(../layout/bg-navi-hover.jpg); background-repeat: repeat-x; background-position: center top; } /*"""""""" (SUB) Container""""""""*/ #qm0 div, #qm0 ul { padding:5px; margin: -23px 0px 0px -1px; background-color:#ffffff; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #b1c458; border-right-color: #b1c458; border-bottom-color: #b1c458; border-left-color: #b1c458; } /*"""""""" (SUB) Items""""""""*/ #qm0 div a, #qm0 ul a { padding:4px 5px 2px 5px; background-color:transparent; font-size:13px; } /*"""""""" (SUB) Active State""""""""*/ body #qm0 div .qmactive, body #qm0 div .qmactive:hover { color: #FFFFFF; text-decoration:none; background-attachment: scroll; background-image: url(../layout/bg-navi-hover.jpg); background-repeat: repeat-x; background-position: center top; } /*"""""""" (SUB) Persistent State""""""""*/ body #qm0 div .qmpersistent, body #qm0 div .qmpersistent:hover { color: #FFFFFF; text-decoration:none; background-attachment: scroll; background-image: url(../layout/bg-navi-hover.jpg); background-repeat: repeat-x; background-position: center top; } /*"""""""" Individual Titles""""""""*/ #qm0 .qmtitle { } /*"""""""" Individual Horizontal Dividers""""""""*/ #qm0 .qmdividerx { border-top: 1px solid #eff6cd; border-left: 1px solid #eff6cd; border-bottom: 1px dashed #b1c458; border-right: 1px solid #eff6cd; } /*"""""""" Individual Vertical Dividers""""""""*/ #qm0 .qmdividery { border-left-width:1px; height:39px; margin:0px 0px 0px 0px; border-color:#b1c458; } /*"""""""" Custom Rule""""""""*/ ul#qm0 ul { } /*"""""""" Custom Rule""""""""*/ ul#qm0 li:hover > a { } /*"""""""" Custom Rule""""""""*/ ul#qm0 .qmparent { } /*"""""""" Custom Rule""""""""*/ ul#qm0 ul .qmparent { } /* ---------- CONTENT ---------- */ #spalte-1 { float: left; width: 215px; padding-left: 50px; padding-right: 0px; text-align: center; padding-top: 25px; font-size: 12px; } #spalte-2 { float: left; width: 600px; padding-left: 30px; padding-right: 60px; padding-top: 20px; } #clear-floats { clear: both; height: 30px; } #wrapper-content { } #block-content { margin: auto; width: 980px; background-color: #ffffff; background-image: url(../layout/bg-content.gif); background-attachment: scroll; background-repeat: repeat-y; background-position: center top; } #wrapper-content-bottom { margin: auto; width: 980px; height: 93px; background-attachment: scroll; background-image: url(../layout/bg-content-bottom.jpg); background-repeat: no-repeat; background-position: center top; margin-top: -35px; padding-bottom: 10px; } /* ---------- FOOTER ---------- */ #wrapper-footer { background-attachment: scroll; background-image: url(../layout/bg-footer.gif); background-repeat: repeat-x; background-position: center top; } #block-footer { position: relative; width: 980px; height: 340px; margin: auto; background-image: url(/bilder/layout/footer-hintergrund.jpg); background-repeat: no-repeat; background-position: center top; } #footer-kontakt { position: absolute; top: 27px; left: 58px; color: #fae7b3; line-height: 150%; width: 198px; height: 180px; } #footer-navigation { position: absolute; top: 8px; left: 279px; color: #fae7b3; line-height: 150%; width: 194px; height: 176px; } #footer-wetter { position: absolute; top: 46px; left: 285px; color: #fae7b3; line-height: 150%; width: 235px; height: 142px; text-align: center; } #footer-anreise { position: absolute; top: 32px; left: 668px; width: 235px; height: 161px; } #footer-anreise-text { position: absolute; top: 27px; left: 569px; color: #fae7b3; line-height: 150%; width: 298px; height: 37px; } #footer-roter-hahn { position: absolute; top: 62px; left: 584px; color: #fae7b3; line-height: 150%; width: 68px; height: 89px; } #footer-anreise-standort { position: absolute; top: 70px; left: 744px; color: #526329; line-height: 150%; width: 105px; height: 28px; font-weight: bold; font-size: 12px; text-align: center; } #footer-anreise-link { position: absolute; top: 149px; left: 827px; color: #fae7b3; line-height: 150%; width: 150px; height: 38px;} #footer-schmetterling { position: absolute; top: -21px; left: 860px; width: 108px; height: 81px; } #footer-trennlinie-01 { position: absolute; top: 16px; left: 258px; width: 11px; height: 177px; } #footer-trennlinie-02 { position: absolute; top: 16px; left: 538px; width: 11px; height: 177px; } #footer-flaggen { position: absolute; top: 215px; left: 209px; } #footer-flaggen img { padding-right: 5px; padding-top: 6px; } #footer-impressum { position: absolute; top: 220px; left: 330px; font-size: 12px; } #footer-logos { position: absolute; top: 260px; left: 0px; width: 950px; text-align: center; } #footer-logos img { padding-left: 10px; padding-right: 5px; } /* ---------- ANFRAGEFORMULAR ---------- */ #anfrageformular form fieldset { width: 540px; border: 1px solid #b5c85c; 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; } /* 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; }