/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 12px; color: #353535;  line-height:18px;}
input, select, textarea { font-family: Arial; font-size: 12px; color: #00384b; }
body { background: url('../images/bodyBg.gif') #d3efff repeat-y top center;  }
img { border: 0px; display: block; }

/* ### GLOBAL CLASSES ### */
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.center { margin: 0 auto; }

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; width: 1000px; background: #fff; }

	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; overflow: hidden; width: 1000px; height: 70px; border-bottom: 1px solid #a8dfff; background: url('../images/headerBg.gif') no-repeat; }
	
		/* ### TOP BOX ### */
		.topBox { position: absolute; top: 13px; right: 10px; width: 300px; }
		.topBox ul { list-style: none; }
		.topBox li { margin-left: 3px; float: right; display: inline; }
		.topBox li a { padding: 0px 0px 0px 5px; display: block; float: left; height: 18px; line-height: 18px; text-decoration: none; color: #0085b8; background: url('../images/topL.gif') #daf2ff no-repeat left; }
		.topBox li a:hover, .topBox li.selected a { color: #fff; background: url('../images/topHL.gif') #66c7ff no-repeat left; }
		.topBox li a span { padding-right: 5px; display: block; float: left; height: 18px; background: url('../images/topR.gif') no-repeat right; }
		.topBox li a:hover span, .topBox li.selected a span { background: url('../images/topHR.gif') no-repeat right; cursor:pointer; }
		
		/* ### ZOEK BOX ### */
		.zoekBox { padding: 10px; position: absolute; bottom: 0px; right: 0px; overflow: hidden; width: 240px; height: 19px; background: url('../images/zoekBg.gif') repeat-x; }
		.zoekBox ul { float: left; list-style: none; }
		.zoekBox li { margin-right: 5px; float: left; display: inline; line-height: 20px; }
		.zoekBox li.s { font-size: 16px; line-height: 22px; }
		.zoekBox li.m { font-size: 18px; }
		.zoekBox li.l { font-size: 20px; }
		.zoekBox li a { text-decoration: none; color: #0099ca; }
		.zoekBox li a:hover, .zoekBox li.selected a { color: #fff; }
		.zoekBox fieldset { float: right; border: 0px; }
		.zoekBox input.field { padding: 1px; display: block; float: left; width: 150px; height: 15px; font-size: 14px; border: 1px solid #089ece; background: #fff; }
		.zoekBox input.submit { display: block; float: left; width: 24px; height: 19px; border: 0px; background: url('../images/submit2Bg.gif') no-repeat; }
		
	/* ### CONTENT CONTAINER ### */
	#contentCntr { padding-bottom: 15px; overflow: hidden; width: 1000px; background: url('../images/contentBg.gif') repeat-y; }
		
		/* ### LEFT CONTAINER ### */
		#leftCntr { padding-top: 59px; float: left; width: 208px; background: url('../images/leftBg.jpg') no-repeat; }
		
			/* ### MENU CONTAINER ### */
			#menuCntr { padding-bottom: 25px; width: 208px; }
			#menuCntr ul { margin-left: 10px; width: 188px; list-style: none; }
			#menuCntr li { height: 29px; line-height: 29px; border-bottom: 1px solid #a9d7ec; }
			#menuCntr li.last { border-bottom: 0px; }
			#menuCntr li a { padding-left: 15px; display: block; height: 29px; font-size: 14px; text-decoration: none; color: #0085b8; }
			#menuCntr li a:hover, #menuCntr li.selected a { color: #26afff; background: url('../images/menuHBg.gif') repeat-x; cursor:pointer;}
			
			/* ### BRIEF BOX ### */
			.briefBox { width: 208px; height: 123px; background: url('../images/briefBg.gif') no-repeat; }
			.briefBox h2 { padding: 5px 0px 5px 10px; font-size: 20px; font-weight: normal; color: #fff; }
			.briefBox fieldset { padding: 10px 25px 0px 0px; overflow: hidden; width: 183px; border: 0px; }
			.briefBox input.field { padding: 1px; float: right; width: 154px; height: 16px; font-size: 14px; border: 1px solid #099fcf; background: #fff; }
			.briefBox input.submit { margin-top: 8px; float: right; width: 140px; font-size: 16px; color: #0099ca; height: 22px; border: 0px; background: url('../images/submitBg.gif') no-repeat right; }
		
 		/* ### RIGHT CONTAINER ### */
		#rightCntr { padding-top: 19px; float: right; width: 771px; }
		
			/* ### INTRO CONTAINER ### */
			#introCntr { float: left; overflow: hidden; width: 505px; background: url('../images/introBg.gif') repeat-y; }
			#introCntr div.top { background: url('../images/introTop.gif') no-repeat top; }
			#introCntr div.bottom { padding: 10px; position: relative; overflow: hidden; width: 485px; background: url('../images/introBottom.gif') no-repeat bottom; }
			#introCntr h1  { padding-left: 6px; display: block; height: 40px; line-height: 30px; font-size: 20px; font-weight: normal; color: #0099ca; margin-bottom:10px; }
			#introCntr h2  { padding: 0px; display: block; height: 40px; line-height: 26px; font-size: 16px; font-weight: bold; color: #0099ca; margin-bottom:6px; }
			#introCntr div.pic { float: left; width: 334px; margin-top:0px; border:0px solid; }
			#introCntr div.pic img { float: left; max-width: 144px; border:0px solid #CCCCCC; margin-bottom:10px;}
			#introCntr div.pic img.thumb { float: left; width: 80px; margin:4px; border:1px solid #CCCCCC;}
			#introCntr div.pic img { float: left; width: 120px; margin:4px; border:1px solid #F7F7F7; padding:2px;} 
			#introCntr div.pic img.loep { float: right; width: 22px; margin-bottom:14px; border:0px;} 
			#introCntr div.text { padding-top: 0px; margin-right:7px;float: right; width: 472px; margin-bottom:97px; line-height:20px}
			#introCntr div.text img.main{  margin-top: 0px; margin-right:10px; margin-bottom:10px; float: left; border:1px solid #EFEFE2; padding:1px; width:230px}
			#introCntr div.text ul{ list-style:inside;}
			#introCntr div.long { margin-left:6px;padding-top: 5px; float: left; width: 470px; text-align:justify; margin-bottom:10px;}
			#introCntr div.text a { color: #0085b8; }
			#introCntr div.text a:hover { text-decoration: none; }
			
			#introCntr div.normalPrice { float:right; position: absolute; bottom: 76px; right: 5px; width: 125px; height: 70px; border:1px solid #A8DFFF; border-right:none; text-align:right; color: #CF7478; }
			#introCntr div.normalPrice p { padding:0px 5px 5px 5px; }
			#introCntr div.normalPrice p span { font-size: 25px; font-weight: bold;  text-decoration:line-through; }
			
			#introCntr div.prijs { float:right; position: absolute; bottom: 6px; right: 5px; width: 154px; height: 97px; background: url('../images/prijs2Bg.gif') no-repeat; }
			#introCntr div.prijs a p{ padding: 0px 0px 0px 20px; position: absolute; top:25px; line-height:35px;  font-size: 35px; font-weight: bold; color: #238345; text-decoration:none; }
			#introCntr div.prijs a span{ padding-left: 55px; position: absolute; bottom: 0px; display: block; width: 98px; height: 30px; line-height: 30px; font-size: 18px; text-decoration: none; color: #238345; }
			#introCntr div.prijs a span.ourPrice { position: absolute; top: 0px; left:20px; font-size: 12px; padding-left:0px; }			
			#introCntr div.prijs a:hover p, #introCntr div.prijs a:hover span{ text-decoration: underline;cursor:pointer;  }
			
			/* ### WW CONTAINER ### */
			#wwCntr { margin-right: 21px; float: right; display: inline; width: 227px; background: url('../images/wwBg.gif') no-repeat; }
			#wwCntr span { padding-left: 50px; display: block; height: 45px; line-height: 40px; font-size: 20px; font-weight: normal; color: #fff; }
			#wwCntr ul { padding: 0px 20px 0px 20px; overflow: hidden; width: 187px; list-style: none; }
			#wwCntr li { float: left;  line-height: 22px; font-size: 16px; color: #fff; }
			#wwCntr li.right { float: right; }
			#wwCntr div.box { width:205px; padding: 10px; border: 1px solid #94d1f0; background: #fff; float:left; position:relative; }
			#wwCntr div.buttons { padding: 8px; overflow: hidden; width: 211px; border-top: 1px solid #fff; background: #a0dcff; }
			#wwCntr div.buttons a { margin-left: 14px; display: block; float: left; width: 86px; height: 24px; line-height: 24px; text-align: center; font-size: 16px; text-decoration: none; color: #fff; background: #0085b8; cursor:pointer; }
			
			/* ### PRO CONTAINER ### */
			#proCntr { padding-top: 15px; overflow: hidden; width: 755px; }
			#proCntr h3 { margin-bottom: 19px; padding-left: 10px; display: block; height: 34px; line-height: 34px; font-size: 18px; font-weight: normal; color: #fff; background: url('../images/titleBg.gif') repeat-x; }
			#proCntr h3 a { color:#FFFFFF; }
			#proCntr div.last { margin-right: 0px; }
			
				/* ### PRO BOX ### */
				.proBox { margin: 0px 19px 19px 0px; padding: 10px; float: left; position: relative; overflow: hidden; width: 348px; height: 204px; background: url('../images/proBg.gif') no-repeat; }
				.proBox h2 { display: block; height: 35px; font-size: 18px; font-weight: normal; color: #0099ca; }
				.proBox div.pic{ padding: 5px 0px 0px 20px; float: left; position: relative; width: 148px; border:0px solid }
				.proBox div.pic a { position: absolute; top: 120px; right: 10px; }
				.proBox div.pic a.product { position: relative; top: 5px; padding: 0px; float: left; width: 148px; }
				.proBox div.pic a.product img{ max-height:140px; max-width: 148px; }
				.proBox div.text { padding-top: 8px; float: right; width: 180px; }
				.proBox div.text p { padding-bottom: 11px; line-height: 16px; }				
							
				.proBox div.prijs { float:right; position: absolute; bottom: 6px; right: 5px; width: 115px; height: 73px; background: url('../images/prijsBg.gif') no-repeat;}
				.proBox div.prijs p.normalPrice { position:relative; font-size:11px; color: #CF7478; font-weight:normal; padding:0px 0px 0px 5px; text-decoration:none; }
				.proBox div.prijs p.ourPrice { color: #0085b8; }
				.proBox div.prijs p.normalPrice span { font-size:11px; text-decoration:line-through; position:relative; float:none; margin-right:0px; top:0px; }
				.proBox div.prijs p { padding: 0px 0px 0px 20px; position: relative; font-size: 24px; font-weight: bold; color: #0085b8; }
				.proBox div.prijs p span { position: absolute; font-size: 15px; }
				.proBox div.prijs a { position: absolute; bottom: 0px; display: block; width: 115px; height: 73px; line-height: 22px; font-size: 14px; text-decoration: none; color: #0099ca; }
				.proBox div.prijs a:hover { text-decoration: underline; }
				.proBox div.prijs a:hover p.normalPrice { text-decoration:none; }
				.proBox div.prijs a span { position: relative; top: 6px; float:right; margin-right:10px; cursor:pointer; }
				
	/* ### FOOTER CONTAINER ### */
	#footerCntr { width: 1000px; height: 58px; line-height: 50px; font-size: 12px; text-align: center; border-top: 1px solid #e3e3e3; }
	table.winkelmand{ border:0px; width:480px;}
	table.winkelmand tr{ height:26px; padding:2px;}
	table.winkelmand tr td{ padding-left:10px; padding-right:10px;}
	table.winkelmand tr.top{ background: #D8EAF1; color:#666666; height:26px; padding:5px;}
	table.winkelmand input{width:40px; border:1px solid #666666;}
	table.winkelmand input.submit, input.submit{width:160px; background-color: #E2E2E2; border:1px solid #666666; cursor:pointer}
	table.winkelmand input.submit_big, input.submit_big{width:160px; background-color: #E2E2E2; font-size:14px; font-weight:bold; border:1px solid #666666; cursor:pointer}
		
	#wwCntr div.winkelmandje {  color:#000000; float:left; position:relative;}
	#wwCntr div.winkelmandje ul{float:left; position:relative;  margin:0px; padding:0px; color:#000000; border-bottom:1px solid; width:205px}
	#wwCntr div.winkelmandje ul li { font-size: 11px; color: #333333; width:170px; float:left; position:relative;}
	#wwCntr div.winkelmandje_total ul{ margin:0px; padding:0px; color:#000000; width:205px; float:left; position:relative; }
	#wwCntr div.winkelmandje_total li { width:170px;  font-size: 11px; color: #333333; float:left; position:relative; }
	#wwCntr div.winkelmandje li.right { font-size: 11px; color: #333333;  width:35px; float:left;}
	#wwCntr div.winkelmandje_total li.right { font-size: 11px; color: #333333;  width:35px;}