body
{
	background-position: left top;
	color: #3a3a3a;
	line-height: 1.1;
	background-color: #e8e8e8;
	background-image: url('/images/bg.gif');
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}



#wrap1
{
	background-position: center top;
	width: 965px;
	margin: 0px auto;
}
#top
{
	margin-top: 10px;
	width: 965px;
	height: 25px;
	background-repeat: no-repeat;
	background-image: url('/images/frame_top.png');
}
#middle
{
	padding-left: 25px;
	padding-right: 25px;
	background-repeat: repeat-y;
	background-image: url('/images/frame_bg.png');
	padding: 0px 25px 10px 25px;
}
#bottom
{
	clear: both;
	float:left;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-image: url('/images/frame_bottom.png');
	padding: 12px 25px 18px 25px;
	margin-bottom: 6px;
	line-height: 0.8;
	width:915px;
}

#bottom #bottomleft
{
    float:left;
    width:660px;
}

#bottom #bottomright
{
    float:right;
    width:255px;        
}

#bottom #bottomright #newsletter
{
    float:right;    
}

#bottom #bottomright #newsletter .newsletter_label
{
    margin-right:2px;
}

.btnSend
{
    height: 25px;
    width:71px;
	background: transparent url(/images/btn_send.gif);
	background-position: left top;
	background-repeat: repeat-x;
	border: none;
	text-decoration: none;
	font: bold 11px/100% Arial;
	color: #fff;
	text-decoration: none;
}


#content
{
}


#products
{
	height: 440px;
	position: relative;
}
#products_left
{
	position: absolute;
	left: 0px;
	top: 0px;
}

#products_right
{
	position: absolute;
	left: 260px;
	top: 0px;
}

.productgroup_nav
{
	border-style: solid;
	border-width: 1px;
	border-color: #dbdbdb;
	height: 437px; /* 400*/
	padding-top: 8px;
	overflow: auto;
	width: 252px;
}

.productgroup_list, .product_detail
{
	border-style: solid;
	border-width: 1px;
	border-color: #dbdbdb;
	height: 425px; /* 400*/
	padding-top: 15px;
	padding-right: 20px;
	padding-left: 15px;
	padding-bottom: 5px;
	overflow: auto;
	width: 618px; /*652*/
}
.productgroup_list .rpt
{
	margin-top: 20px;
}

.productgroup_list .rpt .item
{
	clear: both;
	height: 60px;
}

.productgroup_list .rpt .item .img
{
	width: 60px;
	height: 55px;
	margin-right: 5px;
	float: left;
}

.productgroup_list .rpt .item .ttl
{
	float: left;
	height: 33px; /*53*/
	width: 508px;
	border: solid 1px #3a3a3a;
	padding-left: 15px;
	cursor: pointer;
	padding-top: 20px;
}

.productgroup_list .rpt .item .ttl, .productgroup_list .rpt .item .ttl a
{
	font: bold 11px/100% Arial;
	color: #3a3a3a;
	text-decoration: none;
}



.basket_container
{
	border-style: solid;
	border-width: 1px;
	border-color: #dbdbdb;
	padding: 20px 15px 20px 15px;
}

.textinput, textarea
{
	border-style: solid;
	border-width: 1px;
	border-color: #dbdbdb;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 3px 5px 3px 5px;
}


.group_intro
{
	padding-top: 18px;
	text-align: justify;
}



#groups_subline
{
	background-color: #3aaadc;
	width: 100%;
	margin: 8px 0;
	height: 5px;
	position: relative;
}
#groups_subline_sep
{
	position: absolute;
	top: 0px;
	left: 254px;
	width: 6px;
	display: inline;
	background-color: #fff;
}

#groups_horizontal
{
	clear: both;
	height: 30px;
}


#bar
{
	height: 25px;
	margin-bottom: 7px;
}
#bar div
{
	float: left;
	height: 25px;
}

#bar div.search
{
	margin-right: 5px;
}

#bar div.search .field
{
	border: solid 1px #dbdbdb;
	width: 160px;
	height: 17px; /*23*/
	padding-top: 6px;
	padding-left: 5px;
	margin-right: 5px;
	font: normal 11px/100% Arial;
	color: #3a3a3a;
}

