@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;}
 h5 { text-align:right;}
 h6 { font-weight:bold; font-size:16px; color:#245272;}
 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:160px; 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.pic_none{float:none; margin:10px 0px 10px 50px;}  
 
/* divs */
 .container{width: 960px; min-height: 100%; height: 100%; margin: 0px auto;padding: 0px; text-align:left;}
	 .top{width: 960px; height: 100px; margin: 3px 0px; padding: 0px; border: 1px solid #cecaca; background: #FFF; overflow: hidden;}
	 	.logo{float: left; width: 250px; height: 100px;}
			.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: 50px; 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: 50px; width: 530px; margin: 0px; padding:0px 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: 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{ line-height:15px; border-right: 1px solid #1b415b; margin-top:2px;}
		.navigatie li.navi2{border-bottom: 1px solid #1b415b;}
		.navigatie li.navi3{ line-height:15px; margin-top:2px;}			
 .content{width: 960px; height: 100%; min-height: 600px; height:auto; margin: 3px 0px; 
 		  padding: 0px; border: 1px solid #cecaca; background: #FFF; }
	 .contentbig{float: left; width: 960px; height: 100%; padding: 20px 0px 0px 0px; margin: 0px;}
	 .contentbig a{font-size: 13px;}
	 .contentbig a:hover{font-size: 15px; text-decoration: underline;}
	 
	.contentleft{float: left; width: 630px; height: 100%; padding: 20px 0px 0px 0px; margin: 0px;}
	 	.article{ width: 600px; clear: both; margin: 0px 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;}
			.article a{color: #5f5f5f;}

			.article5{ width: 940px; clear: both; margin: 0px 10px 20px 10px; padding: 0px;}
			.article5 h1{background: #FFF; border-bottom: 1px solid #1b415b; text-transform:uppercase; letter-spacing: 1px; 
			height: 20px; padding: 2px 5px 2px 10px; clear: both;}
			.article5 h2{padding: 2px 5px 2px 10px;}
			.article5 h3{padding: 2px 5px 2px 10px;}	
			.article5 p{padding: 2px 10px 2px 10px;}
			.article5 a{color: #5f5f5f;}			
		
		.article table.toestellen { float:right; margin:5px 0px 5px 10px;}

	 	.article4{ width: 600px; clear: both; margin: 20px 10px 20px 10px; padding: 0px;}
			.article4 h1{background: #FFF; border-bottom: 1px solid #1b415b; text-transform:uppercase; letter-spacing: 1px; 
			height: 20px; padding: 2px 5px 2px 10px; clear: both;}
			.article4 h2{padding: 2px 5px 2px 10px;}
			.article4 h3{padding: 2px 5px 2px 10px;}			
			.article4 p{padding: 2px 10px 2px 10px;}
			.article4 a{color: #5f5f5f;}


			.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 10px 10px; padding: 0px; background: #f4f4f4;}
			.article2 h1{background: #FFF; color: #839935; border-bottom: 1px solid #839935; text-transform:uppercase; letter-spacing: 1px; 
			height: 20px; padding: 2px 5px 2px 10px;}
			.article2 h5 { padding:0px;}
			.article2 p{color: #1b415b; padding: 2px 5px 2px 10px; text-align: justify;}
			.article2 img{float: right; margin-left: 10px; border: 3px solid #CCC;}
			.article2 ul{color: #1b415b; }

	 	.wistudat {margin: 0px 10px 10px 10px; padding: 0px; background: #f4f4f4;}
			.wistudat h1{background: #1b415b; color:#FFF; text-transform:uppercase; letter-spacing: 1px; 
			height: 20px; padding: 2px 5px 2px 10px;}
			.wistudat h5 { padding:0px; color:#000;}
			.wistudat p{color: #1b415b; padding: 0px 10px; text-align: justify; font-weight:bold;}
			.wistudat img{float: right; margin-left: 10px; border: 3px solid #CCC;}
		
		.roadshows { width:300px; height:100%; padding:0px; margin:0px; margin-left:20px; }
			
.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; margin:0px auto; padding: 0px; border: 1px solid #cecaca; background: #FFF; text-align: center; float:none; clear:both;}
 .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; text-align:left;}
	.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%; }	
	
	a.groen { color:#839935;}
	a.groen:hover{background: #1b415b; color: #FFF;}