/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Verdana; font-size: 11px; color: #5f5f5f; }
input, select, textarea { font-family: Verdana; font-size: 11px; color: #5f5f5f; }
body { background: #fff; }
img { border: 0px; display: block; }

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

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; width: 980px; }
	
	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 980px; height: 104px; background: url('../images/headerBg.gif') no-repeat; }
	
		/* ### TOP CONTAINER ### */
		#topCntr { position: absolute; top: 10px; right: 0px; width: 980px; }
		#topCntr ul { overflow: hidden; width: 980px; list-style: none; }
		#topCntr li { float: right; display: inline; }
		#topCntr li a { padding: 0px 3px 0px 3px; text-decoration: none; color: #747474; }
		#topCntr li a:hover { text-decoration: underline; }
	

		/* ### MENU CONTAINER ### */
		#menuCntr { position: absolute; bottom: 0px; left: 0px; width: 1000px; height: 28px; background: url('../images/menuBg.gif') repeat-x; }
		#menuCntr ul { overflow: hidden; width: 968px; height: 28px; list-style: none; }
		#menuCntr li { padding-right: 1px; float: left; display: inline; line-height: 28px; background: url('../images/menuLi.gif') no-repeat right; }
		#menuCntr li a { padding: 0px 20px 0px 20px; display: block; float: left; height: 28px; line-height: 28px; text-decoration: none; color: #fff; }
		#menuCntr li a:hover, #menuCntr li.selected a { background: url('../images/menuHBg.gif') repeat-x; }

	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { padding: 10px 0px 10px 0px; overflow: hidden; width: 980px; }
	
		/* ### LEFT CONTAINER ### */
		#leftCntr { float: left; width: 264px; }
		
			/* ### LAATST BOX ### */
			.laatstBox { margin-bottom: 10px; width: 264px; }
			.laatstBox h2 { margin-bottom: 10px; height: 26px; line-height: 26px; text-indent: 10px; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #fff; background: #446d96; }
			.laatstBox div.product { margin-bottom: 5px; overflow: hidden; width: 264px; }
			.laatstBox div.pic { float: left; width: 70px; }
			.laatstBox div.pic img { border: 1px solid #eee; }
			.laatstBox div.text { float: right; width: 194px; }
			.laatstBox h4 { font-size: 11px; text-transform: uppercase; font-weight: bold; color: #9cc11c; }
			.laatstBox h4 a { text-decoration: none; color: #434343; }
			.laatstBox h4 a:hover { text-decoration: underline; }
			
			/* ### AD BOX ### */
			.adBox { margin-bottom: 10px; padding: 10px 0px 0px 15px; width: 249px; border-top: 1px solid #d9dedf; }
			
			/* ### LEUK BOX ### */
			.leukBox { margin-bottom: 10px; width: 264px; }
			.leukBox h2 { margin-bottom: 10px; height: 26px; line-height: 26px; text-indent: 10px; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #fff; background: #446d96; }
			.leukBox ul { list-style: none; }
			.leukBox li { padding-bottom: 11px; }
			.leukBox a { display: block; text-decoration: none; font-weight: bold; color: #9cc11c; }
			.leukBox a:hover { text-decoration: underline; }
			
			/* ### BRIEF BOX ### */
			.briefBox { margin-bottom: 10px; width: 264px; }
			.briefBox h2 { margin-bottom: 10px; height: 26px; line-height: 26px; text-indent: 10px; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #fff; background: #446d96; }
			.briefBox fieldset { padding-top: 10px; overflow: hidden; width: 264px; border: 0px; }
			.briefBox input.field { padding: 2px; float: left; width: 170px; height: 17px; border: 2px solid #edf4f5; background: #fff; }
			.briefBox input.submit { padding-bottom: 2px; float: right; width: 74px; height: 24px; border: 0px; font-size: 13px; text-transform: uppercase; font-weight: bold; color: #fff; cursor: pointer; background: url('../images/submitBg.gif') no-repeat; }
		
		/* ### RIGHT CONTAINER ### */
		#rightCntr { float: right; width: 700px; }
		
			/* ### RTOP CONTAINER ### */
			#rtopCntr { position: relative; width: 700px; }
			
				/* ### IMAGE BOX ### */
				.imageBox { width: 446px; }
				
				/* ### ZOEK BOX ### */
				.zoekBox { position: absolute; top: 0px; right: 0px; width: 250px; }
				.zoekBox h2 { font-size: 10px; font-weight: bold; text-transform: uppercase; color: #9cc11c; }
				.zoekBox fieldset { padding-top: 10px; overflow: hidden; width: 250px; border: 0px; }
				.zoekBox input.field { padding: 2px; float: left; width: 160px; height: 17px; border: 2px solid #edf4f5; background: #fff; }
				.zoekBox input.submit { padding-bottom: 2px; float: right; width: 74px; height: 24px; border: 0px; font-size: 13px; text-transform: uppercase; font-weight: bold; color: #fff; cursor: pointer; background: url('../images/submitBg.gif') no-repeat; }
				
				/* ### TOP BOX ### */
				.topBox { padding: 5px; position: absolute; bottom: 0px; right: 0px; width: 236px; border: 2px solid #edf4f5; }
				.topBox h4 { font-size: 18px; font-weight: bold; text-transform: uppercase; color: #60ace2; }
				.topBox h2 { padding-bottom: 8px; font-size: 10px; font-weight: bold; text-transform: uppercase; color: #9cc11c; }
				.topBox div.pic { float: left; width: 85px; }
				.topBox div.text { padding-top: 10px; float: right; width: 145px; }
				.topBox div.text a { margin-top: 10px; padding-top: 5px; display: block; text-align: right; font-weight: bold; text-decoration: none; color: #ba323b; border-top: 1px solid #5f5f5f; }
				.topBox div.text a:hover { text-decoration: underline; }
			
			/* ### PRODUCT CONTAINER ### */
			#productCntr { padding-top: 10px; position: relative; overflow: hidden; width: 700px; }
			#productCntr a.button { position: absolute; top: 10px; right: 0px; display: block; width: 53px; height: 339px; text-indent: -9999px; background: url('../images/meer.gif') no-repeat; }	
			
				/* ### PRODUCT BOX ### */
				.productBox { margin: 0px 10px 10px 0px; padding: 5px; float: left; display: inline; width: 300px; height: 150px; border: 2px solid #edf4f5; }
				.productBox h4 { padding-bottom: 20px; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #60ace2; }
				.productBox h2 { font-weight: normal; color: #9cc11c; }
				.productBox p { padding-bottom: 11px; }
				.productBox div.pic { padding-top: 20px; float: left; width: 85px; }
				.productBox div.text { padding-top: 10px; float: right; width: 190px; }
				.productBox div.text a { margin-top: 10px; padding-top: 5px; display: block; text-align: right; font-weight: bold; text-decoration: none; color: #ba323b; border-top: 1px solid #5f5f5f; }
				.productBox div.text a:hover { text-decoration: underline; }
			
			/* ### BANNER BOX ### */
			.bannerBox { margin-bottom: 10px; width: 700px; }
			.bannerBox img { margin-left: 120px; }
			
			/* ### LOGIN CONTAINER ### */
			#loginCntr { margin-bottom: 10px; padding-right: 63px; position: relative; overflow: hidden; width: 637px; }
			#loginCntr a.button { position: absolute; top: 0px; right: 0px; display: block; width: 53px; height: 261px; text-indent: -9999px; background: url('../images/verkopen.gif') no-repeat; }	
			
				/* ### LOGIN 1 BOX ### */
				.login1Box { float: left; width: 314px; height: 261px; }
				.login1Box h2 { margin-bottom: 10px; height: 26px; line-height: 26px; text-indent: 10px; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #fff; background: #446d96; }
				.login1Box fieldset { position: relative; border: 0px; }
				.login1Box label { display: block; line-height: 24px; color: #e28c1d; }
				.login1Box input.field { padding: 2px; display: block; width: 200px; height: 17px; border: 2px solid #edf4f5; background: #fff; }
				.login1Box input.submit { padding-bottom: 2px; position: absolute; top: 50px; right: 0px; width: 74px; height: 24px; border: 0px; font-size: 13px; text-transform: uppercase; font-weight: bold; color: #fff; cursor: pointer; background: url('../images/submitBg.gif') no-repeat; }
				
				/* ### LOGIN 2 BOX ### */
				.login2Box { float: right; width: 314px; height: 261px; }
				.login2Box h2 { margin-bottom: 10px; height: 26px; line-height: 26px; text-indent: 10px; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #fff; background: #446d96; }
				.login2Box h4 { padding-bottom: 5px; font-size: 12px; font-weight: bold; color: #9cc11c; }
				.login2Box p { padding-bottom: 11px; }
	
	/* ### FOOTER CONTAINER ### */
	#footerCntr { width: 980px; height: 110px; background: #eee; }
	#footerCntr div.text { padding: 20px 0px 0px 10px; float: left; width: 400px; }
	#footerCntr p { padding-left: 5px; }
	#footerCntr div.text ul { overflow: hidden; width: 400px; list-style: none; }
	#footerCntr div.text ul li { float: left; display: inline; }
	#footerCntr div.text ul li a { padding: 0px 5px 0px 5px; text-decoration: none; color: #5f5f5f; }
	#footerCntr div.text ul li a:hover { text-decoration: underline; }
	#footerCntr div.ads { margin-top: 10px; float: right; width: 350px; border-left: 1px solid #b0b0b0; }
	#footerCntr div.ads ul { padding: 25px 0px 25px 0px; overflow: hidden; width: 320px; list-style: none; }
	#footerCntr div.ads li { margin-left: 10px; float: right; display: inline; }