/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { height: 100%; font-family: Arial; font-size: 11px; color: #6b5748; }
input, select, textarea { font-family: Arial; font-size: 11px; color: #79888c; }
body { background: url('../images/bodyBg.gif') #96c2cd no-repeat top; }
img { border: 0px; display: block; }

/* ### GLOBAL CLASSES ### */
.clear { clear: both; height: 1px; }

/* ### WRAPPER ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; padding-bottom: 271px; width: 964px; }

	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 964px; height: 209px; }
	#headerCntr h1 { position: absolute; top: 20px; left: 5px; }
	#headerCntr h1 a { display: block; width: 190px; height: 114px; text-indent: -9999px; background: url('../images/logo.png') no-repeat; }
	#headerCntr .gratis50 h2 { position: absolute; top: 37px; width:100px; height:100px; left: 199px; text-indent: -9999px; background: url('../images/50euro.png') no-repeat; }
	
		/* ### MENU CONTAINER ### */
		#menuCntr { position: absolute; top: 159px; left: 0px; width: 964px; height: 43px; background: url('../images/menuBg.gif') no-repeat; }
		#menuCntr ul { padding-left: 13px; overflow: hidden; width: 951px; list-style: none; }
		#menuCntr li { padding: 7px 0px 0px 2px; float: left; display: inline; }
		#menuCntr li a { display: block; float: left; height: 29px; line-height: 29px; text-decoration: none; font-size: 12px; font-weight: bold; color: #fff; }
		#menuCntr li a span { padding: 0px 20px 0px 20px; display: block; float: left; height: 29px; cursor: pointer; }
		#menuCntr li a:hover { color: #fadfb8; }
		#menuCntr li.selected a { color: #655353; background: url('../images/menuHL.gif') no-repeat left; }
		#menuCntr li.selected a span { background: url('../images/menuHR.gif') no-repeat right; }
		
		/* ### TOP CONTAINER ### */
		#topCntr { position: absolute; top: 30px; right: 0px; width: 675px; }
		#topCntr ul { float: left; overflow: hidden; width: 390px; list-style: none; background: #96c2cd; }
		#topCntr li { padding-right: 30px; float: left; display: inline; font: bold 12px Georgia; }
		#topCntr li a { text-decoration: none; color: #fff; }
		#topCntr li a:hover { text-decoration: underline; }
		#topCntr li.contact a { padding-left: 30px; background: url('../images/contact.gif') no-repeat left; }
		#topCntr div.wagen { margin-top: 2px; padding: 10px; float: right; position: relative; z-index: 5; width: 265px; height: 49px; background: url('../images/wagenBg.gif') no-repeat; }
		#topCntr a.button { padding-left: 10px; position: absolute; top: 10px; right: 10px; display: block; width: 64px; height: 27px; line-height: 27px; font-weight: bold; font-size: 12px; text-decoration: none; color: #fff; background: url('../images/button2Bg.gif') no-repeat top; }
		#topCntr a.button:hover { background-position: bottom; }
		#topCntr h3 { margin-bottom: 15px; padding-left: 30px; font-size: 14px; font-weight: bold; color: #487496; background: url('../images/wagen.gif') no-repeat left; }
		#topCntr p { padding-left: 30px; }
		#topCntr p strong { padding-left: 35px; font-size: 14px; }
		#topCntr fieldset { position: absolute; top: 86px; right: 0px; z-index: 10; overflow: hidden; width: 285px; border: 0px; }
		#topCntr input.field { padding: 8px 10px 0px 35px; float: left; width: 164px; height: 19px; border: 0px; background: url('../images/fieldBg.gif') no-repeat; }
		#topCntr fieldset a.button { position: relative; top: 0px; right: 0px; padding-left: 15px; display: block; float: right; width: 56px; height: 27px; line-height: 27px; text-decoration: none; font-weight: bold; color: #286984; background: url('../images/submitBg.gif') no-repeat top; }
		#topCntr fieldset a.button:hover { background-position: bottom; }
		
	/* ### CONTENT CONTAINER ### */
	#contentCntr { padding: 25px 0px 58px 0px; overflow: hidden; width: 964px; background: url('../images/contentBg.gif') #fff no-repeat bottom; }
	
		/* ### CAT BOX ### */
		.catBox { padding-left: 22px; overflow: hidden; width: 942px; height: 520px; }
		.catBox h3 { padding-bottom: 10px; font: bold 18px Georgia; }
		.catBox div.red h3 { color: #eb1720; }
		.catBox div.green h3 { color: #409a7b; }
		.catBox div.purple h3 { color: #7a64ac; }
		.catBox div.cat { float: left; width: 321px; }
		.catBox div.red { background: url('../images/dot.gif') repeat-y 299px top; }
		.catBox div.green { background: url('../images/dot.gif') repeat-y 299px top; }
		.catBox div.purple { width: 300px; }
		.catBox ul { padding-bottom: 10px; list-style: none; }
		.catBox li { padding-bottom: 3px; height: 213px; }
		.catBox li a { padding: 20px 25px 0px 20px; position: relative; display: block; width: 235px; height: 193px; text-decoration: none; color: #6b5748; background: url('../images/catBg.gif') no-repeat; }
		.catBox li a strong { cursor: pointer; font: bold 14px Georgia; color: #f26600; }
		.catBox li a em { font-style: normal; text-decoration: underline; color: #487496; }
		.catBox li a span { padding-right: 5px; position: absolute; top: 20px; right: 20px; width: 76px; height: 81px; font: bold 14px/75px Georgia; color: #fff; text-align: center; }
		.catBox div.red li a span { background: url('../images/redBol.png') no-repeat;  font: bold 12px/12px Georgia;; padding-top:10px; margin-top:19px; }
		.catBox div.green li a span { background: url('../images/greenBol.png') no-repeat;  margin-top:19px;}
		.catBox div.purple li a span { background: url('../images/purpleBol.png') no-repeat;  margin-top:19px;}
		.catBox a.button { padding-left: 40px; display: block; width: 233px; height: 29px; line-height: 29px; font-size: 12px; text-decoration: none; font-weight: bold; color: #826c5c; background: url('../images/buttonBg.gif') no-repeat top; }
		.catBox a.button:hover { background-position: bottom; }
		
		/* ### WINKEL BOX ### */
		.winkelBox { padding-left: 152px; width: 682px; }
		.winkelBox div.winkel { margin-top: 15px; background: url('../images/winkelBg.gif') repeat-y; }
		.winkelBox div.top { background: url('../images/winkelTop.gif') no-repeat top; }
		.winkelBox div.bottom { padding: 7px 13px 13px 7px; background: url('../images/winkelBottom.gif') no-repeat bottom; }
		.winkelBox table { width: 662px; }
		.winkelBox tr.title td { padding-left: 65px; height: 67px; font-size: 18px; font-weight: bold; color: #487496; border: 0px; background: url('../images/titleBg.gif') no-repeat; }
		.winkelBox td { padding-left: 15px; height: 49px; font-size: 12px; border-bottom: 1px solid #dbe3e5; border-right: 1px solid #dbe3e5; }
		.winkelBox td.pic { padding-left: 0px; width: 60px; }
		.winkelBox td.kleur { padding-left: 15px; width: 100px; }
		.winkelBox td.aantal { padding-left: 20px; overflow: hidden; width: 85px; vertical-align: middle; line-height: 49px; text-align: center; }
		.winkelBox td.prijs { padding-left: 0px; width: 90px; text-align: center; font-weight: bold; background: #eef7f9; }
		.winkelBox td.del { width: 30px; border-right: 0px; }
		.winkelBox td.blue { width: 30px; border-right: 0px; background: #eef7f9; }
		.winkelBox td.del a { display: block; width: 19px; height: 18px; text-indent: -9999px; background: url('../images/del.gif') no-repeat; }
		.winkelBox td.aantal img { margin-right: 1px; float: left; }
		.winkelBox td.aantal span { padding-right: 10px; float: left; height: 18px; line-height: 18px; }
		.winkelBox td.verzend { padding-right: 15px; text-align: right; font-size: 11px; }
		.winkelBox td.tprijs { padding-right: 15px; text-align: right; font-size: 11px; background: #d7ebf1; }
		.winkelBox td.totaal { padding-right: 15px; text-align: right; font-size: 11px; background: #eef7f9; }
		.winkelBox td.totaal strong { display: block; font-size: 16px; font-weight: bold; color: #3e6b8d; }
		.winkelBox td.tprijs strong { display: block; font-size: 14px; font-weight: bold; color: #3e6b8d; }
		.winkelBox td.sub { padding-right: 15px; text-align: right; font-size: 11px; }
		.winkelBox a.terug { padding-left: 15px; color: #487496; background: url('../images/arrow2.gif') no-repeat left; }
		.winkelBox a.terug:hover { text-decoration: none; }
		.winkelBox div.verder { padding: 15px 7px 15px 0px; overflow: hidden; width: 675px; text-align: right; background: #fff; }
		.winkelBox div.verder a.button { margin: 0px 0px 15px 515px; padding-left: 10px; display: block; width: 149px; height: 27px; text-align: left; line-height: 27px; text-decoration: none; font-weight: bold; color: #fff; background: url('../images/button4Bg.gif') no-repeat top; }
		.winkelBox div.verder a.button:hover { background-position: bottom; }
		.winkelBox div.verder a { color: #487496; }
		.winkelBox div.verder a:hover { text-decoration: none; }
		
		/* ### SubPage BOX ### */
		.subPage { padding-left: 152px; width: 682px; }
		.subPage div.page { margin-top: 15px; background: url('../images/winkelBg.gif') repeat-y; }
		.subPage div.top { background: url('../images/winkelTop.gif') no-repeat top; }
		.subPage div.bottom { line-height:16px; padding: 7px 23px 43px 23px; background: url('../images/winkelBottom.gif') no-repeat bottom; }
		.subPage h2 { padding-bottom: 15px; padding-top:15px; }
		.subPage h3 { padding-bottom: 10px; padding-top:10px; }
		.subPage ul, ol { padding-left: 20px; }
		.subPage a.terug { padding-left: 15px; color: #487496; background: url('../images/arrow2.gif') no-repeat left; }
		.subPage a.terug:hover { text-decoration: none; }
		.subPage p { padding-bottom:10px; }
		
		.subPage div.pic ul, ol { padding-left: 0px; }
		.subPage div.pic ul { overflow: hidden; width: 650px; }
		.subPage div.pic .nextRow {clear:both; padding-top:10px;}
		.subPage div.pic li { padding-right: 14px; position: relative; float: left; display: inline; }
		.subPage div.pic li.last { float: left; }
		.subPage div.pic img { border: 1px solid #e4dbd3; cursor:pointer; }
		.subPage div.pic li a { position: absolute; bottom: 10px; right: 17px; display: block; width: 17px; height: 16px; text-indent: -9999px; background: url('../images/vergroot.png') no-repeat; }

				
		/* ### afrekenen BOX ### */
		.afrekenen { padding-left: 152px; width: 682px; }
		.afrekenen div.page { margin-top: 15px; background: url('../images/winkelBg.gif') repeat-y; }
		.afrekenen div.top { background: url('../images/winkelTop.gif') no-repeat top; }
		.afrekenen div.bottom { line-height:16px; padding: 7px 23px 43px 23px; background: url('../images/winkelBottom.gif') no-repeat bottom; }
		.afrekenen div.bottom .error { color:#b10505; font-weight:bold }
		.afrekenen h2 { padding-bottom: 15px; padding-top:15px; }
		.afrekenen h3 { padding-bottom: 10px; padding-top:10px; }
		.afrekenen ul, ol { padding-left: 20px; }
		.afrekenen a.terug { padding-left: 15px; color: #487496; background: url('../images/arrow2.gif') no-repeat left; }
		.afrekenen a.terug:hover { text-decoration: none; }
		.afrekenen input { width:260px; background-color: none; border:1px solid #707070; height:18px; vertical-align:middle}
		.afrekenen textarea { width:260px; height:75px; }
		.afrekenen .radio{ width:16px}
		.afrekenen a.button { text-align:left; padding-left: 10px; display: block; width: 149px; height: 27px; line-height: 27px; text-decoration: none; font-weight: bold; color: #fff; background: url('../images/submitBestel.gif') no-repeat top; }
		.afrekenen a.button:hover { background-position: bottom; }
		.afrekenen a.button2 { display: block; float: left; padding-left: 10px; display: block; width: 149px; height: 29px; line-height: 29px; text-decoration: none; text-align: center; font-weight: bold; text-decoration: none; color: #826c5c; background: url('../images/prev.gif') no-repeat top; }
		.afrekenen a.button2:hover { background-position: bottom; }
		.afrekenen .button3 { border:0px; text-align:left; display: block; float: right; padding-left: 10px; display: block; width: 149px; height: 29px; line-height: 29px; text-decoration: none; font-weight: bold; text-decoration: none; color: #826c5c; background: url('../images/next.gif') no-repeat top; }
		.afrekenen .button3:hover { background-position: bottom; }
		
				
		/* ### CATS BOX ### */
		.catsBox { padding-left: 22px; float: left; display: inline; overflow: hidden; width: 617px; background: url('../images/dot.gif') repeat-y right; }
		.catsBox h2 { padding-bottom: 10px; font: bold 18px Georgia; color: #f26600; }
		.catsBox ul { padding-bottom: 10px; list-style: none; }
		.catsBox li { padding-bottom: 3px; height: 106px; }
		.catsBox li a { padding: 1px 135px 8px 1px; position: relative; display: block; width: 467px; height: 97px; text-decoration: none; color: #6b5748; background: url('../images/catsBg.gif') no-repeat; }
		.catsBox li a strong { padding: 20px 0px 10px 0px; display: block; cursor: pointer; font: bold 14px Georgia; color: #dd2400; }
		.catsBox li a em { font-style: normal; text-decoration: underline; color: #487496; }
		.catsBox li a img { float: left; cursor: pointer; }
		.catsBox li a span { padding-right: 5px; position: absolute; top: 20px; right: 20px; width: 62px; height: 66px; font: bold 11px/60px Georgia; color: #fff; text-align: center; background: url('../images/orangeBol.png') no-repeat; }
		
		/* ### TOP BOX ### */
		.topBox { padding-right: 22px; float: right; display: inline; overflow: hidden; width: 286px; }
		.topBox a.spot { margin-bottom: 15px; padding: 20px 25px 0px 20px; position: relative; display: block; width: 235px; height: 193px; text-decoration: none; color: #6b5748; background: url('../images/catBg.gif') no-repeat; }
		.topBox a.spot strong { cursor: pointer; font: bold 14px Georgia; color: #f26600; }
		.topBox a.spot em { font-style: normal; text-decoration: underline; color: #487496; }
		.topBox a.spot span { padding-right: 5px; position: absolute; top: 40px; right: 20px; width: 76px; height: 81px; font: bold 14px/75px Georgia; color: #fff; text-align: center; background: url('../images/greenBol.png') no-repeat; }
		.topBox h3 { padding-bottom: 10px; font: bold 18px Georgia; color: #409a7b; }
		.topBox div.top { width: 270px; }
		.topBox div.top h3 { padding-bottom: 5px; height: 28px; font: bold 12px/28px Arial; color: #4b6ab3; background: url('../images/line2.gif') repeat-x bottom; }
		.topBox div.top h3 span { font: bold 14px Georgia; }
		.topBox div.top ul { list-style: none; }
		.topBox div.top li { padding-bottom: 1px; float: left; display: inline; width: 218px; height: 28px; line-height: 28px; background: url('../images/line2.gif') repeat-x bottom; }
		.topBox div.top li.first { width: 52px; }
		.topBox div.top li a { text-decoration: none; color: #6b5748; }
		.topBox div.top li a:hover { text-decoration: underline; }
		.topBox div.top li.first span { display: block; float: left; width: 42px; height: 28px; text-align: right; font: bold 16px/28px Georgia; color: #4b6ab3; background: url('../images/ster.gif') no-repeat 5px center; }
		
		/* ### NAV BOX ### */
		.navBox { padding-left: 22px; float: left; display: inline; overflow: hidden; width: 240px; }
		.navBox h3 { padding-bottom: 10px; font: bold 18px Georgia; color: #6196ae; }
		.navBox div.nav { margin-bottom: 15px; width: 219px; background: url('../images/navBg.gif') repeat-y; }
		.navBox div.top { background: url('../images/navTop.gif') no-repeat top; }
		.navBox div.bottom { padding: 15px 20px 23px 15px; background: url('../images/navBottom.gif') no-repeat bottom; }
		.navBox ul { list-style: none; }
		.navBox li { line-height: 22px; }
		.navBox li a { color: #487496; }
		.navBox li a:hover, .navBox li.selected a { padding-right: 30px; font-weight: bold; color: #e34e6a; background: url('../images/arrow3.gif') no-repeat right; }
		.navBox a.over { padding-left: 25px; color: #7e62ab; background: url('../images/overzicht.gif') no-repeat left; }
		.navBox a.over:hover { text-decoration: none; }
		
		/* ### PRO BOX ### */
		.proBox { padding-left: 25px; float: left; display: inline; overflow: hidden; width: 410px; background: url('../images/dot.gif') repeat-y; }
		.proBox h1 { padding-bottom: 10px; font-size: 14px; font-weight: bold; color: #f26600; }
		.proBox h1 span { font-size: 12px; }
		.proBox div.cat { padding-bottom: 10px; }
		.proBox a { color: #487496; }
		.proBox a:hover { text-decoration: none; }
		.proBox p { padding-bottom: 10px; }
		.proBox div.opties { position: relative; height: 75px; }
		.proBox div.opties span { padding-right: 5px; position: absolute; top: 0px; right: 0px; width: 62px; height: 66px; font: bold 11px/60px Georgia; color: #fff; text-align: center; background: url('../images/orangeBol.png') no-repeat; }
		.proBox div.pic ul { overflow: hidden; width: 410px; }
		.proBox div.pic .nextRow {clear:both; padding-top:10px;}
		.proBox div.pic li { position: relative; float: left; display: inline; }
		.proBox div.pic li.last { float: right; }
		.proBox div.pic img { border: 1px solid #e4dbd3; }
		.proBox div.pic li a { position: absolute; bottom: 10px; right: 10px; display: block; width: 17px; height: 16px; text-indent: -9999px; background: url('../images/vergroot.png') no-repeat; }
		.proBox div.opties ul { padding-bottom: 10px; list-style: none; }
		.proBox div.opties li { padding-left: 20px; line-height: 18px; background: url('../images/arrow4.gif') no-repeat left; }
		.proBox a.deel { padding-left: 25px; display: block; width: 100px; height: 18px; line-height: 18px; color: #df0000; background: url('../images/deel.gif') no-repeat; }
		.proBox div.nav { margin-top: 15px; padding-top: 10px; overflow: hidden; width: 410px; background: url('../images/line3.gif') repeat-x; }
		.proBox a.prev { display: block; float: left; width: 151px; height: 29px; line-height: 29px; text-align: center; font-weight: bold; text-decoration: none; color: #826c5c; background: url('../images/prev.gif') no-repeat top; }
		.proBox a.next { display: block; float: right; width: 151px; height: 29px; line-height: 29px; text-align: center; font-weight: bold; text-decoration: none; color: #826c5c; background: url('../images/next.gif') no-repeat top; }
		.proBox a.next:hover, .proBox a.prev:hover { text-decoration: none; background-position: bottom; }
		
		/* ### BESTEL BOX ### */
		.bestelBox { padding-right: 22px; float: right; display: inline; overflow: hidden; width: 219px; }
		.bestelBox h3 { padding-bottom: 10px; font: bold 18px Georgia; color: #eb1720; }
		.bestelBox div.bestel { margin-bottom: 15px; width: 219px; background: url('../images/navBg.gif') repeat-y; }
		.bestelBox div.top { background: url('../images/navTop.gif') no-repeat top; }
		.bestelBox div.bottom { padding: 10px 20px 23px 15px; background: url('../images/navBottom.gif') no-repeat bottom; }
		.bestelBox a.button { padding-left: 10px; display: block; width: 149px; height: 27px; line-height: 27px; text-decoration: none; font-weight: bold; color: #fff; background: url('../images/submitBestel.gif') no-repeat top; }
		.bestelBox a.button:hover { background-position: bottom; }
		.bestelBox fieldset { padding: 0px 0px 15px 10px; border: 0px; }
		.bestelBox label { padding: 5px 0px 5px 0px; display: block; }
		.bestelBox select { width: 159px; height: 20px; color: #000; }
		.bestelBox ul { padding: 15px 0px 15px 0px; overflow: hidden; width: 159px; list-style: none; }
		.bestelBox li { float: left; display: inline; width: 64px; font-weight: bold; text-align: right; }
		.bestelBox li.first { width: 95px; font-weight: normal; text-align: left; }
		.bestelBox p { padding-left: 10px; }
		
	/* ### FOOTER CONTAINER ### */
	#footerCntr { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 271px; background: url('../images/footerBg.gif') repeat-x; }
	#footerCntr div.content { margin: 0 auto; padding-top: 30px; overflow: hidden; width: 964px; background: url('../images/footerBg.png') no-repeat left bottom; }
	#footerCntr div.left { padding: 15px 40px 0px 22px; float: left; display: inline; width: 580px; height: 133px; background: url('../images/dot2.gif') #f1ddc7 no-repeat 622px center; }
	#footerCntr div.right { padding: 15px 22px 0px 0px; float: left; display: inline; width: 298px; height: 133px; background: #f1ddc7; }
	#footerCntr p.right { height: 45px; line-height: 45px; text-align: right; color: #6b5748; }
	#footerCntr p.right a { text-decoration: none; color: #6b5748; }
	#footerCntr p.right a:hover { text-decoration: underline; }
	#footerCntr div.left h3 { padding-bottom: 10px; font: italic bold 16px Georgia; color: #ea6300; }
	#footerCntr div.right h3 { padding: 0px 0px 10px 40px; font: italic bold 16px Georgia; color: #ec1d25; background: url('../images/envelope.gif') no-repeat; }
	#footerCntr div.left p { padding-bottom: 10px; line-height: 18px; }
	#footerCntr div.right p { padding-left: 43px; padding-bottom: 10px; line-height: 18px; }
	#footerCntr div.left ul { list-style: none; }
	#footerCntr div.left li { padding-left: 20px; line-height: 18px; color: #6b5748; background: url('../images/arrow.gif') no-repeat left; }
	#footerCntr div.left li a { color: #6b5748; }
	#footerCntr div.left li a:hover { text-decoration: none; }
	#footerCntr fieldset { padding: 10px 0px 0px 15px; overflow: hidden; width: 270px; border: 0px; }
	#footerCntr input.field { padding: 7px 10px 0px 10px; float: left; width: 159px; height: 20px; border: 0px; background: url('../images/field2Bg.gif') no-repeat; }
	#footerCntr a.button { padding-left: 15px; display: block; float: right; width: 70px; height: 27px; line-height: 27px; font-weight: bold; color: #fff; text-decoration: none; background: url('../images/button3Bg.gif') no-repeat top; }
	#footerCntr a.button:hover { background-position: bottom; }