/* Algemeen **********************************************************/ .png{ behavior: url(/templates/template4/iepngfix.htc);} BODY{ background: #197F00;} HTML, BODY{ font-size: 11px; line-height: 16px; font-weight: normal; color: #197F00; font-family: Verdana, Arial, Helvetica, sans-serif;} A{ color: #197F00;} A:hover{ color: #BEBC28;} H1, H2, H3, H4, H5, H6{ color: #197F00; font-family: "Bauhaus Std", Bauhaus, Verdana, Arial, sans-serif; font-weight: normal;} H6{ color: #197F00; font-family: Verdana, Arial, sans-serif; font-weight: bold;} UL.verwijzer LI{ color: #05BF00;} UL.verwijzer LI SPAN{ color: #197F00;} INPUT.btn{ border-color: #000; background-color: #197F00; color: #F3FBE3;} INPUT.text{background-color: #05BF00; border-color: #05BF00; color: #F3FBE3;} SELECT.form_text, INPUT.form_text, TEXTAREA.form_text{ color: #0E4619; border-color: #05BF00;} INPUT.form_btn{ background-color: #ffdc7a; color: #0E4619; border-color: #0E4619; } FORM.form INPUT.form_text {width:auto;} /* Inhoud v/d **********************************************************/ #container{ background-color: #F3FBE3; border-left-color: #05BF00; border-right-color: #05BF00;} a.print_icon{ margin-top: 15px;} /* Header **********************************************************/ #header{ background-color: #197F00; border-bottom-color: #05BF00; padding: 5px 0; min-height: 150px; height: auto !important; height: 150px; border-left:4px solid #197F00; border-right:4px solid #197F00; margin: 0 -4px;} #header A.logo{ /**/width: 892px; height: 150px;/**/ top: 5px; left: 0;} #header A.logo IMG{ /**/width: 892px; height: 150px;/**/} /* Vlak onder de header **********************************************************/ SPAN#breadcrumbs A{ color: #0E4619; text-decoration: none;} SPAN#breadcrumbs A:hover{ color: #05BF00;} /*A#winkelwagen{ background: url(/templates/template4/images/winkelwagen.gif) no-repeat 0 50%;}*/ A#winkelwagen:hover{ color: #0E4619;} A#winkelwagen STRONG{ color: #05BF00;} /* Kolommen **********************************************************/ .content_container DIV.col_2{ float: right;} .content_container DIV.col_menu DIV.venster{ background: url(images/fade_left.png) no-repeat 0 0; padding-bottom: 20px; position: relative; margin-bottom: 15px;} .content_container DIV.col_0 DIV.venster{ background: url(images/fade_grootst.png) no-repeat 0 0; padding-bottom: 30px; position: relative; margin-bottom: 20px; min-height: 296px !important; height: auto !important; height: 296px;} .content_container DIV.col_1 DIV.venster{ background: url(images/fade_content.png) no-repeat 0 0; padding-bottom: 30px; position: relative; margin-bottom: 20px;} .content_container DIV.col_2 DIV.venster{ background: url(images/fade_right.png) no-repeat 0 0; padding-bottom: 30px; position: relative; margin-bottom: 20px;} .content_container DIV.col_menu DIV.venster DIV.col_bottom{ position: absolute; bottom: -10px; left: 0; height: 25px; width: 204px; background:url(images/fade_left_bottom.png) repeat-x 0 0;} .content_container DIV.col_0 DIV.venster DIV.col_bottom{ position: absolute; bottom: -10px; left: 0; height: 25px; width: 643px; background:url(images/fade_grootst_bottom.png) repeat-x 0 0;} .content_container DIV.col_1 DIV.venster DIV.col_bottom{ position: absolute; bottom: -10px; left: 0; height: 25px; width: 384px; background:url(images/fade_content_bottom.png) repeat-x 0 0;} .content_container DIV.col_2 DIV.venster DIV.col_bottom{ position: absolute; bottom: -10px; left: 0; height: 25px; width: 254px; background:url(images/fade_right_bottom.png) repeat-x 0 0;} /* Menu **********************************************************/ DIV.sdmenu{ background: none; color: #005941; padding-bottom: 0;} DIV.sdmenu DIV{ background: none; border-bottom: #05BF00 1px solid;} DIV.sdmenu DIV SPAN A.hoofd{ border-bottom: #05BF00 1px solid;} DIV.sdmenu DIV SPAN{ border-bottom-color: #05BF00;} DIV.sdmenu DIV SPAN A{ color: #F3FBE3; background: url(images/menu_item_bg.png) repeat-x 0 0; } DIV.sdmenu DIV SPAN A:hover{ color: #F3FBE3; background: url(images/menu_item_bg.png) repeat-x 0 100%;} DIV.sdmenu DIV SPAN A.pijl_collapsed{ background: url(images/collapsed.png) no-repeat 4px 50% !important;} DIV.sdmenu DIV SPAN A.pijl_expanded{ background: url(images/expanded.png) no-repeat 4px 50% !important;} DIV.sdmenu DIV:first-child A{ background: url(images/menu_top_bg.png) no-repeat 0 0;} DIV.sdmenu DIV:first-child A:hover{ background: url(images/menu_top_bg.png) no-repeat 0 100%;} DIV.sdmenu DIV.top-current{ background: url(images/menu_top_bg.png) no-repeat 0 100%;} DIV.sdmenu DIV.top-current SPAN A{ color: #F3FBE3; background: none;} DIV.sdmenu DIV.current{ background: none;} DIV.sdmenu DIV.current SPAN A{ color: #F3FBE3; background: url(images/menu_item_bg.png) repeat-x 0 100%;} DIV.sdmenu DIV A{ background-color: #85DF6F; border-bottom-color: #F3FBE3; color: #197F00; text-decoration: none;} DIV.sdmenu DIV A.current{ background-color: #5EBF47;} DIV.sdmenu DIV A:hover{ background: #2D7D1A url(images/linkarrow.gif) no-repeat right center; color: #F3FBE3; } /* Locatie + Ster ( Homepagina ) **********************************************************/ .voorpagina_foto_groot DIV.ster{ background: url(images/ster.png) no-repeat 0 0; height: 155px; padding-top: 5px; width: 160px; bottom:-56px; right:-36px; z-index:9999;} .voorpagina_foto_groot DIV.ster DIV{ margin-bottom:10px;} /* Berichtvensters **********************************************************/ .berichtvenster{ border-bottom-color:#FFDA81;} .berichtvenster DIV.extra_info SPAN.bron{ color: #B2AD1A; } .berichtvenster DIV.extra_info SPAN.datum{ color: #B2AD1A; } /* Aanbiedingen ( Aanbiedingpagina ) **********************************************************/ TABLE.aanbieding{ border-color: #05BF00; background-color: #FFF; } 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%;} #aanbieding span.prijs { line-height: normal;} /* Tuintips ( Tuintips-pagina ) **********************************************************/ .tips_venster{ border-color: #05BF00;} A.rollover_fx{ border-bottom: none;} A.rollover_fx:hover{ color: #197F00; background-color: #85DF6F;} /* Assortiment ( Assortimentpagina ) **********************************************************/ DIV.assortiment{ border-color: #05BF00;} DIV.assortiment DIV.txt H6{ border-bottom-color: #05BF00;} /* Webshop **********************************************************/ .zoekmachine DIV.hoofd{ background-color: #85DF6F;} .zoekmachine DIV.hoofd H6{ color: #FFF; } .aanbieding-nieuw_shop DIV.nieuw{ background-color: #197F00; color: #FFF; } .aanbieding-nieuw_shop DIV.aanbieding_wrapper DIV.prijs{ border-color: #EF3B3B;} .aanbieding-nieuw_shop DIV.aanbieding_wrapper DIV.aanbieding_veldje{ background-color: #EF3B3B; color: #FFF; } .groot_product SPAN.new{ background-color: #05BF00; color: #000;} .groot_product DIV.foto_groot IMG{ border-color: #05BF00;} .groot_product DIV.foto_klein IMG{ border-color: #05BF00;} .groot_product DIV.aanbieding_groot{ color: #FFF; background-color: #EF3B3B;} .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: #85DF6F;} .uit{} /* Sitemap **********************************************************/ UL.sitemap{ border-left-color: #000;} UL.sitemap A{ border-bottom-color: #0E4619;} UL.sitemap LI LI{ border-left-color: #000;} /* Footer **********************************************************/ #footer{ background-color: #05BF00; } #footer A:hover { color: #fff;} ul#contactgegevens { width: 800px; } UL#contactgegevens LI{ color: #197F00; margin: 0 3px;} UL#contactgegevens LI.bullet{ color: #FFF;} /* Bratpack internetdiensten **********************************************************/ A.bp{ color: #197F00; } A.bp:hover{ color: #FFF;} /* Vacatures **********************************************************/ div.vacature div.vestigingen span { color: #8F8F8F; } /* Links ( Links-pagina ) **********************************************************/ DIV.link { border-bottom-color: #F39129; } /* Openingstijden **********************************************************/ DIV.openingstijden DIV.extra DIV.vandaag { border-color: red; } DIV.openingstijden SPAN { color: #000; } /* Formulieren **********************************************************/ div.form { border-color: #000; margin: 5px 15px 0; padding: 15px; padding-bottom: 0; border: 0; border-top: #BEBC28 1px dotted;} div.form SPAN.required { color:#ff0000; } .error { color:#ff0000; } /* Webwinkel **********************************************************/ UL#webwinkel_menu LI { color: #197F00; background-color: #05BF00; } UL#webwinkel_menu LI A { color:#197F00; } 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; } /******* Nieuwe standaard styles ********/ .bgcolor{ background-color: #197F00 !important;} .txtcolor{ color: #F9FF7B !important;} .bordercolor{ border-color: #197F00 !important;} #aanbieding H6 A, #aanbieding H6 A:hover { color: #197F00; text-decoration: none; } div.col_2 #aanbieding { width: 254px; background: url("images/fade_right.png") no-repeat scroll 0 0 transparent; } div.col_2 #aanbieding div.pricetag { background: none; border:0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } div.col_2 #aanbieding div.pricetag div.prijs_container { margin: 0 0 5px 0; } div.col_2 #aanbieding div.col_bottom { display: block; } div.col_1 #aanbieding { background: url("images/fade_content.png") no-repeat scroll 0 0 transparent; } div.col_1 #aanbieding div.pricetag div.aanbieding_content { padding: 0; } div.col_1 #aanbieding div.pricetag div.prijs_container { width: 205px; } div.col_1 #aanbieding div.col_bottom { display: block; } div.col_1 #aanbieding div.pricetag div.prijs_container div.price_sign { width: 180px; } div.aanbieding_fancybox #aanbieding div.pricetag { border-color: #197F00; } div.aanbieding_fancybox #aanbieding div.pricetag h2 { border-color: #197F00; color: #197F00; } div.aanbieding_fancybox #aanbieding div.pricetag div.prijs_container div.price_sign { width: 220px; }