/* CSS Document */
h1, h2, h3{
	margin:0 0 5px 0;
}
body {
	background-color: #2e2f31;
	background-image: url(../img/bg_body.gif);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size:12px;
}
#maincontainer {
	width: 908px;
	padding: 0;
	margin: 0 auto;
	}
	
#header {
	margin: 0px;
	padding: 0px;
}
#logo {margin: 0 0 1px 0 ;
		padding: 0px;
		width:456px;
		float:left;
		
		}
#logo img {border: 0px;}
		
/* LANGUAGE SWITCH */

#langwrap {
	float:left;
}
	
	
#language-switch li a:hover{
	color:#67288f;
}

#language-switch-top{
	display:block;
	width:144px;
	height:7px;
	background-image: url(../img/languagebar_open_top.gif);
	background-repeat: no-repeat;
}

#language-switch{
	margin-left:270px;
	top:108px;
	position:absolute;
	width:200px;
	display:none;
}
#language-switch ul{
	width:144px;
	list-style-type: none;
	background-image: url(../img/languagebar_open_01.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding:0 0 5px 0;
	margin:0;
}
#language-switch li{

	
}
#language-switch li a, #activelang a{
	display:block;
	padding:3px 3px 3px 25px;
	font-size: 11px;
	text-decoration:none;
	color:#54465c;
	text-align:left;
	line-height: 18px;
}
#activelang {
	margin:25px 0 0 180px;
	padding: 60px 0 0 90px ;

}
#activelang a{
	position:relative;
	width:144px;
	line-height:12px;
	height:18px;
	padding:5px 0px 0px 10px;
	background-image: url(../img/languagebar.gif);
	background-repeat: no-repeat;	
}
	
	
#language-switch li a:hover{
	color:#063;
}


		
#topnav {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	background-image: url(../img/line_topnav.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 50px;
		
}
#topnav ul{
	list-style-type: none;
	margin: 0px 0 0 2px;
	padding: 0px;
	
}
#topnav ul li {
	float: left;
	padding: 0px;
	
	
}
#topnav ul li a{
	color: #000;
	text-decoration: none;
	background-image: url(../img/line_topnav.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 33px;
	display: block;
	padding: 17px 20px 0 20px;
	margin: 0px;
	
	
}
.pageclass_english #topnav ul li a {padding: 17px 21px 0 21px;}
#topnav ul li a:hover{
	background-image: url(../img/bg_hover.gif);}
	
#topnav a.open {
		background-image: url(../img/bg_hover.gif);
			
}
			
#topnav a.selected {
		background-image: url(../img/bg_hover.gif);
}
#foto img {width: 908px;}
#ctl00_imgfoto {width: 908px;}

body.pageclass_home #topwrapper {
	background-image: url(../img/topmaincontent.gif);
	background-repeat: no-repeat;
	height: 50px;
	
	}

#topmaincontent {
	background-image: url(../img/bg_topmaincontent.gif);
	background-repeat: no-repeat;
	height: 50px;
	width: 908px;
}

#maincontent {
	background-image: url(../img/bg_maincontent.gif);
	background-repeat: repeat-y;
	height: auto;
	min-height: 400px;
	/height: 400px;
	
}
#maincontent p {margin:0;padding:0;}
html>body #maincontent {height: auto;}

body.pageclass_projects #maincontent,
body.pageclass_projecten #maincontent {background-image: none; background-color:#525659;}
body.pageclass_nieuws-en-projecten_1 #maincontent {}
body.pageclass_home #homewrapper {
	background-color: #525659;
	height: auto;
	min-height: 400px;
	/height: 400px;
	margin: 0;
	width: 908px;
	padding: 0 0 20px 0;
}
html>body.pageclass_home #homewrapper {height: auto;}


#bottommaincontent{
	background-image: url(../img/bg_bottommaincontent.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 908px;
	
	}
	
	#maincontent h2 {
	margin: 0px;
	padding: 20px 0 10px 0px;
	display:block;
	color: #525659;
	font-size: 28px;
}

	
/*HOMEPAGE*/
body.pageclass_home #maincontentwrapper{
	width: 400px;
	float: left;
	margin: 0 0 0 15px;
}

