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

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

A{ color: #000;}
A:hover{ color: #7bb731;}

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

.kopje{ color: #f5b824;}

INPUT.btn{ border-color: #000; background-color: #7bb731; 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: #7bb731; 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;}

#streep_top{ background-color: #35bde3;}

/**********************************************************
 *
 *  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-color: #fff;}
#minimenu_container{ background:#e8e8e8;}

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

.streep_1 .streep_content, .color_1 .licht_trans{ background-color: #FBFBFB;}
.menu_bg_color_1{ background-color: #F4F4F4;}
.color_1 .donker_trans{ background-color: #F6F6F6;}
#breadcrumbs_container{ background:#35bde3;}
DIV.contact_gegevens, /*#breadcrumbs_container,*/
.color_1 .bg_color, .streep_1/*, .menu_blokje_color_1*/{ background-color: #fff;}
.menu_blokje_color_1{ background:#7bb731;}
.color_1 .border{ border: #e8e8e8 2px solid;}
.color_1 .bullet{ color: #fff;}
.color_1 .bullet SPAN{ color: #4c8d35;}

.streep_2 .streep_content, .color_2 .licht_trans{ background-color: #FBFBFB;}
.menu_bg_color_2{ background-color: #F4F4F4;}
.color_2 .donker_trans{ background-color: #F6F6F6;}
.color_2 .bg_color, .streep_2/*, .menu_blokje_color_2*/{ background-color: #fff;}
.menu_blokje_color_2{ background:#7bb731;}
.color_2 .border{ border: #e8e8e8 2px solid;}
.color_2 .bullet{ color: #fff;}
.color_2 .bullet SPAN{ color: #4c8d35;}

.streep_3 .streep_content, .color_3 .licht_trans{ background-color: #FBFBFB;}
.menu_bg_color_3{ background-color: #F4F4F4;}
.color_3 .donker_trans{ background-color: #F6F6F6;}
.color_3 .bg_color, .streep_3/*, .menu_blokje_color_3*/{ background-color: #fff;}
.menu_blokje_color_3{ background:#7bb731;}
.color_3 .border{ border: #e8e8e8 2px solid;}
.color_3 .bullet{ color: #fff;}
.color_3 .bullet SPAN{ color: #4c8d35;}

.streep_4 .streep_content, .color_4 .licht_trans{ background-color: #FBFBFB;}
.menu_bg_color_4{ background-color: #F4F4F4;}
.color_4 .donker_trans{ background-color: #F6F6F6;}
.color_4 .bg_color, .streep_4/*, .menu_blokje_color_4*/{ background-color: #fff;}
.menu_blokje_color_4{ background:#7bb731;}
.color_4 .border{ border: #e8e8e8 2px solid;}
.color_4 .bullet{ color: #fff;}
.color_4 .bullet SPAN{ color: #4c8d35;}

.streep_5 .streep_content, .color_5 .licht_trans{ background-color: #FBFBFB;}
.menu_bg_color_5{ background-color: #F4F4F4;}
.color_5 .donker_trans{ background-color: #F6F6F6;}
.color_5 .bg_color, .streep_5/*, .menu_blokje_color_5*/{ background-color: #fff;}
.menu_blokje_color_5{ background:#7bb731;}
.color_5 .border{ border: #e8e8e8 2px solid;}
.color_5 .bullet{ color: #fff;}
.color_5 .bullet SPAN{ color: #4c8d35;}

.streep_6 .streep_content, .color_6 .licht_trans{ background-color: #FBFBFB;}
.menu_bg_color_6{ background-color: #F4F4F4;}
.color_6 .donker_trans{ background-color: #F6F6F6;}
.color_6 .bg_color, .streep_6/*, .menu_blokje_color_6*/{ background-color: #fff;}
.menu_blokje_color_6{ background:#7bb731;}
.color_6 .border{ border: #e8e8e8 2px solid;}
.color_6 .bullet{ color: #fff;}
.color_6 .bullet SPAN{ color: #4c8d35;}
 
/*
**********************************************************/


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

#header{ width: 100%; float: left;}
#header #header_top{ width: 100%; height: 25px; float: left;}
#header #header_bottom{ position:relative; width: 100%; height: 107px; margin:0 0 10px 0; float: left;}

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

#header div#header_slider{ overflow: hidden; border-bottom:3px solid #35bde3; width: 660px; height: 104px;}

/* Header afbeeldingen
**********************************************************/
DIV#afbeelding_container { width: 660px; height: 104px; border-bottom:3px solid #35bde3;}
DIV#header_fader{ width:100%; height:104px; border-bottom:3px solid #35bde3; text-align:right;}

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

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

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

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

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

UL#minimenu A{ color: #35bde3;}
UL#minimenu A:hover{ color: #000;}
UL#minimenu LI{ color: #35bde3;}
UL#minimenu LI.bull{ color: #35bde3; }

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

.menu_item{ background:#e8e8e8;}
.menu_item H5{ color: #7bb731; font-size:17px; }
.menu_item DIV.inlichting DIV.txt{ color: #000; }

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

.venster_fullsize, .venster_groot, .venster_klein{ background-color: #FFF;}
#aanbieding{ background:#f5b824; color:#000;}
#aanbieding h3, #aanbieding h6{ color:#000;}

.berichtvenster { border-top:2px solid #e8e8e8; border-bottom:2px solid #e8e8e8;}
.berichtvenster h4{ font-size:14px; margin:-8px 0 0 20px;}
.berichtvenster h4 a{ color:#F5B824; text-decoration:none; font-weight:bold;}
.berichtvenster div.foto, .assortiment div.foto{ margin:20px 10px 0 0;}

div.aanbieding span.prijs{ text-align:left;}

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

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

DIV#welkoms_txt DIV.ster{ background: url(images/bloem.png) no-repeat 50% 50%; width: 225px; height: 218px; color: #581159;}
DIV#welkoms_txt DIV.ster DIV{ width: 120px !important; margin-left: auto !important; margin-right: auto !important; text-shadow: #93BD4B 0px 0px 8px; -moz-text-shadow: #93BD4B 0px 0px 8px; -webkit-text-shadow: #93BD4B 0px 0px 8px;}
DIV#welkoms_txt DIV.ster DIV:first-child{ font-size: 12px !important; padding-top: 40px;}

.br{ bottom: -30px; right: -30px;}


/* 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-color: #7bb731;}
#footer_container DIV.contact_gegevens{ background-color: inherit; height: auto;}
#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:inherit;}
#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*/ }

/******* Nieuwe standaard styles ********/
.bgcolor{ background-color: #35BDE3 !important;}
.txtcolor{ color: #fff !important; }
.bordercolor{ border-color: #f09030 !important;}

.venster_aanbieding H3.kopje A, .venster_aanbieding H3.kopje A:hover { color: #F5B824; }
#aanbieding div.pricetag div.prijs_container h6 { color: #F5B824; }
div.aanbieding_fancybox #aanbieding div.pricetag h2 { border-color: #E8E8E8; }
div.col_1 #aanbieding div.pricetag div.prijs_container div.price_sign { float: right; }
.aanbieding H6.kopje A, .aanbieding H6.kopje A:hover { color: #F5B824; }