/*================================================================ 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:#666667; /**/



	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;	
	}




	#ul-head



	{



		float:left;



	}







	#ul-head li



	{



		float:left;



		



		height:50px;



		



		/*width:130px;*/



	}	



	



	#ul-head li a

	{		

		padding:0px 15px 0px 15px;



		height:35px;



		line-height:36px;



		/*width:120px;*/



		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;

	}

	

	#ul-head .actief a

	{		

		color:#FFF;	

	}

		

	#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: 10px 0px 0px 35px;

	

	position: relative;

	

	background: transparent;

	

	height:171px;



	width:183px;

}	



	#foto ul li a



	{





		height:131px;



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

	

		background-repeat:no-repeat;



		width:196px;



		overflow:hidden;



		display:block;



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



		font-size:16px;



		line-height:40px;



		font-family:'Calibri';



		padding:7px 0px 0px 1px;



		text-decoration:none;

		

		position:relative;

		

		z-index: 5;

	}

	

	#foto p

	{

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

		

		font-size:11px;

		

		width: 196px;

		

		text-align:center;

	}

	

	#foto img

	{

		max-width: 182px;

		

		max-height:122px;

		

		overflow:hidden;

		

		margin: auto;		

	}





#project-item



{



	float:left;

	

	height:127px;



	width:768px;



	clear:both;



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



	display:block;



	margin:0px 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 h2



	{



		font-size:20px;



		color: #EFEFEF;



		font-family:'Calibri';



		padding: 5px 0px 0px 0px;



		text-align:left;



		



		line-height:24px;			

	}	



	#project-item p



	{



		font-size:14px;



		color: #EFEFEF;



		font-family:'Calibri';



		padding: 31px 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:660px;



	min-height:600px;



	border:1px solid #FFF;



	padding:0px 0px 20px 0px;

}





	.content-item dt

	{

		float: left;

		

		clear: left;

		

		margin: 10px 10px 0px 10px;

		

		text-align:center;

		

		vertical-align:middle;

		

		overflow:hidden;

		

		border:0px solid #CCC;

		

		background-position:center;

		

		background-repeat:no-repeat;

	}

	

	.content-item dt img

	{	

		display: inline-block;

		

		vertical-align:middle;

		

		margin:auto;

	}

	

	.content-item dd

	{

		float: left;

		

		margin: 10px 10px 0px 0px;

		

		overflow:hidden;

		

		border:0px solid #CCC;

		

		text-align:center;

		

		vertical-align:middle;

		

		background-position:center;

		

		background-repeat:no-repeat;

	}	



	.content-item header

	{

		display:block;



		width:660px;



		line-height:30px;



		height:40px;



		padding:0px 0px 0px 20px;



		margin:10px 0px 0px 0px;

	}



	



	.content-item header h1,

	.content-item header h1 a

	{

		height:29px;



		line-height:42px;



		font-size:26px;		



		font-weight:bold;



		color:#262f38;



		background-image:none;



		text-decoration:none;

		

		font-family:'Calibri';

		

		width:auto;

	}



	.content-item header h2

	{

		display:block;



		height:29px;



		font-size:12px;



		font-weight:bold;



		color:#262f38;



		background-image:none;	



		text-decoration:none;	



		font-family:'EuroStile';	



		text-transform:uppercase;

	}	

	



	.content-item section

	{

		display:block;



		width:650px;



		float:left;



		margin:0px 0px 0px 20px;

	}



	.content p ul

	{

		margin:10px 0px 0px 0px;

	}



	.content-item section ul

	{

		float:left;



		width:210px;



		padding:0px 0px 0px 0px;



		margin:10px 0px 0px 0px;

	}	



	.content-item section li

	{

		float:left;



		width:210px;	



		padding:0px 0px 0px 0px;



		margin:0px 0px 10px 0px;



		color:#FFF;

	}		



		.content-item section ul li a



		{



			font-family:'Calibri';



			



			font-size:14px;



			



			font-weight:normal;



			



			line-height:20px;



			



			width:180px;



			



			height:25px;



			



			margin:0px 0px 5px 0px;



			



			padding:10px;



			



			display:block;



			



			color:#FFF;



			



			text-decoration:none;



			



			margin:0px 15px 0px 0px;



			



			background-color:#0a83ab;



			



			cursor:pointer;



			



		}	



		



		.content-item section ul li a:hover



		{



			background-color:#108cb4;			



		}



		



		.content-item section ul li a span



		{



			font-family:'Calibri';



			



			font-size:10px;



			



			font-weight:normal;



			



			line-height:12px;



			



			margin:0px 0px 0px 0px;



			



			padding:0px 0px 0px 0px;



			



			color:#FFF;



			



			float:left;



			



			clear:both;



			



			width:200px;



			



			cursor:pointer;



		}



		



		.content-item section ul li a b



		{



			font-family:'Calibri';



			



			font-size:14px;



			



			font-weight:normal;



			



			line-height:12px;



			



			margin:0px 0px 0px 0px;



			



			padding:0px 0px 0px 0px;



			



			color:#FFF;



			



			float:left;



			



			clear:both;



			



			cursor:pointer;



		}			



	



	.content-item a



	{



		text-decoration:underline;



	}



	



#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 a



	{



		font-family:Calibri;



		



		font-size:13px;



		



		font-weight:normal;



		



		line-height:17px;



		



		color:#6a5b9f;



		



		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;



		color:#2d5781;



		font-size:20px;



		font-weight:normal;



		text-decoration:none;



		line-height:30px;



		float:left;



		clear:both;

		

		margin-top: 19px;

		

		border-top: 1px solid #f8941d;

		

		width: 650px;

	}



	



	.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;



	}



}







.left



{



	float:left;



}







.right



{



	float:right;



}