body.pageclass_home #maincontentwrapper h2 {
	margin: 0px;
	padding: 0px;
	display: block;
	color: #ffd323;
	font-size:28px;
}
body.pageclass_projects #maincontentwrapper h2,
body.pageclass_projecten #maincontentwrapper h2 {
	margin: 0px;
	padding: 0px;
	display: block;
	color: #ffd323;
	font-size:28px;
}
#maincontentwrapper h2 {display:none;}
body.pageclass_home #topmaincontent {
	background-image: url(../img/top_homecontent.gif);
	background-repeat: no-repeat;
	height: 14px;
	width: 400px;
	
}
body.pageclass_home #maincontent {
	background-image: url(../img/bg_homecontent.gif);
	background-repeat: repeat-y;
	width: 400px;
	height: auto;
	min-height: 300px;
	/height: 300px;
	
}
body.pageclass_home #maincontent p {}
html>body.pageclass_home #maincontent {height: auto;}
	

body.pageclass_home #bottommaincontent{
	background-image: url(../img/bottom_homecontent.gif);
	background-repeat: no-repeat;
	height: 14px;
	width: 400px;
		}
		
body.pageclass_projects #bottommaincontent,
body.pageclass_projecten #bottommaincontent {display:none;}
#ctl00_pnlRightWrapper,
#rightwrapper {display:none;}
body.pageclass_home #ctl00_pnlRightWrapper,
body.pageclass_home #rightwrapper {
	display:block;
	width: 460px;
	margin: 0 0 0 430px;
	}
	

body.pageclass_home #projectwrapper,
.projectwrapper {
	background-image: url(../img/projectbg_main.gif);
	background-repeat: repeat;
	width: 460px;
	
}
#projecttop {
	background-image: url(../img/projectbg_top.gif);
	background-repeat: no-repeat;
	height: 14px;

}
#projectbottom {
	background-image: url(../img/projectbg_bottom.gif);
	background-repeat: no-repeat;
	height: 14px;
	clear:both;
}
body.pageclass_projects .projectwrapper,
body.pageclass_projecten .projectwrapper {
	background-image: url(../img/projectbg_main1.gif);
	background-repeat: repeat;
	width: 415px;
	
}
body.pageclass_projects #projecttop,
body.pageclass_projecten #projecttop {
	background-image: url(../img/projectbg_top1.gif);
	background-repeat: no-repeat;
	height: 12px;

}
body.pageclass_projects #projectbottom, body.pageclass_projecten #projectbottom
{
    background-image: url(../img/projectbg_bottom1.gif);
    background-repeat: no-repeat;
    height: 12px;
   
    
}
#projectcontent {
	padding:  5px 20px;
	height: 75px;
	min-height: 75px;
	/height: 75px;
	margin: 0;
	font-size:11px;
	}
html>body #projectcontent {height: auto;}

#projectcontent a {
	color: #333;
	text-decoration: none;
}

#projectcontent a:hover {
	text-decoration: underline;
}
#projectafbeelding img{
		width: 100px;
		float: right;
}

#ctl00_pnlRightWrapper h2,
#rightwrapper h2 {
	font-size: 28px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	color: #ffd323;
}
#projectcontent h3 {
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	color: #333;
}	
body.pageclass_home html>body #projectcontent {height: auto;}

body.pageclass_projecten #navigatie{ display: none;}
/* EINDE HOMEPAGE*/	

/*NAVIGATIE*/	
#navigatie {
	float: left;
	width: 225px;
	margin: 0 0 0 35px;
}
#navigatie ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#navigatie ul li {
	background-image: url(../img/stip_nav.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	line-height: 24px;
	
}
#navigatie ul li a {
	font-size: 11px;
	color: #000;
	text-decoration: none;
	padding: 0 15px;
	display: block;
}
#navigatie ul li a:hover {
	font-weight: bold;
	background-image: url(../img/pijl.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
}
#navigatie ul li a.selected {
	font-weight: bold;
	background-image: url(../img/pijl.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	} 
#navigatie ul li a.open {
	font-weight: bold;
	background-image: url(../img/pijl.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	} 

/* EINDE NAVIGATIE*/		
#contentwrapper {margin: 0px 50px 0 270px;}
#contentwrapper p {padding: 10px 0;}
#contentwrapper a {
	color: #666;
	text-decoration: none;
}

