/*================================================================ Basics */

@font-face
{
	/* This declaration targets Internet Explorer */
	font-family: 'Trebuchet';

	src: url('../fonts/trebuc-webfont.eot');
}

@font-face
{
	/* This declaration targets everything else */
	font-family: 'Trebuchet';

	src: url(//:) format('no404'),

	url('../fonts/trebuc-webfont.woff') format('woff'),
	url('../fonts/trebuc-webfont.ttf') format('truetype'),
	url('../fonts/trebuc-webfont.svg#webfontduSZaPbm') format('svg');

	font-weight: normal;

	font-style: normal;
}

@font-face
{
	/* This declaration targets Internet Explorer */
	font-family: 'Avantgarde';

	src: url('../fonts/avantgarde-demi-webfont.eot');
}

@font-face
{
	/* This declaration targets everything else */

	font-family: 'Avantgarde';

	src: url(//:) format('no404'),

	url('../fonts/avantgarde-demi-webfont.woff') format('woff'),
	url('../fonts/avantgarde-demi-webfont.ttf') format('truetype'),
	url('../fonts/avantgarde-demi-webfont.svg#webfontduSZaPbm') format('svg');

	font-weight: normal;

	font-style: normal;
}

/* Round overlay at images */
*{
	margin:0px;

	padding:0px;

	border:0px;

	font-family:Calibri;

	font-size:13px;

	font-weight:normal;

	line-height:17px;

	color:#262f38;

	text-align:left;
}















a







{







	text-decoration:underline;







}















p







{







	font-family:Calibri;







	







	font-size:13px;







	







	font-weight:normal;







	







	line-height:17px;







	







	width:98%;







	







	color:#666667;







	







	padding:6px 0px 0px 0px;







}















ul







{







	list-style:none







}















html







{







	height:100%; 







	







	max-height:100%; 







	







	width:100%;







	







	background-color:#FFF;







	







	text-align: center;







	







	background-image:url(../img/site/bgd.jpg);







	







	background-position:top;







	







	background-repeat:repeat-x;







}















body







{







	height:100%;







	







	max-height:100%; 







	







	width:100%;







}

div#container
{		
	width:100%;







	







	position:relative; 		 	/*  	needed for footer positioning  */







	







	margin:0 auto; 				 /*		center, not in IE5 */















	min-height:100%; 			 /*		real browsers */







	







	height:auto !important; 	 /*		real browsers */















	padding:0px;







	







	margin:0px;







	







	float:left;







}















* html div#container 







{







	height:100%; 				/*		ONLY IE6: treaded as min-height	 */







}















#footer-container







{







	position:absolute;







	







	display:block;







	







	width:100%;







	







	bottom:0px; 					 /*		stick to bottom */ 







	







	left:0px;







	







	text-align:center;







	







	float:left;







	







	height:34px;







	







	overflow:hidden;







	







	background-color:#2d5781;







	







	border-top:1px solid #FFF;







}















	#footer-container footer







	{







		display:block;







		







		width:960px;







		







		height:35px;







		







		margin:0 auto;







	}







		







		footer .left







		{







			float:left;







			







			width:300px;







		}







		







		footer .right







		{







			float:right;







			







			width:300px;







			







			text-align:right;







		}







		







		footer p







		{







			font-family:Calibri;  /*Tahoma*/







			







			font-size:12px;







			







			font-weight:normal;







			







			color:#FFFFFF;







			







			height:25px;







			







			line-height:25px;







		}







		







		footer a







		{







			font-family:Calibri; /*tahoma*/







			







			font-size:12px;







			







			font-weight:normal;







			







			color:#FFFFFF;







			







			line-height:14px;







			







			height:25px;







			







			line-height:25px;			







		}







						







#logo







{



	float:right;







	width:267px;







	height:140px;	



}







	







	#logo a







	{







		float:left;







		width:267px;







		height:140px;







		display:inherit;







		background-image:url(../img/site/logo.gif);







		background-repeat:no-repeat;







		background-position:7px 2px;



		



		position:absolute;



		



		z-index:500;



	}















#header







{







	display:block;







	width:100%;







	height:190px;







	float:left;







	clear:both;		







}







	







	#header header







	{







		display:block;







		width:990px;











		height:189px;







		margin:0 auto;



	



		background-repeat:no-repeat;







		background-position:left top;







		border-top:1px solid #FFF;







		overflow:hidden;







		background-image:url(../img/site/kop.jpg);







	}















	#navigatie







	{



		z-index:2;



		position:absolute;







		width:990px;







		height:35px;







		margin:145px 0px 0px 0px;







		padding:0px 0px 0px 0px;



		



		background-color:#2d5781; /*2d5781*/

	}

	

	#login

	{

		width: 270px;

		

		margin: 0px 0px 0px 0px;

		

		float: right;

		

		position:relative;

	}

	

	#login .loginbutton

	{

		background-image:url(../img/site/lock.png);

		

		background-repeat:no-repeat;

		

		background-color:transparent;

		

		border:none;

		

		margin: -1px 0px 0px 0px;

		

		width: 30px;

		

		height:35px;

		

		text-align:center;

	}

	

	#login .logoutbutton

	{

		background-image:url(../img/site/unlock.png);

		

		background-repeat:no-repeat;

		

		background-color:transparent;

		

		border:none;

		

		margin: -1px 0px 0px 0px;

		

		width: 30px;

		

		height:35px;

		

		text-align:center;

	}

	

	#login dd

	{

		margin: 5px 8px 5px 0px;

		

		width: 100px;

		

		float: right;

		

		position:relative;

	}

	

	#login input

	{

		margin: 2px 0px 0px 0px;

		

		width: 100px;

		

		height: 20px;

		

		border: 1px solid #488bcf;

		

		filter:alpha(opacity=70);



		-moz-opacity:0.70;



		-khtml-opacity:0.70;



		opacity:0.70;	

	}

	

	

	#subnavigatie

	{

		z-index:2;



		position:absolute;



		width:725px;



		height:22px;



		margin:180px 0px 0px 0px;



		padding:0px 0px 0px 0px;

	

		background-color:#FFF; /*2d5781*/

		

		border-bottom:1px solid #2d5781;

	}

	

	#subnavigatie .actief a

	{		

		color: #f8941d;	

	}



	#subnavigatie ul

	{

		margin: 3px 0px 0px 20px;

	}

	

	#subnavigatie ul li

	{

		float:left;



		height:22px;

	}

	

	#subnavigatie ul li a

	{

		padding-top: 0px;

		

		padding-right: 8px;

		

		padding-bottom: 0px;

		

		padding-left: 8px;

		

		/*height: 20px;*/

		

		display: block;

		

		text-align: left;

		

		color: #2d5781;

		

		font-family: 'Calibri';

		

		font-size: 14px;

		

		text-decoration:none;

	}



	#subnavigatie ul li a:hover

	{

		text-decoration: underline;

	}





	#ul-head

	{

		float:left;

	}



	#ul-head li

	{

		float:left;



		height:50px;

	}	



	#ul-head li a

	{		

		padding:0px 15px 0px 15px;



		height:35px;



		line-height:36px;



		display:block;



		text-align:left;



		text-decoration:none;



		color:#FFF;



		font-family:'Calibri';



		font-size:16px;		

	}	



	#ul-head .actief

	{		

		text-decoration:none;



		/*background-image:url(../img/site/ul.jpg);*/



		background-repeat:no-repeat;

		

		color: #f8941d;	

	}



	



	#ul-head .actief a



	{		



		color: #f8941d;	



	}



		



	#ul-head li a:hover



	{		



		text-decoration:none;







		color:#FFF;	







		/*background-image:url(../img/site/ul.png);







		background-repeat:no-repeat;*/



		



		background-color: #f8941d;



	}	







	







	#ul-head li .ul-sub







	{







		font-style:normal;







		







		display:block;







		







		height:auto;







		







		margin:-12px 0px 0px 0px;







		







		padding:20px 10px 20px 10px;







		







		width:254px;







		







		position:absolute;







		







		z-index:100;







		







		clear:both;







		







		display:none;







		







		background-image:url(../img/site/submenu.jpg);







		







		background-repeat:no-repeat;







		







		background-color:#495761;







	}







	







	#ul-head li .ul-sub li







	{







		float:left;







		







		height:35px;







		







		width:247px;







		







		line-height:35px;







		







		display:block;







		







		float:none;







		







		overflow:hidden;







		







		margin:0px 0px 0px 5px;







	}







	







	#ul-head li .ul-sub li a







	{		







		height:35px;







		







		width:255px;







		







		line-height:35px;







		







		display:block;







		







		text-align:left;				







		







		text-decoration:none;







		







		font-family:'Calibri';







		







		font-size:15px;







				







		font-weight:bold;







		







		color:#FFF;







		







		background-image:none;







		







		text-decoration:none;







		







		font-family:'Calibri';







		







		font-size:16px;







	}







	







	#ul-head li .ul-sub li a:hover







	{		







		text-decoration:none;







		







		background-color:#0ca6d2;







		







			filter:alpha(opacity=100);







			-moz-opacity:1.00;







			-khtml-opacity:1.00;







			opacity:1.00;		







	}







	







	#ul-head li .ul-sub .actief a:hover







	{		







				text-decoration:none;







		







		







			filter:alpha(opacity=100);







			-moz-opacity:1.00;







			-khtml-opacity:1.00;







			opacity:1.00;	







	}







	







	#ul-head li .ul-sub .actief a







	{







			text-decoration:none;







		







		background-color:#1e87a6;







		







			filter:alpha(opacity=100);







			-moz-opacity:1.00;







			-khtml-opacity:1.00;







			opacity:1.00;	







	}







	







	#taal







	{		







		float:right;







		







		height:56px;







		







		width:400px;







		







		margin:45px 0px 0px 0px;







		







		background-image:url(../img/site/taalbgd.png);







		







		background-repeat:repeat-y;







		







		background-position:right;







	}







	







	#taal ul







	{







		float:right;







		







		margin:13px 10px 0px 0px;







	}







	







	#taal ul li







	{







		float:left;







		







		filter: alpha(opacity=60);







		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);







		-moz-opacity: 0.60; 







		opacity: 0.60;		







	}







	







	#taal ul .actief







	{







		filter: alpha(opacity=100);







		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);







		-moz-opacity: 1.00; 







		opacity: 1.00;







	}







	







	#taal ul li a







	{







		float:left;







		







		margin:0px 0px 0px 6px;







	}	







	







