html, body, div, h1, h2, h3, h4, p, input, fieldset, ul, li, a, label { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 12px; color: #363535; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #363535; }
body { padding-bottom: 30px; background: url(../images_2/bodyBg.gif) no-repeat top; }
img { border: 0px; display: inline; }

.clear { clear: both; }

#mainCntr { margin: 0 auto; padding: 0px 11px 0px 9px; width: 980px; background: url(../images_2/mainBg.jpg) no-repeat top; }

/*#headerCntr { overflow: hidden; width: 980px; }
#headerCntr h1 { height: 126px; text-indent: -9999px; background: url(../images_2/logo.png) no-repeat; }*/

#headerCntr { overflow: hidden; width: 980px; }
#headerCntr h1 { height: 126px; text-indent: -9999px; background: url(../images/logo03.jpg) no-repeat; }
	
#zoekCntr { float: left; width: 245px; height: 31px; background: #c6c2c2; }
#zoekCntr fieldset { padding-top: 6px; overflow: hidden; width: 245px; height: 25px; border: 0px; }
#zoekCntr label { margin-left: 15px; display: block; float: left; height: 20px; line-height: 20px; font-weight: bold; color: #231f20; }
#zoekCntr input.field { margin: 0px 5px 0px 5px; padding: 2px 5px 0px 5px; float: left; width: 131px; height: 16px; border: 1px solid #231f20; background: #fff; }
#zoekCntr input.submit { margin-top: 2px; float: left; }

#menuCntr { float: right; width: 735px; height: 31px; background: url(../images_2/menuBg.gif) repeat-x; }
#menuCntr ul { overflow: hidden; width: 735px; list-style: none; background: url(../images_2/shade.gif) no-repeat; }
#menuCntr li { padding-left: 2px; float: left; display: inline; height: 31px; line-height: 31px; background: url(../images_2/menuLi.gif) no-repeat right; }
#menuCntr li.last { padding: 0px; background: none; }
#menuCntr li a { padding: 0px 15px 0px 15px; display: block; float: left; height: 31px; font-weight: bold; text-decoration: none; color: #585757; }
#menuCntr li a:hover, #menuCntr li.selected a { text-decoration: underline; }
		
#contentCntr { position: relative; overflow: hidden; width: 980px; }
.bg { background: url(../images_2/contentBg.gif) no-repeat 245px 0px; }
	
#leftCntr { float: left; width: 245px; }
		
.navBox { width: 245px; z-index:1000; }
.navBox ul { list-style: none; }
.navBox li a { padding: 8px 10px 0px 70px; display: block; width: 165px; height: 47px; font-size: 15px; text-decoration: none; font-weight: bold; background: no-repeat; }
.navBox li.red a { color: #ed1c24; background-image: url(../images_2/redBg.gif); }
.navBox li.red a:hover, .navBox li.red a.selected { color: #fff; background-image: url(../images_2/redHBg.gif); }
.navBox li.orange a { padding-top: 17px; height: 38px; color: #f7941d; background-image: url(../images_2/orangeBg.gif); }
.navBox li.orange a:hover, .navBox li.orange a.selected { color: #fff; background-image: url(../images_2/orangeHBg.gif); }
.navBox li.yellow a { padding-top: 17px; height: 38px; color: #604905; background-image: url(../images_2/yellowBg.gif); }
.navBox li.yellow a:hover, .navBox li.yellow a.selected { color: #604905; background-image: url(../images_2/yellowHBg.gif); }
.navBox li.green a { color: #8dc63f; background-image: url(../images_2/greenBg.gif); }
.navBox li.green a:hover, .navBox li.green a.selected { color: #fff; background-image: url(../images_2/greenHBg.gif); }
.navBox li.blue a { padding-top: 17px; color: #00adef; background-image: url(../images_2/blueBg.gif); }
.navBox li.blue a:hover, .navBox li.blue a.selected { color: #fff; background-image: url(../images_2/blueHBg.gif); }
.navBox li.purple a { color: #7d2c80; background-image: url(../images_2/purpleBg.gif); }
.navBox li.purple a:hover, .navBox li.blue a.purple { color: #fff; background-image: url(../images_2/purpleHBg.gif); }

/*new 03-10-2011*/
.navBox li.pink a { color: #EC008C; background-image: url(../images/pinkBg.gif); }
.navBox li.pink a:hover, .navBox li.pink a.pink { color: #fff; background-image: url(../images/pinkHBg.gif); }
.navBox li.turquoise a { color: #5CC4B7; background-image: url(../images/turquoiseBg.gif); }
.navBox li.turquoise a:hover, .navBox li.turquoise a.turquoise { color: #fff; background-image: url(../images/turquoiseHBg.gif); }

.navBox li.red a:hover, .navBox li.red a.selected { color: #fff; background-image: url(../images_2/redHBg.gif); }
.navBox li.orange a:hover, .navBox li.range a.selected { color: #fff; background-image: url(../images_2/orangeHBg.gif); }
.navBox li.yellow a:hover, .navBox li.yellow a.selected { color: #604905; background-image: url(../images_2/yellowHBg.gif); }
.navBox li.green a:hover, .navBox li.green a.selected { color: #fff; background-image: url(../images_2/greenHBg.gif); }
.navBox li.blue a:hover, .navBox li.blue a.selected { color: #fff; background-image: url(../images_2/blueHBg.gif); }
.navBox li.purple a:hover, .navBox li.purple a.selected { color: #fff; background-image: url(../images_2/purpleHBg.gif); }

/*new 03-10-2011*/
#leftCntr div.navBox ul li.pink ul li a:hover { color:#EC008C; }
#leftCntr div.navBox ul li.turquoise ul li a:hover { color:#5CC4B7; }

/*new 03-10-2011*/
.navBox li.pink a:hover, .navBox li.pink a.selected { color: #fff; background-image: url(../images/pinkHBg.gif); }
.navBox li.turquoise a:hover, .navBox li.turquoise a.selected { color: #fff; background-image: url(../images/turquoiseHBg.gif); }

#leftCntr div.navBox ul ul { border-left:1px solid #cecece; }
#leftCntr div.navBox ul ul li a { z-index:1000; margin-left: 0px; padding: 0px; width: 244px; height: 22px; line-height: 22px; text-indent: 40px; font-size: 12px; border-top: 1px solid #fff; border-bottom: 1px solid #e5e2e2; background: url(../images_2/arrow.gif) #f4f3f3 no-repeat 20px center; }
#leftCntr div.navBox ul ul li a:hover { font-style: normal; text-decoration: underline; }

#leftCntr div.navBox ul li.red ul li a:hover { color:#ed1c24; }
#leftCntr div.navBox ul li.orange ul li a:hover { color:#f7941d; }
#leftCntr div.navBox ul li.yellow ul li a:hover { color:#604905; }
#leftCntr div.navBox ul li.green ul li a:hover { color:#8dc63f; }
#leftCntr div.navBox ul li.blue ul li a:hover { color:#00adef; }
#leftCntr div.navBox ul li.purple ul li a:hover { color:#7d2c80; }

/*new 03-10-2011*/
#leftCntr div.navBox ul li.pink ul li a:hover { color:#EC008C; }
#leftCntr div.navBox ul li.turquoise ul li a:hover { color:#5CC4B7; }

				
#centerCntr { float: left; width: 490px; }

		
#catsCntr { padding: 10px; position: relative; overflow: hidden; width: 470px; }
#catsCntr h2 { padding-bottom: 10px; font-size: 12px; font-weight: bold; color: #a8a7a7; }
#catsCntr div.last { margin-right: 0px; }
#catsCntr a.purple { font-size: 14px; font-weight: bold; text-decoration: none; color: #7f2a81; }
#catsCntr a.purple:hover { text-decoration: underline; }
#catsCntr ul.over { position: absolute; top: 8px; left: 10px; overflow: hidden; width: 470px; list-style: none; border-bottom: 4px solid #ebeaea; }
#catsCntr ul.over li { float: right; }
#catsCntr ul.over li.photo a { display: block; float: left; width: 37px; height: 22px; text-indent: -9999px; background: url(../images_2/photo.gif) no-repeat; }
#catsCntr ul.over li.list a { display: block; float: left; width: 37px; height: 22px; text-indent: -9999px; background: url(../images_2/list.gif) no-repeat; }
				
.overgBox { padding-top: 10px; margin:0px 0px 10px 0px; position: relative; float: left; overflow: hidden; width: 234px; background: url(../images_2/overgBg.gif) no-repeat; }
.overgBox div.pic { width: 234px; height: 175px; }
.overgBox div.pic img { margin: 20px 0px 0px 65px; }
.overgBox div.text { padding:0px 0px 0px 15px; width: 219px; }
.overgBox h1 { margin:0px 0px 0px 0px; padding:0px 0px 0px 40px; font-size: 14px; font-weight: bold; color: #fff; }
#catsCntr div.overgBox h2 {  text-align:right; padding:10px 20px 0px 0px; font-size: 14px; font-weight: bold; color: #000; }
.overgBox p { padding:0px 0px 0px 0px; width: 200px; font-size: 11px; }
.overgBox div.text a { margin:6px 0px 0px 53px ;display: block; width: 150px; height: 36px; line-height: 32px; text-indent: 15px; font-size: 14px; text-decoration: none; font-weight: bold; color: #000; background: url(../images_2/meerinfo2.gif) no-repeat; }
.overgBox div.text a:hover { text-decoration: underline; }
.overgBox .overgBoxBottom { position: relative; overflow: hidden; width: 234px; height:15px; background: url(../images_2/overgBgBottom.gif) no-repeat bottom; }
				

.pageBox { margin-top: 10px; padding-top: 5px; overflow: hidden; width: 490px; border-top: 4px solid #ebeaea; }
.pageBox ul { padding-left: 10px; float: left; overflow: hidden; width: 240px; list-style: none; }
.pageBox li { margin-right: 5px; float: left; display: inline; line-height: 20px; }
.pageBox li a { text-decoration: none; font-weight: bold; color: #7f2a81; }
.pageBox li a:hover { text-decoration: underline; }
.pageBox fieldset { float: right; width: 200px; border: 0px; }
.pageBox label { font-weight: bold; color: #a8a7a7; }
				
.overBox { position: relative; overflow: hidden; width: 490px; padding:0px 0px 0px 0px; background: url(../images_2/overBg.gif) no-repeat -10px top; }
.overBox div.pic { float: left; width: 100px; }
.overBox div.pic img { margin: 15px 0px 0px 30px; }
.overBox div.text { float: right; width: 380px; padding:45px 0px 20px 0px; }
.overBox h1, #catsCntr div.overBox h2 { position: absolute; top: 13px; font-size: 14px; font-weight: bold; color: #fff; }
.overBox h1 { left: 135px; }
#catsCntr div.overBox h2 { right: 30px; }
.overBox p { width: 200px; font-size: 11px; }
.overBox div.text a { position: absolute; bottom: 15px; right: 25px; display: block; width: 150px; height: 36px; line-height: 32px; text-indent: 15px; font-size: 14px; text-decoration: none; font-weight: bold; color: #000; background: url(../images_2/meerinfo2.gif) no-repeat; }
.overBox div.text a:hover { text-decoration: underline; }
.overBox .overBoxBottom { clear:both; overflow:hidden; width: 490px; height:9px; background: url(../images_2/overBgbottom.gif) no-repeat -10px top; }

					
.productBox { margin-top: 20px; padding:0px 0px 0px 0px; position: relative; overflow: hidden; width: 480px; background: url(../images_2/productBg.gif) no-repeat -10px top; }
.productBox div.pic { padding: 20px 0px 0px 20px; float: left; width: 220px; }
.productBox div.pic img { margin-left: 40px; }
.productBox div.text { float: right; width: 240px; padding:0px 0px 20px 0px; }
.productBox h3 { position: absolute; bottom: 62px; right: 20px; font-weight: bold; font-size: 14px; color: #000; }
.productBox h4 { padding-bottom: 4px; font-size: 12px; font-weight: bold; }
.productBox h1 { padding: 10px 0px 0px 40px; height: 34px; font-size: 14px; font-weight: bold; color: #fff; }
.productBox ul { list-style: none; }
.productBox li { padding-bottom: 4px; }
.productBox p { padding-bottom: 6px; }
.productBox a.download { padding-left: 30px; line-height: 22px; font-weight: bold; color: #302f2f; background: url(../images_2/download.gif) no-repeat left; }
.productBox .productBoxBottom { overflow: hidden; width: 480px; height:60px; background: url(../images_2/productBgBottom.gif) no-repeat -10px top; }
.productBox a.add { position: absolute; bottom: 15px; right: 20px; display: block; width: 130px; height: 37px; line-height: 32px; text-indent: 15px; font-size: 14px; text-decoration: none; font-weight: bold; color: #000; background: url(../images_2/add.gif) no-repeat; }
.productBox a.add { text-decoration: underline; }
				
.catBox { margin: 0px 1px 10px 0px; padding: 5px 5px 10px 4px; position: relative; float: left; display: inline; width: 147px; height: 222px; background: url(../images_2/catBg.gif) no-repeat top; }
.catBox h1 { margin-bottom: 20px; padding: 5px 10px 0px 10px; width: 124px; height: 43px; line-height: 18px; font-size: 14px; font-weight: bold; color: #fff; background: url(../images_2/catH1.gif) no-repeat; }
.catBox a.verder { padding: 5px 0px 0px 10px; position: absolute; left: 14px; bottom: 14px; display: block; width: 118px; height: 28px; font-size: 14px; font-weight: bold; text-decoration: none; color: #000; background: url(../images_2/gaverder.gif) no-repeat; }
.catBox a.verder:hover { text-decoration: underline; }
.catBox img { margin-left: 40px; }
		

.textBox { padding: 15px; width: 460px; }
.textBox h1 { padding-bottom: 12px; font-size: 14px; font-weight: bold; color: #000; }
.textBox p { padding-bottom: 12px; line-height: 16px; }
		

#rightCntr { float: right; width: 245px; }
			
.bestelSnelBox { padding: 10px 10px 40px 8px; position: relative; width: 225px; }
.reken_snellijst { width: 88px; border:0; padding-bottom:5px;padding-right:5px; background-image: url(../images/rekenBg.gif);position: relative; display: block; height: 30px; line-height: 24px; text-align: center; text-decoration: none; font-weight: bold; color: #fff; }

.bestelBox { padding: 10px 10px 60px 10px; position: relative; width: 225px; }
.bestelBox h3 { margin-bottom: 8px; padding-left: 40px; font-size: 14px; font-weight: bold; color: #000; background: url(../images_2/wagen.gif) no-repeat left; }
.bestelBox fieldset { overflow: hidden; width: 225px; border: 0px; }
.bestelBox label { padding: 5px 0px 5px 0px; display: block; }
.bestelBox input.field { padding: 2px 5px 0px 5px; width: 204px; height: 16px; border: 1px solid #231f20; background: #fff; }

.bestelBox ul { overflow: hidden; width: 225px; list-style: none; }
.bestelBox li { float: left; width: 125px; line-height: 16px; text-align: right; }
.bestelBox li.first { width: 100px; text-align: left; }
.bestelBox li.first_wide { width: 225px; text-align: left; }
.bestelBox li.grey { padding-bottom: 11px; color: #828282; }
.bestelBox li.grey a { color: #828282; }
.bestelBox li.grey a:hover { text-decoration: none; }
.bestelBox a.order, .bestelBox a.reken { position: absolute; bottom: 20px; display: block; height: 32px; line-height: 24px; text-align: center; text-decoration: none; font-weight: bold; color: #fff; background: no-repeat; }
.bestelBox a.order:hover, .bestelBox a.reken:hover { text-decoration: underline; }
.bestelBox a.order { left: 10px; width: 111px; background-image: url(../images_2/orderBg-red.gif); }
.bestelBox a.reken { right: 3px; width: 88px; background-image: url(../images_2/rekenBg.gif); }
			
.bekijkBox { padding: 5px 14px 0px 6px; width: 225px; height: 218px; background: url(../images_2/bekijkBg.gif) no-repeat; }
.bekijkBox h3 { height: 29px; line-height: 29px; text-indent: 40px; font-size: 14px; font-weight: bold; color: #fff; background: url(../images_2/bekijkH2.gif) no-repeat; }
.bekijkBox ul { padding: 6px 10px 0px 15px; list-style: none; } 
.bekijkBox li { line-height: 16px; }
.bekijkBox li a { font-weight: bold; text-decoration: none; color: #706e6e; }
.bekijkBox li a:hover { text-decoration: underline; }
			
.loginBox { padding: 10px 10px 15px 10px; position: relative; width: 225px; }
.loginBox h3 { margin-bottom: 8px; padding-left: 20px; font-size: 14px; font-weight: bold; color: #000; background: url(../images_2/inloggenH3.gif) no-repeat left; }
.loginBox fieldset { overflow: hidden; width: 225px; border: 0px; }
.loginBox label { padding: 5px 0px 5px 0px; display: block; }
.loginBox input.field { padding: 2px 5px 0px 5px; width: 204px; height: 16px; border: 1px solid #231f20; background: #fff; }
.loginBox input.submit { cursor:pointer; margin-top: 5px; padding-bottom: 10px; float: right; width: 89px; height: 33px; font-weight: bold; color: #fff; border: 0px; background: url(../images_2/submitBg.gif) no-repeat; }
.loginBox a { position: absolute; bottom: 25px; left: 20px; text-decoration: none; color: #231f20; }
.loginBox a:hover { text-decoration: underline; }
.bg2 { background: url(../images_2/loginBg.gif) no-repeat bottom; }
.bg3 { background: url(../images_2/login2Bg.gif) no-repeat bottom; }
			
.nieuwsBox { width: 244px; border: 1px solid #cecece; border-top: 0px; border-right: 0px; }
.nieuwsBox div.bericht { padding: 10px 15px 8px 15px; overflow: hidden; width: 214px; }
.nieuwsBox h1 { padding-bottom: 5px; font-size: 12px; font-weight: bold; color: #000; }
.nieuwsBox img { margin: 0px 8px 5px 0px; float: left; }
.nieuwsBox p { color: #717171; }
			
#abCntr { padding: 15px 0px 20px 0px; margin:0px 0px 0px 255px; position: absolute; bottom: 0px; right: 0px; overflow: hidden; width: 730px; }
#abCntr h2 { padding: 0px 0px 12px 5px; font-size: 14px; font-weight: bold; color: #000; }
#abCntr div.green h1 { background: url(../images_2/greenH1.gif) no-repeat; }
#abCntr div.yellow h1 { background: url(../images_2/yellowH1.gif) no-repeat; }
#abCntr div.orange h1 { background: url(../images_2/orangeH1.gif) no-repeat; }
.ab { padding-bottom: 341px; }
	
.abBox { padding: 4px 0px 0px 4px; position: relative; float: left; width: 236px; height: 281px; background: url(../images_2/abBox.gif) no-repeat; }
.abBox h1 { margin-bottom: 0px; padding-left: 40px; width: 186px; height: 29px; line-height: 29px; font-size: 14px; font-weight: bold; color: #fff; }
.abBox div.bottom a { padding-left: 14px; position: absolute; bottom: 20px; right: 20px; display: block; width: 136px; height: 36px; line-height: 32px; text-decoration: none; font-size: 14px; font-weight: bold; color: #000; background: url(../images_2/meerinfo.gif) no-repeat; }
.abBox div.bottom a:hover { text-decoration: underline; }
.abBox img { margin-left: 1px; }

#footerCntr { margin: 0 auto; padding: 9px 10px 0px 10px; overflow: hidden; width: 980px; height: 58px; background: url(../images_2/footerBg.gif) no-repeat; }
#footerCntr ul { margin-right: 1px; padding-left: 10px; float: right; overflow: hidden; width: 725px; height: 39px; list-style: none; background: url(../images_2/logo2.gif) #e8e8e8 no-repeat right; }
#footerCntr li { float: left; display: inline; height: 39px; line-height: 39px; color: #868686; }
#footerCntr li a { padding: 0px 5px 0px 5px; font-weight: bold; text-decoration: none; color: #868686; }
#footerCntr li a:hover, #menuCntr li.selected a { text-decoration: underline; }