/* ################################################## */
/*  Clear Communications                    */
/*  Peter Boiten                              */
/* ################################################## */

/* ### 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; }

h1 {font-size:14px;
color:#95c94a;
}

/* ### 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: 980px; height: 32px; background: #8acc37; }
		#menuCntr ul { padding-left: 10px; overflow: hidden; width: 970px; list-style: none; }
		#menuCntr li { float: left; display: inline; height: 32px; line-height: 32px; font-size: 12px; font-weight: bold; color: #fff; }
		#menuCntr li a { padding: 0px 5px 0px 5px; text-decoration: none; color: #fff; }
		#menuCntr li a:hover, #menuCntr li.selected a { text-decoration: underline; }
	
	/* ### 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: #acd078; }
			.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: #2e2e2e; }
			.laatstBox h4 a { text-decoration: none; color: #2e2e2e; }
			.laatstBox h4 a:hover { text-decoration: underline; }
/* ### ZOEK BOX ### */
				.zoekBox { 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; }
							

			/* ### 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: #acd078; }
			.leukBox ul { list-style: none; }
			.leukBox li { padding-bottom: 11px; }
			.leukBox a { display: block; text-decoration: none; font-weight: bold; color: #2e2e2e; }
			.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: #9cc11c; }
			.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; }


/* #### provider ### */

		.providers th {
			font-size:14px;
			font-color: ;

			}
			
				
		
			/* ### RTOP CONTAINER ### */
			#rtopCntr { position: relative; width: 700px; }
			
				/* ### IMAGE BOX ### */
				.imageBox { width: 446px; }

/**
 * box large
 */
div.box_large {
	border: 1px solid #DBE4ED;
	
	background-repeat: repeat-y;
	background-position: left;
	width: 500px;
}

div.box_large h2 {
	padding-left: 6px;
	font-size: 30px;
color: #95c94a; 
}

div.box_large table {
	border-top: 1px solid #FFF;
	width: 100%;
	margin: 0px;
}

div.box_large td {
	padding: 8px;
	border-bottom: 1px solid #FFF;
}

div.box_large td.border_left {
	border-left: 1px solid #FFF;
}

div.box_large td.no_border_bottom {
	padding-left: 9px;
	border-bottom: 0px solid #FFF;
}

input.text {
	width: 144px;
	height: 17px;
	border: 1px solid #B8BFD8;
	padding-left: 1px;
	padding-top: 1px;
	vertical-align: bottom;
}

input.submit {
	background-image: url(../images/submit.png);
	background-repeat: no-repeat;
	width: 96px;
	height: 22px;
	border: 0px;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	vertical-align: bottom;
}
				
				
				/* ### TOP BOX ### */
				.topBox { padding: 5px; position: absolute; bottom: 0px; right: 0px; width: 180px;
height:212px;				
 border: 1px solid #DBE4ED; }
				.topBox h4 { font-size: 18px; font-weight: bold; text-transform: uppercase; color: #2e2e2e; }
				.topBox h2 { padding-bottom: 8px; font-size: 9px; font-weight: normal;  color: #2e2e2e; }
				.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: #2e2e2e; border-top: 1px solid #DBE4ED; }
				.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: 1px solid #DBE4ED; }
				.productBox h4 { padding-bottom: 20px; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #2e2e2e; }
				.productBox h2 { font-weight: normal; color: #34a6c8; }
				.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: #34a6c8; border-top: 1px solid #DBE4ED; }
				.productBox div.text a:hover { text-decoration: underline; }
			

/* ### Foto BOX ### */
				.productBoxfoto { margin: 0px 10px 10px 0px; padding: 5px; float: left; display: inline; width: 150px; height: 150px; border: 1px solid #DBE4ED; }
				.productBoxfoto h4 { padding-bottom: 20px; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #2e2e2e; }
				.productBoxfoto h1 { font-weight: normal; color: #34a6c8; }
				.productBoxfoto p { padding-bottom: 11px; }
				.productBoxfoto div.pic { padding-top: 20px; float: center; width: 150px; }
				.productBoxfoto div.text { padding-top: 10px; float: right; width: 150px; }
				.productBoxfoto div.text a { margin-top: 10px; padding-top: 5px; display: block; text-align: right; font-weight: bold; text-decoration: none; color: #34a6c8; border-top: 1px solid #DBE4ED; }
				.productBoxfoto 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: #e28c1d; }
				.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: #9cc11c; }
				.login2Box h4 { padding-bottom: 5px; font-size: 12px; font-weight: bold; color: #9cc11c; }
				.login2Box p { padding-bottom: 11px; }
	
	/* ### FOOTER CONTAINER ### */
	#footerCntr { width: 980px; height: 80px; 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: 15px 0px 15px 0px; overflow: hidden; width: 320px; list-style: none; }
	#footerCntr div.ads li { margin-left: 10px; float: right; display: inline; }