div#content-container







{







	width:100%;







	







	float:left;







	







	clear:both;







	







	padding:0px 0px 50px 0px;







}















#side-item

{

	width:250px;



	min-height: 460px;



	float:right;



	position:relative;



	background-color:#f8941d;



	z-index:1;



	margin:-60px 15px 0px 5px;



	padding: 60px 0px 80px 0px;

}







	#side-item header

	{

		display:block;



		height:24px;



		line-height:24px;



		margin:2px 0px 10px 68px;

	}



	#side-item header h1

	{	

		display:block;



		color:#262f38;



		font-size:28px;		



		font-family:Calibri;



		letter-spacing:.2em;

	}



	#side-item section

	{

		padding:0px;



		display:block;



		margin:0px 0px 0px 17px;

	}



	#side-item section p

	{		

		font-family:'Calibri';



		background-image:url(../img/site/button_agenda.png);



		font-size:14px;



		width:210px;



		height: 66px;



		font-weight:normal;



		margin: 8px 0px 5px -3px;



		line-height:18px;



		padding: 12px 0px 0px 10px;



		color:#262f38;

	}		



	#side-item section a

	{		

		text-decoration:none;

	}	



	#side-item section p:hover

	{	

		background-image:url(../img/site/button_agenda-hover.png);

	}





	#contact

	{

		padding:0px 0px 0px 23px;



		margin:8px 0px 0px 0px;







		







		font-family:'Calibri';







		







		font-size:14px;







		







		font-weight:normal;



		line-height:20px;



		color:#d4d4d4;



		background-image:url(../img/site/contact.gif);



		background-repeat:no-repeat;



		background-position:left center;	

	}



	#contact a

	{		

		font-family:'Calibri';



		font-size:14px;



		font-weight:normal;



		line-height:20px;



		color:#e8e8e8;			

	}	



