/* Algemeen **********************************************************/ BODY{ background: url(images/bg.jpg) top center repeat-y;} HTML, BODY{ font-size: 11px; font-weight: bold; color: #ffffff; font-family: Arial, Helvetica, sans-serif;} A{ color: #ffffff;} A:hover{ color: #ffffff; text-decoration:underline;} H1, H2, H3, H4, H5, H6{ color: #014838;} H4, H6{ color: #ffffff;} UL.verwijzer LI{ color: #014838;} UL.verwijzer LI SPAN{ color: #014838;} INPUT.btn{ border-color: #a8b93a; background-color: #014838; color: #FFF; height: 25px;} INPUT.text{background-color: #ffffff; border-color: #a8b93a; height: 20px;} SELECT.form_text, INPUT.form_text, TEXTAREA.form_text{ color: #014838; border-color: #a8b93a; height: 20px;} INPUT.form_btn{ background-color: #014838; color: #ffffff; border-color: #a8b93a; height: 25px;} FORM.form INPUT.form_text {width:auto;} /* Inhoud v/d **********************************************************/ #container{ background:url(images/container_bg.jpg) 0 151px no-repeat #014838; border-left-color: #a8b93a; border-right-color: #a8b93a;} /* Header **********************************************************/ #header{ border-bottom-color: #a8b93a;} #header A.logo{ /**/width: 450px; height: 62px;/**/ top: 50%; left: 10px; margin:-31px 0 0 0;} #header A.logo IMG{ /**/width: 450px; height: 62px;/**/} #header A.sign_up{ position:absolute; /**/width: 187px; height: 75px;/**/ top: 9px; right: 10px;} #header A.sign_up IMG{ /**/width: 187px; height: 75px;/**/} /* Vlak onder de header **********************************************************/ SPAN#breadcrumbs A{ color: #ffffff; text-decoration: none;} SPAN#breadcrumbs A:hover{ color: #ffffff; text-decoration:underline;} /*A#winkelwagen{ background: url(/templates/template4/images/winkelwagen.gif) no-repeat 0 50%;}*/ A#winkelwagen:hover{ color: #014838;} A#winkelwagen STRONG{ color: #014838;} /* Kolommen **********************************************************/ .content_container DIV.col_menu DIV.venster{ background: url(images/fade_left.jpg) no-repeat 0 0; } .content_container DIV.col_0 DIV.venster{ background: url(images/fade_grootst.jpg) no-repeat 0 0; } .content_container DIV.col_1 DIV.venster{ background: url(images/fade_content.jpg) no-repeat 0 0; } .content_container DIV.col_2 DIV.venster{ background: url(images/fade_right.jpg) no-repeat 0 0; } /* Menu **********************************************************/ DIV.sdmenu{ background: url(images/menu_end_bg.png) no-repeat right bottom; color: #a8b93a;} DIV.sdmenu DIV{ background: url(images/menu_item_bg.png) repeat-x; border-bottom:1px solid #a8b93a; } DIV.sdmenu DIV SPAN{ border-bottom-color: #ddd;} DIV.sdmenu DIV SPAN A{ color: #a8b93a;} DIV.sdmenu DIV SPAN A:hover{ color: #FFF;} DIV.sdmenu DIV SPAN A.pijl_collapsed{ background: url(images/collapsed.png) no-repeat 4px 50%;} DIV.sdmenu DIV SPAN A.pijl_expanded{ background: url(images/expanded.png) no-repeat 4px 50%;} DIV.sdmenu DIV:first-child{ background: url(images/menu_top_bg.png) no-repeat;} DIV.sdmenu DIV.top-current{ background: url(images/menu_top_bg_crnt.png) no-repeat;} DIV.sdmenu DIV.top-current SPAN A{ color: #FFF;} DIV.sdmenu DIV.current{ background: url(images/menu_item_bg_crnt.png) repeat-x;} DIV.sdmenu DIV.current SPAN A{ color: #FFF;} DIV.sdmenu DIV A{ background-color: #a8b93a; border-top:1px solid #ffffff; color: #014838;} DIV.sdmenu DIV A.current{ background-color: #a8b93a;} DIV.sdmenu DIV A:hover{ background: #014838 url(images/linkarrow.gif) no-repeat right center; color: #fff; } .col_menu .weer th{ font-size:14px; padding:0 0 10px 0;} .col_menu .openingstijden th{ font-size:14px; padding:0 0 10px 0;} /* Locatie + Ster ( Homepagina ) **********************************************************/ .voorpagina_foto_groot DIV.ster{ background: url(/templates/template4/images/ster.png) no-repeat 0 0; } /* Berichtvensters **********************************************************/ .berichtvenster{ border-bottom-color:#a8b93a;} .berichtvenster DIV.extra_info SPAN.bron{ color: #5c7469; } .berichtvenster DIV.extra_info SPAN.datum{ color: #5c7469; } /* Aanbiedingen ( Aanbiedingpagina ) **********************************************************/ TABLE.aanbieding{ border-color: #014838; background-color: #FFF; color:#014838; } TABLE.aanbieding TD.prijs{ background: url(/templates/template4/images/prijs_ster_klein.jpg) no-repeat 60% 50%;} BODY#popup TABLE.aanbieding TD.prijs{ background: url(/templates/template4/images/prijs_ster_groot.jpg) no-repeat 60% 50%;} /* Tuintips ( Tuintips-pagina ) **********************************************************/ .tips_venster{ border-color: #ffffff;} A.rollover_fx{ border-bottom-color: #a8b93a;} A.rollover_fx:hover{ color: #014838; background-color: #ffffff;} /* Assortiment ( Assortimentpagina ) **********************************************************/ DIV.assortiment{ border-color: #ffffff;} DIV.assortiment DIV.txt H6{ border-bottom-color: #a8b93a;} /* Webshop **********************************************************/ .zoekmachine DIV.hoofd{ background-color: #FCD97B;} .zoekmachine DIV.hoofd H6{ color: #FFF; } .aanbieding-nieuw_shop DIV.nieuw{ background-color: #014838; color: #FFF; } .aanbieding-nieuw_shop DIV.aanbieding_wrapper DIV.prijs{ border-color: #EF3B3B;} .aanbieding-nieuw_shop DIV.aanbieding_wrapper DIV.aanbieding_veldje{ background-color: #ffffff; color: #FFF; } .groot_product SPAN.new{ background-color: #014838; color: #000;} .groot_product DIV.foto_groot IMG{ border-color: #014838;} .groot_product DIV.foto_klein IMG{ border-color: #014838;} .groot_product DIV.aanbieding_groot{ color: #FFF; background-color: #ffffff;} .groot_product DIV.aanbieding_prijs{ border-color: #EF3B3B;} TABLE.gegevens TH{ border-bottom-color: #000;} TABLE.gegevens INPUT.aantal{ border-color:#000;} /* FAQ **********************************************************/ .aan{ background-color: #FCD97B;} .uit{} /* Aanbieding voorpagina **********************************************************/ #aanbieding div.foto_container { margin-right: 10px;} /* Sitemap **********************************************************/ UL.sitemap{ border-left-color: #000;} UL.sitemap A{ border-bottom-color: #014838;} UL.sitemap LI LI{ border-left-color: #000;} /* Footer **********************************************************/ #footer{ background-color: #a8b93a; } #footer A:hover { color:#fff;} UL#contactgegevens LI{color: #014838; margin:0 3px;} UL#contactgegevens LI.bullet{ color: #FFF;} /* Bratpack internetdiensten **********************************************************/ A.bp{ color: #014838; } A.bp:hover{ color: #FFF;} /* Vacatures **********************************************************/ div.vacature div.vestigingen span { color:#014838; } /* Links ( Links-pagina ) **********************************************************/ DIV.link { border-bottom-color:#a8b93a; } /* Openingstijden **********************************************************/ DIV.openingstijden DIV.extra DIV.vandaag { border-color: red; } DIV.openingstijden SPAN { color:#000; } /* Formulieren **********************************************************/ div.form { border-color:#000; } div.form SPAN.required { color:#ff0000; } .error { color:#ff0000; } /* Webwinkel **********************************************************/ UL#webwinkel_menu LI { color: #014838; background-color: #F9B903; } UL#webwinkel_menu LI A { color:#014838; } UL#webwinkel_menu LI.active { color: #fff; background-color: #AF6600; } UL#webwinkel_menu LI.active A { color:#fff;} DIV.bestelling_container { border-color:#AF6600; } DIV.bestelling_container TABLE TH { background-color:#AF6600; color:#fff;} DIV.bestelling_container TABLE TR.product > TD { border-top-color:#AF6600; } DIV.bestelling_container TABLE TR.extra_opties > TD { background-color: #FFF4D4; } /* Weather app **********************************************************/ .bl, .br, .tl, .tr{ display: none;} .content_container div.col_menu div.venster{ background: url(images/fade_left.jpg) no-repeat scroll 0 0 !important;} .content_container div.col_menu div.daytime h6, .content_container div.col_menu div.daytime P, .content_container div.col_menu div.nighttime h6, .content_container div.col_menu div.nighttime P{ background: none; color: #FFF;} .content_container div.col_menu div.yahoo_weather div.weather_container{ background: url(images/kolom_0_weerboxen.png) no-repeat 0 0;} .content_container div.col_1 div.venster{ background: url(images/fade_content.jpg) no-repeat scroll 0 0 !important; border: 0; width: 364px;} .content_container div.col_1 div.daytime h6, .content_container div.col_1 div.daytime P, .content_container div.col_1 div.nighttime h6, .content_container div.col_1 div.nighttime P{ background: none; color: #FFF;} .content_container div.col_1 div.yahoo_weather div.weather_container{ background: url(images/kolom_1_weerboxen.png) no-repeat 0 0;} .content_container div.col_2 div.venster{ background: url(images/fade_right.jpg) no-repeat scroll 0 0 !important; border: 0; width: 234px;} .content_container div.col_2 div.daytime h6, .content_container div.col_2 div.daytime P, .content_container div.col_2 div.nighttime h6, .content_container div.col_2 div.nighttime P{ background: none; color: #FFF;} .content_container div.col_2 div.yahoo_weather div.weather_container{ background: url(images/kolom_2_weerboxen.png) no-repeat 50% 0;} /******* Nieuwe standaard styles ********/ .bgcolor{ background-color: #6C9038 !important;} .bgcolor2{ background-color: #8AA635 !important;} .txtcolor{ color: #DDEF77 !important; text-shadow: 2px 2px 2px #44753B; } .bordercolor{ border-color: #A8B93A !important;} #aanbieding H6 A.aanbieding_link, #aanbieding H6 A.aanbieding_link:hover { color: #fff; text-decoration: none; } div.aanbieding_fancybox { color: #000; } div.aanbieding_fancybox #aanbieding div.pricetag { border-color: #A8B93A; } div.aanbieding_fancybox #aanbieding div.pricetag h2 { border-color: #A8B93A; color: #A8B93A; } div.aanbieding_fancybox #aanbieding div.pricetag div.prijs_container h6 { color: #A8B93A; } div.col_0 .aanbieding div.pricetag { background-color: transparent; color: #fff; } div.col_0 .aanbieding div.pricetag div.aanbieding_content a, div.col_0 .aanbieding div.pricetag div.aanbieding_content a:hover { color: #fff; } div.col_1 #aanbieding div.pricetag { border: 0; background: url("images/fade_content.jpg") no-repeat scroll 0 0 transparent; } div.col_2 #aanbieding div.pricetag { border: 0; background: url("images/fade_right.jpg") no-repeat scroll 0 0 transparent; }