#bar div.minibasket
{
	border: solid 1px #dbdbdb;
	color: #3a3a3a;
	background-color: #fff;
	width: 160px;
	height: 23px;
	line-height: 23px; /* 23 + 2 brd */
	padding-left: 9px;
	overflow: hidden;
	margin-right: 5px;
}

#bar div.minibasket #img
{
	width: 25px;
	text-align: center;
}
#bar div.minibasket #img img
{
	padding-top: 5px;
	border-width: 0px;
}
#bar div.minibasket #cnt
{
	width: 60px;
	text-align: right;
}
#bar div.minibasket #ttl
{
	width: 65px;
	padding: 0px 10px 0px 0px;
	text-align: right;
}

#bar div.crumbs
{
	border: solid 1px #dbdbdb;
	color: #3a3a3a;
	background-color: #fff;
	width: 526px;
	height: 23px;
	line-height: 23px; /* 23 + 2 brd */
	padding-left: 9px;
	overflow: hidden;
}

ul.bread
{
}
ul.bread li
{
	float: left;
	display: inline;
	padding: 0px 0px 0px 3px;
}





#header
{
}




/* main navigation */
#navbar
{
	border: 1px solid #dbdbdb;
	height: 38px;
	background-image: url('/images/nav_bg.gif');
	background-repeat: repeat-x;
	margin-bottom: 5px;
}
ul.nav
{
	list-style-type: none;
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 20px;
	padding: 12px 10px 0px 10px;
}

ul.nav li
{
	padding: 0px 10px 0px 10px;
	float: left;
	display: block;
	text-align: center;
	border-right: solid 1px #00144e;
	position: relative;
	z-index: 50;
}

ul.nav li.last
{
	border-right: solid 0px #00144e;
}

ul.nav li a
{
	color: #00144e;
	text-decoration: none;
}
ul.nav li a:hover
{
	color: #00144e;
	text-decoration: underline;
}
ul.nav li a.sel
{
	font-weight: bold;
}




/* subnav of top */
ul.subnav
{
	display: none;
	position: absolute;
	z-index: 51;
	top: 20px;
	left: -1px;
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #94ba3b;
	text-decoration: none;
	list-style-type: none;
	border-top: solid 1px #a7a7a7;
	border-right: solid 1px #a7a7a7;
	border-left: solid 1px #a7a7a7;
	background-color: #fff;
}
ul.subnav li
{
	display: block;
	padding: 0;
	margin: 0;
	background-color: #fff;
	border-bottom: solid 1px #a7a7a7;
	border-right: 0;
	float: left;
	text-align: left;
}
ul.subnav li a, ul.subnav li a:visited, ul.subnav li a:link
{
	display: block;
	font-weight: normal;
	font-size: 11px;
	color: #3a3a3a;
	text-decoration: none;
	width: 130px;
	padding: 0;
	margin: 0;
	padding: 6px 8px 6px 8px;
	float: left;
	text-align: left;
}
ul.subnav li a:hover
{
	color: #3a3a3a;
	text-decoration: underline;
}
ul.subnav li.sel A
{
	font-weight: bold;
	text-decoration: none;
	background-color: #e3e3e3;
}





/* bottom part with footer */

#bottom
{
	text-align: center;
	font: normal 11px/100% Arial;
	color: #00144e;
}

#bottom a
{
	font: normal 11px/100% Arial;
	color: #00144e;
	text-decoration: none;
}


#bottom a.copy
{
	font: normal 11px/100% Arial;
	color: #00144e;
	text-decoration: none;
}







#cms_body
{
	/*padding: 20px 50px 30px 30px;*/
	min-height: 200px;
	padding-bottom: 50px;
}














a
{
	color: #3a3a3a;
}

.errormessage
{
	color: #BB0000;
}

p
{
	line-height: 1.4;
	padding-bottom: 8px;
}




