@charset "UTF-8";
/* CSS Document */

body {
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 105%;
	color: #333;
	height:100%;
}

img {
	display: block; /* Set Moz/Ff behaviour in Strict Mode conform expectation instead of specification */
	margin: 0;
	padding: 0;
	border: none;
}

#pageWrapper {
	width: 954px;
	height: 520px;
	margin: 25px auto 0 auto;
	padding: 0;
	background-color: #FFF;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
}

#header {
	margin: 0;
	padding: 0;
	width: 954px;
	height:102px;
}
	#header div.leftblock {
		margin: 0;
		padding: 0;
		width: 527px;
		float: left;
		background-color: #FFF;
		background-image: url(../images/shared/slogan.jpg);
		background-repeat: no-repeat;
		background-position: top;
		background-color: #FFF;
	}
	
	#header div.leftblocktitle {
		margin: 0;
		padding: 0;
		width: 527px;
		float: left;
		background-color: #FFF;
		background-image: url(../images/titles/uitvoeringsprojecten.jpg);
		background-repeat: no-repeat;
		background-position: top;
		background-color: #FFF;
	}
	
	#header div.leftblockhelden {
		margin: 0;
		padding: 0;
		width: 527px;
		float: left;
		background-color: #FFF;
		background-image: url(../images/titles/heldengallerij.jpg);
		background-repeat: no-repeat;
		background-position: top;
		background-color: #FFF;
	}
	
	#header div.rightblock {
		margin: 0;
		padding: 0;
		width: 427px;
		height: 102px;
		float: right;
		background-image: url(../images/shared/header_right.jpg);
		background-repeat: no-repeat;
		background-position: top;
		background-color: #FFF;
		text-align: right;
	}
		#header div.rightblock img {
			float: right;
		}
		#header div.rightblock #searchBlock {
			float: left;
			width: 220px;
			height: 21px;
			padding-top:70px;
			padding-left:8px;
			text-align:left;
		}
		#header div.rightblock #searchBlock #search input.search{
			background-image:url(/resources/images/search/backSearchField.jpg);
			border:1px solid #0181c8;
			width:178px;
			height:19px;
			color:#0181C8;
			line-height:normal;
		}
#main {
	margin: 0;
	padding: 0;
	height: 371px;
	background-color: #FFF;
	float: none;
}
	
	#main div.mainlarge {
		background-image: url(../images/shared/projecten_back.jpg);
		background-repeat: no-repeat;
		background-position: top;
		margin: 0;
		padding: 0;
		width: 748px;
		height: 371px;
		float: left;
	}
	
			#main div.mainlarge div.content{
				overflow:auto;
				margin: 0;
				padding: 0;
				padding-left:32px;
				width:716px;
			}
			
			#main div.mainlarge div.kaart{
				margin: 0;
				padding: 0;
				width:374px;
				float:left;
				padding-top:2px;
			}
			
			#main div.mainlarge div.tekst{
				overflow:auto;
				margin: 0;
				padding: 0;
				width:342px;
				height:360px;
			}
				#main div.mainlarge div.tekst img {
					float: left;
					margin: 0 15px 15px 0;
				}
	#main div.leftmain {
		margin: 0;
		padding: 0;
		width: 263px;
		height: 371px;
		background-image: url(../images/shared/main_left.jpg);
		background-repeat: no-repeat;
		background-position: top;
		float: left;
	}
	
	#gallerybutton {
		margin: 0 14px;
		padding: 0;
		width: 236px;
		height: 372px;
	}
	
	#gallerybutton div.pair {
		margin: 0;
		padding: 0;
		width: 236px;
		height: 315px;
	}
	
	#gallerybutton div.gallerybuttonheader {
		margin: 0;
		padding: 0;
		width: 236px;
		height: 57px;
		background-image: url(../images/gallerybuttons/button_header.jpg);
		height: 57px;
	}
	
	#main div.bodymain {
		margin: 0;
		padding: 0;
		width: 485px;
		height: 371px;
		background-image: url(../images/shared/main.jpg);
		background-repeat: no-repeat;
		background-position: top;
		line-height: 16px;
		float: left;
	}
		#main #title {
			margin: 20px 0 15px 20px;
			padding: 0;
		}
		
		#title {
			margin: 20px 25px 15px 25px;
			padding: 0;
		}
		
		#provincetitle {
			margin: 20px 25px 15px 0px;
			padding: 0;
		}
		
		/* Deze gebruiken als je wil dat de content scrolled: werkt alleen mooi voor als je grijze blok rechts en links plaatje hebt*/
		#main div.scrollcontent {
			margin: 0;
			padding: 0;
			overflow: auto;
			height: 290px;
		}
		
		#main div.bodymain p {
			margin: 0 20px 0 20px;
			padding: 0;
		}
		
		#main div.bodymain blockquote {
			margin: 0 20px 0 20px;
			padding: 0;
			font-size: 12px;
		}
		
		/*	NIEUWS OVERZICHT */
		
		#main div.bodymain div.mainnews {
			margin: 0 25px 25px 25px;
			padding: 0;
			font-size: 12px;
		}
		
		#main div.bodymain div.mainnews div.imageblock {
			margin: 0;
			padding: 0;
			float: left;
			width: 90px;
			height: 90px;
		}
		
		#main div.bodymain div.mainnews div.textblock {
			margin: 0 0 0 0;
			padding: 0;
			float: right;
			width: 330px;
		}
			#main div.bodymain div.mainnews div.textblock h3 {
				font-size: 
			}
		
		ul.news {
			margin: 0 0 20px 25px;
			padding: 0;
			font-size: 12px;
		}
			ul.news li {
				margin: 0;
				padding: 0 0 3px 0;
			}
			
			ul.news li a:link,
			ul.news li a:active,
			ul.news li a:visited {
				background-image: url(../images/shared/news_bullet.gif);
				background-repeat: no-repeat;
				background-position: left;
				padding-left: 15px;
			}
			
			ul.news li a:hover {
				color: #009ee0;
			}
			
			ul.news li a span.date {
				font-style: italic;
				color: #333;
			}
	
		/* NIEUWS DETAIL PAGINA  */
		
		#main div.bodymain div.detailnews {
			margin: 0 25px 25px 25px;
			padding: 0;
			font-size: 12px;
		}
			#main div.bodymain div.detailnews h3 {
				margin: 0 0 0 0;
				padding: 0;
			}
			#main div.bodymain div.detailnews div.date {
				margin: 5px 0 0 0;
				padding: 0;
				font-weight: normal;
				font-size: 11px;
			}
			
		#main div.bodymain div.detailnews div.textblock {
			margin: 15px 0 0 0;
			padding: 0;
			font-weight: normal;
		}
			#main div.bodymain div.detailnews div.textblock img {
				margin: 0 15px 15px 0;
				padding: 0;
				float: left;
			}

	/* NIEUWS AGENDA */
		#main div.bodymain div.agenda {
			margin: 0 25px 25px 25px;
			padding: 0;
			font-size: 12px;
		}
			#main div.bodymain div.agenda div.item {
				margin: 0 0 20px 0;
				padding: 0;
			}
				#main div.bodymain div.agenda div.item div.date {
					font-weight: bold;
					color: #333;
				}
				#main div.bodymain div.agenda div.item div.event {
					font-style: italic;
					font-weight: bold;
				}
					#main div.bodymain div.agenda div.item div.event a:link,
					#main div.bodymain div.agenda div.item div.event a:active,
					#main div.bodymain div.agenda div.item div.event a:visited {
						font-style: italic;
						color: #003C8F;
						font-weight: bold;
					}
					#main div.bodymain div.agenda div.item div.event a:hover {
						font-style: italic;
						color: #009ee0;
					}
					
			#main div.bodymain table.partners {
				margin: 25px 25px 25px 25px;
				padding: 0;
				font-size: 12px;
			}
			
			#main div.bodymain table.partners tr td.name {
				font-weight: bold;
				padding: 0 0 3px 0;
			}
			
		
	
	#main div.shademain {
		margin: 0;
		padding: 0;
		width: 14px;
		height: 371px;
		background-image: url(../images/shared/main_shade.jpg);
		background-repeat: no-repeat;
		background-position: top;
		float: left;
	}
	
	#main div.rightmain {
		margin: 0;
		padding: 0;
		width: 192px;
		height: 371px;
		background-image: url(../images/shared/main_right.jpg);
		background-repeat: no-repeat;
		background-position: top;
		float: left;
	}
	
	#menu {
		margin: 61px 0 0 0;
		padding: 0;
		width: 191px;
	}
		#menu ul {
			margin: 0;
			padding: 0;
			text-align: left;
		}
			#menu ul li {
				margin: 0;
				padding: 0;
				float:left;
			}
				#menu ul li a {
					margin: 0;
					padding: 0;
				}
					#menu ul li a img {
						margin: 0;
						padding: 0;
					}
		

