@charset "utf-8";
/* CSS Document */

html, body { font-family: "Calibri", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; text-align: center;	
	   background: url(../images/pattern.jpg); height: 100%; margin: 0px auto;}

/* algemene layout */
 h1{color: #245272; font-size: 16px;}		
 h2{color: #4b4b4b; font-size: 15px;}
 h3{color: #839935; font-size: 14px;}	
 h4{color: #245272; font-size: 13px;}
 p{color: #000; font-size: 13px; text-align:justify;}
 a{color: #000; text-decoration: none; font-weight: bold;}
 a:hover{color: #839935;}
 
 
 /* images */
.construction{width: 960px; height:137; margin: 0px auto; padding:0px; margin-top: 5px; text-align:center;  border: 1px solid #cecaca; }
 img.pic_left{float:left; margin: 0px 20px 20px 0px;}
 img.pic_right{float:right; margin:0px 0px 20px 20px;} 
 img.insutel { margin-left:10px;}
 
/* divs */
 .container{width: 960px; min-height: 100%; height: 100%; margin: 0px auto;padding: 0px; text-align:left;}
	 .top{width: 960px; height: 75px; margin: 3px 0px; padding: 0px; border: 1px solid #cecaca; background: #FFF; overflow: hidden;}
	 	.logo{float: left; width: 250px; height: 75px;}
			.logo img{padding: 10px 0px 0px 10px;}
		.secnav{float: left; text-align: right; width: 710px; height: 70px; padding: 0px; margin: 0px;}
			.secnav p{text-align: right; }
			.taal{height: 30px; text-align: right; overflow: hidden;}
				.taal p{color: #1b415b; padding-right: 5px; padding-top:5px;}
				.taal a{color: #a0a0a0; text-decoration: none; font-weight: bold;}
				.taal a:hover{color: #1b415b;}
			.but{height: 30px; width: 315px; margin: 0px; padding:12px 0px 2px 0px; float: right; text-align:right; overflow: hidden;}
				.but a{height: 27px; width: 100px; background: #ebebeb; border: 1px solid #cecaca; float: left; 
				       text-align: center; margin-left: 3px; color: #000; text-decoration:none; padding-top: 5px;}
				.but a:hover{background: #808080; color:#FFF;}
	 .animatie{width: 960px; height: 200px; margin: 3px 0px; padding: 0px; border: 1px solid #cecaca; background: #FFF;}
	 .navigatie{width: 960px; height: 40px; margin: 3px 0px; padding: 0px; border: 1px solid #cecaca; background: #FFF;}
		.navigatie li.navi{border-right: 1px solid #1b415b; margin-top:2px;}
		.navigatie li.navi2{border-bottom: 1px solid #1b415b;}		
		.navigatie li.navi3{margin-top:2px;}				
 .content{width: 960px; height: 100%; min-height: 600px; height:auto; margin: 3px 0px; 
 		  padding: 0px; border: 1px solid #cecaca; background: #FFF; }
	 .contentleft{float: left; width: 630px; height: 100%; padding: 20px 0px 0px 0px; margin: 0px;}
	 	.article{background: url(../images/gradient_article.jpg) repeat-x; width: 600px; clear: both; margin: 20px 10px 20px 10px; padding: 0px;}
			.article h1{background: #FFF; border-bottom: 1px solid #1b415b; text-transform:uppercase; letter-spacing: 1px; 
			height: 20px; padding: 2px 5px 2px 10px; clear: both;}
			.article h2{padding: 2px 5px 2px 10px;}
			.article h3{padding: 2px 5px 2px 10px;}			
			.article p{padding: 2px 10px 2px 10px;}
			.project{float: left; width: 45%; padding: 10px;}
				.project img{border: 3px solid #dddddd;}
	 .contentright{float: left; width: 330px; height: 100%; padding: 20px 0px 0px 0px; margin: 0px;}
	 	.article2{margin: 0px 10px 40px 10px; padding: 0px;}
			.article2 h1{color: #839935; border-bottom: 1px solid #839935; text-transform:uppercase; letter-spacing: 1px; 
			height: 20px; padding: 2px 5px 2px 10px;}
			.article2 p{color: #1b415b; padding: 2px 5px 2px 10px; text-align: justify;}
			.article2 img{float: right; margin-left: 10px; border: 3px solid #CCC;}
	 	.article3{margin: 0px 10px 40px 10px; padding: 0px; border: 1px solid #839935; border-top: none;}
			.article3 h1{color: #FFF; background: #839935; text-transform:uppercase; letter-spacing: 1px; height: 30px; padding: 2px 5px 2px 10px;}
			.article3 h2{padding: 2px 5px 2px 10px;}
			.article3 p{color: #1b415b; padding: 2px 10px 2px 10px; text-align: justify;}
 .clearer{clear: both; float: none; overflow: hidden;}
 .crmgroup{width: 960px; height: 265px; margin: 3px 0px; padding: 0px; border: 1px solid #cecaca; background: #FFF; text-align: center;}
 .crmgroup2{width: 960px; height: 265px; margin: 3px 0px; padding: 0px; padding-top:10px; border: 1px solid #cecaca; background: #FFF; text-align: center;}
 	.crm{width: 305px; float: left; margin: 5px;}
	.crm h2{background: #e6e4e4; text-transform: uppercase;}
	.crm ul{list-style: none;  text-align:left; padding: 0px; margin: 0px;}
	.crm li{margin: 10px 0px 0px 80px; padding: 0px; border-bottom: 1px solid #cecaca; width: 160px;}
	.crm a{text-transform: uppercase; color: #1b415b;}
	.crm a:hover{background: #839935; color: #FFF;}
 .crmadres{width: 960px; height: 35px; margin: 3px 0px; padding: 0px; border: 1px solid #cecaca; background: #1b415b; overflow: hidden;}
 	.crmadres p{color: #FFF; text-transform: uppercase; text-align: center; padding-top: 5px;}
 .keywords{width: 960px; height: 150px; margin: 3px 0px; padding: 0px; border: 1px solid #cecaca; background: #FFF;}
 	.keywords h1{color: #666; padding: 15px 0px 0px 15px;}
	.keywords p{color:#b5b3b3; padding: 0px 30px 0px 15px;}
	.keywords a{color: #b5b3b3;}
	.keywords a:hover{color: #839935;}
	.keywords a.sizeS { font-size: 110%; }
	.keywords a.sizeM { font-size: 130%; }
	.keywords a.sizeL { font-size: 150%; }
	.keywords a.sizeXL { font-size: 180%; }