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

HTML{ background: url(images/gras2.jpg) no-repeat fixed 50% 100%;}
BODY{ background: url(images/bg.png) repeat-y 50% 0 !important; min-height: 100%; height: auto !important; height: 100%;}
HTML, BODY{ font-size: 12px; color: #77767d; font-family: Arial, Helvetica, sans-serif;}

A{ color: #77767d; text-decoration: underline;}
A:hover{ color: #bfd047;}

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

.kopje{ color: #FFF;}
.kopje a{ color: #47433D;}
.kopje a:hover{ color: #bfd047; text-decoration: none;}
.assortiment .kopje{ color: #AEB84B;}

.blokje{ display: none;}

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

TEXTAREA.form_text, SELECT.form_text, INPUT.form_text{ color: #AEB84B; margin-right: 3px; border-color: #AEB84B; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #f9ffc1;}
INPUT.form_btn{ background-color: #AEB84B; color: #FFF; border-color: #AEB84B; font-family: Arial, Helvetica, sans-serif; font-size: 12px; height: 21px;}

/* Kleuren Config
**********************************************************/

#container{ min-height: 100%; height: auto !important; height: 100%;}
#container div.wrapper{ position: static; padding-bottom: 130px;}

#streep_top{ background-color: #FFF;}

.berichtvenster{ width: auto;}
.berichtvenster div.extra_info{ color: #AEB84B;}
.berichtvenster h4{ margin-left: 0; font-weight: bold;}

#minimenu_container{ border: 0;}

.streep{ height: 38px;}

.color_0{ background: url(images/header_bg.png) repeat-x 0 0; height: 250px;}
.color_0 .licht_trans {  background-color: #FFF; }
.color_0 .donker_trans {  background-color: #f9ffc1; }
.color_0 .bg_color{ background-color: #bfcb00;}
.color_0 .border{ border: #47433D 1px solid;}
.color_0 .bullet{ color: #002A54;}
.color_0 .bullet SPAN{ color: #000;}/* body font color*/

.streep_1 .streep_content, .color_1 .licht_trans{ background: none;}
.menu_bg_color_1{ background-color: #AED5A1; display: none;}
.color_1 .donker_trans{ background-color: #f9ffc1;}
DIV.contact_gegevens, #breadcrumbs_container,
	.color_1 .bg_color, .streep_1, .menu_blokje_color_1{ background: none;}
.color_1 .border{ border: #47433D 1px solid;}
.color_1 .bullet{ color: #002A54;}
.color_1 .bullet SPAN{ color: #000;}/* body font color*/
.color_1 .content H6{ color: #FFF;}
.color_1 DIV.tuintip H5{ color: #FFF;}

.streep_2 .streep_content, .color_2 .licht_trans{ background: none;}
.menu_bg_color_2{ background-color: #D5E7A6; display: none;}
.color_2 .donker_trans{ background-color: #f9ffc1;}
.color_2 .bg_color, .streep_2, .menu_blokje_color_2{ background: none;}
.color_2 .border{ border: #47433D 1px solid;}
.color_2 .bullet{ color: #002A54;}
.color_2 .bullet SPAN{ color: #000;}/* body font color*/
.color_2 .content H6{ color: #FFF;}
.color_2 DIV.tuintip H5{ color: #FFF;}

.streep_3 .streep_content, .color_3 .licht_trans{ background: none;}
.menu_bg_color_3{ background-color: #E0E6A4; display: none;}
.color_3 .donker_trans{ background-color: #f9ffc1;}
.color_3 .bg_color, .streep_3, .menu_blokje_color_3{ background: none;}
.color_3 .border{ border: #47433D 1px solid;}
.color_3 .bullet{ color: #002A54;}
.color_3 .bullet SPAN{ color: #000;}/* body font color*/
.color_3 .content H6{ color: #FFF;}
.color_3 DIV.tuintip H5{ color: #FFF;}

.streep_4 .streep_content, .color_4 .licht_trans{ background: none;}
.menu_bg_color_4{ background-color: #C2E2A6; display: none;}
.color_4 .donker_trans{ background-color: #f9ffc1;}
.color_4 .bg_color, .streep_4, .menu_blokje_color_4{ background: none;}
.color_4 .border{ border: #47433D 1px solid;}
.color_4 .bullet{ color: #002A54;}
.color_4 .bullet SPAN{ color: #000;}/* body font color*/
.color_4 .content H6{ color: #FFF;}
.color_4 DIV.tuintip H5{ color: #FFF;}

.streep_5 .streep_content, .color_5 .licht_trans{ background: none;}
.menu_bg_color_5{ background-color: #92AC94; display: none;}
.color_5 .donker_trans{ background-color: #f9ffc1;}
.color_5 .bg_color, .streep_5, .menu_blokje_color_5{ background: none;}
.color_5 .border{ border: #47433D 1px solid;}
.color_5 .bullet{ color: #002A54;}
.color_5 .bullet SPAN{ color: #000;}/* body font color*/
.color_5 .content H6{ color: #FFF;}
.color_5 DIV.tuintip H5{ color: #FFF;}

.streep_6 .streep_content, .color_6 .licht_trans{ background: none;}
.menu_bg_color_6{ background-color: #E3EDB7; display: none;}
.color_6 .donker_trans{ background-color: #f9ffc1;}
.color_6 .bg_color, .streep_6, .menu_blokje_color_6{ background: none;}
.color_6 .border{ border: #47433D 1px solid;}
.color_6 .bullet{ color: #002A54;}
.color_6 .bullet SPAN{ color: #000;}/* body font color*/
.color_6 .content H6{ color: #FFF;}
.color_6 DIV.tuintip H5{ color: #FFF;}

#menu_container{ margin-top: 26px; width: 200px; margin-left: -50px;}

/***********************************************************/

.col_2 .border{ border: 1px solid #47433d; float: left; width: 178px;}

#website-container{  background: url(images/body_bg.gif) repeat-y 100% 0;}

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

#header{ width: 100%; float: left;}
#header #header_top{ width: 100%; height: 25px; float: left;}
#header #header_bottom{ width: 100%; height: 250px; float: left; border-bottom: none; position: relative;}

.sign_up{ position: absolute; right: 0px; top: 140px; z-index: 100;}

.weer IMG{ width: 45px;}
.weer TABLE TD{ padding: 1px !important;}

#header A.logo{ width: 940px; height: 250px; position: absolute; top: 0; left: -40px; text-decoration: none; background: url(images/logo_header.png) no-repeat 0 0; z-index: 10;}


#header_fader{ position: absolute; right: 0; top: 0;  width: 636px; height: 250px;}
#header_fader EMBED,
	#header_fader OBJECT{}

/* Header afbeeldingen
**********************************************************/
DIV#afbeelding_container { width: 636px; height: 250px; behavior: url(/templates/template2/iepngfix.htc); position: absolute; right: 0; top: 0; z-index: 1;}

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

#breadcrumbs_container SPAN#breadcrumbs{ color: #77767d; float: right; text-align: right;}
#breadcrumbs_container A{ color: #77767d; text-decoration: underline;}
#breadcrumbs_container A:hover{ color: #b4be4c;}

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

A#winkelwagen:hover{ color: #000; text-align: none;}
A#winkelwagen STRONG{ color: #AEB84B;}


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

UL#minimenu A{ color: #77767d; text-decoration: none;}
UL#minimenu A:hover{ color: #bfd047;}
UL#minimenu LI{ color: #77767d;}
UL#minimenu LI.bull{ color: #bfd047; }

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

.menu_item DIV.inlichting DIV.txt{ color: #000; }

.menu_item{ height: 35px; width: 190px; position: relative; border-bottom: #77767d 1px solid; text-align: left; margin-top: -1px;}

.menu_item:hover{}
.menu_item:hover H5{ color: #bfd047; border: 0;}
.menu_item h5{ width: 160px; height: 34px; font-size: 14px; font-weight: bold; line-height: 34px; color: #77767d; margin-right: 10px; padding-right: 10px; margin-left: 0;}


.assortiment{ width: 488px; float: left; clear: left;}
.assortiment h5{ margin: 0;}

.plaatje_link{ width: 198px; min-height: 40px; height: auto !important; height: 40px; padding: 0; margin: 0 -10px;}
.plaatje_link div.mini-foto{ margin: 0; min-height: 10px; height: auto !important; height: 10px;}
.plaatje_link h6.titel{ float: none; margin: 0; min-height: 100%; height: auto !important; height: 100%;}
.plaatje_link H6 A{ display: block; height: 30px; padding: 5px;}

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

.venster_fullsize, .venster_groot, .venster_klein{ background-color: #FFF; padding-top: 0; margin-bottom: 20px;}

.venster_fullsize h3, .venster_groot h3{ background-color: #BFD047; margin-left: -10px; margin-right: -10px; padding: 0 10px; font-size: 18px; line-height: 25px;}

div.col_1{ width: 520px;}
div.col_2{ width: 200px;}

.venster_klein{ color: #77767d; width: auto;}
.venster_klein A{ color: #77767d;}
.venster_klein A:hover{ color: #bfd047;}
.venster_klein H3{ background-color: #bfd047; margin-left: -10px; margin-right: -10px; padding: 0 10px; font-size: 18px; line-height: 25px;}
.venster_klein .kopje{ color: #FFF;}

.venster_groot{  float: left; width: 498px;}

span.txt{ font-size: 11px; line-height: 13px; color: #AEB84B; margin-top: -5px; margin-left: 0;}
span.txt A{ font-size: 12px; font-style: normal; color: #47433D;}
span.txt A:hover{ color: #AEB84B;}

IMG.bonnen{ margin: -7px 0 -10px -10px; float: left;}

IMG.geenmargin{ margin: -10px;}

div.tuintip_delen input.form_text{ width: 170px;}

.tips_col{ width: 240px;}
.tuintip{ width: 240px;}

.aanbieding h6{ color:#bfd047 !important;}

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

.plaatje_link A{ color: #AEB84B; text-decoration: none;}
.plaatje_link A:hover{ color: #AEB84B;}

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

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

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

.aanbieding-nieuw_shop DIV.nieuw{ background-color: #AEB84B; 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;}

TABLE.gegevens TH{ border-bottom-color: #000;}

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

UL.sitemap{ border-left-color: #0E4619;}
UL.sitemap A{ border-bottom-color: #0E4619; text-decoration: none;}
UL.sitemap LI LI{ border-left-color: #0E4619;}

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

#footer_container div#footer-center{ width: 980px;}
#footer_container .contact_gegevens{ width: 100%;}
div.footer_links{ margin-right: 40px;}

#footer_container .contact_gegevens ul{ padding: 0; margin-left: -18px; margin-top: -50px; padding-top: 50px; background: url(images/betaalinfo.png) no-repeat 0 0;}
#footer_container{ background-color: #BFD047;}
DIV.contact_gegevens{ background-color: #BFD047;}
#footer_container .contact_gegevens li{ color: #FFF;  font-size:12px;}
#footer_container .contact_gegevens li.bull{ color: #FFF;}

#footer_container .contact_gegevens li A{ color: #FFF; font-size:12px;}
#footer_container .contact_gegevens li A:hover{ color: #47433D;}

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

A.bp{ color: #FFF; font-weight: bold;}
A.bp:hover{ color: #47433D;}

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

div.yahoo_weather_container{ float: left; clear: left;}

div.col_1 div.yahoo_weather{ width: 496px;}
div.col_1 div.yahoo_weather h6{ width: 496px;}
div.col_1 div.yahoo_weather div.weather_container{ width: 496px;}

div.col_1 div.daytime{ background: url(images/day_bg.jpg) no-repeat scroll 0 100% #5389C7 !important;}
div.col_1 div.nighttime{ background: url(images/night_bg.jpg) no-repeat scroll 0 100% #272C30 !important;}

div.daytime div.tekst{ background: none;}
div.daytime div.tekst P{ display: inline-block; background-color: #5389C7;}
div.nighttime div.tekst{ background: none;}
div.nighttime div.tekst P{ display: inline-block; background-color: #3e4d62;}

div.col_2 div.yahoo_weather{ width: 176px;}
div.col_2 div.yahoo_weather h6{ width: 176px;}
div.col_2 div.yahoo_weather div.weather_container{ width: 178px	;}
div.col_2 div.yahoo_weather div.current_conditions{ width: 170px;}
div.col_2 div.yahoo_weather div.weer_txt{ width: 129px;}
div.col_2 div.yahoo_weather div.condition{ font-size: 12px;}
div.col_2 div.yahoo_weather div.temp{ width: 126px;}
DIV.col_2 DIV.daytime DIV.weather_container{ background: url(images/kolom_2_weerboxen_day.png) no-repeat 0 0;}
DIV.col_2 DIV.nighttime DIV.weather_container{ background: url(images/kolom_2_weerboxen_night.png) no-repeat 0 0;}
div.col_2 div.yahoo_weather div.forecasts{ margin-top: 12px;}
div.col_2 div.yahoo_weather div.vandaag,
	div.col_2 div.yahoo_weather div.morgen{ width: 79px;}

div.col_2 div.daytime{ background: url(images/day_bg2.jpg) no-repeat scroll 0 100% #5389C7 !important;}
div.col_2 div.nighttime{ background: url(images/night_bg2.jpg) no-repeat scroll 0 100% #272C30 !important;}