.bottom

{

	width:100%;



	float:left;



	clear:both;

}



#foto
{
	float:left;

	display:block;

	z-index: 10;

	margin: -45px 0px 0px -195px;

	position: relative;

	background: transparent;

	height:200px;

	width:283px;
}

	#foto ul li a
	{
		height:200px;

		background-image:url(../img/site/brd_picture.png);

		background-repeat:no-repeat;

		width:300px;

		overflow:hidden;

		display:block;

		margin:-210px 0px 0px 0px;

		font-size:16px;

		line-height:40px;

		color:#f4fafc;

		font-family:'Calibri';

		padding:7px 0px 0px 1px;

		text-decoration:none;
	
		position:relative;
	
		z-index: 5;
	}


#project-item

{

	float:left;



	height:127px;



	width:768px;



	clear:both;



	background-image:url(../img/site/nieuws.jpg);



	display:block;



	margin:20px 0px 10px 75px;



	padding:0px 0px 20px 0px;



	background-color:#488bcf;



	background-repeat:no-repeat



	border:1px solid #488bcf;

}







	







	/*#project-item a:hover







	{







		border:1px solid #e8e8e8; 







	}*/







	







	#project-item a







	{







		float:left;







		height:75px;







		width:645px;







		display:block;







		margin:0px 10px 0px 50px;







		overflow:hidden;







	}

	#project-item a
	{
		text-decoration:none;
	}
	
	#project-item a h2
	{
		font-size:20px;

		color: #EFEFEF;

		font-family:'Calibri';

		padding: 0px 0px 0px 0px;

		text-align:left;

		float:none;

		line-height:21px;			
	}	

	#project-item p
	{
		font-size:14px;

		color: #EFEFEF;

		font-family:'Calibri';

		padding: 0px 0px 0px 0px;

		text-align:left;

		line-height:16px;	

		text-decoration: none;
	}



	



	#project-item p i



	{



		font-style:italic;



		



		color: #EFEFEF;



		



		padding: 30px 0px 0px 0px;



		



		text-decoration: none;



	}



	



