/* ### GENERAL e1e1e1 ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 12px; color: #666666; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #666666; }
body { background: #ececec }
img { border: 0px; }
a { color: #0fb5e5; text-decoration: none; }

/* ### GLOBAL CLASSES ### */
.clear { clear: both; height: 0px; overflow: hidden; }

/* ### WRAPPER ### */
#wrapper { width: 100%; min-height: 100%; }

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 30px auto; width: 1130px; background-color:#ffffff; padding-left:20px; pdding-bottom:10px; padding-right:25px; }
#mainCntr #top { width: 1130px; }
#mainCntr #bottom { padding: 10px 23px 40px 0px; width: 1130px;  }

	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; z-index: 4; width: 1138px; height: 120px; margin-bottom:20px; }
	#headerCntr a.logo { margin: 25px 0px 0px 5px; float: left; display: block; overflow: hidden; width: 400px; height: 70px; text-indent: -9999px; background: url('../images/logonieuw2.gif') no-repeat; }

		/* ### ICON BOX ### */
		.iconBox { padding-right: 7px; float: right; }
		.iconBox ul { list-style: none; overflow: hidden; }
		.iconBox li { padding-left: 5px; float: left; }
		.iconBox li a { display: block; text-indent: -9999px; width: 14px; height: 14px; background: url('../images/rss-icon.gif') top left no-repeat;  }
		.iconBox li a.twitter { background: url('../images/twitter-icon.gif') top left no-repeat; }

		/* ### MENU CONTAINER ### */
		#menuCntr { margin-top: 25px; position: absolute; z-index: 5; top: 78px; left: 0px; height:28px; width: 1138px; background-color:#2a263e; }
		#menuCntr ul { padding-left: 11px; list-style: none; font-size:13px;  }
		#menuCntr li { padding-right: 38px; position: relative; float: left; display: inline; padding-top:6px; }
		#menuCntr li.last { padding-right: 0px; }
		#menuCntr li a { text-decoration: none; color: #ffffff; }
		#menuCntr li a.arrow { padding-right: 15px; background: url('../images/hover-arrow.gif') right no-repeat; }
		#menuCntr li a:hover { color: #3767a2; }
		#menuCntr ul ul { padding: 10px; position: absolute; top: 23px; left: 0px; z-index: 10; clear: both; display: none; width: 240px; background: url('../images/subBg.png'); }
		#menuCntr ul ul li { padding: 0px; font-size: 11px; float: none; display: block; height: 20px; line-height: 20px; border-bottom: 1px dotted #292726; }

	/* ### BANNER CONTAINER ### */
	#bannerCntr { overflow: hidden; position: relative; z-index: 2; height: 200px; width: 1138px; margin-top:20px; }
	#bannerCntr .flash { position: relative; z-index: 3; }

	/* ### CONTENT CONTAINER ### */
	#contentCntr { padding-top: 23px; overflow: hidden; width: 1138px; }

	
		/* ### LEFT CONTAINER ### */
		#leftCntr { float: right; width: 350px; }

			/* ### MENU BOX ### */
			.menuBox { width: 460px; float:left;     margin-bottom:5px;}
			.menuBox ul { list-style: none; width: 450px; float:left; margin-left:-10px; }
			.menuBox li {  height: 23px; margin-left:-20px; line-height: 23px; background: url('../images/menu-dottedbg.gif') bottom left repeat-x; }
			.menuBox li a { padding-left: 0px; width: 450px; color: #666666; font-size: 12px; display: block; text-decoration: none; }
			.menuBox li a:hover { text-decoration: underline; color: #00b0e3; }

.menuBox span {font-size:14px; font-weight:bold; margin-bottom:10px; margin-left:-10px;  }

			/* ### NEWSLETTER BOX ### */
			.newsletterBox {  width: 460px; }
			.newsletterBox span.title { padding-bottom: 7px; margin-left:10px; margin-bottom: 20px; display: block; border-bottom: 1px solid #ececec; font-size: 16px; color: #00b0e3; font-weight: normal; }
			.newsletterBox form { display: block; width:300px; }
			.newsletterBox fieldset { overflow: hidden; border: none; }
			.newsletterBox label { float: left; margin-left:10px; color: #ffffff; display: block; width: 60px; height: 22px; line-height: 22px; }
			.newsletterBox input.field { padding: 3px; margin-bottom: 10px; width: 219px; float: left; border: 1px solid #e1e1e1; height: 14px; background: #f5f5f5; }
			.newsletterBox input.versturen-button { margin-right: 0px; border: none; cursor: pointer; float: right; color: #fff; width: 111px; height: 17px; background: #00b0e3; }
			.achtergrond {height:30px; width:30px; margin-right:5px; background: url('../images/nieuwsachtergrond.gif') top left no-repeat; float:left;  }
			
			.newsletterBox li {background-image:url(../images/listitem.gif);
background-repeat:no-repeat;
background-position:0px 0px; 
padding-left:25px;
margin-left:-15px;  }
	.newsletterBox ul {list-style-type: none; margin-left:-10px;}
.categorieenbox ul {list-style-type: none; margin-left:-10px;}
.categorieenbox li {background-image:url(../images/listitem.gif);
background-repeat:no-repeat;
background-position:0px 0px; 
padding-left:30px;
margin-left:-15px; }

/* ### NEWSLETTER BOXklein ### */
			.newsletterkleinBox { padding-top: 15px; width: 200px; float:right;}
			.newsletterkleinBox span.title { padding-bottom: 7px; margin-bottom: 20px; display: block; border-bottom: 1px solid #ececec; font-size: 20px; color: #00b0e3; font-weight: normal; }
			.newsletterkleinBox form { display: block; }
			.newsletterkleinBox fieldset { overflow: hidden; border: none; }
			.newsletterkleinBox label { float: left; color: #000000; display: block; width: 60px; height: 22px; line-height: 22px; }
			.newsletterkleinBox input.field { padding: 3px; margin-bottom: 10px; width: 120px; float: left; border: 1px solid #e1e1e1; height: 14px; background: #f5f5f5; }
			.newsletterkleinBox input.versturen-button { margin-right: 20px; border: none; cursor: pointer; float: right; color: #fff; width: 111px; height: 17px; background: #3f6da5; }
			.newsletterkleinBox ul {list-style:none; margin-left:10px; }



/* ### diensten BOXklein ### */
			.dienstenkleinBox { padding-top: 15px; width: 200px; float:right;}
			.dienstenkleinBox span.title { padding-bottom: 7px; margin-bottom: 20px; display: block; border-bottom: 1px solid #ececec; font-size: 20px; color: #00b0e3; font-weight: normal; }
			.dienstenkleinBox form { display: block; }
			.dienstenkleinBox fieldset { overflow: hidden; border: none; }
			.dienstenkleinBox label { float: left; color: #3f6da5; display: block; width: 60px; height: 22px; line-height: 22px; }
			.dienstenkleinBox input.field { padding: 3px; margin-bottom: 10px; width: 120px; float: left; border: 1px solid #e1e1e1; height: 14px; background: #f5f5f5; }
			.dienstenkleinBox input.versturen-button { margin-right: 20px; border: none; cursor: pointer; float: right; color: #fff; width: 111px; height: 17px; background: #3f6da5; }




/* ### DEMO BOX ### */
			.demoBox { padding-top: 15px; width: 307px; text-align: center; }
			.demoBox p {text-align: left;  margin-bottom:10px; }
			.demoBox span.title { padding-bottom: 7px; margin-bottom: 20px; display: block; text-align: left; border-bottom: 1px solid #ececec; font-size: 16px; color: #00b0e3; font-weight: normal; }

		/* ### RIGHT CONTAINER ### */
		#rightCntr { float: left; width: 750px; padding-left:15px; }

			/* ### TEXT BOX ### */
			.textBox { width: 695px; }
			.textBox h1 { padding-bottom: 7px; margin-bottom: 20px; border-bottom: 1px solid #ececec; font-size: 20px; color: #00b0e3; font-weight: bold; }
			.textBox p { padding-bottom: 4px; line-height: 18px; }
			.textBox ul { padding-left: 25px; padding-bottom: 15px; width: 570px; list-style: none; }
			.textBox li { padding-left: 18px; line-height: 18px; background: url('../images/bullet.gif') left no-repeat; }
			.textBox li a { color: #666666; text-decoration: none; }
			.textBox li a:hover { text-decoration: underline; }
			.textBox h2 { padding-bottom: 7px; margin-bottom: 20px; margin-top:10px; border-bottom: 1px solid #ececec; font-size: 14px; color: #191919; font-weight: bold; }
.textBox h2 a { padding-bottom: 7px; margin-bottom: 20px; margin-top:10px; border-bottom: 1px solid #ececec; font-size: 14px; color: #191919; font-weight: bold; }



/* ### TEXT BOX ### */
			.textBox2 { width:695px; }
			.textBox2 h1 { padding-bottom: 7px; margin-bottom: 20px; border-bottom: 1px solid #ececec; font-size: 20px; color: #00b0e3; font-weight: bold; }
			.textBox2 p { padding-bottom: 3px; line-height: 18px; }
			
			.textBox2 h2 { padding-bottom: 7px; margin-bottom: 20px; margin-top:10px; border-bottom: 1px solid #ececec; font-size: 14px; color: #191919; font-weight: bold; }
.textBox2 h2 a { padding-bottom: 7px; margin-bottom: 20px; margin-top:10px; border-bottom: 1px solid #ececec; font-size: 14px; color: #191919; font-weight: bold; }


.textBox2 label { width:250px; height:20px;margin-right:250px; }
.textBox2 input { margin-right:250px; }










			.berichtafbeelding { float:right; width:200px; }


.menuextra {width:180px; float:right; margin-top:30px; }
.menuextra h2 { color: #3f6da5; font-size:15px;}

.dienst1 { width:280px; float:left; border-top:solid 1px #dedede; margin-right:10px; margin-bottom:10px;  }

.dienst1 img {float:left; width:100px;  }
.dienst1 a {float:right; color: #666666; }


.dienstengroot {  border-top:solid 1px #dedede; margin-right:10px; margin-bottom:10px;  }
.dienstengroot img {float:left; width:170px;  }
			/* ### SEVICE BOX ### */
			.serviceBox {  width: 670px; }
			.serviceBox ul { list-style: none; }
			.serviceBox li { padding: 15px 25px 15px 0px; border-bottom: 1px solid #ececec; overflow: hidden; width: 670px; }
			.serviceBox li img { margin-right: 25px; float: left; border: 1px solid #e2e2e2; }
			.serviceBox li p { line-height: 18px; }
			.serviceBox li span { padding-bottom: 7px; display: block; color: #3f6da5; font-weight: bold; }
			.serviceBox li.last { border: none; }

			/* ### SEVICE BOX ### */
			.serviceBoxartikelen {  width: 670px; }
			.serviceBoxartikelen ul { list-style: none; }
			.serviceBoxartikelen li { padding: 15px 25px 15px 0px; border-bottom: 1px solid #ececec; overflow: hidden; width: 570px; list-style: none; }
			.serviceBoxartikelen li img { margin-right: 25px; float: right; border: 1px solid #e2e2e2; list-style: none;}
			.serviceBoxartikelen li p { line-height: 18px; list-style: none;}
			.serviceBoxartikelen li span a { padding-bottom: 7px; display: block; color: #3f6da5; font-weight: bold; list-style: none; }
			.serviceBoxartikelen li.last { border: none; list-style: none; }
			
			/* ### COMMUNICATION BOX ### */
			#communicationBox { padding-top: 0px; width: 595px; list-style: none; }
			#communicationBox h1 { padding-bottom: 7px; margin-bottom: 10px; border-bottom: 1px solid #ececec; font-size: 20px; color: #a0a0a0; font-weight: normal; }
			#communicationBox h2 { font-size:18px; border:none; } 
				#communicationBox h2.a { text-decoration:none; } 
			#communicationBox p { padding-bottom: 13px; line-height: 18px; }
			#communicationBox ul { padding: 5px 0px 0px 18px; list-style: none; overflow: hidden; width: 288px; height: 22px; background: #f9f9f9; }
			#communicationBox li { padding-right: 7px; float: left; color: #a0a0a0; font-size: 11px; list-style: none;  }
			#communicationBox li a { display: block; text-indent: -9999px; list-style: none;  }
			#communicationBox li a.icon1 { width: 16px; height: 16px; background: url('../images/icon1.gif') top left no-repeat; list-style: none;  }
			#communicationBox li a.icon2 { width: 16px; height: 16px; background: url('../images/icon2.gif') top left no-repeat; list-style: none }
			#communicationBox li a.icon3 { width: 16px; height: 16px; background: url('../images/icon3.gif') top left no-repeat; list-style: none}
			#communicationBox li a.icon4 { width: 16px; height: 16px; background: url('../images/icon4.gif') top left no-repeat;  list-style: none}
			#communicationBox li a.icon5 { width: 16px; height: 16px; background: url('../images/icon5.gif') top left no-repeat; list-style: none }
			#communicationBox li a.icon6 { width: 16px; height: 16px; background: url('../images/icon6.gif') top left no-repeat; list-style: none }
			#communicationBox li a.mail { width: 19px; height: 18px; background: url('../images/mail-icon.gif') top left no-repeat; list-style: none; }
			#communicationBox li a.print { width: 19px; height: 18px; background: url('../images/print-icon.gif') top left no-repeat;  list-style: none; }
			#communicationBox li.first { padding-left: 7px; padding-right: 12px; }
			.achtergrond {height:30px; text-align:center; width:30px; color:#ffffff; margin-right:5px; background: url('../images/nieuwsachtergrond.gif') top left no-repeat; float:left;  }

			
			/* ### PRODUCT BOX ### */
			.productBox { padding-top: 35px; width: 563px; }
			.productBox span.title { padding-right: 15px; display: block; overflow: hidden; color: #3f6da5; font-size: 12px; border-bottom: 1px solid #ececec; }
			.productBox a.basis { margin-left: 7px; position: relative; top: 1px; display: block; float: right; width: 43px; height: 14px; line-height: 14px; font-weight: normal; color: #fff; text-decoration: none; font-size: 10px; text-align: center; background: #3f6da5; }
			.productBox ul { list-style: none; }
			.productBox li { height: 22px; width: 563px; overflow: hidden; line-height: 22px; background: url('../images/cms-dotted-bg.gif') bottom left repeat-x; }
			.productBox li a { color: #3f6da5; text-decoration: none; font-size: 11px; font-weight: bold; }
			.productBox li span { color: #666666 }
			.productBox li img { margin-top: 3px; margin-right: 77px; float: right; }
			.productBox li img.right-icon { margin-right: 28px;  }
			.productBox li.first { padding-left: 10px; width: 553px; }
			.productBox li a:hover { text-decoration: underline; }

	/* ### CMS CONTAINER ### */
	#cmsCntr { padding-left: 38px; padding-top: 38px; overflow: hidden; width: 1100px; }
	#cmsCntr .last { margin: 0px; }

		/* ### CMS BOX ### */
		.cmsBox { padding: 10px; margin-right: 38px; float: left; overflow: hidden; width: 244px; border: 1px solid #e1e1e1; }
		.cmsBox h3 { padding-bottom: 10px; padding-top: 15px; color: #3f6da5; font-size: 12px; }
		.cmsBox ul { padding-left: 6px; padding-bottom: 35px; width: 238px; list-style: none; }
		.cmsBox li { line-height: 21px; height: 21px; }
		.cmsBox li a { text-decoration: none; color: #666666; font-size: 11px; }
		.cmsBox a.meer { position: relative; right: 10px; display: block; float: right; text-decoration: none; color: #3f6da5; font-size: 11px; font-weight: bold; }
		.cmsBox a:hover { text-decoration: underline; }

	/* ### NEWS CONTAINER ### */
	#newsCntr { margin: auto; overflow: hidden; width: 1189px; }

		/* ### REFERENCE BOX  a0a0a0### */
		.referenceBox { width: 392px; float: left; margin-top:40px; }
		.referenceBox .top { width: 392px; }
		.referenceBox .bottom { padding: 18px 20px 18px 15px; overflow: hidden; width: 357px;  }
		.referenceBox span.title { padding-bottom: 7px; margin-bottom: 15px; display: block; border-bottom: 1px solid #ececec; font-size: 20px; color: #00b0e3; font-weight: normal; }
		.referenceBox ul { padding-bottom: 10px; width: 357px; list-style: none; overflow: hidden; }
		.referenceBox li { padding-right: 30px; float: left; border: 1px solid #ececec; margin-bottom:20px; margin-left:10px;  }
		.referenceBox a.meer { display: block; float: right; text-decoration: none; color: #0fb5e5; font-size: 11px; }
		.referenceBox a:hover { text-decoration: underline; }
		.referenceBox li.last { padding: 0px; }

		/* ### NEWS BOX ### */
		.newsBox { width: 730px; float: left; margin-top:40px; }
		.newsBox .top { width: 730px; }
		.newsBox .bottom { padding: 18px 14px 16px 20px; overflow: hidden; width: 730px;  }
		.newsBox span.title { padding-bottom: 7px; margin-bottom: 10px; display: block; border-bottom: 1px solid #ececec; font-size: 20px; color:#00b0e3; font-weight: normal; }
		
		
		.newsBox ul { padding-bottom: 20px; padding-left: 8px; width: 700px; list-style: none; overflow: hidden; }
		.newsBox li { padding-bottom: 10px; overflow: hidden; }
		.newsBox li span { padding-bottom: 7px; overflow: hidden; display: block; color: #000000; font-weight: bold; font-size:16px; line-height:24px; }
		.newsBox li span span { padding-bottom: 0px; float: right; font-size: 11px; color: #666666; font-weight: normal; }
		.newsBox li p { font-size: 11px; margin-left:30px; }
		.newsBox li a { text-decoration: none; color: #2a263e; font-weight: bold; }
		.newsBox a.meer { display: block; float: right; text-decoration: none; color: #00b0e3; font-size: 11px; }
		.newsBox a:hover { text-decoration: underline; }

	/* ### FOTOALBUMS ### */
	.fotoalbums .fotoalbum { width: 304px; }
	.fotoalbums .fotoalbum .fotoalbumName { text-align: center; line-height: 30px; }
	.fotoalbums .fotoalbum .fotoalbumThumb { border: 1px solid #666; padding: 1px; text-align: center; }

	/* ### FOOTER CONTAINER ### */
	#footerCntr { padding-top: 10px; padding-bottom: 20px; margin: auto; margin-top:60px; font-size: 10px; height:150px; background-color:#ebebeb; color: #5c5c5c; overflow: hidden; width: 1130px; }
	.underlink ul { list-style: none; overflow: hidden; width: 1189px; }
	.underlink li { list-style: none; padding: 0px 10px; float: left; background: url('../images/footer-sep.gif') right no-repeat; }
	.underlink li a { font-size: 10px; color: #5c5c5c; text-decoration: none; }
	#footerCntr li.last { background: none; }
	#footerCntr a { font-size: 10px; color: #5c5c5c; text-decoration: none; }
	#footerCntr a:hover { text-decoration: underline; }
	#footerCntr p { padding-left: 10px; padding-top: 10px; }
	#footerCntr span {font-size:14px;}