#contentwrapper a:hover {text-decoration: underline;}
#contentwrapper ul {
	list-style-image: url(../img/bullet.png);
	padding-bottom: 10px;	
	
}
#contentwrapper ul li a {
	color: #333;
	text-decoration: none;
}
#contentwrapper ul li a:hover {
	text-decoration: underline;
}
body.pageclass_home #contentwrapper {
	margin: 0px 50px 0 20px;
	padding: 20px 0 0 10px ;
	
}
body.pageclass_projects #contentwrapper,
body.pageclass_projecten #contentwrapper {
	margin: 0px 50px 0 20px;
	padding: 0px 0 0 10px ;
	
}
body.pageclass_projects #contentwrapper,
/*body.pageclass_nieuws-en-projecten_1 #contentwrapper {
	margin: 0px 50px 0 20px;
	padding: 20px 0 0 10px ;
	
}*/
body.pageclass_home #kruimelnav {display:none;}
	#kruimelnav {
	font-size: 10px;
	padding: 10px 0;
}
#kruimelnav a {
	margin: 0;
	padding: 0;
	color: #666;
}

#kruimelnav a:hover {color: #666;}
body.pageclass_projects #kruimelnav,
body.pageclass_projecten #kruimelnav {display: none;padding: 0px;}

body.pageclass_home #contentwrapper h2 {display:none;margin:0;padding:0;}
#contentwrapper h2 {padding: 10px 0px}
#footer {
	color: #FFF;
	margin: 14px 0px;
}
#footer a {
	color: #FFF;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#bottomclearer {clear: both;}

table#ctl00_ctl15_ctl03_ctl00_ctl00_grdProjects {}

#map_canvas {margin: 0px 15px 0 0;}
.paginavolgorde {
	color: #FFF;
	font-weight: bold;
}
#projectoverzicht img{width: 250px;}
#imgoverzicht{
	float:left;
	width: 260px;
	
}
#contentoverzicht {
	margin-left: 260px;}

#projectoverzicht h3 {
	display:block;
	font-weight: bold;
	
}
#nieuwsoverzicht {width: 300px;}
#nieuwsoverzicht a {color: #333;}
#projectoverzicht .terug{
	padding-top:10px;
	clear:both;
	}
#projectoverzicht .bron{
	color:#666;
	font-style:italic;
	margin-top:10px;
	margin-left: 260px;
}
#projectoverzicht .datum{
	
	font-size:11px;
	color:#666;
}
/*#################################################*/
	
	
.fotoboek {
	text-align:center;
	width: 160px;
	padding:70px 10px 10px 10px;
}
#fotoboektitel 
{
    padding-top: 25px;
}
.photoCaption 
{
	color: #000000;
    font-weight:bold;
}


.ctrlCarousel
{
    text-align:left;
}

.tableCarousel a
{
	color: #ffd323;
}


.agncarousel {   
    position: relative; /* important */  
    overflow: hidden; /* important */  
    width: 400px; /* important */  
    height: 280px;
	z-index:0;  
	margin: 0px;

}   

	/* IMAGES CAROUSEL */
	#agncarousel_content {   
		position: absolute;   
		top: 0px;   
		margin-left: -40px; 
		/margin-left: 0px; 
	}   
	  #agncarousel_content a{color: #ffd323;}

		#agncarousel_content li    
		{
			list-style: none;
			display: block;   
			float:left; 
			
			border: none;/* solid 1px #FF0000;   */
			width:	400px; /* size of medium image (330) + 50 extra padding left and right */
			height: 360px; /* size of medium image (330) + 10 extra padding top and bottom */
		}   
			.agncarousel_item a img  {
			
				/*display: block;*/
				margin: 15px 0 0 0;
				border: solid 1px #ffd323;

				
			}
			
			.agncarousel_item .carCaption 
			{
			    color: #FFFFFF;
			    font-weight:bold;
				
			}		
	        /* END IMAGES CAROUSEL */ 
	

	/* FRAMES .... IMAGES THUMBNAILS */
	.agncarousel_frame { 


	}   

	.agncarousel_frame table tr td {
		padding: 4px;
	}
	
	.agncarousel_frame table a:link
	{
		font-size: 3;
		font-weight: bold;
		text-decoration: none;
	}
	
	.agncarousel_frame img
	{
		display: block;   
		margin: 2px; 
		border: solid 1px #ffd323;
	}

/* Nieuwsitem stijl */

td.tdlistdate {
		width: 100px;
		vertical-align:top;
}

#contentwrapper tr.paginavolgorde a {color: #FC0;}