.fotoboek-item
{
	float:left;

	display:block;

	margin: 5px 7px 10px 7px;

	width:200px;

	min-height:131px;

	background-image:url(../img/site/brd_picture_194.png);

	background-repeat:no-repeat;

	text-decoration:none;
}

.fotoboek-itemfoto
{
	text-align:left;

	margin: 0px 0px 0px 10px;

	width: 160px;

	height: 101px;

	overflow:hidden;

	display:inline-block;

    position:relative;
}

.content-item
{
	float:left;

	clear:both;

	display:block;

	margin:-3px 0px 10px 0px;

	width:710px;

	min-height:200px;

/*	background-color:#1295c2;

	background-image:url(../img/site/content.jpg);

	background-position:bottom;

	background-repeat:repeat-x;*/

	border:1px solid #FFF;

	padding:0px 0px 20px 0px;
}

	.content-item #bezetting
	{
		float: left;
		
		clear: both;
		
		margin: 0px 0px 0px 20px;
	}
	
	.content-item #bezetting h1
	{
		margin: 15px 0px 5px 0px;
	}
	
	.content-item #bezetting dl
	{
		margin: 15px 0px 0px 0px;
	}
	
	.content-item #bezetting dl dt
	{
		margin: 5px 0px 0px 7px;
		
		float: left;
		
		clear: left;
		
		width: 150px;
	}
	
	.content-item #bezetting dl dd
	{
		margin: 5px 0px 0px 0px; 
		
		float: left;
		
		clear: right;
		
		width: 150px;
	}
	


	.content-item header
	{
		display:block;

		width:660px;

		line-height:30px;

		height:40px;

		padding:0px 0px 0px 20px;

		margin:20px 0px 0px 0px;
	}



	.content-item header h1
	{
		display:block;

		height:29px;

		line-height:42px;

		font-size:26px;

		font-weight:bold;

		color:#262f38;

		background-image:none;

		text-decoration:none;

		font-family:'Calibri';
	}



	.content-item header h2
	{
		display:block;

		height:19px;
		
		line-height:19px;

		font-size:12px;

		font-weight:bold;

		color:#262f38;

		background-image:none;

		text-decoration:none;

		font-family:'Calibri';
	}		

	

	.content-item section

	{

		display:block;	



		width:700px;



		float:left;



		margin:0px 0px 0px 20px;

	}

	.content-item section #errors p
	{
		color: #f8941d;
		
		margin: 3px 0px 0px 3px;
		
		font-size:14px;		
	}

	.content-item section #errors li
	{
		color: #f8941d;
		
		margin: 0px 0px 0px 19px;
		
		font-size:14px;		
	}
	
	.content-item section #messages li
	{
		color: #262f38;
		
		list-style:none;
		
		margin: 5px 0px 0px 0px;
		
		font-size:14px;
	}
	
	.content-item section input
	{
		margin: 2px 0px 0px 0px;
		
		width: 200px;
		
		height: 17px;
		
		border: 1px solid #2d5781;	
	}
	
	.content-item section textarea
	{
		border: 1px solid #2d5781;
		
		margin: 2px 0px 0px -25px;
		
		width: 200px;
		
		height: 170px;	
	}
	
	.content-item section .button
	{
		margin: 2px 0px 0px 0px;
		
		width: 100px;
		
		height: 23px;
		
		border: 1px solid #2d5781;	
		
		text-align: center;
	}
	
	.content-item section .leden
	{
		margin: 2px 0px 0px 0px;
		
		width: 120px;
		
		height: 17px;
		
		border: 1px solid #2d5781;	
		
		text-align: left;
	}

	

	.content-item section select
	{
		margin: 2px 0px 0px 0px;
		
		width: 202px;
		
		height: 17px;
		
		border: 1px solid #2d5781;	
	}	



	.content-item section p i

	{

		margin: 15px 0px 0px 0px;

	}



	.content-item section dl

	{

		margin:15px 0px 0px 0px;

		

		width: 330px;

		

		float:left;

		

		position:relative;

	}



	.content-item section dt
	{
		clear: left;

		float: left;
	
		width: 150px;
	
		margin: 2px 0px 0px 10px;
	}



	.content-item section dd
	{
		float: left;

		width: 160px;

		margin: 2px 0px 0px 10px;
	}
	
	.content-item section h1
	{
		display: block;
		
		font-family:'Calibri';

		text-align:left;

		color:#262f38;

		font-size:22px;

		font-weight:bold;

		text-decoration:none;

		float:left;
		
		clear: both;
		
		margin: 20px 0px 0px 0px;
	}

	.content-item section ul
	{
		float:left;
		
		clear: left;

		width:670px;

		padding:0px 0px 0px 0px;

		margin:5px 0px 0px 0px;
	}	

	.content-item section li
	{
		float:left;
		
		width:670px;

		padding:0px 0px 0px 0px;

		margin:0px 0px 0px 15px;

		color:#262f38;
	
		height: 20px;

		border:0px solid #CCC;

		vertical-align:middle;
	}	

		.content-item section ul li a dt
		{
			margin: 0px 0px 0px 5px;

			width: 200px;

			float: left;

			padding-top:4px;
		}

		.content-item section ul li a dd
		{
			margin: 0px 0px 0px 0px;

			width: 150px;

			float: left;

			padding-top:4px;
		}







	







	.content-item a







	{







		text-decoration:underline;







	}

