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

BODY{ background: url(images/bg.gif) #FFF repeat-x 0 178px;}
HTML, BODY{ font-size: 11px; color: #00350B; font-family: "Trebuchet MS",Verdana,Arial,sans-serif;}

A{ color: #00350B;}
A:hover{ color: #5FA13F;}

H1{ font-size: 44px; line-height: 49px;}
H2{ font-size: 38px; line-height: 42px;}
H3{ font-size: 28px; line-height: 32px;}
H4{ font-size: 20px; line-height: 25px;}
H5{ font-size: 18px; line-height: 23px;}
H6{ font-size: 14px; line-height: 19px;}

H1, H2, H3,
H4, H5, H6{ color: #00350B; font-weight: normal; margin: 0 0 12px 0; font-family: "Trebuchet MS",Verdana,Arial,sans-serif;}

H6{ font-size: 170%;}

UL.verwijzer LI{ font-size: 12px; color: #00350B;}
UL.verwijzer LI SPAN{ color: #00350B;}

INPUT.btn{ 
	height: 20px; 
	font-weight: bold; 
	border-color: #000; 
	background-color: #00350B; 
	color: #FFF; 
	font-size: 12px; 
	line-height: 15px;
}
INPUT.text{ 
	width: 180px; 
	height: 17px; 
	font-size: 12px; 
	background-color: #FFF; 
	border-color: #6C8805;
}
SELECT.form_text, INPUT.form_text, TEXTAREA.form_text{ 
	font-size: 11px; 
	color: #0E4619; 
	margin: 0 10px 5px 0; 
	border-color: #00350B; 
	font-family: Arial, Helvetica, sans-serif;
}
SELECT.form_text, INPUT.form_text {
	width: 120px; 
	height: 16px; 
}

INPUT.form_btn{ 
	height: 22px; 
	font-size: 11px; 
	background-color: #5FA13F; 
	color: #0E4619; 
	border-color: #0E4619; 
	font-family: Arial, Helvetica, sans-serif;
}

FORM.form INPUT.form_text {width:auto;}
/* Header
**********************************************************/

#header{ background: url(images/header_bg.jpg) repeat 0 0; overflow: hidden; min-height: 136px !important; height: 136px !important;}
#header DIV.header_wrapper A.logo IMG{ width: 313px; height: 136px;}
#header A.sign_up{ position:absolute; /**/width: 187px; height: 75px;/**/ top: 10px; right: 12px; z-index:5000;}
#header A.sign_up IMG{ /**/width: 187px; height: 75px;/**/}

.zoekbox{ background: url(images/zoekbox_top.png) no-repeat 0 0; margin: 0; position: absolute; right: 15px; bottom: 5px;}
.zoekbox FORM{ background: url(images/zoekbox.png) repeat-y 0 0; color: #FFF;}
.zoekbox STRONG{ color: #00350B; display: none;}
.zoekbox DIV.bottom{ background: url(images/zoekbox_bottom.png) no-repeat 0 0;}
.zoekbox INPUT.text{ border-bottom-color: #5C7E27; background: url(images/vergrootglas_input.gif) #FFF no-repeat 4px 50%;}

A.button { font-weight: bold; text-decoration: none; text-transform: uppercase;}
A.button SPAN.left { background: url(images/zoekbutton_left.png) no-repeat scroll 0 0;}
A.button SPAN.midden { background: url(images/zoekbutton_bg.png) repeat-x scroll 0 0; color: #FFF;}
A.button SPAN.right { background: url(images/zoekbutton_right.png) no-repeat scroll 0 0;}

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

.menu{ background: url(images/menu_bg.gif) repeat-x 0 0;}

.tabnav  A{ text-decoration: none; font-weight: bold; font-size: 13px; color: #FFF;}
.tabnav  A:hover, .tabnav  A.current{ background: url(images/menu_item_links.gif) #FFF no-repeat 0 0; color: #0F4518;}
.tabnav  A:hover SPAN, .tabnav  A.current SPAN{ background: url(images/menu_item_rechts.gif) #FFF no-repeat 100% 0;}

#tabcontainer{ border-top-color: #FFF;}
.tabcontent A{ font-weight: bold; text-decoration: none;}

/* No Flash player content
**********************************************************/

.flash{ text-align: center;}

/* Breadcrumbs
**********************************************************/

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

/* Winkelwagen
**********************************************************/

A#winkelwagen{ text-decoration: none; background: url(images/winkelwagen.gif) no-repeat 0 50%;}
A#winkelwagen:hover{ color: #0E4619;}
A#winkelwagen STRONG{ color: #0E4619;}

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

DIV.col_rechts{ background: url(images/col_rechts_bg.png) no-repeat 0 100%;}
DIV.col_rechts DIV.col_rechts_wrapper{ width: 250px; float: left; background-color: #C8D27D;}
DIV.col_content{ background: url(images/col_content_bg.png) #FFF no-repeat 0 0;}

DIV.col_rechts DIV.venster{ background-color: #E9F1B8; border-left-color: #c7d091; border-right-color: #c7d091;}
DIV.col_rechts DIV.venster_header{ background: url(images/col_rechts_venster_top.gif) no-repeat 0 0;}
DIV.col_rechts DIV.venster_header DIV.venster_content{ border-color: #c7d091; background-color: #FFF;}
DIV.col_rechts DIV.venster_footer{ background: url(images/col_rechts_venster_bottom.gif) no-repeat 0 0;}

DIV.col_0 DIV.venster{ background-color: #E9F1B8; border-left-color: #c7d091; border-right-color: #c7d091;}
DIV.col_0 DIV.venster_header{ background: url(images/col_0_venster_top.jpg) no-repeat 0 0;}
DIV.col_0 DIV.venster_header DIV.venster_content{ border-color: #c7d091; background-color: #FFF;}
DIV.col_0 DIV.venster_footer{ background: url(images/col_0_venster_bottom.jpg) no-repeat 0 0;}

DIV.col_1 DIV.venster{ background-color: #E9F1B8; border-left-color: #c7d091; border-right-color: #c7d091;}
DIV.col_1 DIV.venster_header{ background: url(images/col_1_venster_top.jpg) no-repeat 0 0;}
DIV.col_1 DIV.venster_header DIV.venster_content{ border-color: #c7d091; background-color: #FFF;}
DIV.col_1 DIV.venster_footer{ background: url(images/col_1_venster_bottom.jpg) no-repeat 0 0;}

DIV.col_2 DIV.venster{ background-color: #E9F1B8; border-left-color: #c7d091; border-right-color: #c7d091;}
DIV.col_2 DIV.venster_header{ background: url(images/col_2_venster_top.jpg) no-repeat 0 0;}
DIV.col_2 DIV.venster_header DIV.venster_content{ border-color: #c7d091; background-color: #FFF;}
DIV.col_2 DIV.venster_footer{ background: url(images/col_2_venster_bottom.jpg) no-repeat 0 0;}


DIV.col_1 DIV.venster_header H2.venster_titel{ position: relative;}
DIV.col_2 DIV.venster_header H2.venster_titel{ position: relative;}

/* Locatie + Ster  ( Homepagina )
**********************************************************/

.voorpagina_foto_groot DIV.ster{ background: url(images/ster.png) no-repeat 0 0;}

/* Openingstijden
**********************************************************/

DIV#open_vandaag{ font-weight: bold;}

/* Berichtvensters
**********************************************************/

.berichtvenster H6.venster_titel A{ text-decoration:none;}
.berichtvenster DIV.venster_content DIV.txt A.lees_meer { font-weight: bold;}

.berichtvenster DIV.extra_info SPAN.bron{ font-style: italic; color: #5c7469; font-weight: normal; font-size: 10px;}
.berichtvenster DIV.extra_info SPAN.datum{ font-style: italic; color: #5c7469; font-weight: normal; font-size: 10px;}

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

TABLE.aanbieding{ border-color: #C7D091; background-color: #E9F1B8;}
TABLE.aanbieding TD.opmerking{ font-size: 10px;}
TABLE.aanbieding TD.prijs{ font-size: 12px; font-weight: bold; background: url(images/prijs_ster_klein.png) no-repeat 60% 50%;}
TABLE.aanbieding TD.extra_opmerking{ font-size: 9px; font-style: italic;}

BODY#popup TABLE.aanbieding TD.header H6{ font-size: 18px;}
BODY#popup TABLE.aanbieding TD.opmerking{ font-size: 14px;}
BODY#popup TABLE.aanbieding TD.prijs{ font-size: 20px; background: url(images/prijs_ster_groot.png) no-repeat 60% 50%;}
BODY#popup TABLE.aanbieding TD.extra_opmerking{ font-size: 12px;}

/* Tuintips ( Tuintips-pagina )
**********************************************************/

.tips_venster{ border-color: #C7D091; background-color: #E9F1B8;}

A.rollover_fx{ border-bottom-color: #C7D091;}
A.rollover_fx:hover{ color: #00350B; background-color: #5FA13F;}
A.rollover_fx SPAN{ font-size: 16px; font-weight: bold;}

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

DIV.assortiment{ border-color: #C7D091; background-color: #E9F1B8;}

DIV.assortiment DIV.txt H6{ border-bottom-color: #C7D091;}
DIV.assortiment DIV.txt H6 A{ text-decoration: none;}

DIV.assortiment DIV.txt A.rollover_fx{ font-size: 10px; text-decoration: none;}

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

.zoekmachine DIV.hoofd{ background-color: #5FA13F;}
.zoekmachine DIV.hoofd H6{ color: #FFF; font-weight: bold; font-size: 16px; text-align: right;}

.product_cat H5{ font-size: 14px;}

.aanbieding-nieuw_shop DIV.titel{ font-size: 16px;}
.aanbieding-nieuw_shop DIV.merk{  font-style: italic;}

.aanbieding-nieuw_shop DIV.nieuw{ background-color: #00350B;color: #FFF; text-align: center;}

.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: #C7D091; color: #000; font-weight: bold;}
.groot_product DIV.foto_groot IMG{ border-color: #C7D091;}
.groot_product DIV.foto_klein IMG{ border-color: #C7D091;}
.groot_product DIV.aanbieding_groot{ text-align: center; color: #FFF; background-color: #EF3B3B;}
.groot_product DIV.aanbieding_prijs{ text-align: center; border-color: #EF3B3B; font-weight: bold;}
.groot_product DIV.prijs{ text-align: center; font-weight: bold;}

TABLE.gegevens TH{ border-bottom-color: #000;}
TABLE.gegevens INPUT.aantal{ border-color: #000; font-weight: bold;}

/* Vacatures
**********************************************************/

div.vacature div.vestigingen span { color:#8F8F8F; }

/* Links ( Links-pagina )
**********************************************************/

DIV.link { border-bottom-color: #C7D091;}
DIV.link A { font-weight: bold; }
DIV.link SPAN { font-style: italic; }

/* Openingstijden
**********************************************************/

DIV.openingstijden SPAN { color: #000; font-weight: normal; font-style: italic;}

/* Formulieren
**********************************************************/

div.form { border-color: #C7D091; background-color: #E9F1B8; }
div.form P.label { font-weight: bold; }
div.form SPAN.required { font-weight: bold; color: #ff0000; }

/* Webwinkel
**********************************************************/

UL#webwinkel_menu LI { font-size: 10px; font-weight: bold; color: #00350B; background-color: #C7D091; }
UL#webwinkel_menu LI A { color: #00350B; text-decoration: none; }
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; }

/* FAQ
**********************************************************/

.aan{ background-color: #E9F1B8;}
.uit{}

/* Sitemap
**********************************************************/

UL.sitemap{ border-left-color: #000;}
UL.sitemap A{ font-weight: bold; border-bottom-color: #0E4619; text-decoration: none;}

UL.sitemap LI LI{ border-left-color: #000;}

/* Footer
**********************************************************/

#footer{ background: url(images/menu_bg.gif) repeat-x 0 50%;}
#footer A{ color: #FFF;}
#footer A:hover { color: #5FA13F;}

UL#contactgegevens LI{ color: #FFF;}
UL#contactgegevens LI.bullet{ font-size: 16px; color: #FFF;}

/* Bratpack internetdiensten
**********************************************************/

#footer A.bp{ color: #FFF; font-weight: bold; text-decoration: none;}
#footer A.bp:hover{ color: #5FA13F;}

div.col_1 div.venster_header h6.venster_titel a,
div.col_1 div.venster_header h6.venster_titel a:hover, 
div.col_2 div.venster_header h6.venster_titel a,
div.col_2 div.venster_header h6.venster_titel a:hover { color: #005634; }

.bordercolor{ border-color: #E9F1B8 !important;}

div.col_0 .aanbieding div.pricetag { border-color: #E9F1B8;}
div.col_0 .aanbieding div.pricetag h2 { border-color: #E9F1B8;}
div.col_0 .aanbieding div.pricetag h2 a, div.col_0 .aanbieding div.pricetag h2 a:hover { color: #00350B; }
div.aanbieding_fancybox #aanbieding div.pricetag { border-color: #E9F1B8; }