/* Algemeen **********************************************************/ BODY{ background: url(images/bg.jpg) #f4d410 no-repeat 50% 0;} HTML, BODY{ font-size: 11px; font-weight: bold; color: #00745C; font-family: Arial, Helvetica, sans-serif;} A{ color: #00745C; text-decoration: underline;} A:hover{ color: #C23F31;} H1, H2, H3, H4, H5, H6{ color: #c23f31; font-family: "Arial Black", Arial, Helvetica, sans-serif;} H4, H6{ color: #c23f31;} UL.verwijzer LI{ color: #c23f31;} UL.verwijzer LI SPAN{ color: #00745C;} INPUT.btn{ background-color: #C24032; color: #FFF; border-color: #0E4619;} INPUT.text{background-color: #C24032; border-color: #87251C; color: #FFF;} SELECT.form_text, INPUT.form_text, TEXTAREA.form_text{ color: #0E4619; border-color: #87251C;} INPUT.form_btn{ background-color: #C24032; color: #FFF; border-color: #0E4619; } /* Inhoud v/d **********************************************************/ #container{ background: url(images/content_bg.png) repeat 0 0; border-left-color: #f4d410; border-right-color: #f4d410;} /* Header **********************************************************/ #header{ border-bottom: #FFF 0px solid;} #header A.logo{ height: 148px; width: 892px; left: 0; top: 0; margin: 0; text-decoration: none;} /* Vlak onder de header **********************************************************/ SPAN#breadcrumbs A{ color: #87251C; text-decoration: none;} SPAN#breadcrumbs A:hover{ color: #00765a;} /*A#winkelwagen{ background: url(/templates/template4/images/winkelwagen.gif) no-repeat 0 50%;}*/ A#winkelwagen:hover{ color: #0E4619;} A#winkelwagen STRONG{ color: #00765a;} /* 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: 30px; position: relative; margin-bottom: 15px; min-height: 10px; height: auto !important; height: 10px;} .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; 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; min-height: 10px; height: auto !important; height: 10px;} .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; min-height: 10px; height: auto !important; height: 10px;} .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{ color: #000000;} DIV.sdmenu DIV{ background: url(images/menu_item_bg.png) no-repeat; } DIV.sdmenu DIV SPAN{ border-bottom: 0;} DIV.sdmenu DIV SPAN A{ color: #FFF; text-decoration: none;} DIV.sdmenu DIV SPAN A:hover{ color: #AEDED2;} 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_item_bg.png) no-repeat;} DIV.sdmenu DIV.top-current{ background: url(images/menu_item_bg_crnt.png) no-repeat;} DIV.sdmenu DIV.top-current SPAN A{ color: #FFF; text-decoration: none;} DIV.sdmenu DIV.current{ background: url(images/menu_item_bg_crnt.png) no-repeat;} DIV.sdmenu DIV.current SPAN A{ color: #FFF; text-decoration: none;} DIV.sdmenu DIV A{ background-color: #AEDED2; border-bottom: 0; color: #00765a;} DIV.sdmenu DIV A.current{ background-color: #7CC7B4; color: #00765a;} DIV.sdmenu DIV A:hover{ background: #C24032 url(images/linkarrow.gif) no-repeat right center; color: #FFF; } /* Locatie + Ster ( Homepagina ) **********************************************************/ .voorpagina_foto_groot DIV.ster{ background: url(../../templates/template4/images/ster.png) no-repeat 0 0; } /* Berichtvensters **********************************************************/ .berichtvenster{ border-bottom-color: #AADCD0;} .berichtvenster DIV.extra_info SPAN.bron{ color: #5c7469; } .berichtvenster DIV.extra_info SPAN.datum{ color: #5c7469; } /* Aanbiedingen ( Aanbiedingpagina ) **********************************************************/ TABLE.aanbieding{ border-color: #00765a; 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%;} /* Tuintips ( Tuintips-pagina ) **********************************************************/ .tips_venster{ border-color: #00765a;} A.rollover_fx{ border-bottom-color: #00765a; text-decoration: none;} A.rollover_fx:hover{ color: #FFF; background-color: #C24032;} /* Assortiment ( Assortimentpagina ) **********************************************************/ DIV.assortiment{ border-color: #00765a;} DIV.assortiment DIV.txt H6{ border-bottom-color: #00765a;} /* Webshop **********************************************************/ .zoekmachine DIV.hoofd{ background-color: #C24032; } .zoekmachine DIV.hoofd H6{ color: #FFF; } .aanbieding-nieuw_shop DIV.nieuw{ background-color: #4C8D35; 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: #ADD8A2; color: #000;} .groot_product DIV.foto_groot IMG{ border-color: #ADD8A2;} .groot_product DIV.foto_klein IMG{ border-color: #ADD8A2;} .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: #AADCD0;} .uit{} /* Sitemap **********************************************************/ UL.sitemap{ border-left-color: #000;} UL.sitemap A{ border-bottom-color: #0E4619; text-decoration: none;} UL.sitemap LI LI{ border-left-color: #000;} /* Footer **********************************************************/ #footer{ background-color: #f4d410; } #footer A{ color: #00765a;} #footer A:hover { color:#C23F31;} UL#contactgegevens{ width: auto;} UL#contactgegevens LI{color: #00765a; margin:0 3px; float: left; font-size: 11px;} UL#contactgegevens LI.bullet, UL#contactgegevens LI.bull{ color: #00765a; font-size:16px; line-height:20px;} /* Bratpack internetdiensten **********************************************************/ A.bp{ color: #000000; text-decoration: none;} A.bp:hover{ color: #FFF;} /* Vacatures **********************************************************/ div.vacature div.vestigingen span { color:#8F8F8F; } /* Links ( Links-pagina ) **********************************************************/ DIV.link { border-bottom-color:#00765A; } /* 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 **********************************************************/ table#winkelwagen { color:#000; } table#winkelwagen th { background-color:#000; color:#fff; }