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

BODY{ background: url(images/header_bg.png) #7b9929 repeat-x 0 0;}
HTML, BODY{ color: #000; font-family: Candara, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 20px;}

A{ color: #000; text-decoration: underline;}
A:hover{ color: #00853e;}

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

INPUT.btn{ background-color: #0c661e; color: #FFF; }	
INPUT.text{ background-color: #a4ca40; border-color: #8B9F94; color: #000; }

TEXTAREA.form_text, INPUT.form_text{ color: #000; border-color: #0c661e; font-family: Candara, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
INPUT.form_btn{ background-color: #0c661e; color: #a4ca40; border-color: #000; font-family: Candara, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
div.form { border-color:#0c661e; background-color: #FFF;}

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

#container{ background: url(images/footer_logo.png) #FFF no-repeat 0 100%; width: 999px; margin: 0 auto; border: #a4ca40 solid; border-width: 0 2px;}

FIELDSET.grootst{ border-color: #c9c9c9; background:url(images/nix.gif); width: auto; border-width: 2px 0 0 0;}
FIELDSET.groot{ border-color: #c9c9c9; background:url(images/nix.gif); width: auto; border-width: 2px 0 0 0;}
FIELDSET.medium{ border-color: #c9c9c9; background:url(images/nix.gif); width: 190px; border-width: 2px 0 0 0;}
FIELDSET.klein{ border-color: #c9c9c9; 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: #000; font-size: 14px; font-weight: bold; margin-left: 10px; margin-bottom: 0;}
FIELDSET.groot DIV.wrapper{ border-bottom-color: #a4ca40;}

#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;}

DIV.nieuwsbrief_form{ width: 340px;}

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

#header{ border-bottom-color: #a4ca40; background: url(images/header_bg.png) #7b9929 repeat-x 0 0; width: 1003px; height: 100px; position: relative; margin: 0 -2px;}
#header DIV#afbeelding_container{ float: none; position: absolute; right: 0; top: 0; z-index: 999; left: auto;}
#header DIV#afbeelding_container DIV.fade { background:url(images/fade.png) repeat-y 0 0; left: auto; right: 0; width: 500px;}
#header DIV#afbeelding_container IMG{ float: right; width: 500px; height: 100px;}
#header div.wrapper{ width: 550px; margin-right: -700px;}
#header A.logo { width: 402px; height: 100px; margin: 0; margin-right: 5px; text-decoration: none; background: url(images/logo.png) no-repeat; }

#header SPAN#contactgegevens{ display: none;}
#header SPAN#contactgegevens A{ color: #000;}

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

#breadcrumbs_container{ background-color: #0c661e; border: none; border-bottom: 0; color: #a4ca40;}
#breadcrumbs_container A{ color: #a4ca40; text-decoration: none;}
#breadcrumbs_container A:hover{ color: #FFF;}


div#fotoboek div.row div.col{ margin-right: 3px;}

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

.tips_col{width:237px;}

#menu_container{ width: 218px; color: #FFF; padding-bottom: 150px;}
#content{ width: 741px; padding-right: 20px; padding-top: 40px; padding-bottom: 150px;}
#content_wrapper{ position: relative; margin-top: 0; width: auto;}

#nav LI{ width: 218px; float: left; clear: none; line-height: 26px; height: 26px; border-right: #c9c9c9 1px solid;}
#nav LI UL { background-color: #7b9929; padding: 10px; min-width: 300px; width: 300px !important;}
#nav LI:hover UL, #nav LI.sfhover UL { margin-left: 218px;}
#nav LI A { color: #000; background: url(images/menu-item.jpg) repeat-x 0 0; text-decoration: none; width: auto;}
#nav LI A:hover{ color: #FFF; background: url(images/menu-item_over.jpg) repeat-x 0 0;}
#nav LI LI{ background-color: #7b9929; height: auto; line-height: normal; border: 0;}
#nav LI LI A{ color: #FFF; text-decoration: none; height: auto; line-height: normal; border: 0; padding: 0; padding-left: 5px; padding-top: 3px; padding-bottom: 3px;}
#nav LI LI A:hover{ color: #FFF; background-color: #a4ca40; 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 5px -20px 0; float: right; position: relative; z-index: 999;}

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

table.openingstijden{ color: #000; margin-left: 20px;}
table.openingstijden TD{ font-size: 13px !important;}

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

DIV#vestiging TABLE.openingstijden { border-bottom-color: #a4ca40; }
A.routeplanner{ background-color: #0c661e; color: #000; text-decoration: none;}
A.routeplanner:hover{ color: #FFF;}

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


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

#content DIV#welkom_txt{ color: #a4ca40; overflow: hidden;}

/* 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: #0c661e; }
#aanbieding-tip FIELDSET#aanbieding LEGEND,
	#folder-tip FIELDSET#folder LEGEND{ color: #000;}

FIELDSET#aanbieding H6{ color: #000; font-size: 16px;}
fieldset#aanbieding span.nu_voor_maar{ font-size: 12px;}
	
/*FIELDSET#aanbieding SPAN.prijs{ background: url(/templates/template1/images/prijs_ster_klein.jpg) no-repeat 0 0; height:40px; width:85px; }*/
FIELDSET.tuintip{ border-color: #c9c9c9; border-width: 2px 0 0 0;}
FIELDSET.tuintip LEGEND{ color: #000; }

#aanbieding-tip fieldset#aanbieding{ border-color: #c9c9c9; border-width: 2px 0 0 0;}
#aanbieding-tip fieldset#aanbieding legend{ color: #000; }

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

FIELDSET#laatste_nieuws{ border-color: #c9c9c9; border-width: 2px 0 0 0;}
FIELDSET#laatste_nieuws LEGEND{ color: #000; border-width: 2px 0 0 0;}

.aan{ background-color: #c9c9c9; width: 100%;}
.uit{ background-color: #FFF; width: 100%;}
.over{ background-color: #0c661e; width: 100%; color: #a4ca40;}

.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: 12px;}
.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: 12px;}


DIV.folder DIV.folder_melding_venster{ width: auto !important;}
.folder_container{ width: auto !important;}

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

FIELDSET#activiteiten{ border-color: #c9c9c9;}
FIELDSET#activiteiten LEGEND{ color: #000;}

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

FIELDSET#templates{ border-color: #c9c9c9;}
FIELDSET#templates LEGEND{ color: #000;}

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

FIELDSET#vacatures{ border-color: #c9c9c9;}
FIELDSET#vacatures LEGEND{ color: #000;}

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

FIELDSET#nieuwsbrief{ border-color: #c9c9c9;}
FIELDSET#nieuwsbrief LEGEND{ color: #000;}

DIV.nieuwsbrief_form SELECT{ border-color: #c9c9c9; color: #000;}
DIV.nieuwsbrief_form INPUT.form_text { width: 198px; }


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

.berichtvenster DIV.wrapper{ background-color: #c9c9c9;}
.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: #0c661e; width: 237px;}
TABLE.aanbieding TD.header H6{ color: #0c661e; font-size: 16px; padding-bottom: 15px;}
table.aanbieding td.opmerking{ font-size: 12px; line-height: normal;}
fieldset#aanbieding span.prijs{ background: url(images/label_klein.jpg) no-repeat 60% 50%; color: #FFF; font-size: 18px;}
TABLE.aanbieding TD.prijs{ background: url(images/label_klein.jpg) no-repeat 60% 50%; color: #FFF; font-size: 18px;}
TABLE.aanbieding_groot TD.prijs{ background: url(images/label_groot.jpg) no-repeat 60% 50%; color: #FFF; font-size: 18px;}
body#popup table.aanbieding td.prijs{ background: url(images/label_groot.jpg) no-repeat 60% 50%; color: #FFF; font-size: 24px;}

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

FIELDSET.tip_categorie{ border-color: #c9c9c9; border-width: 2px 0 0 0;}
FIELDSET.tip_categorie LEGEND{ color: #000;}

A.rollover_fx{ border-bottom-color: #c9c9c9; text-decoration: none;}
A.rollover_fx:hover{ background-color: #0c661e; color: #a4ca40;}

FIELDSET.tuintip_delen{ border-color: #c9c9c9; border-width: 2px 0 0 0; width: auto;}
FIELDSET.tuintip_delen LEGEND{ color: #000;}

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

fieldset.assortiment div.txt a.rollover_fx{ font-size: 13px;}

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

FIELDSET.link_categorie{ border-color: #c9c9c9; border-width: 2px 0 0 0;}
FIELDSET.link_categorie LEGEND{ color: #000;}
FIELDSET.link_categorie DIV.link { border-bottom-color:#a4ca40;}

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

FIELDSET.assortiment{ border-color: #c9c9c9; border-width: 2px 0 0 0;}
FIELDSET.assortiment LEGEND{ color: #000;}
FIELDSET.assortiment DIV.txt H6{ border-bottom-color: #0c661e;}
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: #000; background-color: #0c661e;}
TABLE.zoekbox TH{ border-right-color: #000;}

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

.product{ border-bottom-color: #000;}
.product DIV.plaatje SPAN.new{ background-color: #a4ca40; 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: #a4ca40;}

.groot_product SPAN.new{ background-color: #a4ca40; color: #FFF; font-weight: bold;}
.groot_product DIV.foto_groot{ border-color: #a4ca40;}
.groot_product DIV.foto_klein IMG{ border-color: #a4ca40 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: #000;}
TABLE.gegevens INPUT.aantal{ border-color: #a4ca40;}

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

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

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

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

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

#footer{ background-color: #0c661e; border-top-color: #a4ca40; position: relative !important; width: 999px; border: #a4ca40 solid; border-width: 0 2px; margin: 0 -2px;}

A#winkelwagen{ border-left-color: #0c661e; text-decoration: none;}
A#winkelwagen:hover{ color: #000;}
A#winkelwagen STRONG{ color: #FFF;}

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

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

div.weather_container{ font-family: Verdana, Arial, Helvetica, sans-serif; line-height: normal;}

DIV#menu_container div.yahoo_weather_container{ margin: 20px 0 0 20px;}
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;}

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

.bgcolor{ background-color: #8DAD4E !important;}
.txtcolor{ color: #003e21 !important;}
.bordercolor{ border-color: #C9C9C9 !important;}

#aanbieding_module div.pricetag {background-color: #fff; }
#aanbieding_module div.pricetag div.foto_container { width: 110px;}
#aanbieding_module div.pricetag div.prijs_container { width: 210px; }
#aanbieding_module div.pricetag div.prijs_container h6 { color: #8DAD4E; }

div.aanbieding_fancybox #aanbieding div.pricetag { border-color: #C9C9C9; }
div.aanbieding_fancybox #aanbieding div.pricetag h2 { border-bottom-color: #C9C9C9; } 
div.aanbieding_fancybox #aanbieding div.pricetag div.prijs_container h6 { color: #8DAD4E; }

div.col_0 div.aanbiedingwrapper { width: 741px; }
div.col_0 .aanbieding { width: 242px; }
div.col_0 .aanbieding div.pricetag div.foto_container { width:218px; }