/* Algemeen **********************************************************/ BODY{ background:#f8f8f8 /*url(images/bg_kerst.jpg) repeat-x #0e4e72*/;} HTML, BODY{ font-size: 11px; font-weight: bold; color: #225608; font-family: Arial, Helvetica, sans-serif;} A{ color: #225608;} A:hover{ color: #225608;} A:focus, INPUT:focus{ outline: none;} H1, H2, H3, H4, H5, H6{ color: #225608;} H4{ color: #060;} H6{ color: #060;} UL.verwijzer LI{ color: #FFF64B;} UL.verwijzer LI SPAN{ color: #225608;} INPUT.btn{ border-color: #060; background-color: #41913d; color: #FFF;} INPUT.text{background-color: #FFF; border-color: #41913d #93CC47 #93CC47 #41913d; color: #060; padding-left: 2px;} SELECT.form_text, INPUT.form_text, TEXTAREA.form_text{ background-color: #FFF; padding-left: 2px; border-color: #41913d #93CC47 #93CC47 #41913d; color: #060;} INPUT.form_btn{ border-color: #060; background-color: #41913d; color: #FFF;} /* Inhoud v/d **********************************************************/ #container{ background: #FFF url(images/menu_bg.gif) repeat-y 0 0; border: none; width: 1000px;} div.total_container{ float: left; clear: both; height: 25px; margin: 0 auto; width: 1000px;} /* Header **********************************************************/ #header{ border-bottom: none; width: 100%; float: left; min-height: 150px; height: auto !important; height: 150px; text-align: center;} #header IMG{ float: right;} #header A.logo{ /**/width: 415px; height: 80px;/**/ top: 0; left: 0;} #header A.logo IMG{ /**/width: 415px; height: 80px; float: none;/**/} /* Vlak onder de header **********************************************************/ span#breadcrumbs{ top: 10px; display: block; width: 343px; overflow: hidden; visibility: hidden;} SPAN#breadcrumbs A{ color: #0E4619; text-decoration: none;} SPAN#breadcrumbs A:hover{ color: #FFF64B;} span#open_vandaag{ bottom: auto; top: 10px; left: auto; right: 300px; font-size: 14px;} form#zoeken{ bottom: auto; top: 7px;} /*A#winkelwagen{ background: url(/templates/template4/images/winkelwagen.gif) no-repeat 0 50%;}*/ A#winkelwagen:hover{ color: #0E4619;} A#winkelwagen STRONG{ color: #FFF64B;} /* Kolommen **********************************************************/ .content_container{ width: 1000px; float: left; clear: both; margin: 0 auto; padding-bottom:100px; position: relative;} .content_container DIV.col_menu DIV.venster{ background-color: #FFF; margin-bottom:5px; border: #6CBD45 2px solid; position: relative; z-index: 20; min-height: 10px; height: auto !important; height: 10px;} .content_container DIV.col_0 DIV.venster{ background-color: #FFF; margin-bottom:15px; width: 742px; border: #6CBD45 2px solid;} .content_container DIV.col_1 DIV.venster{ background-color: #FFF; margin-bottom:5px; width: 476px; border: #6CBD45 2px solid; min-height: 130px; height: auto !important; height: 130px;} .content_container DIV.col_2 DIV.venster{ background-color: #FFF; margin-bottom:5px; width: 232px; border: #6CBD45 2px solid; min-height: 130px; height: auto !important; height: 130px;} .content_container DIV.col_menu{ margin-left: 9px; width: 208px; margin-top: -26px;} .content_container DIV.col_content{ width: 776px;} .content_container DIV.col_0{ margin: 0 5px; width: 766px;} .content_container DIV.col_1{ width: 500px; margin: 0 0 0 8px;} .content_container DIV.col_2{ width: 256px; float: right; margin-right: 8px;} /* Menu **********************************************************/ DIV.sdmenu{ background: none; color: #006600; width: 184px; padding-bottom: 0;} DIV.sdmenu DIV{ background: url(images/menu_item_bg.png) repeat-x; } DIV.sdmenu DIV SPAN{} DIV.sdmenu DIV SPAN A{ color: #060;} div.sdmenu div span a.hoofd{ width: 169px;} DIV.sdmenu DIV SPAN A:hover{ background-color: #6CBD45; color: #f3f33f;} DIV.sdmenu DIV SPAN A.pijl_collapsed{ background: url(images/collapsed.png) no-repeat 80% 50%; width: 32px;} DIV.sdmenu DIV SPAN A.pijl_expanded{ background: url(images/expanded.png) no-repeat 80% 50%; width: 32px;} DIV.sdmenu DIV:first-child{ background: url(images/menu_item_bg.png) repeat-x;} DIV.sdmenu DIV:first-child SPAN{ border:0;} DIV.sdmenu DIV.top-current{ background: url(images/menu_item_bg_crnt.png) repeat-x;} DIV.sdmenu DIV.top-current SPAN A{ color: #f3f33f;} DIV.sdmenu DIV.top-current SPAN A:hover{ color: #f3f33f;} DIV.sdmenu DIV.current{ background: url(images/menu_item_bg_crnt.png) repeat-x;} DIV.sdmenu DIV.current SPAN A{ color: #f3f33f;} DIV.sdmenu DIV.current SPAN A:hover{ color: #f3f33f;} DIV.sdmenu DIV A{ background-color: #C9E6C7; border-bottom-color: #41913d; color: #225608;} DIV.sdmenu DIV A.current{ background-color: #a9e0a5;} DIV.sdmenu DIV A:hover{ background: #225608 url(images/linkarrow.gif) no-repeat right center; color: #fff; } /* Locatie + Ster ( Homepagina ) **********************************************************/ .voorpagina_foto_groot DIV.ster{ background: url(images/ster.png) no-repeat 0 0; height: 155px; padding-top: 5px; width: 160px;} /* Berichtvensters **********************************************************/ .berichtvenster{ border-bottom:none; margin-bottom:0;} .berichtvenster DIV.extra_info SPAN.bron{ color: #ED1E24; } .berichtvenster DIV.extra_info SPAN.datum{ color: #ED1E24; } .berichtvenster div.berichtvenster_wrapper div.txt{ width: 510px;} /* Aanbiedingen ( Aanbiedingpagina ) **********************************************************/ TABLE.aanbieding{ border-color: #6cbd45; background: none; width: 100% !important; margin-bottom: 10px;} TABLE.aanbieding TD.prijs{ background: none;} table.aanbieding td.header h6{ color: #060;} TABLE.aanbieding TD IMG{ width: 420px !important;} TABLE#table TD IMG{ width: auto !important;} #aanbieding div.foto_container{ width: 100%;} #aanbieding span.bekijk{ width: 100%;} BODY#popup TABLE.aanbieding TD.prijs{ background: none;} /* Tuintips ( Tuintips-pagina ) **********************************************************/ .tips_venster{ border-color: #6DBE45;} A.rollover_fx{ border-bottom-color: #6DBE45;} A.rollover_fx:hover{ color: #FFF; background-color: #225608;} /* Assortiment ( Assortimentpagina ) **********************************************************/ DIV.assortiment{ border-color: #6DBE45;} DIV.assortiment DIV.txt H6{ border-bottom-color: #6DBE45;} /* Webshop **********************************************************/ .zoekmachine DIV.hoofd{ background-color: #FCD97B;} .zoekmachine DIV.hoofd H6{ color: #FFF; } .aanbieding-nieuw_shop DIV.nieuw{ background-color: #225608; 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: #FFF64B; color: #000;} .groot_product DIV.foto_groot IMG{ border-color: #FFF64B;} .groot_product DIV.foto_klein IMG{ border-color: #FFF64B;} .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: #FCD97B;} .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{ border-top: none; min-height: 100px; z-index: 1; height: auto !important; height: 100px; background: url(images/header.png) #6CBD45 no-repeat 0 0;} #footer A:hover { color:#fff;} ul#contactgegevens{ width: 840px; margin-top: 81px; background-color:#41913d;} UL#contactgegevens LI{color: #FFF64B; margin:0 3px;} UL#contactgegevens LI A{ color: #FFF64B;} UL#contactgegevens LI.bullet{ color: #FFF64B;} /* Bratpack internetdiensten **********************************************************/ A.bp{ color: #FFF64B; margin-top: 81px; padding-left: 11px; padding-right: 5px; margin-right: 0; background-color:#41913d;} 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; } table.openingstijden{ width: 80%; float:none; margin: 0 auto; padding: 0;} /* Formulieren **********************************************************/ div.form { border:#060 dotted; border-width: 1px 0 0 0; } div.form SPAN.required { color:#ff0000; } .error { color:#ff0000; } /* Webwinkel **********************************************************/ UL#webwinkel_menu LI { color: #225608; background-color: #FFF64B; } UL#webwinkel_menu LI A { color:#225608; } 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; } /*div#fotoboek div.row{ clear:left; }*/ /******* Nieuwe standaard styles ********/ .bgcolor{ background-color: #6CBD45 !important;} .txtcolor{ color: #F3F33F !important; text-shadow: 2px 2px 2px #225608; } .bordercolor{ border-color: #6CBD45 !important;} #aanbieding H6 A, #aanbieding H6 A:hover { color: #006600; text-decoration: none; } div.col_2 #aanbieding { width: 252px; background: none; } div.col_2 #aanbieding div.pricetag { background-color: #fff; border:0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } div.col_1 #aanbieding { background: none; } div.col_1 #aanbieding div.pricetag div.aanbieding_content { padding: 0; background-color: #fff; border:0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } div.col_1 #aanbieding div.pricetag div.prijs_container { width: 205px; } div.aanbieding_fancybox #aanbieding div.pricetag { border-color: #357100; } div.aanbieding_fancybox #aanbieding div.pricetag h2 { border-color: #357100; color: #438900; }