@charset "UTF-8";
	/* CSS Document */
	
	body {
	background: #610300 url(images/bg-top.gif) top left repeat-x; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding:0;
	margin: 0;
	
	}
	
	
	a, a:visited{
		color:#999;
		
		}
		
	img{
		border:none;}
	
	#all{
	width: 960px;
	margin: 0 auto;
	padding: 0;
	}
	#cont{
	width: 960px;
	margin: 0 auto;
	padding: 0;
	}
	
	h3{
	font-size:17px;
	font-weight: 100;
	text-transform: uppercase;
	margin-top:18px;
	margin-bottom: 10px;
	color: #FFF;
	
	}
	
	h3.right{
	
	text-align: right;
	}
	.clearer{clear:both;}
	
	/*header*/
	
	#header{
	
	}
	
	#header_right{
	float:left;
	width: 759px;
	height: 155px;;
	margin: 0;
	padding:0;
	}
	
	#menu{
	float:left;
	width:759px;
	height:27px;
	padding:0px;
	margin: 0px; 
	}
	
	#nav{
	float:left;
	list-style:none;
	padding:0px;
	margin: 0px; 
	width:759px;
	height:27px;
	
	
	}
	
	#nav li a span{
	display: none;
	}
	
	#nav li{
	float:left;
	display:inline-block;
	
	}
	
	#backmenu li a{
	float:left;
	text-decoration:none;
	font-size: 15px;
	margin-right:50px;
	color: #900;
	}
	
	#backmenu{
	float:left;
	list-style:none;
	padding:0px;
	margin: 5px 0 0 0; 
	width:759px;
	height:27px;
	}
	
	#backmenu li a span{
	display: none;
	}
	
	#backmenu li{
	float:left;
	display:inline-block;
	}
	
	#nav li a{
	float:left;
	
	}

	.b_nl a{
		float:right;
	background: url(images/nl.gif);
	width: 24px;
	height: 27px;
	
	}
	
	.b_en a{
		float:right;
	background: url(images/en.gif);
	width: 24px;
	height: 27px;
	}
	
			.b_nl a{
	margin-left:115px;
	}
	
		.b_nl a.fr{
	margin-left:55px;
	}
	
		.b_nl a.selected{
	margin-left:0px;
	}
	
		.b_nl a:hover,.b_nl a.selected{
	background: url(images/nl_h.gif);
	
	}
	
			.b_fr a{
			float:right;
	background: url(images/fr.gif);
	width: 24px;
	height: 27px;
	}
	
		.b_fr a:hover,.b_fr a.selected{
	background: url(images/fr_h.gif);
	
	}
	
	.b_en a:hover,.b_en a.selected{
	background: url(images/en_h.gif);
	}
	
	.b_home a{
	background: url(images/menu_03.gif);
	width: 82px;
	height: 27px;
	}
	
	.b_home a:hover, .b_home a.selected{
	background: url(images/menu_13.gif);
	}
	
	.b_acts a{
	background: url(images/menu_04.gif);
	width: 67px;
	height: 27px;
	
	}
	
	.b_acts a:hover,.b_acts a.selected{
	background: url(images/menu_14.gif);
	}
	
		.b_spec a{
	background: url(images/menu_22.gif);
	width: 116px;
	height: 27px;
	
	}
	
	.b_spec a:hover,.b_spec a.selected{
	background: url(images/menu_32.gif);
	}
	
	.b_projecten a{
	background: url(images/menu_05.gif);
	width: 105px;
	height: 27px;
	}
	
	.b_projecten a:hover,.b_projecten a.selected{
	background: url(images/menu_15.gif);
	}
	
	.b_bureau a{
	background: url(images/menu_06.gif);
	width: 105px;
	height: 27px;
	}
	
	.b_bureau a:hover,.b_bureau a.selected{
	background: url(images/menu_16.gif);
	}
	
	.b_agency a{
	background: url(images/menu_01.gif);
	width: 105px;
	height: 27px;
	}
	
	.b_agency a:hover,.b_agency a.selected{
	background: url(images/menu_11.gif);
	}
		
	.b_agence a{
	background: url(images/menu_23.gif);
	width: 93px;
	height: 27px;
	}
	
	.b_agence a:hover,.b_agence a.selected{
	background: url(images/menu_33.gif);
	}
	
	.b_nieuws a{
	background: url(images/menu_07.gif);
	width: 94px;
	height: 27px;
	}
	
	.b_nieuws a:hover,.b_nieuws a.selected{
	background: url(images/menu_17.gif);
	}
		
	.b_news a{
	background: url(images/menu_02.gif);
	width: 86px;
	height: 27px;
	}
	
	.b_news a:hover,.b_news a.selected{
	background: url(images/menu_12.gif);
	}
	
		.b_actualite a{
	background: url(images/menu_24.gif);
	width: 108px;
	height: 27px;
	}
	
	.b_actualite a:hover,.b_actualite a.selected{
	background: url(images/menu_34.gif);
	}
	
	.b_links a{
	background: url(images/menu_08.gif);
	width: 77px;
	height: 27px;
	}
	
	.b_links a:hover,.b_links a.selected{
	background: url(images/menu_18.gif);
	}
	
		.b_liens a{
	background: url(images/menu_25.gif);
	width: 75px;
	height: 27px;
	}
	
	.b_liens a:hover,.b_liens a.selected{
	background: url(images/menu_35.gif);
	}
	
	.b_contact a{
	background: url(images/menu_09.gif);
	width: 106px;
	height: 27px;
	}
	
	.b_contact a:hover,.b_contact a.selected{
	background: url(images/menu_19.gif);
	}
	
	.b_homefr a{
	background: url(images/menu_36.gif);
	width: 82px;
	height: 27px;
	}
	
	.b_homefr a:hover,.b_homefr a.selected{
	background: url(images/menu_37.gif);
	}
	
	#logo_left{
	float: left;
	background: #610300 url(images/logo-left.gif) top left no-repeat; 
	width: 201px;
	height: 155px;
	margin-left:0;
	}
	
	#logo_right{
	float: left;
	background: url(images/logo-right.gif) top right no-repeat; 
	width: 759px; 
	height: 128px;
	margin:0;
	}
	
	
	
	/* Main */
	
	#main{
	float: left;
	width: 825px; 
	
	margin-left:80px;}
	
	#main_left{
	float: left;
	width: 550px; 
	
	margin-left:80px;}
	
	#main_right{
	float: left;
	width: 235px; 
	
	margin-left:40px;}
	
	
	#banner{
	float:left;
	background:#FFF;
	height: 250px;
	width:540px;
	padding:2px;}
	

	
	#content{
	float:left;
	background: #EFEEE7;
	padding: 10px;
	margin-top: 15px;
	width:520px;
	border: 2px solid #FFF;}
	
	#content h3, .nieuws_item h3, #act_info h3{
		margin-top: 10px;
		color:#5f0300;
		}
	
		.nieuws_item{
	float:left;
	background: #EFEEE7;
	padding: 10px;
	margin-bottom: 15px;
	width:520px;
	border: 2px solid #FFF;}
	
			#nieuws a{
	
	text-decoration: none;
	}
	
	#nieuws ul{
	
	list-style: none;
	margin:0;
	padding:0;
	}
	
	#nieuws ul li{
	float: left;
	text-align: right;
	background: url(images/nieuws-item.gif);
	width: 235px;
	height: 80px;
	padding: 0;
	margin: 0 0 7px 0;
	}
	
	#nieuws ul li a{
		display:block;
		width: 235px;
	height: 80px;}
	
	.n_left{
	float: left;
	text-align: center;
	width: 38px;
	height: 60px;
	padding: 6px;
	padding-top: 14px;
	margin: 0;
	
	}
	
	.n_right{
	float: left;
	color: #FFF;
	text-align: left;
	font-size: 12px;
	width: 160px;
	height: 62px;
	padding: 10px;
	margin: 0;
	
	}
	
	.meer{
		color:#999;
		
		}
	.nummer{
		
		color:#ffdc17;
		font-size:22px;
		font-weight:600;
		}
			.maand{
		color:#FFF;
		text-transform:uppercase;
		font-size:15px;
		font-weight:600;
		
		}
		
	#nieuwsbrief{
	float: left;
	text-align: right;
	background: url(images/nieuwsbrief.gif);
	width: 235px;
	height: 150px;
	margin: 0;
	
	}
	
	#nbrief{
	float:left;
	padding:5px;
	color:#FFF;
	line-height: 21px;
	}
	
	#nbrief input{
	
	background: #5f0300;
	border: 0;
	width: 220px;
	color:#FFF;
		margin: 0 0 0 0;
		
	
	}
	
	#nbrief label{
	padding: 0;
	margin: 0;
	
	}
	
	#nbrief input.meld{
	background: url(images/meld_aan.gif);
	width: 88px;
	height: 18px;
	margin-top: 10px;
	margin-bottom:5px;
	}
	
		#nbrief input.scribe{
	background: url(images/subscribe.gif);
	width: 88px;
	height: 18px;
	margin-top: 10px;
	margin-bottom:5px;
	}
	
		#nbrief input.inscrivez{
	background: url(images/inscrivez.gif);
	width: 88px;
	height: 18px;
	margin-top: 10px;
	margin-bottom:5px;
	}
	
	#nbrief a, #nbrief a:visited{
	
		
		font-size: 13px;
		text-decoration: none;
		
		
		}
	
			/* ACT */
	
	#act_left{
	float: left;
	width: 430px; 
	
	margin-left:80px;}
	
	#act_right{
	float: left;
	width: 375px; 
	
	margin-left:20px;}
	
		#gallery{
	float:left;
	background:#FFF;
	height: 280px;
	width:420px;
	padding:2px;}
	
		#act_info{
	float:left;
	background:#FFF;
	min-height: 268px;
	width:358px;
	padding:8px;
	text-align: left}
	
			#thumb{
			margin:0;
			padding:0;
			
			list-style: none;
			}
			
				#thumb li{
			float:left;
			display: inline-block;
			
			}
			
			#thumb li a{
			float: left;
			width:100px;
			height: 67px;
			list-style: none;
			margin: 7px 7px 2px 0px;
			text-decoration:none;
			text-align:center;
			font-size:12px;
			color:#FFF;
			}
			
			#thumb li a:hover{

			}
			
			#thumb img{
			float: left;
			background: #000;
			width:100px;
			height: 67px;
			list-style: none;
			border: 1px solid #fff;
			}


	/* Contact */
	
	
		#contact_cont{
	float:left;
	background: #EFEEE7;
	padding: 15px;
	margin-bottom: 15px;
	width:510px;
	border: 2px solid #FFF;
	color:#000}
	
		#contact_form{
		
		}
		
	#contact_form label{
		float:left;
		padding:4px;
		width:200px;
		}
	
	#contact_form input{
		float:left;
		background:#CCC;
		border: none;
		padding:2px;
		margin:2px;
		width:250px;
		}
		
			#contact_form textarea{
		float:left;
		background:#CCC;
		border: none;
		padding:2px;
		margin:2px;
		width:250px;
		overflow: hidden;
		}
	
	
	#footer{
	float: left;
	width: 100%;
	height:40px;
	margin:40px 0 0 0;
	padding: 0;}
	
	#footer .line{
	float: left;
	background: #FC3;
	width: 100%;
	height:3px;
	}
	
	#foottekst{
	width:960px;
	margin: 0 auto;
	font-size:14px;
	}
	
	#footlinks{
	float:left;
	list-style: none;
	color: white;
	display:inline;
	width: 600px;
	padding:0;
	margin: 10px 0 0 80px;
	}
	
	#footlinks li{
	float:left;
	display:inline;
	margin-right: 50px;
	}
	
	#footlinks.fr li{
	float:left;
	display:inline;
	margin-right: 20px;
	}
	
		#copyright{
	float:right;
	text-align:right;
	color: white;
	width: 200px;
	margin: 10px 55px 0 0px;

	}
	
		#footlinks a{
	color: white;
	text-decoration: none;
	}
	
	#projecten{
	float: left;
	text-align: right;
	background: #6c0a00 url(images/v300.gif) repeat-x;
	width: 219px;
	min-height: 238px;
	margin: 0;
	padding: 8px;
	color: white;
		}
	
	
	/* bureau */
	
	#b_huub,#b_tanja{
	float: left;
	text-align: right;
	background: url(images/nieuwsbrief.gif);
	width: 219px;
	height: 134px;
	margin: 0;
	padding: 8px;
	
	}
	
	.b_text{
		float:right;
		width: 100px;
		height: 134px;
		margin-right:10px;
		color: white;
		}
		
		#b_huub img, #b_tanja img{
		float:right;
		width: 100px;
		height: 134px;
		}
		
		
		#overzicht{
			margin:0;
			padding:0;
			
			list-style: none;
			}
			
				#overzicht li{
			float:left;
			display: inline-block;
			
			}
			
				#overzicht li a{
					float: left;
					background: url(images/act-vak.gif);
					width:192px;
			height: 168px;
			list-style: none;
			margin: 8px 11px 0 0;
			text-decoration:none;
			text-align:center;
			font-size:12px;
			color:#FFF;
			}
			
				#overzicht li a:hover{
					float: left;
					background: url(images/act-vak-hover.gif);
			
			color:#FFF;
			}
			
					#overzicht img{
					float: left;
					background: #000;
					width:178px;
			height: 82px;
			list-style: none;
			margin: 12px 5px 12px 5px;
			border: 2px solid #fff;
			}
		
		.act_name{
		
			color:#ffdc17;
			margin-top: 20px;
			font-size:12px;
			}
		
		.video_titel{
			
			color:#FFF;
			font-size:13px;
			margin:10px 10px 0 0; 
			}
	
		#bread{
			float:left;
			padding-top:23px;
			padding-left:8px;
			color:#FFF;
			font-size:12px;
			text-decoration:none;	
			text-transform: lowercase;
			}
			
			#bread a{
			
			color:#FFF;
			font-size:12px;
			text-decoration:none;	
			}
			
			.act_titel{
				float:left;
				font-size:17px;
	font-weight: 100;
	text-transform: uppercase;
	padding-top:18px;
	margin-bottom: 10px;
	color: #FFF;
				
				}
				
						#contact{
				float:left;	
	color: #FFF;
	margin:0;
	padding:0px;
				
				}
	
	.project_li span{
		float:right;
		margin: 8px 8px 0 0px;
		border: none;
		
		}
		
			.project_li img{
		float:left;
		margin: 15px 8px 0 8px;
		border: 2px solid #FFF;
		
		}
				
				#video{
	float:left;
	background: #EFEEE7;
	padding: 50px 55px 40px 55px;
	color:#000;
	width:430px;
	border: 2px solid #FFF;}
	
	#video h3{
		
		color:#000;}
		
		
		#vids{
			margin:0;
			padding:0;
			
			list-style: none;
			}
			
				#vids li{
					
			float:left;
			display: inline-block;
			
			}
			
			#vids li a{
			float: left;
			background:url(images/video.gif) top left no-repeat;
			width:110px;
			height: 30px;
			list-style: none;
			margin: 15px 15px 15px 0px;
			text-decoration:none;
			text-align:left;
			font-size:12px;
			padding-left: 60px;
			color:#FFF;
			}
			
			.links_con{
						float:left;
			margin:0;
			padding:0;
			width:400px;
			list-style: none;
			}
			
					.linkjes{
						float:left;
			margin:0;
			padding:0;
			width:400px;
			list-style: none;
			}
			
				.linkjes li{
					
			float:left;
			display: inline-block;
			
			}
			
			.linkjes li a{
			float: left;
			list-style: none;
			margin: 0px;
			width: 350px;
			text-decoration:none;
			text-align:left;
			font-size:12px;
			padding: 3px 0 13px 2px;
			color:#FFF;
			}
		
		#stage label{
			
			color:white;
			padding: 5px 0 5px 0;
			
			}
			
			#bstage{
			float:right;
			display:block;
			color:white;
			padding: 5px 5px 5px 0;
			margin:8px 0 6px 0 ;
			border:none;
			}

#bstage a{
			text-decoration:none;
			color:#FFF;
			border:0px;
			}
#bstage img{
			
			color:white;
			border:0px;
			}
			
#cjp{
	float:right;
	margin: 15px 0px 0 0}