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

BODY{ background-color: #FFF;}
HTML, BODY{ font-size: 12px; color: #FFF; font-family: Myriad, Arial, Helvetica, sans-serif;}

A{ color: #FFF;}
A:hover{ color: #000;}

H1, H2, H3,
H4, H5, H6{ color: #2F2517; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;}

.kopje{ color: #2F2517;}
.blokje{ display: none;}


INPUT.btn{ border-color: #000; background-color: #4c8d35; color: #FFF; }

TEXTAREA.form_text, SELECT.form_text, INPUT.form_text{ color: #000; border-color: #000; font-family: Myriad, Arial, Helvetica, sans-serif;}
FORM.form INPUT.form_text {width:auto;}
INPUT.form_btn{ background-color: #4c8d35; color: #FFF; border-color: #000; font-family: Myriad, Arial, Helvetica, sans-serif;}
		
/* Kleuren Config
**********************************************************/

#inner_body{ background: /*url(images/body_bg.jpg) repeat-y 50% 0*/ #fff;}

#streep_top{ background-color: #A5AF52;}

/**********************************************************
 *
 *  Ga naar http://www.bratsites-grs.nl/template2_kleuren.php 
 *  en vul de 7 kleurcodes in. 
 *  
 *  Wijzig het gedeelte hieronder met de gegenereerde code
 *
 *********************************************************/
/*#minimenu_container,*/ DIV.color_0{ background: none;}
#minimenu_container{ background: #A5AF52; border-top: 3px #2F2517 solid;}

.color_0 .licht_trans { background: none; }
.color_0 .donker_trans {  background-color: #FFE2AF; }
.color_0 .bg_color{ background-color: #fff;}
.color_0 .border{ border: #fff 2px solid;}
.color_0 .bullet{ color: #4C8D35;}
.color_0 .bullet SPAN{ color: #4c8d35;}

.streep_1 .streep_content, .color_1 .licht_trans{ background: none;}
.menu_bg_color_1{ background: url(images/lg_dirt_bg.jpg) repeat 0 0;}
.color_1 .donker_trans{ background-color: #FFE2AF;}
#breadcrumbs_container{ background:#A5AF52; width: 100%;}
DIV.contact_gegevens, /*#breadcrumbs_container,*/
.color_1 .bg_color, .streep_1/*, .menu_blokje_color_1*/{ background: none;}
.menu_blokje_color_1{ background: #A5AF52;}
.color_1 .border{ border: #2F2517 2px solid;}
.color_1 .bullet{ color: #4C8D35;}
.color_1 .bullet SPAN{ color: #4c8d35;}

.streep_2 .streep_content, .color_2 .licht_trans{ background: none;}
.menu_bg_color_2{ background: url(images/lg_dirt_bg.jpg) repeat 0 0;}
.color_2 .donker_trans{ background-color: #FFE2AF;}
.color_2 .bg_color, .streep_2/*, .menu_blokje_color_2*/{ background: none;}
.menu_blokje_color_2{ background: #A5AF52;}
.color_2 .border{ border: #2F2517 2px solid;}
.color_2 .bullet{ color: #4C8D35;}
.color_2 .bullet SPAN{ color: #4c8d35;}

.streep_3 .streep_content, .color_3 .licht_trans{ background: none;}
.menu_bg_color_3{ background: url(images/lg_dirt_bg.jpg) repeat 0 0;}
.color_3 .donker_trans{ background-color: #FFE2AF;}
.color_3 .bg_color, .streep_3/*, .menu_blokje_color_3*/{ background: none;}
.menu_blokje_color_3{ background: #A5AF52;}
.color_3 .border{ border: #2F2517 2px solid;}
.color_3 .bullet{ color: #4C8D35;}
.color_3 .bullet SPAN{ color: #4c8d35;}

.streep_4 .streep_content, .color_4 .licht_trans{ background: none;}
.menu_bg_color_4{ background: url(images/lg_dirt_bg.jpg) repeat 0 0;}
.color_4 .donker_trans{ background-color: #FFE2AF;}
.color_4 .bg_color, .streep_4/*, .menu_blokje_color_4*/{ background: none;}
.menu_blokje_color_4{ background: #A5AF52;}
.color_4 .border{ border: #2F2517 2px solid;}
.color_4 .bullet{ color: #4C8D35;}
.color_4 .bullet SPAN{ color: #4c8d35;}

.streep_5 .streep_content, .color_5 .licht_trans{ background: none;}
.menu_bg_color_5{ background: url(images/lg_dirt_bg.jpg) repeat 0 0;}
.color_5 .donker_trans{ background-color: #FFE2AF;}
.color_5 .bg_color, .streep_5/*, .menu_blokje_color_5*/{ background: none;}
.menu_blokje_color_5{ background: #A5AF52;}
.color_5 .border{ border: #2F2517 2px solid;}
.color_5 .bullet{ color: #4C8D35;}
.color_5 .bullet SPAN{ color: #4c8d35;}

.streep_6 .streep_content, .color_6 .licht_trans{ background: none;}
.menu_bg_color_6{ background: url(images/lg_dirt_bg.jpg) repeat 0 0;}
.color_6 .donker_trans{ background-color: #FFE2AF;}
.color_6 .bg_color, .streep_6/*, .menu_blokje_color_6*/{ background: none;}
.menu_blokje_color_6{ background: #A5AF52;}
.color_6 .border{ border: #2F2517 2px solid;}
.color_6 .bullet{ color: #4C8D35;}
.color_6 .bullet SPAN{ color: #4c8d35;}
 
/*
**********************************************************/

.berichtvenster{ width: auto;}
.berichtvenster div.extra_info{ color: #82AA88;}
.berichtvenster h4{ margin-left: 0;}



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

#header{ width: 100%; float: left;}
#header #header_top{ width: 100%; height: 25px; float: left; border-bottom: #FFF 2px solid;}
#header #header_bottom{ position:relative; width: 100%; height: 150px; margin:0 0 0px 0; float: left;}

#header A.logo{ position:absolute; left:0; top:0; width:900px; height: 150px; background: url(images/logo.png) no-repeat 0 0;}

A.sign_up{ width: 187px; height: 97px; position: absolute; top: 10px; right: 5px;}

/* Header afbeeldingen
**********************************************************/
DIV#afbeelding_container { width: 900px; height: 150px;}
DIV#header_fader{ width:100%; height:104px; text-align:right;}
DIV#website-container{ background: #A5AF52;}
DIV#website-container DIV.content{ background-color: #A5AF52; min-height: 675px; height: auto !important; height: 675px;}

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

#breadcrumbs_container SPAN#breadcrumbs{ color: #fff;}
#breadcrumbs_container A{ color: #fff;}
#breadcrumbs_container A:hover{ color: #8496C7;}

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

A#winkelwagen:hover{ color: #000;}
A#winkelwagen STRONG{ color: #4C8D35;}

/* Mini-Menu
**********************************************************/

UL#minimenu A{ color: #FFF;}
UL#minimenu A:hover{ color: #4C8D35;}
UL#minimenu LI{ color: #FFF;}
UL#minimenu LI.bull{ color: #FFF; }

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

#menu_container{ border-top: 3px #2F2517 solid;}

.menu_item{ background: #A5AF52; height: 80px; height: auto;}
.menu_item H5{ color: #fff; font-size:17px; }
.menu_item H5:hover{ color: #4C8D35;}
.menu_item div.inlichting{ display: none;}
.menu_item DIV.inlichting DIV.txt{ color: #000; }

/* Content
**********************************************************/

.venster_fullsize, .venster_groot, .venster_klein{ background: url(images/venster_bg.gif) #4a7306 repeat-x 0 0;}
#aanbieding{ background: url(images/venster_bg.gif) #4a7306 repeat-x 0 0;}
#aanbieding h3, #aanbieding h6{ color:#000;}

.berichtvenster h4{ font-size: 22px; font-weight: normal;}
.berichtvenster h4 a{ color:#000; text-decoration:none; font-weight:normal;}
.berichtvenster div.foto, .assortiment div.foto{ margin:20px 10px 0 0;}

body#popup table.aanbieding{ background: url(images/venster_bg.gif) #4a7306 repeat-x 0 0;}
div.aanbieding span.prijs{ text-align:left;}

div.tuintip, div.aanbieding{ background:none !important;}

/* Welkoms Tekst ( Homepage )
**********************************************************/

/*DIV#welkoms_txt DIV.ster{ background: url(/website/template2/images/ster.png) no-repeat 0 0;}*/

/* Assortiment
**********************************************************/

.plaatje_link A{ color: #4c8d35;}
.plaatje_link A:hover{ color: #000;}

/* Routebeschrijving op vestiging pagina
**********************************************************/

UL.routebeschrijving LI P{ color: #000;}

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

.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 DIV.aanbieding_groot{ background-color: #EF3B3B; }
.groot_product DIV.aanbieding_prijs{ border-color: #EF3B3B;}

BODY#popup TABLE.aanbieding TD.prijs{ background: url(/templates/template2/images/prijs_ster_groot.jpg) no-repeat 60% 50%;}
TABLE.gegevens TH{ border-bottom-color: #000;}

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

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

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

#footer_container{ background: #A5AF52;}
#footer_container DIV.contact_gegevens{ background-color: inherit; height: auto; width: 100%;}
#footer_container DIV.contact_gegevens LI{ color: #fff;}
#footer_container DIV.contact_gegevens LI A{ color: inherit;}
#footer_container DIV.contact_gegevens LI A:hover{ color: #000;}
#footer_container DIV.contact_gegevens LI.bull{ color: #fff;}

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

A.bp{ color: #fff;}
A.bp:hover{ color: #000;}

/* Webwinkel
**********************************************************/
UL#webwinkel_menu LI { color: #FFF; background-color: #ADD8A2; }
UL#webwinkel_menu LI A { color:#fff; }
UL#webwinkel_menu LI.active { color: #fff; background-color: #2DB34B; }

DIV.bestelling_container { border-color:#2DB34B; }
DIV.bestelling_container TABLE TH { background-color:#2DB34B; color:#fff;}
DIV.bestelling_container TABLE TR.product > TD { border-top-color:#ADD8A2; }
DIV.bestelling_container TABLE TR.extra_opties > TD { background-color: #FEFF99; }

/* Webwinkel
**********************************************************/
UL#webwinkel_menu LI { color: #FFF; background-color: #B8D2AF;/* .color_0 .donker_trans*/ }
UL#webwinkel_menu LI.active { color: #fff; background-color: #4C8D35;/* .color_0 .bgcolor*/ }

DIV.bestelling_container { border-color: #4C8D35; }
DIV.bestelling_container TABLE TH { background-color:#4C8D35;/* .color_0 .bgcolor*/ color:#fff;}
DIV.bestelling_container TABLE TR.product > TD { border-top-color: #4C8D35;/* .color_0 .bgcolor*/ }
DIV.bestelling_container TABLE TR.extra_opties > TD { background-color: #DCE9D7;/* .color_0 .licht_trans*/ }

/* Weather app
**********************************************************/

div.col_1 div.yahoo_weather,
	div.col_2 div.yahoo_weather{ border-color: #2f2517;}

div.col_2 div.yahoo_weather{ width: 245px;}
div.col_2 div.yahoo_weather h6{ width: 245px;}


/******* Nieuwe standaard styles ********/

.bgcolor{ background-color: #E7F380 !important;}
.txtcolor{ color: #4A7306 !important;}
.bordercolor{ border-color: #000 !important;}

div.col_1 #aanbieding div.pricetag { background-color: transparent; } 
div.price_sign div.sign { text-shadow: 2px 2px 2px #95AF3F; }
div.price_sign div.voor { text-shadow: 2px 2px 2px #95AF3F; }

div.aanbieding_fancybox #aanbieding div.pricetag h2 { border-bottom-color: #000; }
div.aanbieding_fancybox #aanbieding div.pricetag div.prijs_container p { color: #000; }
div.aanbieding_fancybox #aanbieding div.pricetag div.prijs_container div.bekijk { color: #000; }