@CHARSET "UTF-8"; #content {width:480px;margin:0px;} div.wetterContainer {padding:45px 0px;; margin:0px; background-color: #fff; clear:both; font-size:12px; font-family: Arial;} div.wetterContainer h1 {font-size:14px;line-height:15px;font-weight: bold; color:#4A4949;} div.wetterContainer h2 {font-size:14px;line-height:15px;font-weight: bold; color:#4A4949; margin-bottom:12px;} div.wetterInnerContent {background-color: #F2F1EC;border:1px solid #D5D5D5; border-top: 0px; width:456px; padding:35px 11px; } /* ******* MAIN NAVI **************/ .wetterNavi { clear: both; list-style: none; margin:0px;padding:0px;} .wetterNavi li {float:left;} .wetterNavi li a {text-align:center;color:#000;padding-top:5px;text-decoration: none;padding-right:2px;} .wetterNavi li.active a, .wetterNavi li a:hover {font-weight:bold;} .wetterNavi li a.mainNav-link-1 {display:block;width:63px;height:19px;background:transparent url(../img/reiter/reiter_heute_inaktiv.jpg) no-repeat left top;} .wetterNavi li.active a.mainNav-link-1, .wetterNavi li a.mainNav-link-1:hover {height:20px;margin-bottom:-1px;background:transparent url(../img/reiter/reiter_heute_aktiv.jpg) no-repeat left top;} .wetterNavi li a.mainNav-link-2 {display:block;width:66px;height:19px;background:transparent url(../img/reiter/reiter_morgen_inaktiv.jpg) no-repeat left top;} .wetterNavi li.active a.mainNav-link-2, .wetterNavi li a.mainNav-link-2:hover {height:20px;margin-bottom:-1px;background:transparent url(../img/reiter/reiter_morgen_aktiv.jpg) no-repeat left top;} .wetterNavi li a.mainNav-link-3 {display:block;width:97px;height:19px;background:transparent url(../img/reiter/reiter_uebermorgen_inaktiv.jpg) no-repeat left top;} .wetterNavi li.active a.mainNav-link-3, .wetterNavi li a.mainNav-link-3:hover {height:20px;margin-bottom:-1px;background:transparent url(../img/reiter/reiter_uebermorgen_aktiv.jpg) no-repeat left top;} .wetterNavi li a.mainNav-link-4 {display:block;width:123px;height:19px;background:transparent url(../img/reiter/reiter_3tage_inaktiv.jpg) no-repeat left top;} .wetterNavi li.active a.mainNav-link-4, .wetterNavi li a.mainNav-link-4:hover {height:20px;margin-bottom:-1px;background:transparent url(../img/reiter/reiter_3tage_aktiv.jpg) no-repeat left top;} .wetterNavi li a.mainNav-link-5 {padding-right:0px;display:block;width:123px;height:19px;background:transparent url(../img/reiter/reiter_8tage_inaktiv.jpg) no-repeat left top;} .wetterNavi li.active a.mainNav-link-5, .wetterNavi li a.mainNav-link-5:hover {height:20px;margin-bottom:-1px;background:transparent url(../img/reiter/reiter_8tage_aktiv.jpg) no-repeat left top;} /* ******* END MAIN NAVI ************/ /* ******* SUBNAVI **************/ .wetterSubNavi {list-style: none; clear:both; border:1px solid #D5D5D5; border-bottom:0px; background-color: #EBE6D7;padding:3px 0px;margin:0px;width:478px;} .wetterSubNavi li { display: inline; padding: 0px; padding-left:5px; } .wetterSubNavi li a {color:#000;} .wetterSubNavi li.active a, .wetterSubNavi li a:hover {color:#FF2500;} /* ******* END SUBNAVI **********/ div.wetterInnerContent .subNavi {list-style: none; clear:both;margin-top:20px;} div.wetterInnerContent .subNavi li { display: inline; padding: 3px 5px; border:1px solid #ADADAD;margin-right:10px;background-color: #F3F3F3;} div.wetterInnerContent .subNavi li a {color:#000;} div.wetterInnerContent .subNavi li.active a, div.wetterInnerContent .subNavi li a:hover {color:#FF2500;} div.wetterFooter {clear:both;padding-top:10px;text-align:left;color:#000;font-size:10px;} div.wetterFooter a {color:#000; text-decoration: underline;} div.wetterBigPic {width:245px;height:346px;float:left;margin-right:10px;} div.wetterSmallPicContainer {float:left;} div.wetterSmallPic {width:200px;height:112px;margin-bottom:5px;} /* ************ TEMP POS ******** */ div.wetterInnerContent div {display:block;color:#fff;} div.wetterInnerContent span {display:block;color:#fff;} div.wetterBigPic div.temp {font-size:50px; font-weight: bold; margin-top:130px;margin-left:20px;} /*position:relative; top:130px; left:20px;*/ div.wetterBigPic div.stateText {font-size:14px; font-weight: bold; margin-top:85px;margin-left:20px;}/*position:relative; top:215px; left:20px;line-height:16px;*/ div.wetterBigPic div.bigFooter {font-size:14px; line-height:16px; font-weight: bold; margin-top:23px;margin-left:20px;}/*position:relative; top:245px; left:20px; clear:both;*/ #content div.wetterBigPic div.left {width:70px; float:left; } #content div.wetterBigPic div.right {width:65px; float:right;} div.wetterBigPic span.tMinTempText{color:#009BD4;} div.wetterBigPic span.tMinTemp {color:#009BD4; font-size:33px; line-height:33px; font-weight: bold; } div.wetterBigPic span.tMaxTempText{color:#009BD4;} div.wetterBigPic span.tMaxTemp {color:#009BD4;font-size:33px; line-height:33px; } div.wetterSmallPic div.temp {font-size:50px; font-weight: bold;padding-right:15px;padding-top:30px;text-align:right;} div.wetterSmallPic div.text {font-size:14px; font-weight: bold;padding-right:15px;padding-top:40px;text-align:right;} @media screen and (-webkit-min-device-pixel-ratio:0){ div.wetterSmallPic div.text {padding-top:30px} } /* ********** END TEMP POS ****** */ div.wetterTeaserContainer .bigTeaser {width:146px; height:245px; margin-right:6px;float:left;} div.wetterTeaserContainer .header {text-align:center;color:#009BD4;font-weight: bold;padding-top:8px;} div.wetterTeaserContainer .temp {font-size:50px; font-weight: bold; margin-top:117px;margin-left:0px;text-align:center;} div.wetterTeaserContainer div.bigFooter {font-size:14px; line-height:16px; font-weight: bold; margin-top:23px;margin-left:15px;}/*position:relative; top:245px; left:20px; clear:both;*/ #content div.wetterTeaserContainer div.left {width:50px; float:left; } #content div.wetterTeaserContainer div.right {width:45px; float:right;} div.wetterTeaserContainer span.tMinTempText{color:#009BD4; font-size:12px;} div.wetterTeaserContainer span.tMinTemp {color:#009BD4; font-size:24px; line-height:28px; font-weight: bold; } div.wetterTeaserContainer span.tMaxTempText{color:#009BD4; font-size:12px;} div.wetterTeaserContainer span.tMaxTemp {color:#009BD4;font-size:24px; line-height:28px; font-weight: bold; } @media screen and (-webkit-min-device-pixel-ratio:0){ div.wetterTeaserContainer div.bigFooter {margin-top:17px} } div.wetterTeaserContainer .smallTeaser {width:110px; height:184px; margin-right:4px;margin-bottom:6px;float:left;} div.wetterTeaserContainer .smallTeaser .header {text-align:center;color:#327491;font-weight: bold;padding-top:5px;font-size:11px;} /* 009BD4 */ div.wetterTeaserContainer .smallTeaser .temp {font-size:40px; font-weight: bold; margin-top:80px;margin-left:0px;text-align:center;} div.wetterTeaserContainer .smallTeaser div.bigFooter {font-size:12px; line-height:14px; font-weight: bold; margin-top:10px;margin-left:15px;}/*position:relative; top:245px; left:20px; clear:both;*/ #content div.wetterTeaserContainer .smallTeaser div.left {width:30px; float:left; } #content div.wetterTeaserContainer .smallTeaser div.right {width:45px; float:right;} div.wetterTeaserContainer .smallTeaser span.tMinTempText{color:#009BD4; font-size:11px;} div.wetterTeaserContainer .smallTeaser span.tMinTemp {color:#009BD4; font-size:20px; line-height:22px; font-weight: bold; } div.wetterTeaserContainer .smallTeaser span.tMaxTempText{color:#009BD4; font-size:11px;} div.wetterTeaserContainer .smallTeaser span.tMaxTemp {color:#009BD4;font-size:20px; line-height:22px; font-weight: bold; } @media screen and (-webkit-min-device-pixel-ratio:0){ div.wetterTeaserContainer .smallTeaser div.bigFooter {margin-top:7px} } /* ********* SUBPAGE TEMP POS ******** */ div.subPage div {display:block;color:#fff;} div.subPage span {display:block;color:#fff;} div.subPage div.wetterTeaserContainer .temp {font-size:44px;} div.subPage div.wetterBigPic div.temp {font-size:40px;font-weight:bold;margin-left:0;margin-top:30px;text-align:center;} div.subPage div.wetterBigPic div.text {font-size:14px;font-weight:bold;margin-left:0px;margin-top:230px;text-align:center;} div.subPage div.footer {margin-top:45px;padding-left:4px;padding-right:0px;} #content div.subPage div.wetterBigPic div.left span {font-size:14px;font-weight:bold;color:#2b6f8d;padding-bottom:5px;} #content div.subPage div.wetterBigPic div.left {float:left;text-align:center;width:78px;padding-right:0px;font-size:20px;font-weight:bold;} #content div.subPage div.wetterBigPic div.right {width:45px; float:right;} div.subPage div.wetterSmallPic div.more {font-size:16px;font-weight:bold;padding-right:10px;padding-top:65px;text-align:right;} div.subPage div.wetterSmallPic div.temp {font-size:35px;font-weight:bold;line-height:30px;padding-right:10px;padding-top:50px;text-align:right;} div.subPage div.wetterSmallPic div.text {font-size:12px;font-weight:bold;padding-right:0;padding-top:8px;text-align:center;} @media screen and (-webkit-min-device-pixel-ratio:0){ div.subPage div.wetterSmallPic div.text {padding-top:8px} } /* ******* END SUBPAGE TEMP POS ***** */ /* ******* 3 Tage Teaser ****** */ .wetterTeaserContainer .wetterTeaser {width:146px;height:245px;float:left;margin-right:9px;margin-bottom:10px;} .wetterTeaserContainer .lastWetterTeaser {margin-right:0px;} .wetterTeaserContainer .wetterTeaser .text {color:#327491;font-weight:bold;padding:7px;text-align:center;} /* 009BD4 */ .wetterTeaserContainer .wetterTeaser .temp {margin-left:20px;margin-top:115px;text-align:center;margin-left:0px;} .wetterSonnenscheindauerContainer .wetterTeaser .temp {margin-top:140px;} .wetterSmallFooter {clear:both;margin-top:20px;} #content div.subPage .wetterTeaserContainer .footer {margin-top:28px;} #content div.subPage .wetterTeaserContainer div.left span {font-size:12px;font-weight:bold;color:#2b6f8d;padding-bottom:0px;} #content div.subPage .wetterTeaserContainer div.left {float:left;text-align:center;width:46px;padding-right:0px;font-size:14px;font-weight:bold;} #content div.subPage .wetterTeaserContainer div.right {width:45px; float:right;} #content div.subPage .wetterTeaserContainer .footerNoAvg {margin-top:157px;} #content div.subPage .wetterTeaserContainer div.left {font-size:12px;} #content div.subPage .dreiTageTeaser .bigFooterUpDown {margin-left:10px;margin-top:155px;padding-right:10px;} #content div.subPage .dreiTageTeaser .bigFooterUpDown .left {width:60px;text-align:left;} #content div.subPage .dreiTageTeaser .bigFooterUpDown div.right {width:60px;} #content div.subPage .dreiTageTeaser .bigFooterUpDown .left span {font-size:12px;color:#fff;} #content div.subPage .dreiTageTeaser .bigFooterUpDown div.right span {font-size:12px;} #content div.subPage div.dreiTageTeaser .bigFooterUpDown div.left span.upTime, #content div.subPage div.dreiTageTeaser .bigFooterUpDown div.right span.downTime {font-size:12px;margin-top:5px;} /* ***** END 3 Tage Teaser **** */ #content div.subPage .bigText {font-size:22px;font-weight:bold;line-height:20px;margin-left:20px;margin-top:230px;text-align:left;} #content div.subPage .bigFooterUpDown {} #content div.subPage div.wetterBigPic .bigFooterUpDown div.left span {color:#fff;} #content div.subPage div.wetterBigPic .bigFooterUpDown div.left {text-align: left;} #content div.subPage div.wetterBigPic .bigFooterUpDown div.left span.upTime, #content div.subPage div.wetterBigPic .bigFooterUpDown div.right span.downTime {font-size:16px;} #content div.subPage div.wetterBigPic .bigFooterUpDown div.right {width:78px;padding-right:10px;font-size:14px;} #content div.subPage div.wetterBigPic .bigFooterUpDown div.right span {padding-bottom:5px;} div.subPageAchtTage .wetterTeaserContainer .wetterTeaser {float:left;height:184px;margin-right:4px;width:110px;} div.subPageAchtTage .wetterTeaserContainer .wetterTeaser .text {font-size:10px;padding:5px;} div.subPageAchtTage .wetterTeaserContainer .wetterTeaser .temp {margin-top:75px;font-size:38px;} div.subPageAchtTage .wetterSonnenscheinContainer .wetterTeaser .temp {margin-top:100px;font-size:28px;} #content div.subPageAchtTage .wetterTeaserContainer .footer {margin-top:18px;padding-left:0px;padding-left:1px;} #content div.subPageAchtTage .wetterTeaserContainer div.left span {font-size:10px;line-height:12px;} #content div.subPageAchtTage .wetterTeaserContainer div.left {font-size:12px;width:35px;} #content div.subPageAchtTage .wetterTeaserContainer .footerNoAvg {margin-top:107px;padding-left:2px;} #content div.subPageAchtTage .wetterTeaserContainer .footerNoAvg div.left {font-size:9px;} #content div.subPageAchtTage .wetterTeaserContainer .footerNoAvg div.left span {font-size:9px;} #content div.subPageAchtTage .dreiTageTeaser .bigFooterUpDown {margin-left:7px;margin-top:108px;padding-right:7px;} #content div.subPageAchtTage div.dreiTageTeaser .bigFooterUpDown .left {width:48px;} #content div.subPageAchtTage div.dreiTageTeaser .bigFooterUpDown div.right {width:48px;padding-right:0px;} #content div.subPageAchtTage div.dreiTageTeaser .bigFooterUpDown .left span {font-size:9px;line-height:12px;} #content div.subPageAchtTage div.dreiTageTeaser .bigFooterUpDown div.right span {font-size:9px;line-height:12px;} #content div.subPageAchtTage div.dreiTageTeaser .bigFooterUpDown div.left span.upTime, #content div.subPageAchtTage div.dreiTageTeaser .bigFooterUpDown div.right span.downTime {font-size:10px;margin-top:2px;} #content div.subPage .sunColor, #content div.subPage div.wetterBigPic .bigFooterUpDown div.left span.sunColor, #content div.subPage .dreiTageTeaser .bigFooterUpDown div.left span.sunColor {color:#dd4810;} #content div.subPage .daemColor, #content div.subPage div.wetterBigPic .bigFooterUpDown div.left span.daemColor, #content div.subPage .dreiTageTeaser .bigFooterUpDown div.left span.daemColor {color:#2b6f8d;} #content div.subPage .mondColor, #content div.subPage div.wetterBigPic .bigFooterUpDown div.left span.mondColor, #content div.subPage .dreiTageTeaser .bigFooterUpDown div.left span.mondColor {color:#ede3c3;} #content div.subPage .dreiTageTeaser .mondColor, #content div.subPage .dreiTageTeaser .bigFooterUpDown div.left span.mondColor, #content div.subPage .dreiTageTeaser .bigFooterUpDown div.right span.mondColor {color:#327491;} #content div.subPage .dreiTageTeaser .daemColor, #content div.subPage .dreiTageTeaser .bigFooterUpDown div.left span.daemColor, #content div.subPage .dreiTageTeaser .bigFooterUpDown div.right span.daemColor {color:#327491;} div.wetterLightBlue, #content div.wetterLightBlue, #content div.subPage div.wetterLightBlue, #content div.smallTeaser div.wetterLightBlue {color:#009BD4;} /* ******** WETTER SUCHE ******* */ .wetterSuche {clear: both;margin-top:25px;} .wetterSuche p {color:#5C5B5B;font-size:12px;margin:0px;font-weight: bold;margin-bottom:5px;} .wetterSuche input {border:1px solid #7A7A7A;float:left;margin-right:5px;} .wetterSuche input.send {border:1px solid #AEAEAE;height:18px;}; /* ****** ENDE WETTER SUCHE **** */