/* Algemeen
**********************************************************/

BODY{ background: #f2e696;}
HTML, BODY{ font-size: 11px; font-weight: bold; color: #014838; font-family: Arial, Helvetica, sans-serif;}

A{ color: #014838;}
A:hover{ color: #f3922a;}

H1, H2, H3,
H4, H5, H6{ color: #014838;}

H4, H6{ color: #F3922B;}

UL.verwijzer LI{ color: #F9B903;}
UL.verwijzer LI SPAN{ color: #014838;}

INPUT.btn{ border-color: #000; background-color: #014838; color: #FFF;}
INPUT.text{background-color: #ffdc7a; border-color: #ffdc7a;}

SELECT.form_text, INPUT.form_text, TEXTAREA.form_text{ color: #0E4619; border-color: #F9B903;}
INPUT.form_btn{ background-color: #ffdc7a; color: #0E4619; border-color: #0E4619; }

.gek_op_groen {width:184px; padding:10px; background:url("images/fade_left.jpg") no-repeat scroll 0 0 transparent; text-align:center; }


/* Inhoud v/d <BODY>
**********************************************************/

#container{ background-color: #FFF; border-left-color: #f9b903; border-right-color: #f9b903;}

/* Header
**********************************************************/

#header{ border-bottom-color: #F9B903;}

/* Vlak onder de header
**********************************************************/

SPAN#breadcrumbs A{ color: #0E4619; text-decoration: none;}
SPAN#breadcrumbs A:hover{ color: #F9B903;}

/*A#winkelwagen{ background: url(/templates/template4/images/winkelwagen.gif) no-repeat 0 50%;}*/
A#winkelwagen:hover{ color: #0E4619;}
A#winkelwagen STRONG{ color: #F9B903;}

/* Kolommen
**********************************************************/

.content_container DIV.col_menu DIV.venster{ background: url(/website/template4/images/fade_left.jpg) no-repeat 0 0 !important; }
.content_container DIV.col_0 DIV.venster{ background: url(/website/template4/images/fade_grootst.jpg) no-repeat 0 0; }
.content_container DIV.col_1 DIV.venster{ background: url(/website/template4/images/fade_content.jpg) no-repeat 0 0; }
.content_container DIV.col_2 DIV.venster{ background: url(/website/template4/images/fade_right.jpg) no-repeat 0 0; }

/* Menu
**********************************************************/

DIV.sdmenu{ background: url(/website/template4/images/menu_end_bg.png) no-repeat right bottom; color: #014838;}
DIV.sdmenu DIV{ background: url(/website/template4/images/menu_item_bg.png) repeat-x; }

DIV.sdmenu DIV SPAN{ border-bottom-color: #ddd;}
DIV.sdmenu DIV SPAN A{ color: #014838;}
DIV.sdmenu DIV SPAN A:hover{ color: #FFF;}

DIV.sdmenu DIV SPAN A.pijl_collapsed{ background: url(/website/template4/images/collapsed.png) no-repeat 4px 50%;}
DIV.sdmenu DIV SPAN A.pijl_expanded{ background: url(/website/template4/images/expanded.png) no-repeat 4px 50%;}

DIV.sdmenu DIV:first-child{ background: url(/website/template4/images/menu_top_bg.png) no-repeat;}

DIV.sdmenu DIV.top-current{ background: url(/website/template4/images/menu_top_bg_crnt.png) no-repeat;}
DIV.sdmenu DIV.top-current SPAN A{ color: #FFF;}
DIV.sdmenu DIV.current{ background: url(/website/template4/images/menu_item_bg_crnt.png) repeat-x;}
DIV.sdmenu DIV.current SPAN A{ color: #FFF;}

DIV.sdmenu DIV A{ background-color: #B3C9C4; border-bottom-color: #ddd; color: #014838;}
DIV.sdmenu DIV A.current{ background-color: #80A49C;}
DIV.sdmenu DIV A:hover{ background: #014838 url(/website/template4/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 DIV.extra_info SPAN.bron{ color: #5c7469; }
.berichtvenster DIV.extra_info SPAN.datum{ color: #5c7469; }

/* Aanbiedingen ( Aanbiedingpagina )
**********************************************************/

TABLE.aanbieding{ border-color: #F9B903; 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: #F9B903;}

A.rollover_fx{ border-bottom-color: #F9B903;}
A.rollover_fx:hover{ color: #014838; background-color: #FCD97B;}

/* Assortiment ( Assortimentpagina )
**********************************************************/

DIV.assortiment{ border-color: #F9B903;}
DIV.assortiment DIV.txt H6{ border-bottom-color: #F9B903;}

/* Webshop
**********************************************************/

.zoekmachine DIV.hoofd{ background-color: #FCD97B; }
.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: #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{ background-color: #f9b903; }
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:#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; }

/* Nieuwsbrief inschrijven
**********************************************************/
FORM#form_nieuwsbrief_inschrijven INPUT.form_text { width: 75% !important; }
FORM#form_nieuwsbrief_inschrijven INPUT.form_btn { clear: both; }

/* 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; }


/******* Nieuwe standaard styles ********/
.bgcolor{ background-color: #FBC635 !important;}
.txtcolor{ color: #8F5E00 !important; text-shadow: 1px 1px 1px; }
.bordercolor{ border-color: #F9DB79 !important;}

#aanbieding H6 A, #aanbieding H6 A:hover { color: #F3922B; text-decoration: none; }
div.col_2 #aanbieding { width: 260px; background: url("images/fade_right.jpg") no-repeat scroll 0 0 transparent; }
div.col_2 #aanbieding div.pricetag { background-color: transparent; border:0; }
div.col_2 #aanbieding .no_picture { display:none; }

div.col_1 #aanbieding { background: url("images/fade_content.jpg") 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_0 .aanbieding div.pricetag { background: none; }

div.aanbieding_fancybox #aanbieding div.pricetag { border-color: #F9DB79; }
div.aanbieding_fancybox #aanbieding div.pricetag h2 { border-color: #F9DB79; color: #F3922B; }