h1
{
	background-image: url(/images/layout/bg_titel.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	height: 25px;
	font: bold 14px/100% Arial;
	color: #fff;
	padding-left: 15px;
	padding-top: 15px;
	margin-bottom: 10px;
}


h2
{
	font: bold 15px/100% Arial; /*color:#00144e;*/
	color: #10155e;
	padding-bottom: 15px;
}


h5
{
	color: #0f2258;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 8px;
}

h6
{
	color: #10155e;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 4px;
}

p
{
	padding-bottom: 10px;
}

#home_introtekst
{
	width: 100%;
	text-align: justify;
	color: #3a3a3a;
	padding-bottom: 0px;
	line-height: 20px;
}









#subnav
{
	list-style-type: none;
	width: 190px;
}

#subnav li
{
	/*     display:block; border:1px solid green;     */ /*          */
	margin-top: 5px;
	list-style-type: none;
	height: 45px;
	display: block;
}

#subnav li.first
{
	margin-top: 10px;
}

#subnav li a
{
	text-decoration: none;
}

#subnav li a span
{
	display: block; /*     height:25px;     */
	padding-left: 10px;
	padding-top: 15px;
	padding-bottom: 19px;
	font: normal 11px/100% Arial;
	color: #fff;
}

#subnav li a span.lightblue
{
	background-image: url(/images/layout/btn_lichtblauw.jpg);
}

#subnav li a span.yellow
{
	background-image: url(/images/layout/btn_geel.jpg);
}

#subnav li a span.gray
{
	background-image: url(/images/layout/btn_grijs.jpg);
}

#subnav li a span.green
{
	background-image: url(/images/layout/btn_groen.jpg);
}

#subnav li a span.red
{
	background-image: url(/images/layout/btn_rood.jpg);
}

#subnav li a span.blue
{
	background-image: url(/images/layout/btn_blue.jpg);
}

.home_nieuwsblokje
{
	background-color: #e3e3e3;
	color: #3a3a3a;
	padding: 8px 8px 0px 8px;
	height: 195px;
}
.home_nieuwsblokje_link
{
	background-color: #e3e3e3;
	color: #3a3a3a;
	padding: 2px 8px 6px 8px;
}


.home_promotieblokje
{
	background-color: #e3e3e3;
	color: #3a3a3a;
	height: 147px;
	margin: 0px;
	padding: 10px 10px 10px 10px;
	cursor: pointer;
	margin-bottom: 11px;
	overflow: hidden;
}

.home_promotietitel
{
	font: normal 12px/100% Arial;
	color: #00144e;
	display: block;
	padding-bottom: 5px;
}

span.nieuws_titel
{
	font: normal 12px/100% Arial;
	color: #00144e;
	display: block;
	padding-top: 18px;
	padding-bottom: 18px;
}

/* NIEUWSARCHIEF */


td div.nieuwsarchief_item
{
	background-color: #e6e6e6;
	list-style-type: none;
	padding: 5px 5px 5px 5px;
	height: 35px;
	cursor: pointer;
}

td div.nieuwsarchief_item_selected
{
	background-color: #d2d2d2;
	list-style-type: none;
	padding: 5px 5px 5px 5px;
	height: 35px;
	cursor: pointer;
}

td.nieuwsarchief_pager
{
	height: 30px;
	background-color: #e6e6e6;
	text-align: center;
}

td.nieuwsarchief_pager a
{
	text-decoration: none;
	font: bold 12px/100% Arial;
	color: #3a3a3a;
}

td.nieuwsarchief_archief, td.nieuwsbericht_archief
{
	background-color: #e6e6e6;
	height: 35px;
	padding-left: 8px;
}

td.nieuwsarchief_archief a, td.nieuwsbericht_archief a
{
	font: bold 11px/100% Arial;
	color: #3a3a3a;
}


td.nieuwsarchief_streep
{
	height: 10px;
	background-image: url(/images/layout/nieuwsarchief_streep.jpg);
}


span.nieuwsarchief_titel
{
	display: block;
	font: bold 12px/100% Arial;
	color: #3a3a3a;
	padding-bottom: 4px;
	padding-top: 5px;
}

span.nieuwsarchief_datum
{
	font: bold 12px/100% Arial;
	color: #989898;
}

/* LOGIN */
#logintabel
{
	border: solid 1px #dbdbdb;
	width: 385px;
	height: 160px;
}

td.formtext
{
	font: normal 11px/100% Arial;
	color: #3a3a3a;
	padding-right: 10px;
	text-align: right;
}

.formveld
{
	border: solid 1px #3a3a3a;
	margin-top: 5px;
	height: 15px;
	padding-top: 5px;
}

.formlist
{
	border: solid 1px #3a3a3a;
	margin-top: 5px;	
	height: 24px;
}

.formveld_textarea, .formveld_textarea_a
{
	border: solid 1px #3a3a3a;
}

.formveld_textarea_a
{
	background-color: #EBEBEB;
}

.formveld, .formlist, .formveld_textarea, .formveld_textarea_a
{
	font: normal 11px/100% Arial;
	color: #3a3a3a;
}

td.knop_links
{
	width: 2px;
	height: 25px;
	background-image: url(/images/layout/knop_links.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

td.knop_rechts
{
	width: 2px;
	height: 25px;
	background-image: url(/images/layout/knop_rechts.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

td.knop_midden
{
	background: transparent url(../images/layout/knop_midden.jpg);
}

input.knop_midden
{
	height: 25px;
	background: transparent url(../images/layout/knop_midden.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	border: none;
	text-decoration: none;
	font: bold 11px/100% Arial;
	color: #fff;
	text-decoration: none;
}

/* CONTACT */
.formveld_contact, .formveld_contact_a, .formlist_contact
{
	width: 302px;
}

.formveld_contact_a
{
	background-color: #EBEBEB;
}

/* NIEUWSBRIEVEN */
.formveld_vat, .formveld_vat_a
{
    width: 122px;
}

.formveld_vat_a
{
    background-color: #EBEBEB;
}
.groups td label, .vat td label
{
	padding-left:4px;
}


/* PROMOTIES */
span.promoties_promotietitel
{
	font: bold 12px/100% Arial;
	color: #3a3a3a;
	display: block;
	padding-bottom: 18px;
}

td.promoties_promotieinhoud
{
	padding-left: 32px;
	padding-right: 32px;
	padding-top: 20px;
	text-align: justify;
	border: solid 1px #d2d2d2;
}


td.promoties_scroll
{
	width: 30px;
	border: solid 1px #d2d2d2;
	background-image: url(/images/layout/bg_promoties_scroll.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}

td.promoties_teaser
{
	vertical-align: top;
	display: block;
	float: left;
	width: 406px;
	height: 403px;
	border: solid 1px #d2d2d2;
	padding: 0;
}

td.promoties_teaser div.content
{
	padding: 20px 30px 20px 30px;
}

td.promoties_spacer
{
	display: block;
	display: table-cell;
	float: left;
	width: 16px;
	height: 403px;
	margin: 0;
	padding: 0;
}

/* NIEUWSBERICHT */
#nieuwsbericht
{
	font: normal 11px/100% Arial;
	color: #3a3a3a;
	line-height: 20px;
	text-align: justify;
	padding-left: 15px;
	padding-right: 28px;
	width: 477px;
}

#anderenieuwstitels
{
}

#anderenieuwstitels li
{
	list-style-type: none;
	margin-left: 15px;
}

#anderenieuwstitels li a
{
	text-decoration: none;
	font: bold 11px/100% Arial;
	color: #3a3a3a;
}

#nieuwsbericht_afbeelding img
{
	padding: 4px;
	border: solid 1px #cacaca;
}

/* SHOP */
#shopmenu
{
	list-style-type: none;
}

#shopmenu li
{
	float: left;
	text-align: left;
	margin-left: 5px; /*border:1px solid black;*/
	height: 30px;
}

#shopmenu li a
{
	text-decoration: none;
}

#shopmenu li a span, #shopmenu li.selected span, #shopmenu li a:hover span
{
	display: block;
	font: bold 11px/100% Arial;
	color: #fff;
	padding-top: 11px;
	padding-bottom: 8px;
	padding-left: 10px;
}

#shopmenu li.selected span, #shopmenu li a:hover span
{
	font: bold 11px/100% Arial;
	color: #fff;
}

#shopmenu li a span.lightblue
{
	background-image: url(/images/layout/btn_shop_lichtblauw.jpg);
}

#shopmenu li.lightblue span
{
	background-image: url(/images/layout/btn_shop_lichtblauw.jpg);
}

#shopmenu li.lightblue a:hover span, #shopmenu li.lightblue_selected span
{
	background-image: url(/images/layout/btn_shop_lichtblauw_selected.jpg);
}

#shopmenu li.blue span
{
	background-image: url(/images/layout/btn_shop_blauw.jpg);
}

#shopmenu li.blue a:hover span, #shopmenu li.blue_selected span
{
	background-image: url(/images/layout/btn_shop_blauw_selected.jpg);
}

#shopmenu li.yellow span
{
	background-image: url(/images/layout/btn_shop_geel.jpg);
}

#shopmenu li.yellow a:hover span, #shopmenu li.yellow_selected span
{
	background-image: url(/images/layout/btn_shop_geel_selected.jpg);
}

#shopmenu li.gray span
{
	background-image: url(/images/layout/btn_shop_grijs.jpg);
}

#shopmenu li.gray a:hover span, #shopmenu li.gray_selected span
{
	background-image: url(/images/layout/btn_shop_grijs_selected.jpg);
}

#shopmenu li.green span
{
	background-image: url(/images/layout/btn_shop_groen.jpg);
}

#shopmenu li.green a:hover span, #shopmenu li.green_selected span
{
	background-image: url(/images/layout/btn_shop_groen_selected.jpg);
}

#shopmenu li.red span
{
	background-image: url(/images/layout/btn_shop_rood.jpg);
}

#shopmenu li.red a:hover span, #shopmenu li.red_selected span
{
	background-image: url(/images/layout/btn_shop_rood_selected.jpg);
}

#shopmenu li.purple
{
	background-image: url(/images/layout/btn_shop_purple.png);
	display: block;
	font: bold 11px/100% Arial;
	color: #fff;
	width: 145px;
}
#shopmenu li.purple a
{
	display: block;
	font: bold 11px/100% Arial;
	color: #fff;
	padding-left: 10px;
	padding-top: 11px;
	padding-bottom: 8px;
	text-transform: uppercase;
}



#shoplijst
{
	list-style-type: none;
	width: 235px;
}

#shoplijst li.lvl2
{
	margin-left: 14px;
	background-position: left center;
	background-image: url(/images/layout/plus.jpg);
	background-repeat: no-repeat; /*background-position: 0px 2px;*/
	padding-left: 15px;
	margin-top: 4px;
	margin-bottom: 4px;
}
#shoplijst li.lvl3
{
	background-position: left center;
	background-image: url(/images/layout/plus.jpg);
	background-repeat: no-repeat; /*background-position: 0px 2px;*/
	margin-left: 24px;
	padding-left: 15px;
	margin-top: 4px;
	margin-bottom: 4px;
}
#shoplijst li.lvl4
{
	margin-left: 14px;
	padding-left: 35px;
	margin-top: 4px;
	margin-bottom: 4px;
}




.shop_cat_titel
{
	background-position: left top;
	width: 580px;
	height: 25px; /* 40 */
	font: normal 11px/100% Arial;
	color: #fff; /*display:block;     padding-top:15px;*/
	padding-left: 10px;
	padding-top: 15px;
}

.shop_cat_titel_lichtblauw
{
	background-image: url(/images/layout/shop_cat_titel_lichtblauw.jpg);
}

.shop_cat_titel_grijs
{
	background-image: url(/images/layout/shop_cat_titel_grijs.jpg);
}

.shop_cat_titel_groen
{
	background-image: url(/images/layout/shop_cat_titel_groen.jpg);
}

.shop_cat_titel_rood
{
	background-image: url(/images/layout/shop_cat_titel_rood.jpg);
}

.shop_cat_titel_geel
{
	background-image: url(/images/layout/shop_cat_titel_geel.jpg);
}

.shop_cat_titel_blauw
{
	background-image: url(/images/layout/shop_cat_titel_blauw.jpg);
}

.shop_promotietitel
{
	background-color: #3a3a3a;
	font: bold 14px/100% ITCFranklinGothicStd;
	color: #fff;
	height: 55px;
	padding-left: 20px;
}



/* shop subcategorie */
.shop_subcat_titel
{
	font: bold 12px/100% Arial;
	color: #3a3a3a;
}

/* shop producten */
.shop_producten th
{
	font: bold 11px/100% Arial;
	color: #3a3a3a;
	text-align: left;
}

.shop_producten th img
{
	padding-left: 3px;
}

.shop_producten td
{
	padding: 2px 2px 2px 2px;
}


#producten_producttitel
{
	font: bold 12px/100% Arial;
	color: #3a3a3a;
	padding-left: 20px;
}

/* shop product */
#product_producttitel
{
	font: bold 14px/100% Arial;
	color: #3a3a3a;
	padding-bottom: 20px;
}

.btnAddToBasket
{
	background: transparent url(../images/layout/btn_toevoegen_winkelwagentje.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	width: 185px;
	height: 30px;
	border: none;
	font-size: 10px;
	color: #ffffff;
}

.prod_detail_spec
{
	height: 17px;
}

.product_subtitle
{
	background-color: #dbdbdb;
	margin-top: 5px;
	text-align: left;
	font: bold 12px/100% Arial;
	color: #3a3a3a;
	padding: 8px 20px 8px 20px;
}
.product_subbox
{
	border: solid 1px #dbdbdb;
	padding: 8px 20px 8px 20px;
	margin-top: 5px;
}
.product_avl, .product_avll {clear:both;float:left;width:25px;height:20px;border-bottom:solid 1px #dbdbdb;padding-top:8px;}
.product_avr, .product_avrl  {float:left;width:185px;border-bottom:solid 1px #dbdbdb;height:20px;padding-top:8px;}
.product_avll, .product_avrl {border:0px;}

/* shop zoekresultaten */
#shop_zoekresultaten th
{
	text-align: left;
}

#shop_zoekresultaten th img
{
	padding-left: 3px;
}

.zoekresultaat_cat
{
	font: bold 11px/100% Arial;
	color: #3a3a3a;
}



/* OLD CLASSES REINCLUDED */
.prodMain
{
	color: #FFFFFF;
	text-decoration: none;
	font-family: arial, verdana, tahoma, helvetica;
	margin-left: 9px;
}
.prodMain a, .prodMain a:link, .prodMain a:active, .prodMain a:visited
{
	color: #FFFFFF;
	text-decoration: none;
	font-family: arial, verdana, tahoma, helvetica;
}

TD.MainGroupButtonLeft
{
	width: 185px;
	height: 40px;
	cursor: pointer;
	text-align: left;
}


/* */
.customerprice
{
	color: #990000;
}
table.prices
{
}
table.prices tr
{
	padding: 2px 0px 2px 0px;
	border-bottom: solid 1px #fff;
}
table.prices td, table.prices th
{
	padding: 0px 15px 0px 15px;
}
table.prices td
{
	padding: 2px;
	border-top: solid 1px #666;
}




/* tool tip product ?? */


.tooltiptitle
{
	color: #FFFFFF;
	text-decoration: none;
	cursor: Default;
	font-family: arial;
	font-weight: bold;
	font-size: 8pt;
}
.tooltipcontent
{
	color: #000000;
	text-decoration: none;
	cursor: Default;
	font-family: arial;
	font-size: 8pt;
}
#ToolTip
{
	position: absolute;
	width: 100px;
	top: 0px;
	left: 0px;
	z-index: 4;
	visibility: hidden;
}


/* map */

#locations
{
	background-image: url('/images/bg_map.png');
	background-position: left top;
	background-repeat: repeat-x;
	height: 410px;
	padding-top: 20px;
}
#mapcontainer
{
	float: left;
	width: 600px;
}

#map
{
	width: 486px;
	height: 398px;
	position: relative;
	margin: 0px auto;
	text-align: center;
}
#mapdetails
{
	width: 300px;
	float: left;
}
