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

HTML{ background: url(images/html_bg.gif) #6cb022 repeat-y 50% 0;}
BODY{ background: url(images/body_bg.jpg) no-repeat 50% 0;}
HTML, BODY{ color: #333; font-family: Verdana, Arial, Helvetica, sans-serif;}

A{ color: #333; text-decoration: underline;}
A:hover{ color: #6cb33e;}

H1, H2, H3,
H4, H5{ color: #6CB022; font-weight: normal;}
H6{ color: #6cb33e;}

INPUT.btn{ background-color: #00843d; color: #FFF; font-weight: normal;}	
INPUT.text{ background-color: #FFF; border-color: #8B9F94; color: #333; }

TEXTAREA.form_text, INPUT.form_text{ color: #333; border-color: #00843d; font-family: Verdana, Arial, Helvetica, sans-serif;}
INPUT.form_btn{ background-color: #00843d; color: #FFF; border-color: #00843d; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif;}
div.form { border-color:#00843d; background-color: #FFF;}

/* Fieldset Standards
**********************************************************/

#container{ width: 999px; margin: 0 auto; border-width: 0;}

FIELDSET.grootst{ border-color: #6cb022; background:url(images/nix.gif); width: auto; border-width: 2px 0 0 0;}
FIELDSET.groot{ border-color: #6cb022; background:url(images/nix.gif); width: auto; border-width: 2px 0 0 0;}
FIELDSET.medium{ border-color: #6cb022; background:url(images/nix.gif); width: 190px; border-width: 2px 0 0 0;}
FIELDSET.klein{ border-color: #6cb022; background:url(images/nix.gif); width: 162px; border-width: 2px 0 0 0;}
FIELDSET.grootst LEGEND,
	FIELDSET.groot LEGEND,
	FIELDSET.medium LEGEND,
	FIELDSET.klein LEGEND{ color: #00843d; font-size: 14px; font-weight: bold; margin-left: 10px; margin-bottom: 0;}
FIELDSET.groot DIV.wrapper{ border-bottom-color: #6cb33e;}

#aanbieding-tip, #folder-tip{ width:365px;}
fieldset#fade_container{ padding: 0;}
fieldset#fade_container DIV{ padding: 10px 0 !important;}

#zoeken{ height: auto; top: 3px; position: relative; z-index: 999;}


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

#header{ border-bottom: 0; background: url(images/header_border.jpg) no-repeat 50% 100%; width: 999px; height: 120px; padding-top: 65px; position: relative;}
#header DIV#afbeelding_container{ float: none; position: absolute; right: 15px; top: 73px; height: 100px;}
#header DIV#afbeelding_container DIV.fade { display: none; }
#header DIV#afbeelding_container IMG{ float: right; width: 600px; height: 100px;}
#header div.wrapper{ width: 350px; margin-right: -700px;}
#header A.logo { width: 300px; height: 103px; margin: 0 0 0 25px; text-decoration: none; background: url(images/logo.png) no-repeat; }

#header span#contactgegevens{ display: none;}
#header SPAN#contactgegevens A{ color: #00843d;}

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

#breadcrumbs_container{ background-color: #FFF; border: none; border-bottom: 0; color: #6cb33e;}
#breadcrumbs_container A{ color: #6cb33e; text-decoration: underline;}
#breadcrumbs_container A:hover{ color: #999; text-decoration: none;}


.folder IFRAME{ width: 715px !important; height: 537px !important;}
div.folder div.folder_melding_venster{ width: 694px;}

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

.tips_col{width:237px;}

#menu_container{ width: 208px; padding-left: 10px; color: #FFF; padding-bottom: 30px;}
#content{ width: 741px; padding-right: 5px; padding-left: 30px; padding-top: 40px; padding-bottom: 30px;}
#content_wrapper{ position: relative; margin-top: 0;}

#nav{ margin-top: 20px;}
#nav LI{ width: 200px; float: left; clear: none; line-height: 26px; height: 26px;}
#nav LI UL { background-color: #00843d; padding: 10px; min-width: 250px; width: 250px !important;}
#nav LI:hover UL, #nav LI.sfhover UL { margin-left: 200px;}
#nav LI{}
#nav LI A { color: #333; background: url(images/menu_bg.png) no-repeat 50% 100%; text-decoration: none; width: auto; font-weight: normal;}
#nav LI A:hover{ color: #6cb022;}
#nav LI LI{ background-color: #00843d; height: auto; line-height: normal;}
#nav LI LI A{ color: #FFF; text-decoration: none; height: auto; line-height: normal; border: 0; padding: 0; padding-top: 3px; padding-bottom: 3px;}
#nav LI LI A:hover{ color: #00843d; background-color: #6cb33e; text-decoration: none;}

#menu_container .weer{ float: left; margin: 10px 0;}

#content .col_1{ width: 365px; clear: both;}
#content .col_2{ width: 365px; overflow: hidden;}

#zoeken{ margin: 0 20px -20px 0; float: right; position: relative; z-index: 999;}

span.nieuwsbrief_txt{ width: auto;}
div.laatste_nieuwsbrief{ width: auto;}

div.nieuwsbrief_form{ width: 350px;}

table.openingstijden{ color: #999; margin-left: 5px;}

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

DIV#vestiging TABLE.openingstijden { border-bottom-color: #6cb33e; }
A.routeplanner{ background-color: #00843d; color: #00843d; text-decoration: none;}
A.routeplanner:hover{ color: #FFF;}

.voorpagina_foto{ width: 365px;}
.voorpagina_foto img{ width: 100%;}

.folder_container{ width: auto;}


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

#content DIV#welkom_txt{ color: #999; overflow: hidden; font-size: 13px;}

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

/*.voorpagina_foto DIV.ster{ width: 184px; height: 187px; position: absolute; background: url(/templates/template1/images/ster.png) no-repeat 0 0; text-align: center;}*/


/* Aanbieding/Folder + Tuintip  ( Homepagina )
**********************************************************/

#aanbieding-tip FIELDSET#aanbieding,
	#folder-tip FIELDSET#folder{ border-color: #00843d; }
#aanbieding-tip FIELDSET#aanbieding LEGEND,
	#folder-tip FIELDSET#folder LEGEND{ color: #00843d;}

FIELDSET#aanbieding H6{ color: #00843d;}
	
/*FIELDSET#aanbieding SPAN.prijs{ background: url(/templates/template1/images/prijs_ster_klein.jpg) no-repeat 0 0; height:40px; width:85px; }*/
FIELDSET.klein{ border-color: #6cb022 !important; border-width: 2px 0 0 0 !important;}
FIELDSET.klein LEGEND{ color: #00843d !important; }

/* Laatste Nieuws  ( Homepagina )
**********************************************************/

FIELDSET#laatste_nieuws{ border-color: #6cb022; border-width: 2px 0 0 0;}
FIELDSET#laatste_nieuws LEGEND{ color: #00843d; border-width: 2px 0 0 0;}

.aan{ background-color: #6cb022; width: 100%;}
.uit{ background-color: #FFF; width: 100%;}
.over{ background-color: #00843d; width: 100%; color: #6cb33e;}

.aan SPAN.datum, .uit SPAN.datum{ color: #000; border-right-color: #FFF; font-weight: normal;}
.aan SPAN.datum, .uit SPAN.datum, .over SPAN.datum{ width: 70px; font-size: 11px;}
.aan SPAN.bericht, .uit SPAN.bericht{ color: #000;}

.over SPAN.datum, .over SPAN.bericht{ color: #FFF; font-weight: normal;}

.aan span.bericht, .uit span.bericht, .over span.bericht{ width: auto; font-weight: normal; font-size: 11px;}


/* Activiteiten  ( Homepagina )
**********************************************************/

FIELDSET#activiteiten{ border-color: #6cb022;}
FIELDSET#activiteiten LEGEND{ color: #00843d;}

/* Templates ( Homepagina )
**********************************************************/

FIELDSET#templates{ border-color: #6cb022;}
FIELDSET#templates LEGEND{ color: #00843d;}

/* Vacatures  ( Homepagina )
**********************************************************/

FIELDSET#vacatures{ border-color: #6cb022;}
FIELDSET#vacatures LEGEND{ color: #00843d;}

/* Nieuwsbrief  ( Homepagina )
**********************************************************/

FIELDSET#nieuwsbrief{ border-color: #6cb022;}
FIELDSET#nieuwsbrief LEGEND{ color: #00843d;}

DIV.nieuwsbrief_form SELECT{ border-color: #6cb022; color: #00843d;}
DIV.nieuwsbrief_form INPUT.form_text { width: 198px; }


/* Berichtvensters (Nieuws/ Activiteiten)
**********************************************************/

.berichtvenster DIV.wrapper{ background: url(images/menu_bg.png) no-repeat 50% 100%;}
.berichtvenster DIV.extra_info SPAN.bron{ color: #5c7469;}
.berichtvenster DIV.extra_info SPAN.datum{ color: #5c7469;}
.berichtvenster div.wrapper div.txt{ width: 480px;}

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

TABLE.aanbieding{ border-color: #00843d;}
TABLE.aanbieding TD.header H6{ color: #00843d;}
/*TABLE.aanbieding TD.prijs{ background: url(/templates/template1/images/prijs_ster_klein.jpg) no-repeat 60% 50%;}*/
/*TABLE.aanbieding_groot TD.prijs{ background: url(/templates/template1/images/prijs_ster_groot.jpg) no-repeat 60% 50%;}*/

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

FIELDSET.tip_categorie{ border-color: #6cb022; border-width: 2px 0 0 0;}
FIELDSET.tip_categorie LEGEND{ color: #00843d;}

A.rollover_fx{ border-bottom-color: #6cb022; text-decoration: none;}
A.rollover_fx:hover{ background-color: #00843d; color: #6cb33e;}

FIELDSET.tuintip_delen{ border-color: #6cb022; border-width: 2px 0 0 0; width: auto;}
FIELDSET.tuintip_delen LEGEND{ color: #00843d;}

FORM#tuintip_doorsturen DIV{ float: left !important; clear: left !important;}

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

FIELDSET.link_categorie{ border-color: #6cb022; border-width: 2px 0 0 0;}
FIELDSET.link_categorie LEGEND{ color: #00843d;}
FIELDSET.link_categorie DIV.link { border-bottom-color:#6cb33e;}

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

FIELDSET.assortiment{ border-color: #6cb022; border-width: 2px 0 0 0;}
FIELDSET.assortiment LEGEND{ color: #00843d;}
FIELDSET.assortiment DIV.txt H6{ border-bottom-color: #00843d;}
FIELDSET.assortiment DIV.txt H6 A{ text-decoration: none;}
FIELDSET.assortiment IMG{ width: 110px !important;}
FIELDSET.assortiment DIV.txt{ width: 236px;}

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

TABLE.zoekbox{ border-color: #00843d; background-color: #00843d;}
TABLE.zoekbox TH{ border-right-color: #00843d;}

TABLE.zoekbox INPUT.form_text{ border-color: #00843d;}

.product{ border-bottom-color: #00843d;}
.product DIV.plaatje SPAN.new{ background-color: #6cb33e; color: #FFF;}
.product DIV.aanbieding-prijs-meer SPAN.offer{ background-color: #EF3B3B; color: #FFF;}
.product DIV.aanbieding-prijs-meer STRONG.prijs{ border-color: #FFF;}
.product DIV.aanbieding-prijs-meer STRONG.aanbieding{ border-color: #EF3B3B;}

INPUT.verder_btn{ background-color: #6cb33e;}

.groot_product SPAN.new{ background-color: #6cb33e; color: #FFF; font-weight: bold;}
.groot_product DIV.foto_groot{ border-color: #6cb33e;}
.groot_product DIV.foto_klein IMG{ border-color: #6cb33e 2px solid;}
.groot_product DIV.aanbieding_groot{ color: #FFF; background-color: #EF3B3B;}
.groot_product DIV.aanbieding_prijs{ border-color: #EF3B3B 2px dotted;}

TABLE.gegevens TH{ border-bottom-color: #00843d;}
TABLE.gegevens INPUT.aantal{ border-color: #6cb33e;}

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

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

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

UL.sitemap{ border-left-color: #00843d;}
UL.sitemap A{ border-bottom-color: #00843d; text-decoration: none;}
UL.sitemap A:hover{ color: #aace68;}
UL.sitemap LI LI{ border-left-color: #00843d;}

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

#footer{ background-color: #00843d; border-top-color: #00843d; width: 996px; border-width: 0;}

A#winkelwagen{ border-left-color: #00843d; text-decoration: none;}
A#winkelwagen:hover{ color: #00843d;}
A#winkelwagen STRONG{ color: #FFF;}

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

A.bp{ color: #6cb33e; text-decoration: none;}
A.bp:hover{ color: #FFF;}

DIV#menu_container div.yahoo_weather_container{ margin: 20px 0 0 12px;}
DIV#menu_container DIV.daytime{ color: #55a8d7;}

div.col_1 div.daytime div.weather_container{ background: url(images/col1_weatherbox_day.png) no-repeat scroll 50% 0; min-height: 228px; height: auto !important; height: 228px;}
div.col_1 div.nighttime div.weather_container{ background: url(images/col1_weatherbox_night.png) no-repeat scroll 50% 0; min-height: 228px; height: auto !important; height: 228px;}
div.col_1 div.yahoo_weather{ width: 340px;}
div.col_1 div.yahoo_weather h6{ width: 340px;}
div.col_1 div.yahoo_weather div.forecasts{ width: 200px; margin-top: 22px;}
div.col_1 div.yahoo_weather div.vandaag{ margin-right: 0; width: 200px; margin-bottom: 10px;}
div.col_1 div.yahoo_weather div.morgen{ width: 200px; clear: both; margin-top: 8px;}
div.col_1 div.yahoo_weather div.current_conditions{ margin-top: 7px;}
div.col_1 div.yahoo_weather div.forecast div.klein_plaatje{ margin-top: -28px;}
div.col_1 div.yahoo_weather div.forecast div.weer_txt{ width: 156px;}
div.col_1 div.yahoo_weather div.forecast div.condition{ margin-top: -7px;}
div.col_1 div.yahoo_weather div.forecast div.day{ margin-top: 0;}

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.col_2 div.daytime div.weather_container{ background: url(images/col1_weatherbox_day.png) no-repeat scroll 50% 0; min-height: 228px; height: auto !important; height: 228px;}
div.col_2 div.nighttime div.weather_container{ background: url(images/col1_weatherbox_night.png) no-repeat scroll 50% 0; min-height: 228px; height: auto !important; height: 228px;}
div.col_2 div.yahoo_weather{ width: 340px;}
div.col_2 div.yahoo_weather h6{ width: 340px;}
div.col_2 div.yahoo_weather div.forecasts{ width: 200px; margin-top: 22px;}
div.col_2 div.yahoo_weather div.vandaag{ margin-right: 0; width: 200px; margin-bottom: 10px;}
div.col_2 div.yahoo_weather div.morgen{ width: 200px; clear: both; margin-top: 8px;}
div.col_2 div.yahoo_weather div.current_conditions{ margin-top: 7px;}
div.col_2 div.yahoo_weather div.forecast div.klein_plaatje{ margin-top: -28px;}
div.col_2 div.yahoo_weather div.forecast div.weer_txt{ width: 156px;}
div.col_2 div.yahoo_weather div.forecast div.condition{ margin-top: -7px;}
div.col_2 div.yahoo_weather div.forecast div.day{ margin-top: 0;}

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

#aanbieding_module LEGEND A, #aanbieding_module LEGEND A:hover { color: #00843D}
#aanbieding_module div.pricetag div.foto_container { width: 118px;}
#aanbieding_module div.pricetag div.prijs_container { width: 202px; }
div.aanbieding_fancybox #aanbieding div.pricetag { border-color: #6CB022;}
div.aanbieding_fancybox #aanbieding div.pricetag h2 {border-bottom-color: #6CB022; }

#tuintip_module LEGEND A, #tuintip_module LEGEND A:hover { color: #00843D}

#nieuwsbrief_inschrijven INPUT.form_text{ width: 198px;}

DIV.col_0 DIV.aanbiedingwrapper{ width: auto;}
DIV.col_0 .aanbieding{ width: 239px;}
DIV.col_0 .aanbieding DIV.pricetag H2{ font-size: 16px; font-weight: bold; color: #00843D;}
DIV.col_0 .aanbieding DIV.pricetag H2 A{ color: #00843D;}
DIV.col_0 .aanbieding DIV.pricetag H2 A:hover{ color: #000;}
DIV.col_0 .aanbieding DIV.pricetag DIV.foto_container{ width: 216px;}

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

.bgcolor{ background-color: #00843D !important;}
.txtcolor{ color: #FFF !important;}
.txtcolor2{ color: #FFF !important;}
.bordercolor{ border-color: #6CB022 !important;}

div.plantengids div.geslachten .col{ width: 185px;}