.bezetting
{
	float:left;
	
	clear:both;
}

.bezetting h1
{
	color: #262f38;
	
	margin: 5px 0px 15px 20px;
}

.bezetting dl
{
	margin: 0px 0px 0px 20px;
}

.bezetting dl dt
{
	float: left;
	
	clear: left;
	
	width: 150px;
	
	margin: 0px 0px 5px 0px;
	
	font-family: Calibri;

	font-size: 16px;
	
	font-weight: normal;

	color: #262f38;
}

.bezetting dl dd
{
	float: left;
	
	clear: right;
	
	width: 350px;
	
	font-family: Calibri;

	font-size: 16px;
	
	font-weight: normal;

	color: #262f38;
}

.bezetting dl dd ul li
{
	font-family: Calibri;

	font-size: 16px;
	
	font-weight: normal;

	color: #262f38;
}


	







#photoalbum







{







	float:left;







	







	clear:both;







	







	margin:20px 0px 0px 20px;







	







	width:100%;







}















	#photoalbum a







	{







		float:left;







		







		background-color:#a2c2c9;







		







		padding:0px;







		







		margin:0px 20px 20px 0px;				







		







		width:105px;







		







		height:80px;







		







		overflow:hidden;







	}















	#photoalbum a img







	{







		float:left;







		







		padding:0px;







		







		margin:3px;







		







		width:99px;







	} 







	







