/* Algemeen **********************************************************/ HTML, BODY{ font-size: 11px; font-weight: bold; color: #206219; font-family: Arial, Helvetica, sans-serif;} HTML{ background: url(images/html_bg.gif) repeat-x #7ea32c 0 0;} BODY{ background: url(images/body_bg.png) no-repeat 50% 0;} A{ color: #206219;} A:hover{ color: #7ea32c;} H1, H2, H3, H4, H5, H6{ color: #206219;} H4, H6{ color: #206219;} UL.verwijzer LI{ color: #206219;} UL.verwijzer LI SPAN{ color: #206219;} INPUT.btn{ border-color: #20621a; background-color: #20621a; color: #ebebeb;} INPUT.text{ background-color: #7ea32c; border-color: #206219; color:#ebebeb;} SELECT.form_text, INPUT.form_text, TEXTAREA.form_text{ background:#7ea32c; color: #ebebeb; border-color: #206219;} INPUT.form_btn{ background-color: #20621a; color: #ebebeb; border-color: #206219; } FORM.form INPUT.form_text {width:auto;} /* Inhoud v/d **********************************************************/ #container{ background: none; border-left:none; border-right:none; width:900px;} div.total_container{ background:#ebebeb; width:894px; border-left:3px solid #206219; border-right:3px solid #206219;} .content_container{ background:url(images/container_bg.jpg) repeat-y #ebebeb;} /* Header **********************************************************/ #header{ background:none 50% 0 no-repeat; border-bottom-color: #206219;} #header A.logo{ /**/width:259px; height:144px;/**/ top: 3px; left: -22px;} #header A.logo IMG{ /**/width:259px; height:144px;/**/} #header A.sign_up{ position:absolute; /**/width: 162px; height: 74px;/**/ top: 10px; right: 10px;} #header A.sign_up IMG{ /**/width: 162px; height: 74px;/**/} /* Vlak onder de header **********************************************************/ SPAN#breadcrumbs A{ color: #206219; text-decoration: none;} SPAN#breadcrumbs A:hover{ color: #206219;} /*A#winkelwagen{ background: url(/templates/template4/images/winkelwagen.gif) no-repeat 0 50%;}*/ A#winkelwagen:hover{ color: #206219;} A#winkelwagen STRONG{ color: #206219;} /* Kolommen **********************************************************/ DIV.col_menu, DIV.col_0, DIV.col_1, DIV.col_2{ background:#badd68; border:1px solid #206219; border-left:none; border-right:none;} /*.content_container DIV.col_menu DIV.venster{ background: url(images/fade_left.png) no-repeat 0 0; } .content_container DIV.col_0 DIV.venster{ background: url(images/fade_grootst.png) no-repeat 0 0; } .content_container DIV.col_1 DIV.venster{ background: url(images/fade_content.png) no-repeat 0 0; } .content_container DIV.col_2 DIV.venster{ background: url(images/fade_right.png) no-repeat 0 0; }*/ .content_container div.col_menu div.venster{ height: auto !important; min-height: inherit;} /* Menu **********************************************************/ DIV.sdmenu{ background: none; color: #ebebeb; border: #ebebeb 2px solid; width: 180px; padding-bottom: 0;} DIV.sdmenu DIV{ background:#206219;} DIV.sdmenu DIV SPAN{ border-bottom-color: #ebebeb;} DIV.sdmenu DIV SPAN A{ color: #ebebeb; width: 165px;} DIV.sdmenu DIV SPAN A:hover{ color: #ebebeb; text-decoration: underline;} 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:#206219;} DIV.sdmenu DIV.top-current{ background:#7ea32c;} DIV.sdmenu DIV.top-current SPAN A{ color: #ebebeb;} DIV.sdmenu DIV.current{ background:#7ea32c;} DIV.sdmenu DIV.current SPAN A{ color: #ebebeb;} DIV.sdmenu DIV A{ background-color: #7ea32c; border: solid #badd68; border-width: 0 0 1px 0; padding-left: 10px; padding-top: 3px; padding-bottom: 3px; font-weight: normal; color: #badd68; text-decoration:none;} DIV.sdmenu DIV A.current{ background-color: #F7C700; color: #206219;} DIV.sdmenu DIV A:hover{ background: #f7c700 url(images/linkarrow.gif) no-repeat right center; color: #206219; } DIV.sdmenu A[title="Vuurwerk!"]{ font-weight: bold !important; color: #ef3930 !important;} div#fotoboek div.row div.col{ margin-right: 4px;} /* Locatie + Ster ( Homepagina ) **********************************************************/ .voorpagina_foto_groot DIV.ster{ background: url(/templates/template4/images/ster.png) no-repeat 0 0; } /* Berichtvensters **********************************************************/ .berichtvenster{ border-bottom-color:#206219;} .berichtvenster DIV.extra_info SPAN.bron{ color: #7ea32c; } .berichtvenster DIV.extra_info SPAN.datum{ color: #7ea32c; } /* Aanbiedingen ( Aanbiedingpagina ) **********************************************************/ TABLE.aanbieding{ border-color: #206219; background-color: #ebebeb; } 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 ) **********************************************************/ table.openingstijden{ width: 175px; text-align: left;} table.openingstijden TH{ text-align: left;} .tips_venster{ border-color: #206219;} A.rollover_fx{ border-bottom-color: #206219;} A.rollover_fx:hover{ color: #206219; background-color: #F7C700;} /* Assortiment ( Assortimentpagina ) **********************************************************/ DIV.assortiment{ background:#ebebeb; border-color: #206219;} DIV.assortiment DIV.txt H6{ border-bottom-color: #206219;} /* Webshop **********************************************************/ .zoekmachine DIV.hoofd{ background-color: #F7C700;} .zoekmachine DIV.hoofd H6{ color: #ebebeb; } .aanbieding-nieuw_shop DIV.nieuw{ background-color: #206219; color: #ebebeb; } .aanbieding-nieuw_shop DIV.aanbieding_wrapper DIV.prijs{ border-color: #EF3B3B;} .aanbieding-nieuw_shop DIV.aanbieding_wrapper DIV.aanbieding_veldje{ background-color: #EF3B3B; color: #ebebeb; } .groot_product SPAN.new{ background-color: #206219; color: #000;} .groot_product DIV.foto_groot IMG{ border-color: #206219;} .groot_product DIV.foto_klein IMG{ border-color: #206219;} .groot_product DIV.aanbieding_groot{ color: #ebebeb; 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: #F7C700;} .uit{} /* Sitemap **********************************************************/ UL.sitemap{ border-left-color: #000;} UL.sitemap A{ border-bottom-color: #206219;} UL.sitemap LI LI{ border-left-color: #000;} /* Footer **********************************************************/ #footer{ background-color: #206219; position: relative;} #footer a{ color:#ebebeb;} #footer A:hover { color:#ebebeb;} UL#contactgegevens LI{color: #ebebeb; margin:0 3px;} UL#contactgegevens LI.bullet{ color: #ebebeb;} /* Bratpack internetdiensten **********************************************************/ A.bp{ color: #206219; } A.bp:hover{ color: #ebebeb;} /* 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; } div.form SPAN.required { color:#ff0000; } .error { color:#ff0000; } /* Webwinkel **********************************************************/ UL#webwinkel_menu LI { color: #206219; background-color: #206219; } UL#webwinkel_menu LI A { color:#206219; } UL#webwinkel_menu LI.active { color: #ebebeb; background-color: #AF6600; } UL#webwinkel_menu LI.active A { color:#ebebeb;} DIV.bestelling_container { border-color:#AF6600; } DIV.bestelling_container TABLE TH { background-color:#AF6600; color:#ebebeb;} DIV.bestelling_container TABLE TR.product > TD { border-top-color:#AF6600; } DIV.bestelling_container TABLE TR.extra_opties > TD { background-color: #ebebeb4D4; } /* Weather app **********************************************************/ .corners{ background: none;} .content_container div.col_menu DIV.daytime{ color: #206219;} .content_container div.col_menu div.yahoo_weather h6, .content_container div.col_menu div.yahoo_weather P{ color: #206219 !important;} .content_container div.col_1 div.venster{ width: 364px; background: none !important; border: none;} .content_container div.col_1 div.yahoo_weather h6{ width: 364px; background: none; color: #206219;} .content_container div.col_2 div.venster{ width: 234px; background: none !important; border: none;} .content_container div.col_2 div.yahoo_weather h6{ width: 234px; background: none; color: #206219;} .content_container div.daytime div.tekst, .content_container div.nighttime div.tekst{ background: none; color: #206219;} /* Vuurwerk pagina's **********************************************************/ .berichtvenster DIV.algp{ margin: -11px -10px -23px; padding: 20px; color: #FFF; background: url(images/mini_logo_rood.jpg) #000 no-repeat 97% 10px;} .berichtvenster DIV.algp H4{ color: #FFF; margin-bottom: 95px;}