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

BODY{ background: #9F161E;}
HTML, BODY{ color: #626262; font-family: Verdana, Arial, Helvetica, sans-serif;}

A{ color: #626262;}
A:hover{ color: #B8252D;}

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

INPUT.btn{ background-color: #626262; color: #FFF; }	
INPUT.text{ background-color: #e8e8e8; border-color: #e8e8e8; }

TEXTAREA.form_text, INPUT.form_text{ color: #B8252D; border-color: #EFE2AE; font-family: Verdana, Arial, Helvetica, sans-serif;}
FORM.form INPUT.form_text {width:auto;}
INPUT.form_btn{ background-color: #EFE2AE; color: #B8252D; border-color: #B8252D; font-family: Verdana, Arial, Helvetica, sans-serif;}
div.form { border-color:#EFE2AE; }

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

#container{ background: url(images/bg_container.gif) repeat-y 0 0; width: 999px; margin: 0 auto; border: #FFF solid; border-width: 0 2px;}

/* Background-color moet ingesteld worden i.v.m. de slideshow. Deze moet een achtergrond kleur hebben anders zie je andere foto's erdoor heen */

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

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

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

#header{ border-bottom-color: #FFF; background: url(images/header_bg.gif) repeat-x 0 0; height: 75px;}
#header DIV#afbeelding_container DIV.fade { background:url(images/fade.png) repeat-y 0 0; }
#header div.wrapper{ width: 800px;}
#header A.logo { width: 574px; height: 75px; margin: 0; background: url(images/logo.jpg) no-repeat; }
#header span#contactgegevens{ margin-top: 0; font-size: 10px; font-weight: normal; color: #FFF;}
#header span#contactgegevens A{ color: #FFF;}

#header A.sign_up{ /**/width: 162px; height: 65px;/**/ top: 6px; right: 10px;}
#header A.sign_up IMG{ /**/width: 162px; height: 65px;/**/}

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

#breadcrumbs_container{ background-color: #EFE2AE; border-bottom-color: #FFF;}
#breadcrumbs_container A{ color: #626262; }
#breadcrumbs_container A:hover{ color: #FFF;}

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

.tips_col{width:237px;}

#menu_container{ width: 218px; color: #FFF;}
#menu_container A{ color: #FFF; text-decoration: underline;}
#menu_container A:hover{ text-decoration: none;}


#content{ width: 741px; padding-right: 20px;}
#content_wrapper{ margin-top:0; position: relative; width: auto;}

#nav{ margin-bottom: 10px;}
#nav LI{ width: 218px;}
#nav LI UL { background-color: #A61F26; padding: 10px; min-width: 250px; width: 250px !important;}
#nav LI:hover UL, #nav LI.sfhover UL { margin-left: 218px;}
#nav LI A { color: #848173; background: url(images/menu-item_over.jpg) no-repeat 0 0; width: auto; text-decoration: none;}
#nav LI A:hover{ color: #F6F6F6; background: url(images/menu-item.jpg) no-repeat 0 0;}
#nav LI LI{ background-color: #A61F26; height: auto; line-height: normal;}
#nav LI LI A{ color: #FFF; height: auto; line-height: normal; border: 0; padding: 0; padding-top: 3px; padding-bottom: 3px;}
#nav LI LI A:hover{ color: #B8252D; background-color: #EFE2AE;}

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

#content .col_1{ width: 365px;}
#content .col_2{ width: 365px;}

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


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

DIV#vestiging TABLE.openingstijden { border-bottom-color: #B8252D; }
A.routeplanner{ background-color: #EFE2AE; color: #B8252D;}
A.routeplanner:hover{ color: #FFF;}

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

#content DIV#welkom_txt{ color: #B8252D; font-weight: normal;}

/* 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: #EFE2AE; border-width: 2px 0 0 0;}
#aanbieding-tip FIELDSET#aanbieding LEGEND,
	#folder-tip FIELDSET#folder LEGEND{ color: #B8252D; border-width: 2px 0 0 0;}

FIELDSET#aanbieding H6{ color: #626262;}
	
/*#aanbieding-tip FIELDSET#aanbieding DIV.table_content{ background: url(/templates/template1/images/prijs_ster_klein.jpg) no-repeat 0 0; height:40px; width:85px; }*/
FIELDSET.tuintip{ border-color: #EFE2AE; border-width: 2px 0 0 0;}
FIELDSET.tuintip LEGEND{ color: #B8252D; }

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

FIELDSET#laatste_nieuws{ border-color: #EFE2AE; border-width: 2px 0 0 0;}
FIELDSET#laatste_nieuws LEGEND{ color: #B8252D; }

.aan{ background-color: #EFE2AE; width: 100%;}
.uit{ background-color: #FFF; width: 100%;}
.over{ background-color: #B8252D; width: 100%; color: #FFF;}

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

.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: #EFE2AE; border-width: 2px 0 0 0;}
FIELDSET#activiteiten LEGEND{ color: #B8252D;}

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

FIELDSET#templates{ border-color: #EFE2AE; border-width: 2px 0 0 0;}
FIELDSET#templates LEGEND{ color: #B8252D;}

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

FIELDSET#vacatures{ border-color: #EFE2AE; border-width: 2px 0 0 0;}
FIELDSET#vacatures LEGEND{ color: #B8252D;}

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

FIELDSET#nieuwsbrief{ border-color: #EFE2AE; border-width: 2px 0 0 0;}
FIELDSET#nieuwsbrief LEGEND{ color: #B8252D;}

DIV.nieuwsbrief_form SELECT{ border-color: #EFE2AE; color: #B8252D;}


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

.berichtvenster DIV.wrapper{ background-color: #EFE2AE;}
.berichtvenster div.wrapper div.txt{ width: 480px;}
.berichtvenster DIV.extra_info SPAN.bron{ color: #626262;}
.berichtvenster DIV.extra_info SPAN.datum{ color: #626262;}

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

TABLE.aanbieding{ border-color: #B8252D; width: 242px; margin: 0 5px 5px 0;}
TABLE.aanbieding TD.header H6{ color: #B8252D;}
/*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%;}*/

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


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

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

A.rollover_fx{ border-bottom-color: #B8252D;}
A.rollover_fx:hover{ background-color: #EFE2AE; color: #626262;}

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

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


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

FIELDSET.link_categorie{ border-color: #EFE2AE; border-width: 2px 0 0 0;}
FIELDSET.link_categorie LEGEND{ color: #B8252D;}
FIELDSET.link_categorie DIV.link { border-bottom-color:#B8252D;}

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

FIELDSET.assortiment{ border-color: #EFE2AE; border-width: 2px 0 0 0;}
FIELDSET.assortiment LEGEND{ color: #B8252D;}
FIELDSET.assortiment DIV.txt H6{ border-bottom-color: #B8252D;}
FIELDSET.assortiment IMG{ width: 110px !important;}
FIELDSET.assortiment DIV.txt{ width: 236px;}


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

TABLE.zoekbox{ border-color: #B8252D; background-color: #EFE2AE;}
TABLE.zoekbox TH{ border-right-color: #B8252D;}

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

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

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

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

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

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

UL.sitemap{ border-left-color: #B8252D;}
UL.sitemap A{ border-bottom-color: #B8252D;}
UL.sitemap LI LI{ border-left-color: #B8252D;}

table.openingstijden{ width: 180px; margin: 0 auto; float: none;}

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

#footer{ background-color: #EFE2AE; border-top-color: #FFF; left: 50%; margin-left: -501px; width: 998px; border: #FFF solid; border-width: 0 2px;}

A#winkelwagen{ border-left-color: #EFE2AE;}
A#winkelwagen:hover{ color: #B8252D;}
A#winkelwagen STRONG{ color: #FFF;}

/* Bratpack internetdiensten
**********************************************************/
DIV.footer_links{color: #626262;}
A.bp{ color: #626262;}
A.bp:hover{ color: #FFF;}

/* 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; }

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

div#menu_container div.yahoo_weather_container{ margin-left: 12px; margin-top: 15px;}
div#menu_container DIV.yahoo_weather{ width: 184px;}
div#menu_container DIV.yahoo_weather H6{ width: 184px;}
div#menu_container DIV.yahoo_weather DIV.current_conditions{ width: 177px;}
div#menu_container DIV.yahoo_weather DIV.weer_txt{ width: 145px;}
div#menu_container DIV.yahoo_weather DIV.condition{ font-size: 11px; margin-top: 2px;}
div#menu_container DIV.yahoo_weather DIV.temp{ width: 140px; font-size: 18px; line-height: 20px; text-align: right; padding-right: 5px; margin-top: 4px;}

div#menu_container DIV.yahoo_weather DIV.forecasts{ margin: 18px auto 0; width: 175px;}
div#menu_container DIV.yahoo_weather DIV.vandaag{ margin-right: 17px; width: 78px;}
div#menu_container DIV.yahoo_weather DIV.vandaag DIV.weer_txt{ width: 104px;}
div#menu_container DIV.yahoo_weather DIV.morgen{ width: 80px;}
div#menu_container DIV.yahoo_weather DIV.morgen DIV.weer_txt{ width: 102px;}

div#menu_container DIV.yahoo_weather DIV.forecast DIV.day{ font-size: 10px; line-height: 11px; text-align: center; margin-top: 2px; padding: 0; text-indent: 2px; width: 100%; float: left; clear: left;}
div#menu_container DIV.yahoo_weather DIV.forecast DIV.klein_plaatje{ width: 100%; text-align: center; margin-top: 3px; margin-left: 0;}
div#menu_container DIV.yahoo_weather DIV.forecast DIV.condition{ width: 100%; float: left; clear: left; font-size: 10px; height: 30px; text-align: center; white-space: normal; margin-top: 2px; text-indent: 3px;}
div#menu_container DIV.yahoo_weather DIV.forecast DIV.weer_txt{ margin-left:0; width: 100%; float: left; clear: left;}
div#menu_container DIV.yahoo_weather DIV.forecast DIV.max_temp{ width: 100%; margin-top: 3px; text-align: center; padding-right: 0; font-size: 10px; height: 13px;}
div#menu_container DIV.yahoo_weather DIV.forecast DIV.min_temp{ width: 100%; text-align: center; padding-right: 0; font-size: 10px; height: 13px;}

div#menu_container div.venster{ background: url(images/fade_left.jpg) no-repeat scroll 0 0 !important;}

div#menu_container div.daytime h6,
	div#menu_container div.daytime P,
	div#menu_container div.nighttime h6,
	div#menu_container div.nighttime P{ background: none; color: #FFF;}

div#menu_container div.yahoo_weather div.weather_container{ background: url(images/kolom_0_weerboxen.png) no-repeat 0 0;}




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

.aan, .uit, .over{ width: 385px;}
table.tellafriend_form td.right_form div.row textarea.form_text{ width: 320px;}
table.tellafriend_form td{ width: auto;}

/******* Nieuwe standaard styles ********/
.bgcolor{ background-color: #B8252D !important;}
.txtcolor{ color: #fff !important;}
.bordercolor{ border-color: #EFE2AE !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; }
div.aanbieding_fancybox #aanbieding div.pricetag { border-color: #EFE2AE; }
div.aanbieding_fancybox #aanbieding div.pricetag h2 { border-bottom-color: #EFE2AE; } 

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

#tuintip_module LEGEND A, #tuintip_module LEGEND A:hover { color: #B8252D; }
#aanbieding_module LEGEND A, #aanbieding_module LEGEND A:hover { color: #B8252D; }