/*================================================================ 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;
}

#bezetting
{
	float: left;
	
	clear: both;
	
	background-color:#F00;
}

#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
	{
		width: 182px;
		
		height:122px;
		
		overflow:hidden;
	}





#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:550px;

/*	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 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:#89653a;

		font-size:20px;

		font-weight:normal;

		text-decoration:none;

		line-height:30px;

		float:left;

		clear:both;
	}

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