#bottom {
	margin: 0;
	padding: 0;
	width: 954px;
	height: 48px;
	background-image: url(../images/shared/bottom.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: none;
}

#bottomlarge {
	margin: 0;
	padding: 0;
	width: 954px;
	height: 48px;
	background-image: url(../images/shared/bottomlarge.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: none;
}
	#bottom div.leftbottom,
	#bottomlarge div.leftbottom {
		margin: 0;
		padding: 0;
		float: left;
	}
		#bottom div.leftbottom ul.sponsors,
		#bottomlarge div.leftbottom ul.sponsors {
			margin: 15px 10px 0 10px;
			padding: 0;
		}
			#bottom div.leftbottom ul.sponsors li,
			#bottomlarge div.leftbottom ul.sponsors li {
				margin: 0 5px;
				padding: 0;
				float: left;
				display: inline;
				background-color: #333333;
			}
		
	#bottom div.rightbottom,
	#bottomlarge div.rightbottom {
		margin: 0;
		padding: 0;
		float: right;
		width: 200px;
	}
		#bottom div.rightbottom ul.language,
		#bottomlarge div.rightbottom ul.language {
			margin: 15px 10px 0 10px;
			padding: 0;
			background-color: #999999;
		}
			#bottom div.rightbottom ul.language li,
			#bottomlarge div.rightbottom ul.language li {
				margin: 0 5px;
				padding: 0;
				float: right;
				display: inline;
				background-color: #333333;
			}

/*	##########	HELDENGALLERIJ	##########	*/

#header div.heldenleftblock {
	margin: 0;
	padding: 0;
	width: 527px;
	float: left;
	background-color: #FFF;
	background-image: url(../images/titles/heldengallerij.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-color: #FFF;
}


div.heldengallerij {
	margin: 0;
	padding: 0;
	padding-left:32px;
	width:716px;
	height: 335px;
	font-size: 13px;
}
	div.heldengallerij #heldentabel {
		margin: 25px 0 0 45px;
		padding: 0;
	}
		div.heldengallerij #heldentabel tr {
			margin: 0;
			padding: 0;
		}
			div.heldengallerij #heldentabel tr td {
				margin: 0 10px 10px 0;
				padding: 0;
				width: 136px;
				height: 136px;
			}
	div.heldengallerij #heldendetailtabel {
		margin: 15px 0 0 25px;
		padding: 0;
	}