div#content







{







	width:990px;







	







	margin:0 auto;







}







	.content header a







	{







		background-image:url(../img/site/zoom.gif);







		







		background-repeat:no-repeat;







		







		background-position:center center;







		







		width:70px;







		







		height:34px;







		







		float:right;







		







		display:block;







	}	







	







	.content p







	{







		font-family:Calibri;







		







		font-size:16px;







		







		font-weight:normal;







		







		line-height:20px;







		







		width:98%;







		







		color:#262f38;







		







		padding:6px 0px 0px 0px;







	}



	.content p strong

	{

		font-family:Calibri;



		font-size:16px;



		font-weight:bold;



		line-height: 20px;



		color: #262f38;



		padding:6px 0px 0px 0px;		

	}



	







	.content p a

	{

		font-family:Calibri;



		font-size:16px;



		font-weight:normal;



		line-height: 20px;



		color: #262f38;



		padding:6px 0px 0px 0px;		

	}

	.content h1
	{
		font-family:'Calibri';

		text-align:left;

		/*color:#FFFFFF;*/

		font-size:22px;

		font-weight:normal;

		text-decoration:none;

		float:left;
	}







	







	.content h1 span







	{







		font-family:'Calibri';







		







		text-align:left;







		







		color:#FFFFFF;







		







		font-size:16px;







		







		line-height:34px;







		







		font-weight:normal;







		







		text-decoration:none;







		







		float:right;







		







		margin:0px 0px 0px 12px;







				







		filter:alpha(opacity=65);







		-moz-opacity:0.65;







		-khtml-opacity: 0.65;







		opacity: 0.65;







	}















	.content h2
	{
		font-family:'Calibri';

		text-align:left;
		
		font-size:16px;
		
		font-weight:bold;

		color:#262f38;

		text-decoration:none;

		line-height:20px;

		float:left;

		clear:both;

		margin:10px 0px 0px 0px;
	}







	







	.content h2 span







	{







		font-family:'Calibri';







		







		text-align:left;







		







		color:#89653a;







		







		font-size:14px;







		







		line-height:18px;







		







		font-weight:normal;







		







		text-decoration:none;







				







		filter:alpha(opacity=65);







		-moz-opacity:0.65;







		-khtml-opacity: 0.65;







		opacity: 0.65;







	}







		







	.content h3







	{







		font-family:'Calibri';







		







		text-align:left;







		







		color:#432069;







		







		font-size:23px;







		







		font-weight:normal;







		







		text-decoration:none;







		







		line-height:18px;







	}







	







	.content h3 span







	{







		font-family:'Calibri';







		







		text-align:left;







		







		color:#6a5a9f;







		







		font-size:20px;







		







		line-height:24px;







		







		font-weight:normal;







		







		text-decoration:none;







				







		filter:alpha(opacity=65);







		-moz-opacity:0.65;







		-khtml-opacity: 0.65;







		opacity: 0.65;







	}







	







	.content h4







	{







		font-family:'Calibri';







		







		text-align:left;







		







		color:#FFFFFF;







		







		font-size:24px;







		







		font-weight:normal;







		







		text-decoration:none;







	}	







	







	.content img







	{







		margin:0px 15px 15px 5px;







	}







	







@-moz-document url-prefix()







{







	#content-bgd, x:-moz-any-link, x:default







	{







		margin-left:-1px;







	}







}







.donker



{



	background-color:#CCC;



}











.donker:hover



{



	background-color:#f8941d;



	



	border: 1px solid #f8941d;



}







.licht



{



	background-color:#FFF;



}







.licht:hover



{



	background-color:#f8941d;







	border: 1px solid #f8941d;



}







.left



{



	float:left;



}





.right



{



	float:right;



}					



.twtr-hd

{

	padding-top: 2px;

	

	padding-right: 10px;

	

	padding-bottom: 2px;

	

	height:18px;

	

	padding-left: 10px;

	

	position: relative;

	

	overflow-x: hidden;

	

	overflow-y: hidden;

}



.twtr-ft div

{

	margin-top: -12px;

}



.twtr-ft div a img

{

	width: 0px;

	

	height: 0px;

}





.twtr-timeline

{

	max-height:65px;

}