/* Algemeen **********************************************************/ *.png{ behavior: url(iepngfix.htc);} HTML{ height: 100.01%;} BODY{ height: 100%; margin: 0; background-color: #70A45D;} HTML, BODY{ font-size: 12px; color: #4c8d35; font-family: Myriad, Arial, Helvetica, sans-serif;} P{ margin: 0; margin-bottom: 15px;} A{ color: #000;} A:hover{ color: #4C8D35;} IMG{ border: none;} FORM{ margin: 0;} H1{ font-size: 44px; line-height: 49px; margin: 0 0 12px 0;} H2{ font-size: 38px; line-height: 42px; margin: 0 0 12px 0;} H3{ font-size: 28px; line-height: 32px; margin: 0 0 12px 0;} H4{ font-size: 20px; line-height: 25px; margin: 0 0 12px 0;} H5{ font-size: 18px; line-height: 23px; margin: 0 0 12px 0;} H6{ font-size: 14px; line-height: 19px; margin: 0 0 12px 0;} H1, H2, H3, H4, H5, H6{ color: #4c8d35;} .kopje{ color: #4c8d35;} DIV.blokje{ width: 10px; height: 10px; font-size: 1px; float: left; clear: left;} DIV.alles{ width: 100%; text-align: right; clear: both;} SPAN.txt{ margin-top: -13px; margin-left: 15px; float: left; clear: left;} INPUT.btn{ height: 20px; font-weight: bold; border: #000 1px solid; background-color: #4C8D35; color: #FFF; font-size: 12px; line-height: 15px;} TEXTAREA.form_text, SELECT.form_text, INPUT.form_text{ float:left; height: auto !important; padding-left: 5px; font-size: 14px; font-weight: normal; color: #4c8d35; margin: 0 10px 5px 0; width: 130px; border: #000 1px solid; font-family: Myriad, Arial, Helvetica, sans-serif;} TEXTAREA.form_text { width:auto; height:auto;} INPUT.form_btn{ float:left; margin: 0; font-size: 15px; padding:0 3px; font-weight: bold; background-color: #4C8D35; color: #FFF; border: #000 1px solid; font-family: Myriad, Arial, Helvetica, sans-serif;} INPUT.small { height:20px; padding:0px; font-size: 12px; } BR.clearer{ margin: 0; padding: 0; line-height: 0; font-size: 1px; height: 0; clear: both;} .clear-element:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;} DIV.clearer{ clear: both;} A.print_icon { clear:both; float:right; margin:10px 5px 2px 0pt; } /* Kleuren Config **********************************************************/ .strepen_wrapper{ position: absolute; width: 100%; top: 0; left: 0;} .streep_content_container{ width: 900px; margin: 0 auto; height: 100%;} .streep_content{ width: 750px; float: right; height: 100%;} #streep_top{ height: 25px; background-color: #FFF;} .streep{ height: 100px;} /* Inhoud v/d **********************************************************/ #container{ position: absolute; width: 100%; left: 0; top: 0;} #container DIV.wrapper{ position: relative; width: 100%; padding-bottom: 100px;} #website-container{ position: relative; width: 900px; margin: 0 auto;} /* Header **********************************************************/ #header{ width: 100%; float: left;} #header #header_top{ width: 100%; height: 25px; float: left;} #header #header_bottom{ width: 100%; height: 100px; float: left;} #header A.logo{ float: left; width: 150px; height: 100px; display: block;} /* Vlaggen **********************************************************/ div#vlaggen { float:left; padding:3px; width:144px; height: 19px; } div#vlaggen a img { height:15px; filter:alpha(opacity=60); opacity:0.60; -moz-opacity:0.60; } div#vlaggen a.selected img { filter:alpha(opacity=100); opacity:1; -moz-opacity:1; } div#vlaggen a:hover img { filter:alpha(opacity=90); opacity:0.90; -moz-opacity:0.90; cursor:pointer; } /* Weer **********************************************************/ .weer table { width:100%; } .weer table td.day { text-align:center; vertical-align:top; } /* Header afbeeldingen **********************************************************/ DIV#afbeelding_container { width: 750px; height: 100%; float: right; overflow:hidden; } /* No Flash player content **********************************************************/ .flash{ width: 750px; height: 100px; float: right; text-align: center;} .flash STRONG{ margin-top: 30px; display: block; } .flash A{ text-decoration: underline;} /* Breadcrumbs **********************************************************/ #breadcrumbs_container{ position: relative; width: 750px; height: 25px; float: right; line-height: 25px;} #breadcrumbs_container SPAN#breadcrumbs{ float: left; width: 450px; margin-left: 10px; height: 25px; line-height: 25px; display: block; font-weight: bold; color: #000;} #breadcrumbs_container A{ color: #000;} #breadcrumbs_container A:hover{ color: #FFF;} DIV.open_vandaag{ font-weight:bold; margin-top:10px;} /* Winkelwagen **********************************************************/ A#winkelwagen{ text-decoration: none; position: absolute; right: 0; display: block; margin-right: 10px; padding-left: 20px; height: 25px; line-height: 25px; background: url(images/winkelwagen.gif) no-repeat 0 50%; } A#winkelwagen:hover{ color: #000;} A#winkelwagen STRONG{ color: #4C8D35;} /* Mini-Menu **********************************************************/ #minimenu_container{ width: 750px; min-height: 25px; height:auto !important; height:25px; float: right;} UL#minimenu{ margin: 0 0 0 15px; padding: 0; list-style: none;} UL#minimenu A{ color: #FFF;} UL#minimenu A:hover{ color: #BDD732;} UL#minimenu LI{ display: inline; float: left; padding: 0 5px 0 0; line-height: 25px; color: #FFF; font-weight: bold;} UL#minimenu LI.bull{ color: #BDD732; font-size: 18px; line-height: 25px;} /* Menu **********************************************************/ #menu_container{ width: 150px; float: left;} .menu_item{ width: 150px; height: 100px; overflow: hidden; float: left; clear: left; cursor: pointer;} .menu_item H5{ width: 137px; margin: 0; color: #FFF; line-height: 25px; font-weight: normal; padding-left: 10px;} .menu_item DIV.inlichting{ width: 150px; height: 55px; padding: 10px;} .menu_item DIV.inlichting DIV.txt{ width: 117px; padding: 0 3px 0 10px; color: #000; margin-top: -2px; height: 65px; font-weight: bold; float: left;} /* Content **********************************************************/ DIV#website-container DIV.content{ width: 730px; padding: 10px; float: right;} DIV.col_1{ width: 450px; float: left; margin-right: 5px; margin-bottom: 10px; line-height: 18px; font-weight: bold;} DIV.col_2{ width: 270px; float: left; margin-left: 5px; margin-bottom: 10px; line-height: 18px; font-weight: bold;} .venster_fullsize{ width: 706px; background-color: #FFF; padding: 10px; margin-bottom: 10px;} .venster_groot{ width: 426px; background-color: #FFF; padding: 10px; margin-bottom: 10px;} .venster_klein{ width: 245px; background-color: #FFF; padding: 10px; margin-bottom: 10px;} .venster_fullsize H3, .venster_groot H3, .venster_klein H3{ font-weight: normal; font-size: 24px; margin: 0 0 10px 0;} /* Welkoms Tekst ( Homepage ) **********************************************************/ #welkoms_txt DIV.tc_foto_groot{ width: 410px; min-height: 350px; height: auto !important; height: 350px; margin: 10px auto 0; position:relative;} #welkoms_txt DIV.tc_foto_klein{ width: 240px; min-height: 350px; height: auto !important; height: 350px; margin: 10px auto 0; position:relative;} .tl { top:0; left:0; } .tr { top:0; right:0; } .tc { width:100%; position: relative !important; } .bl { bottom:0; left:0; } .br { bottom:0; right:0; } .hidden { display: none; } IMG.voorpagina_foto { position: absolute; } #welkoms_txt DIV.tc_foto_klein IMG.voorpagina_foto { width:100%;} DIV#welkoms_txt DIV.ster{ width: 184px; height: 187px; position: absolute; background: url(images/ster.png) no-repeat 0 0; text-align: center;} /* Verwijzer **********************************************************/ UL.verwijzer{ margin: 0 0 0 5px; padding: 0 0 0 5px;} /* Berichtvensters **********************************************************/ .berichtvenster{ padding: 10px 0 20px 10px; margin-bottom: 20px; position: relative; width: 415px; min-height: 110px; height: auto !important; height: 110px;} .berichtvenster DIV.foto{ float: right; width: 100px; min-height: 100px; height:auto !important; height:100px; margin-top: -10px; padding-left: 10px; overflow: hidden; margin-left: 0;} .berichtvenster DIV.foto IMG{ width: 100%;} .berichtvenster H4{ font-weight: normal; width: 280px; margin-top: -6px; margin-left: 20px;} .berichtvenster A.lees_meer { float:right; margin:10px 5px 5px 0; } .berichtvenster DIV.extra_info{ border-width:1px 0 0 0; color: #000; font-weight: normal; padding: 0 10px; clear:both; margin: 10px 0 0 -10px;} .berichtvenster DIV.extra_info SPAN.bron{ float: left;} .berichtvenster DIV.extra_info SPAN.datum{ float: right; padding-left: 10px;} /* Aanbieding ( Homepage ) **********************************************************/ #aanbieding H6{ margin-bottom: 5px;} #aanbieding DIV.foto_container{ width: 100px; min-height: 100px; height:auto !important; height:100px; float: left;} #aanbieding DIV.foto_container IMG{ width: 100%;} #aanbieding SPAN.nu_voor_maar{ width: 59%; text-align: center; float: left; margin-top: 20px; display: block;} #aanbieding SPAN.prijs{ display: block; width: 59%; text-align: center; font-size: 24px; float: left;} #aanbieding SPAN.bekijk{ font-size: 10px; width: 59%; margin-top: 30px; font-weight: normal; float: left; text-align: center; display: block;} /* Aanbiedingen **********************************************************/ DIV.aanbieding{ padding-bottom: 10px;} DIV.aanbieding H6{ margin-bottom: 5px; width: 100%; line-height: 25px; text-align: center;} DIV.aanbieding DIV.foto_container{ width: 100px; min-height: 100px; height: auto !important; height: 100px; float: left;} DIV.aanbieding DIV.foto_container IMG{ width: 100%;} DIV.aanbieding DIV.opmerking{ float: left; padding-left: 10px; font-weight: normal; width: 190px;} DIV.aanbieding SPAN.nu_voor_maar{ width: 200px; text-align: center; float: left; margin-top: 5px; display: block;} DIV.aanbieding SPAN.prijs{ display: block; width: 200px; text-align: center; font-size: 24px; float: left;} DIV.aanbieding SPAN.voorraad{ font-size: 10px; width: 200px; margin-top: 5px; font-weight: normal; float: left; text-align: center; display: block;} DIV.aanbieding DIV.bekijk{ width: 120px; text-align: center; margin-top: 50px; float: right;} BODY#popup TABLE.aanbieding{ padding: 10px; margin: 5px; min-width:760px; width:auto !important; width:760px;} BODY#popup TABLE.aanbieding TD.header H6{ font-size: 18px;} BODY#popup TABLE.aanbieding TD.opmerking{ font-size: 14px; padding-left: 10px;} BODY#popup TABLE.aanbieding TD.nu_voor_maar{ font-size: 24px;} BODY#popup TABLE.aanbieding TD.prijs{ font-size: 30px; background: url(images/prijs_ster_groot.jpg) no-repeat 60% 50%;} BODY#popup TABLE.aanbieding TD.extra_opmerking{ font-size: 12px;} /* Algemene pagina's **********************************************************/ IMG.algp_foto { float:right; margin-left: 10px; } /* Tuintips **********************************************************/ .tips_col{ float: left; width: 208px;} .tips P{ font-weight: normal;} .tuintip{ padding-bottom: 10px; width: 208px; float: left;} H5.tipskop{ font-size: 14px; padding-left: 10px; line-height: 25px;} .tuintip UL{ margin-left: 15px; padding-left: 15px;} DIV.tuintip_delen INPUT.form_text { width: 235px; float: none; margin-right: 0; margin-top: 5px; } DIV.tuintip_delen INPUT.form_btn { width:120px; } /* Assortiment **********************************************************/ .assortiment{ padding: 10px; padding-right: 0; width: 415px;} .assortiment H5{ margin: -8px 0 0 20px; font-size: 14px;} .assortiment DIV.foto{ float: right; width: 100px; min-height: 100px; height: auto !important; height: 100px; padding-left: 10px; overflow: hidden; margin: -10px 0} .assortiment DIV.foto IMG{ width: 100%;} .assortiment DIV.verder{ text-align: right; padding-left: 10px; margin-bottom: -10px;} .plaatje_link{ padding: 10px 0 0 10px; width: 235px;} .plaatje_link DIV.mini-foto{ margin-top: -10px; margin-left: 5px; width: 50px; min-height:50px; height:auto !important; height: 50px; float: right;} .plaatje_link H6.titel{ margin: -4px 0 0 10px; float: left;} .plaatje_link A{ color: #4c8d35;} .plaatje_link A:hover{ color: #000;} DIV.assortiment_hoofdgroep DIV.foto_container, DIV.assortiment_subgroep DIV.foto_container { width:200px; min-height:200px; height:auto !important; height:200px; float:right; margin:0 0 5px 5px; } /* Openingstijden **********************************************************/ DIV.openingstijden DIV.extra { border-width: 1px 0; margin: 10px 0; padding: 10px 0; } DIV.openingstijden DIV.extra H5 { font-weight:normal; } DIV.openingstijden DIV.extra DIV.tijd { margin: 3px 0; } DIV.openingstijden DIV.extra DIV.vandaag { border: 1px dashed red; } DIV.openingstijden SPAN { color:#000; font-weight:normal; font-style:italic;} /* Routebeschrijving **********************************************************/ UL.routebeschrijving{ margin: 0 0 0 5px; padding: 0 0 0 5px;} UL.routebeschrijving LI P{ color: #000; font-weight: normal;} /* Fotoboek **********************************************************/ div#fotoboek { } div#fotoboek div.row { float:left; margin: 0 0 15px 0; } div#fotoboek div.row div.col { float:left; width:120px; margin: 0 10px 0 0; text-align:center; } body#fotoboek_foto_popup { text-align:center; } body#fotoboek_foto_popup div.links { margin:0 auto; } body#fotoboek_foto_popup a { color:blue; } DIV.pager_links { clear:both; } /* Webshop **********************************************************/ .zoekmachine H6{ margin-bottom: 0; width: 100%; line-height: 25px; text-align: center;} .zoekmachine DIV.hoofd{ float: left; width: 135px; height: 135px; margin-right: 10px; padding-right: 5px;} .zoekmachine DIV.hoofd H6{ margin: 9px 0 11px; font-size: 16px; text-align: right; line-height: 18px;} .aanbieding-nieuw_shop{ margin-bottom: 10px; float: left; min-height: 60px; height:auto !important; height: 60px;} .aanbieding-nieuw_shop DIV.foto_container{ width: 100px; margin-right: 6px; min-height: 100px; height:auto !important; height:100px; float: right;} .aanbieding-nieuw_shop DIV.foto_container IMG{ width: 100%;} .aanbieding-nieuw_shop DIV.titel{ font-size: 14px; margin: 0; width: 320px; float: left;} .aanbieding-nieuw_shop DIV.merk{ padding-top: 10px; font-weight: normal; font-style: italic; width: 210px; float: left; clear: left;} .aanbieding-nieuw_shop DIV.opmerking{ float: left; clear: left; font-weight: normal; width: 210px;} .aanbieding-nieuw_shop DIV.prijs{ float: left; clear: left; width: 100px; line-height: 20px; text-align: center;} .aanbieding-nieuw_shop DIV.nieuw{ float: left; width: 100px; background-color: #4C8D35; margin-bottom: 2px; height: 20px; color: #FFF; text-align: center;} .aanbieding-nieuw_shop DIV.aanbieding_wrapper{ margin-bottom: 5px; width: 210px; float: left; clear: left; height:25px;} .aanbieding-nieuw_shop DIV.aanbieding_wrapper DIV.prijs{ border: #EF3B3B 1px dashed; border-right: none; width: 90px;} .aanbieding-nieuw_shop DIV.aanbieding_wrapper DIV.aanbieding_veldje{ float: left; background-color: #EF3B3B; text-align: center; color: #FFF; width: 110px; line-height: 22px;} .groot_product SPAN.new{ margin-left: 10px; padding: 5px 25px; line-height: 20px; color: #000; font-weight: bold;} .groot_product DIV.foto_groot{ width: 270px; min-height: 270px; height: auto !important; height: 270px; } .groot_product DIV.foto_groot IMG{ width: 100%;} .groot_product DIV.foto_klein_wrapper{ width: 300px; float: left; clear: left; margin-top: 10px;} .groot_product DIV.foto_klein{ width: 80px; height: 80px; float: left; margin: 0 15px 5px 0;} .groot_product DIV.foto_klein IMG{ width: 100%;} .groot_product DIV.aanbieding_groot{ width: 115px; height: 24px; margin-top: 10px; text-align: center; line-height: 25px; color: #FFF; background-color: #EF3B3B; font-weight: bold; float: left;} .groot_product DIV.prijs{ width: 155px; height: 24px; float:left; margin-top: 10px; line-height: 25px; font-weight: bold;} .groot_product DIV.aanbieding{ text-align: center; border: 2px dotted #EF3B3B; border-left:none; height:10px; line-height: 20px; } .groot_product DIV.prijs_excl_btw{ clear:both; font-size:smaller; } .groot_product SPAN.btw { font-size:smaller; } TABLE.gegevens{ width: 100%;} TABLE.gegevens TH{ border-bottom: #000 1px solid;} TABLE.gegevens INPUT.aantal{ width:30px; line-height: 22px; font-weight: bold; padding: 2px;} /* FAQ **********************************************************/ .faq SPAN.vraag{ display: block;} .faq SPAN.antwoord{ font-weight: normal; color: #000; display: block;} /* Links **********************************************************/ .links DIV.link { margin-bottom: 7px; border-width: 0 0 1px 0; } /* Links **********************************************************/ #form_nieuwsbrief_inschrijven INPUT.form_text { width:80%; padding-top:3px; } /* Sitemap **********************************************************/ UL.sitemap{ list-style: none; padding: 0; margin: 0; position: relative; border-left: #000 1px solid;} UL.sitemap LI{ padding: 2px 0 2px 5px; margin: 0;} UL.sitemap A{ padding-bottom: 2px; border-bottom: #0E4619 1px solid;} UL.sitemap UL{ list-style: none; margin: 0; margin-left: 12px; padding: 0; padding-left: 12px;} UL.sitemap LI LI{ border-left: #000 1px solid;} /* Footer **********************************************************/ #footer_container{ position: absolute; left: 0; bottom: 0; width: 100%; height: 100px; background-color: #4C8D35;} #footer_container DIV#footer-center{ position: relative; width: 900px; margin: 0 auto; height: 25px;} #footer_container .contact_gegevens { width: 750px; float: right; height: 100%;} #footer_container .contact_gegevens UL { margin: 0; padding: 0 0 0 15px; float:left; list-style: none; } #footer_container .contact_gegevens LI{ display: inline; float: left; padding: 0 2px 0 0; line-height: 25px; font-size: 11px; color: #000; font-weight: normal;} #footer_container .contact_gegevens LI.bull{ color: #4C8D35; font-size: 18px; line-height: 25px;} .SEO_links{ width: 730px; padding: 0 10px; font-size: 11px; color: #8ca5e7; font-weight: bold; margin-top: 30px; text-align: center; float: right; clear: right;} .SEO_links A.SEO_link{ white-space: nowrap; font-weight: normal; color: #1b3273;} .SEO_links A.SEO_link:hover{ color: #8ca5e7;} /* Bratpack internetdiensten **********************************************************/ DIV.footer_links {position: absolute; top: 25px; right: 0; display: block; line-height: 20px; color: #fff;} A.bp{ color: #BDD732;} A.bp:hover{ color: #000;} /* Folder **********************************************************/ DIV.folder DIV.folder_melding_venster { border:1px solid #CFCFCF; width:668px; padding:10px; margin: 5px 0; font-size: 12px;} /* Formulieren **********************************************************/ DIV.form { padding: 10px; margin-bottom:15px; clear:both; } DIV.form P.label { position:relative; margin:0; font-weight:bold; clear:both; } DIV.form H4 { position:relative; margin: 3px 0; } DIV.form SPAN.required { position:relative; font-weight:bold; color:#ff0000; } DIV.form SPAN.error { position:relative; } DIV.form DIV.field { margin: 2px 0 7px 0; clear:both; } DIV.form INPUT.form_text { float:none; } DIV.form INPUT.form_btn { float:none; width: auto; } /* Errors **********************************************************/ div.errors {margin-bottom:10px; border:3px solid #DC0000;} div.errors div {margin:10px;} .error { color:#ff0000; } /* Webwinkel **********************************************************/ UL#webwinkel_menu { margin: 0; padding: 0; float: left; list-style: none; } UL#webwinkel_menu LI { display: inline; margin-left: 5px; padding:0 15px; height: 20px; line-height: 20px; font-size: 10px; font-weight: bold; float: left; text-align: center; color: #FFF; background-color: #B8D2AF; position: relative; } UL#webwinkel_menu LI A { color:#fff; display:block; width:100%; height:100%; } UL#webwinkel_menu LI.active { color: #fff; background-color: #4C8D35; } DIV.bestelling_container { float:left; border:1px solid #4C8D35; border-top:none; margin:0; padding:0; } DIV.bestelling_container TABLE { width:100%; } DIV.bestelling_container TABLE TH { background-color:#4C8D35; color:#fff; padding:2px;} DIV.bestelling_container TABLE TD { padding:3px; } DIV.bestelling_container TABLE TD, DIV.bestelling_container TABLE TH { vertical-align:top; } DIV.bestelling_container TABLE TR.product > TD { border-top:1px solid #4C8D35; } DIV.bestelling_container TABLE TD.product_extra { padding-left:20px; } DIV.bestelling_container TABLE INPUT.form_text { width: 180px; height:18px; font-size:12px;} DIV.bestelling_container TABLE INPUT.aantal { width:40px; text-align:center; padding:0; margin:0; } DIV.bestelling_container TABLE INPUT.form_text, DIV.bestelling_container TABLE TEXTAREA.form_text, DIV.bestelling_container TABLE INPUT.form_btn { float:none; margin:0; } DIV.bestelling_container TABLE TR.extra_opties > TD { background-color: #DCE9D7; } DIV.bestelling_container TABLE.winkelwagen { text-align:center; } DIV.bestelling_container TABLE.bestelling_gegevens { padding-bottom: 15px; } DIV.bestelling_container TABLE SPAN.tekstvak_vraag { font-style: italic; } DIV.bestelling_container TABLE TD.afgerond { padding: 40px; font-size: 14px; } /* Voucer registratie **********************************************************/ .voucher_registration fieldset {margin-top: 1.2em; padding: 0; border: none;} .voucher_registration fieldset.fields {padding-bottom: 0.5em; border-bottom: 1px solid #a0a0a0;} .voucher_registration div {clear: left; padding-bottom: 8px;} .voucher_registration div label {float: left; width: 40%;} .voucher_registration label.signup {font-size: 110%; font-weight: bold;} .voucher_registration input, .voucher_registration textarea {border: 1px solid #202020; padding: 1px 4px 1px 4px; width: 180px;} .voucher_registration input.button {font-weight: bold; width: 190px;} .voucher_registration input.radio, .voucher_registration input.checkbox {border: none; width: 20px;} .voucher_registration input.dob {width: 22px;} .voucher_registration input.year {width: 44px;} .voucher_registration .redborder {border: 1px solid red;} /********************************************************/ .cen_message IMG.picture {float:left; margin:0 5px 5px 0;} /* Yahoo Weather app **********************************************************/ /* Measurements */ DIV.yahoo_weather_container{ position: relative; margin-bottom: 20px; font-weight: bold; font-size: 11px;} DIV.yahoo_weather{ min-height: 40px; height: auto !important; height: 40px; padding: 10px;} DIV.yahoo_weather H6{ margin: -10px -10px 10px -10px; padding: 5px 10px;} DIV.yahoo_weather DIV.centre{ margin: 0 auto;} DIV.yahoo_weather DIV.weather_container{ float: left; clear: left;} DIV.yahoo_weather DIV.current_conditions{ margin: 2px auto 0;} DIV.yahoo_weather DIV.groot_plaatje{ float: left; position: relative; display: inline;} DIV.yahoo_weather DIV.groot_plaatje IMG{ position: relative;} DIV.yahoo_weather DIV.weer_txt{ float: left; display: inline;} DIV.yahoo_weather DIV.condition{ width: 100%; float: left; clear: both;} DIV.yahoo_weather DIV.temp{ float: left; clear: both;} DIV.yahoo_weather DIV.forecast{ float: left; display: inline;} DIV.yahoo_weather DIV.vandaag DIV.weer_txt{ float: left; display: inline;} DIV.yahoo_weather DIV.morgen{ float: right;} DIV.yahoo_weather DIV.morgen DIV.weer_txt{ float: left; display: inline;} DIV.yahoo_weather DIV.forecast DIV.day{ padding-right: 2px; margin-top: 2px;} DIV.yahoo_weather DIV.forecast DIV.klein_plaatje{ float: left; position: relative; display: inline; margin-top: -17px; margin-left: -7px;} DIV.yahoo_weather DIV.forecast DIV.klein_plaatje IMG{ position: relative;} DIV.yahoo_weather DIV.forecast DIV.weer_txt{ float: left; display: inline; margin-left:3px;} DIV.yahoo_weather DIV.forecast DIV.max_temp{ margin-top: 3px; text-align: right; padding-right: 3px; float: right; clear: right; display: inline; height: 13px; white-space: nowrap;} DIV.yahoo_weather DIV.forecast DIV.min_temp{ text-align: right; padding-right: 3px; font-size: 10px; float: right; clear: right; display: inline; white-space: nowrap; height: 13px;} DIV.yahoo_weather DIV.forecast DIV.condition{ font-size: 11px; height: 15px; text-align: left; margin-top: 2px; text-indent: 3px; float: left; clear: left; display: inline; white-space: nowrap;} /* Measurements column 1 */ DIV.col_1 DIV.yahoo_weather{ width: 426px;} DIV.col_1 DIV.yahoo_weather H6{ width: 426px;} DIV.col_1 DIV.yahoo_weather DIV.weather_container{ width: 426px; min-height: 180px; height: auto !important; height: 180px;} DIV.col_1 DIV.yahoo_weather DIV.current_conditions{ width: 232px;} DIV.col_1 DIV.yahoo_weather DIV.groot_plaatje{ margin-left: -30px; margin-top: -10px;} DIV.col_1 DIV.yahoo_weather DIV.weer_txt{ width: 193px; margin-left:5px;} DIV.col_1 DIV.yahoo_weather DIV.current_conditions_title{ text-align: right; padding-right: 3px; margin-top: 0px;} DIV.col_1 DIV.yahoo_weather DIV.condition{ font-size: 20px;} DIV.col_1 DIV.yahoo_weather DIV.kleine_tekst{ font-size: 13px; line-height: 20px; height: 20px;} DIV.col_1 DIV.yahoo_weather DIV.temp{ width: 188px; font-size: 26px; line-height: 28px; text-align: right; padding-right: 5px;} DIV.col_1 DIV.yahoo_weather DIV.forecasts{ margin: 36px auto 0; width: 332px;} DIV.col_1 DIV.yahoo_weather DIV.vandaag{ margin-right: 22px; width: 156px;} DIV.col_1 DIV.yahoo_weather DIV.vandaag DIV.weer_txt{ width: 104px;} DIV.col_1 DIV.yahoo_weather DIV.morgen{ width: 154px;} DIV.col_1 DIV.yahoo_weather DIV.morgen DIV.weer_txt{ width: 102px;} DIV.col_1 DIV.yahoo_weather DIV.forecast DIV.day{ font-size: 10px; line-height: 11px; text-align: right; padding-right: 2px; margin-top: 1px;} DIV.col_1 DIV.yahoo_weather DIV.forecast DIV.klein_plaatje{ margin-top: -17px; margin-left: -7px;} DIV.col_1 DIV.yahoo_weather DIV.forecast DIV.weer_txt{ margin-left:3px;} DIV.col_1 DIV.yahoo_weather DIV.forecast DIV.max_temp{ margin-top: 3px; text-align: right; padding-right: 3px; font-size: 10px; line-height: 12px; height: 13px;} DIV.col_1 DIV.yahoo_weather DIV.forecast DIV.min_temp{ text-align: right; padding-right: 3px; font-size: 10px; height: 13px; line-height: 12px;} DIV.col_1 DIV.yahoo_weather DIV.forecast DIV.condition{ font-size: 11px; height: 15px; text-align: left; margin-top: 0px; text-indent: 3px;} DIV.col_1 DIV.yahoo_weather DIV.forecast DIV.kleine_tekst{ font-size: 10px; line-height: 14px;} /* Measurements column 2 */ DIV.col_2 DIV.yahoo_weather{ width: 246px;} DIV.col_2 DIV.yahoo_weather H6{ width: 246px;} DIV.col_2 DIV.yahoo_weather DIV.centre{ width: 180px;} DIV.col_2 DIV.yahoo_weather DIV.weather_container{ width: 180px; min-height: 223px; height: auto !important; height: 223px;} DIV.col_2 DIV.yahoo_weather DIV.current_conditions{ width: 177px;} DIV.col_2 DIV.yahoo_weather DIV.groot_plaatje{ margin-left: -25px; margin-top: -10px;} DIV.col_2 DIV.yahoo_weather DIV.weer_txt{ width: 135px; margin-left:2px;} DIV.col_2 DIV.yahoo_weather DIV.current_conditions_title{ text-align: right; line-height: 13px; padding-right: 3px; margin-top: 4px;} DIV.col_2 DIV.yahoo_weather DIV.condition{ font-size: 11px; margin-top: 2px; line-height: 11px; height: 18px;} DIV.col_2 DIV.yahoo_weather DIV.kleine_tekst{ font-size: 10px; line-height: 20px; height: 20px;} DIV.col_2 DIV.yahoo_weather DIV.temp{ width: 118px; font-size: 18px; line-height: 20px; text-align: right; padding-right: 5px;} DIV.col_2 DIV.yahoo_weather DIV.forecasts{ margin: 15px auto 0; width: 175px;} DIV.col_2 DIV.yahoo_weather DIV.vandaag{ margin-right: 17px; width: 78px;} DIV.col_2 DIV.yahoo_weather DIV.vandaag DIV.weer_txt{ width: 104px;} DIV.col_2 DIV.yahoo_weather DIV.morgen{ width: 80px;} DIV.col_2 DIV.yahoo_weather DIV.morgen DIV.weer_txt{ width: 102px;} DIV.col_2 DIV.yahoo_weather DIV.forecast DIV.day{ font-size: 10px; line-height: 11px; text-align: center; margin-top: 2px; padding: 0; text-indent: 2px; width: 100%; float: left; clear: left;} DIV.col_2 DIV.yahoo_weather DIV.forecast DIV.klein_plaatje{ width: 100%; text-align: center; margin-top: 3px; margin-left: 0;} DIV.col_2 DIV.yahoo_weather DIV.forecast DIV.condition{ width: 100%; float: left; clear: left; font-size: 10px; height: 30px; text-align: center; white-space: normal; margin-top: 2px; text-indent: 3px;} DIV.col_2 DIV.yahoo_weather DIV.forecast DIV.weer_txt{ margin-left:0; width: 100%; float: left; clear: left;} DIV.col_2 DIV.yahoo_weather DIV.forecast DIV.max_temp{ width: 100%; margin-top: 3px; text-align: center; padding-right: 0; font-size: 10px; height: 13px;} DIV.col_2 DIV.yahoo_weather DIV.forecast DIV.min_temp{ width: 100%; text-align: center; padding-right: 0; font-size: 10px; height: 13px;} /* Styles */ DIV.daytime{ border: #87c5f1 2px solid; color: #FFF;} DIV.daytime H6{ background-color: #87c5f1; color: #FFF;} DIV.daytime DIV.tekst{ background-color: #5389c7; margin-bottom: 10px; color: #FFF; text-align: center;} DIV.daytime P{ margin-bottom: 10px;} DIV.daytime DIV.condition{ text-shadow: 2px 2px 2px #77767D; filter:DropShadow(Color=#77767D, OffX=2, OffY=2); color: #FFF;} DIV.daytime DIV.temp{ color: #f8c82e; text-shadow: 2px 2px 1px #77767D; filter:DropShadow(Color=#77767D, OffX=2, OffY=2);} DIV.daytime DIV.forecast DIV.max_temp{ color: #f8c82e; text-shadow: 1px 1px 1px #464646; filter:DropShadow(Color=#464646, OffX=1, OffY=1);} DIV.daytime DIV.forecast DIV.min_temp{ color: #c9edff; text-shadow: 1px 1px 1px #464646; filter:DropShadow(Color=#464646, OffX=1, OffY=1);} DIV.daytime DIV.forecast DIV.condition{ text-shadow: 1px 1px 1px #77767D; filter:DropShadow(Color=#77767D, OffX=1, OffY=1); color: #FFF;} DIV.nighttime{ border: #5c739c 2px solid; color: #FFF;} DIV.nighttime H6{ background-color: #5c739c; color: #FFF;} DIV.nighttime DIV.tekst{ background-color: #3e4d62; margin-bottom: 10px; color: #FFF; text-align: center;} DIV.nighttime P{ margin-bottom: 10px;} DIV.nighttime DIV.condition{ text-shadow: 2px 2px 2px #000000; filter:DropShadow(Color=#000000, OffX=2, OffY=2); color: #FFF;} DIV.nighttime DIV.temp{ color: #f8c82e; text-shadow: 2px 2px 1px #000000; filter:DropShadow(Color=#000000, OffX=2, OffY=2);} DIV.nighttime DIV.forecast DIV.max_temp{ color: #f8c82e; text-shadow: 1px 1px 1px #000000; filter:DropShadow(Color=#000000, OffX=1, OffY=1);} DIV.nighttime DIV.forecast DIV.min_temp{ color: #c9edff; text-shadow: 1px 1px 1px #000000; filter:DropShadow(Color=#000000, OffX=1, OffY=1);} DIV.nighttime DIV.forecast DIV.condition{ text-shadow: 1px 1px 1px #000000; filter:DropShadow(Color=#000000, OffX=1, OffY=1); color: #FFF;} /* Styles column 1 */ DIV.col_1 DIV.daytime{ background: url(images/yahoo_day_col1bg.jpg) #5389c7 no-repeat 0 100% !important; /* !important verwijderen */} DIV.col_1 DIV.daytime DIV.weather_container{ background: url(images/col1_weatherbox_day.png) no-repeat 50% 0;} DIV.col_1 DIV.nighttime{ background: url(images/yahoo_night_col1bg.jpg) #272c30 no-repeat 100% 100% !important; /* !important verwijderen */} DIV.col_1 DIV.nighttime DIV.weather_container{ background: url(images/col1_weatherbox_night.png) no-repeat 50% 0;} /* Styles column 2 */ DIV.col_2 DIV.daytime{ background: url(images/yahoo_day_col2bg.jpg) #5389c7 no-repeat 0 100% !important; /* !important verwijderen */} DIV.col_2 DIV.daytime DIV.weather_container{ background: url(images/col2_weatherbox_day.png) no-repeat 50% 0;} DIV.col_2 DIV.nighttime{ background: url(images/yahoo_night_col1bg.jpg) #272c30 no-repeat 100% 100% !important; /* !important verwijderen */} DIV.col_2 DIV.nighttime DIV.weather_container{ background: url(images/col2_weatherbox_night.png) no-repeat 50% 0;}