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

BODY{ background-color: #686a6c;}
HTML, BODY{ font-size: 12px; color: #026FAB; font-family: Myriad, Arial, Helvetica, sans-serif;}

A{ color: #000;}
A:hover{ color: #F77A00;}

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

.kopje{ color: #F77A00;}

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

TEXTAREA.form_text, SELECT.form_text, INPUT.form_text{ color: #026FAB; border-color: #000; font-family: Myriad, Arial, Helvetica, sans-serif;}
INPUT.form_btn{ background-color: #026FAB; color: #FFF; border-color: #000; font-family: Myriad, Arial, Helvetica, sans-serif;}

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

#inner_body{ background: url(images/body_bg.jpg) repeat-y 50% 0;}

#streep_top{ background-color: #B3B4B5;}

#minimenu_container, DIV.color_0{ background-color: #686A6C;}

.color_0 .licht_trans {  background-color: #E1E2E2; }
.color_0 .donker_trans {  background-color: #C3C4C5; }
.color_0 .bg_color{ background-color: #686A6C;}
.color_0 .border{ border: #686A6C 2px solid;}
.color_0 .bullet{ color: #686A6C;}
.color_0 .bullet SPAN{ color: #026FAB;}/* body font color*/

.streep_1 .streep_content, .color_1 .licht_trans{ background-color: #ECF6E1;}
.menu_bg_color_1{ background-color: #CFE7B3;}
.color_1 .donker_trans{ background-color: #D9ECC3;}
DIV.contact_gegevens, #breadcrumbs_container,
	.color_1 .bg_color, .streep_1, .menu_blokje_color_1{ background-color: #9FCF67;}
.color_1 .border{ border: #9FCF67 2px solid;}
.color_1 .bullet{ color: #9FCF67;}
.color_1 .bullet SPAN{ color: #026FAB;}/* 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-color: #FBE4EF;}
.menu_bg_color_2{ background-color: #F5BBD7;}
.color_2 .donker_trans{ background-color: #F7C9DF;}
.color_2 .bg_color, .streep_2, .menu_blokje_color_2{ background-color: #EA77AF;}
.color_2 .border{ border: #EA77AF 2px solid;}
.color_2 .bullet{ color: #EA77AF;}
.color_2 .bullet SPAN{ color: #026FAB;}/* 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-color: #FEEDDD;}
.menu_bg_color_3{ background-color: #FCD2A8;}
.color_3 .donker_trans{ background-color: #FDDBBA;}
.color_3 .bg_color, .streep_3, .menu_blokje_color_3{ background-color: #F9A451;}
.color_3 .border{ border: #F9A451 2px solid;}
.color_3 .bullet{ color: #F9A451;}
.color_3 .bullet SPAN{ color: #026FAB;}/* 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-color: #CCE5F3;}
.menu_bg_color_4{ background-color: #80BCE1;}
.color_4 .donker_trans{ background-color: #99CAE7;}
.color_4 .bg_color, .streep_4, .menu_blokje_color_4{ background-color: #0079C2;}
.color_4 .border{ border: #0079C2 2px solid;}
.color_4 .bullet{ color: #0079C2;}
.color_4 .bullet SPAN{ color: #026FAB;}/* 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-color: #FEFBD1;}
.menu_bg_color_5{ background-color: #FBF48B;}
.color_5 .donker_trans{ background-color: #FCF7A2;}
.color_5 .bg_color, .streep_5, .menu_blokje_color_5{ background-color: #F7E916;}
.color_5 .border{ border: #F7E916 2px solid;}
.color_5 .bullet{ color: #F7E916;}
.color_5 .bullet SPAN{ color: #026FAB;}/* 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-color: #FCD1DC;}
.menu_bg_color_6{ background-color: #F68CA7;}
.color_6 .donker_trans{ background-color: #F8A3B9;}
.color_6 .bg_color, .streep_6, .menu_blokje_color_6{ background-color: #ED174F;}
.color_6 .border{ border: #ED174F 2px solid;}
.color_6 .bullet{ color: #ED174F;}
.color_6 .bullet SPAN{ color: #026FAB;}/* body font color*/
.color_6 .content H6{ color: #FFF;}
.color_6 DIV.tuintip H5{ color: #FFF;}

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


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

#header{ width: 100%; float: left;}
#header #header_top{ width: 100%; height: 25px; float: left;}
#header #header_bottom{ width: 100%; height: 100px; position: relative; float: left;}

#header A.logo{ width: 250px; height: 100px; position: absolute; left: 0; top: 0; background: url(images/logo.png) no-repeat 0 0;}

/* Header afbeeldingen
**********************************************************/
DIV#afbeelding_container { width: 750px; height: 100px; }

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

#breadcrumbs_container SPAN#breadcrumbs{ color: #000;}
#breadcrumbs_container A{ color: #000; text-decoration: none;}
#breadcrumbs_container A:hover{ color: #FFF;}

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

A#winkelwagen:hover{ color: #000; text-decoration: none;}
A#winkelwagen STRONG{ color: #026FAB;}

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

UL#minimenu A{ color: #B3B4B5; text-decoration: none;}
UL#minimenu A:hover{ color: #FFF;}
UL#minimenu LI{ color: #686A6C;}
UL#minimenu LI.bull{ color: #BDD732; }

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

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

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

.venster_fullsize, .venster_groot, .venster_klein{ background-color: #F7F7F7;}

/* Welkoms Tekst ( Homepage )
**********************************************************/

/*DIV#welkoms_txt DIV.ster{ background: url(/website/template2/images/ster.png) no-repeat 0 0;}*/

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

.plaatje_link A{ color: #026FAB; text-decoration: none;}
.plaatje_link A:hover{ color: #000;}

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

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

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

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

BODY#popup TABLE.aanbieding TD.prijs{ background: url(/templates/template2/images/prijs_ster_groot.jpg) no-repeat 60% 50%;}
TABLE.gegevens TH{ border-bottom-color: #000;}

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

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

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

#footer_container{ background-color: #B3B4B5;}
#footer_container DIV.contact_gegevens{ background-color: #F9A451; height: auto;}
#footer_container DIV.contact_gegevens LI{ color: #686A6C;}
#footer_container DIV.contact_gegevens LI A{ color: #686A6C; text-decoration: none;}
#footer_container DIV.contact_gegevens LI A:hover{ color: #FFF;}
#footer_container DIV.contact_gegevens LI.bull{ color: #686A6C;}

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

A.bp{ color: #686A6C; font-weight: bold; text-decoration: none;}
A.bp:hover{ color: #000; text-decoration: none;}

/******* Nieuwe standaard styles ********/
.bgcolor{ background-color: #ED174F !important;}
.txtcolor{ color: #fff !important; }
.bordercolor{ border-color: #000 !important;}

#aanbieding div.pricetag { background-color: transparent !important; }
.venster_aanbieding H3.kopje A, .venster_aanbieding H3.kopje A:hover { color: #F77A00; }
#aanbieding div.pricetag div.prijs_container h6 { color: #F77A00; }
div.aanbieding_fancybox #aanbieding div.pricetag h2 { border-color: #9FCF67; }
div.col_1 #aanbieding div.pricetag div.prijs_container div.price_sign { float: right; }
.aanbieding H6.kopje A, .aanbieding H6.kopje A:hover { color: #000; }

