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

BODY{ background: url(/website/template1/images/bg.jpg) no-repeat fixed 50% 50%;}
HTML, BODY{ color: #044B11; font-family: Arial, Helvetica, sans-serif;}

A{ color: #044B11;}
A:hover{ color: #316AC5;}

H1, H2, H3,
H4, H5{ color: #044B11;}
H6{ color: #316AC5;}

INPUT.btn{ background-color: #044B11; color: #FFF; }	
INPUT.text{ background-color: #D4E7D1; border-color: #D4E7D1; }

TEXTAREA.form_text, INPUT.form_text{ color: #008000; border-color: #B2D185; font-family: Arial, Helvetica, sans-serif;}
INPUT.form_btn{ background-color: #64B656; color: #FFF; border-color: #008000; font-family: Arial, Helvetica, sans-serif;}
div.form { border-color:#B2D185; }

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

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

FIELDSET.grootst{ border-color: #B2D185; width: auto; border-width: 2px 0 0 0;}
FIELDSET.groot{ border-color: #B2D185; width: auto; border-width: 2px 0 0 0;}
FIELDSET.medium{ border-color: #B2D185; width: 190px; border-width: 2px 0 0 0;}
FIELDSET.klein{ border-color: #B2D185; width: 162px; border-width: 2px 0 0 0;}
FIELDSET.grootst LEGEND,
	FIELDSET.groot LEGEND,
	FIELDSET.medium LEGEND,
	FIELDSET.klein LEGEND{ color: #008000; font-size: 14px; font-weight: bold; margin-left: 10px; margin-bottom: 0;}
FIELDSET.groot DIV.wrapper{ border-bottom-color: #316AC5;}

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

.folder IFRAME{ width: 740px !important; height: 556px !important;}
div.folder div.folder_melding_venster{ width: auto;}


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

#header{ border-bottom-color: #FFF; background-color: #008000; width: 1003px; height: 90px; position: relative; margin: 0 -2px;}
#header DIV#afbeelding_container{ float: none; position: absolute; right: -27px; top: 0;}
#header DIV#afbeelding_container DIV.fade { background:url(/website/template1/images/fade.png) repeat-y 0 0; }
#header DIV#afbeelding_container IMG{ float: right; width: 500px; height: 100px;}

#header DIV.wrapper { width:610px; margin-right: -700px;}
#header A.logo { width: 264px; height: 90px; margin:0; margin-right: 5px; background: url(/website/template1/images/logo.jpg) no-repeat; display:inline; }

#header DIV.wrapper SPAN#contactgegevens{ color: #FFF;}
#header DIV.wrapper SPAN#contactgegevens A{ color: #FFF;}

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

#breadcrumbs_container{ background-color: #64B656; border-bottom: 0;}
#breadcrumbs_container A{ color: #044B11; }
#breadcrumbs_container A:hover{ color: #FFF;}

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

.tips_col{width:237px;}

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

#nav{ border-top: #1f3a2b 1px solid;}
#nav LI{ width: 218px; float: left; clear: none; line-height: 26px; height: 26px; border-right: #1f3a2b 1px solid;}
#nav LI UL { background-color: #008000; padding: 10px; min-width: 250px; width: 250px !important;}
#nav LI:hover UL, #nav LI.sfhover UL { margin-left: 218px;}
#nav LI{ border-bottom: #085239 1px solid;}
#nav LI A { color: #044B11; 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: #008000; 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-top: 3px; padding-bottom: 3px;}
#nav LI LI A:hover{ color: #64B656; background-color: #008000; 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: #1F3A2B;}


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

DIV#vestiging TABLE.openingstijden{ border-bottom-color: #316AC5; }
A.routeplanner{ background-color: #64B656; color: #008000;}
A.routeplanner:hover{ color: #FFF;}


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


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

#content DIV#welkom_txt{ color: #316AC5; 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: #B2D185; border-width: 2px 0 0 0;}
#aanbieding-tip FIELDSET#aanbieding LEGEND,
	#folder-tip FIELDSET#folder LEGEND{ color: #008000;}

FIELDSET#aanbieding H6{ color: #044B11;}
	
/*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: #B2D185; border-width: 2px 0 0 0;}
FIELDSET.tuintip LEGEND{ color: #008000; }

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

FIELDSET#laatste_nieuws{ border-color: #B2D185; border-width: 2px 0 0 0;}
FIELDSET#laatste_nieuws LEGEND{ color: #008000;}

.aan{ background-color: #D4E7D1; width: 100%;}
.uit{ background-color: #FFF; width: 100%;}
.over{ background-color: #64B656; width: 100%; color: #FFFA9C;}

.aan SPAN.datum, .uit SPAN.datum{ color: #044B11; 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: #044B11;}

.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: #B2D185;}
FIELDSET#activiteiten LEGEND{ color: #008000;}

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

FIELDSET#templates{ border-color: #B2D185;}
FIELDSET#templates LEGEND{ color: #008000;}

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

FIELDSET#vacatures{ border-color: #B2D185;}
FIELDSET#vacatures LEGEND{ color: #008000;}

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

FIELDSET#nieuwsbrief{ border-color: #B2D185;}
FIELDSET#nieuwsbrief LEGEND{ color: #008000;}

DIV.nieuwsbrief_form SELECT{ border-color: #B2D185; color: #008000;}
IV.nieuwsbrief_form INPUT.form_text { width: 198px; }


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

.berichtvenster DIV.wrapper{ background-color: #B8E4B1;}
.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: #316AC5;}
TABLE.aanbieding TD.header H6{ color: #316AC5;}
/*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: #B2D185; border-width: 2px 0 0 0;}
FIELDSET.tip_categorie LEGEND{ color: #008000;}

A.rollover_fx{ border-bottom-color: #316AC5; text-decoration: none;}
A.rollover_fx:hover{ background-color: #B2D185; color: #044B11;}

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

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

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

FIELDSET.link_categorie{ border-color: #B2D185; border-width: 2px 0 0 0;}
FIELDSET.link_categorie LEGEND{ color: #008000;}
FIELDSET.link_categorie DIV.link { border-bottom-color:#316AC5;}

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

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

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

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

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

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

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

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

UL.sitemap{ border-left-color: #008000;}
UL.sitemap A{ border-bottom-color: #008000;}
UL.sitemap A:hover{ color: #316AC5;}
UL.sitemap LI LI{ border-left-color: #008000;}

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

#footer{ background-color: #64B656; width: 999px; border: #64B656 solid; border-width: 0 2px; margin: 0 -2px;}

A#winkelwagen{ border-left-color: #64B656;}
A#winkelwagen:hover{ color: #008000;}
A#winkelwagen STRONG{ color: #FFF;}

.SEO_links{ color: #044B11;}
.SEO_links A.SEO_link{ color: #044B11;}
.SEO_links A.SEO_link:hover{ color: #316AC5;}

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

A.bp{ color: #044B11;}
A.bp:hover{ color: #FFF;}