body {
	background-color: #ffffff;
	color: #325977;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 20px;
}
div#wrapper {
	margin: 0px auto;
	position: relative;
	text-align: left;
	width: 900px;
}
p, td, th, li, input, button {
	font-size: 0.7em;	
	line-height: 1.4em;		
}
li li {
	font-size: 1em;
}
a {
	color: #f1710a;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
button, input {
	color: #203c4e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;	
}
div#header {
}
	#logo {
/*		background: #325977 url("../img/logoimg.jpg") top right no-repeat;*/
		background-color: #325977; 
		height: 122px;		
		margin-top: 2px;
		width: 100%;		
	}
		#logo a img {
			margin-top: 24px;
		}
	#headerimg {
		background:url(../img/headerimg.jpg) top left no-repeat;
		height: 394px;
		margin-top: 2px;
		position: relative;
		width: 100%;
	}
		#slogan {
			left: 49px;
			position: absolute;
			top: 342px;
		}
			#slogan img {
				float: left;
			}

/* Menu */
div#nav {
	background-color: #899eaf;
	width: 100%;
}
	div#nav ul.menu {
	}
		div#nav ul.menu li {
			float: left;
		}
			div#nav ul.menu li a {
				background-position: left top;
				background-repeat: no-repeat;
				display: block;
				font-size: 0;
				height: 10px;
				line-height: 10px;
				margin: 11px 35px;
				text-indent: -999em;
			}
					div#nav ul.menu li#menu_home a { width: 37px; background-image: url(../img/menu_home.gif); }
					div#nav ul.menu li#menu_about a { width: 75px; background-image: url(../img/menu_about.gif); }
					div#nav ul.menu li#menu_why a { width: 61px; background-image: url(../img/menu_why.gif); }
					div#nav ul.menu li#menu_activities a { width: 62px; background-image: url(../img/menu_activities.gif); }
					div#nav ul.menu li#menu_publications a { width: 86px; background-image: url(../img/menu_publications.gif); }
					div#nav ul.menu li#menu_news a { width: 34px; background-image: url(../img/menu_news.gif); }					
					div#nav ul.menu li#menu_contact a { width: 59px; background-image: url(../img/menu_contact.gif); }
				div#nav ul.menu li a:hover,
				div#nav ul.menu li.hier a {
					background-position: left bottom;
				}
		div#nav ul.menu li.hier {
		}
			div#nav ul.menu li.hier a {
				background-position: left bottom;
			}
		div#nav ul.menu li.open {
		}
			div#nav ul.menu li.open a {
				background-position: left bottom;
			}
				div#nav ul.menu li.open li {
				}
					div#nav ul.menu li.open li a {
					}
		div#nav ul.menu li.last {
		}
			div#nav ul.menu li.last a {
				margin-right: 0px;
			}
		
			div#subnav ul.menu {
			}
				div#subnav ul.menu li {										
					display: block;
					width: 210px;
					margin: 0;
					padding: 0;
					vertical-align: bottom;															
				}
					div#subnav ul.menu li.hier,
					div#subnav ul.menu li:hover {
					}
						body.publicaties div#subnav ul li.open a,
						body.project div#subnav ul li.open a,
						body.nieuws div#subnav ul li.open a,
						div#subnav ul li.hier a {
							background-image: url(../img/block_orange.gif); 
							background-position: top right; 
							background-repeat: no-repeat;
						}
					div#subnav ul.menu li a {
						background-color: #325977;
						border-bottom: 2px solid #ffffff; 
						color: #ffffff;
						display: block;
						font-weight: bold;
						margin: 0;
						padding: 0.375em 20px 0.375em 13px;						
					}
						div#subnav ul.menu li a:hover {
						}
					div#subnav ul.menu li ul {						 
					}
						div#subnav ul.menu li ul li {						
							margin-left: 10px;
						}
								div#subnav ul.menu li.hier ul li a {						
									background-image: none;
								}
							div#subnav ul.menu li ul li a {
								background-color: #899eaf;
							}					
					
/* kruimelpad */
ul#kruimelpad {
	padding: 0.5em 0;
}
	ul#kruimelpad li {
		float: left;
		padding: 0 0.3em 0 0;
	}
		ul#kruimelpad li a {
			color: #325977;
			text-decoration: underline;		
		}
		ul#kruimelpad li.last a {}


/* Headings */
h1 {	
	color: #f1710a;
	font-size: 0.75em;
	font-weight: bold;
	margin: 0 0 1.4em 0;
}
h2 {
	color: #f1710a;
	font-size: 0.75em;
	font-weight: normal;	
	margin-bottom: 1.4em;	
}
	
h3 {
	color: #f1710a;
	font-size: 0.7em;
	font-weight: bold;	
	margin-bottom: 1.4em;	
}
	h3 a {
		color: #f1710a;
	}
h4 {
	color: #f1710a;
	font-size: 0.7em;
	font-weight: bold;
	margin-bottom: 0.3em;	
}
h5 {
}
h6 {
}
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}

/* Content */
div.contentcontainer {
	position: relative;
	padding: 1.5em 0 0 0;
}
	body#home div.contentcontainer {
		margin-top: 2px;
		padding: 0;
	}
	div.news {
		background-color: #325977;
		background-image: url(../img/block_orange.gif);
		background-position: top right;
		background-repeat: no-repeat;
		color: #ffffff;
		float: left;
		height: 264px;
		overflow: hidden;
		padding: 8px 12px;
		position: relative;
		width: 275px;
	}
		div.news h2#head_latestnews {
			background: url(../img/head_latestnews.gif) top left no-repeat;
			color: #ffffff;
			font-weight: bold;
			height: 10px;		
			margin: 0 0 12px 0;
			text-indent: -999em;
			text-transform: uppercase;
		}	
		div.news a {
			color: #ffffff;
			text-decoration: underline;
		}			
		div.news p {
			margin-bottom: 1.4em;
		}	
			div.news p#allnews {
				position: absolute;
				bottom: 0px;
			}
	div.left {
		float: left;
		width: 248px;		
	}
	div.content {		
		float: left;	
		width: 615px;	
	}
		body#home div.content {
			width: 579px;		
			padding: 10px 0px 0px 22px;
		}
		div.content p {
			margin: 0 0 1em 0;
		}
			div.content p.date {
				font-style: italic;
				margin-top: 1em;
			}
			div.content div.author {
				width: 615px;
				display: block;
			}
				div.content div.author h3 {
					float: left;
					margin-right: 3em;
				}
				div.content div.author p {
					float: left;
				}
				div.content div.author p span {
					display: block;
					font-style: italic;
					font-size: 0.9em;
				}
			div.content p img {
				display: block;
				float: left;
				padding: 0 1em 0.1em 0;
			}
		div.content a {
		}
			div.content a:hover {
			}
		div.content img {
			margin-bottom: 0.5em;
		}
		div.content ul {
			list-style: disc;
			list-style-position: insyde;
			margin: 0 0 0.7em 0px;
		}
			div.content ul.more {
				list-style: none;
				list-style-position: outside;
				margin-top: -0.5em;
			}
			div.content p.more {
				margin-top: -0.5em;
			}
			div.content p + ul {
				margin-top: -0.7em;
			}
			div.content ul li {
				margin-left: 15px;
			}
				div.content ul li ul {
					margin: 0px;
				}
					div.content ul li ul li {
					}
		div.content ol {			
			list-style-position: inside;
			list-style-type: decimal;			
			margin: 0 0 0.7em 0;			
		}
			div.content ol li {						
			}
				div.content ol li:before {					
					margin: 0 0.5em 0 0; 
				}

				div.content p + ol {
					margin-top: -0.7em;
				}
				div.content ol li ol {
					list-style-type: lower-alpha;
					margin: 0 0 0 3em;
				}
					div.content ol li ol li {
					}
					
		div.content dl {
			margin-bottom: 1em;
			line-height: 1.3em;
			font-size: 0.7em;
		}
			div.content dt {
				color: #f1710a;
				clear: left;
				font-weight: bold;
				float: left;
				width: 123px;
				display: block;
			}
			div.content dd {
				display: block;
				float: left;
				width: 490px;
			}
				
		table {	
			border-collapse: collapse;					
		}
			tr {
			}
				th {
					border: 1px #325977 solid;
					color: #f1710a;
					font-weight: bold;
					padding: 0.25em 1em;
					width: 8.5em;
				}
				td {
					border: 1px #325977 solid;
					padding: 0.25em 1em;
					width: 8.5em;
				}
	div.newsitem {
		clear: both;
	}
		div.newsitem img {
			float: right;
		}	

	div.module {
		margin: 1em 0 0 0;
	}
		div.module h2 {
			background-color: #899eaf;
			background-position: 12px 10px;
			background-repeat: no-repeat;						
			color: #ffffff;
			font-weight: bold;
			height: 10px;
			margin: 0;
			padding: 11px 12px 11px 12px;			
			text-indent: -999em;
			text-transform: uppercase;			
		}
			div.module h2#head_dmcprojects { background-image: url(../img/head_dmcprojects.gif); }	
			div.module h2#head_dmcactivities { background-image: url(../img/head_dmcactivities.gif); }
			div.module h2#head_tunnelproject { background-image: url(../img/head_tunnelproject.gif); }			
			div.module h2#head_findtunnelprojects { background-image: url(../img/head_findtunnelprojects.gif); }
			div.module h2#head_38 { background-image: url(../img/head_ports_and_harbours_project.gif); }			
			div.module h2#head_find38 { background-image: url(../img/head_findports_and_harbours_projects.gif); }
			div.module h2#head_41 { background-image: url(../img/head_infrastructureproject.gif); }			
			div.module h2#head_find41 { background-image: url(../img/head_findinfrastructureproject.gif); }
			div.module h2#head_42 { background-image: url(../img/head_coastal_engineeringproject.gif); }			
			div.module h2#head_find42 { background-image: url(../img/head_findcoastal_engineeringproject.gif); }
			div.module h2#head_43 { background-image: url(../img/head_tunnelproject.gif); }			
			div.module h2#head_find43 { background-image: url(../img/head_findtunnelprojects.gif); }
			div.module h2#head_44 { background-image: url(../img/head_industry_and_energy_project.gif); }			
			div.module h2#head_find44 { background-image: url(../img/head_findindustry_and_energy_project.gif); }

			div.module h2#head_projectpictures { background-image: url(../img/head_projectpictures.gif); }
			div.module h2#head_projectvideos { background-image: url(../img/head_projectvideos.gif); }
			div.module h2#head_projectgooglemaps { background-image: url(../img/head_projectgooglemaps.gif); }
		div.module div.modulecontentbox {
			background: #ffffff url(../img/block_orange-white.gif) top right no-repeat;
			border-collapse: collapse;
			border-bottom: 2px #899eaf solid;			
			border-left: 2px #899eaf solid;
			border-right: 0;
			border-top: 0;	
			padding: 10px;
			vertical-align: bottom;
		}
			div.module div.modulecontentbox img.play {
				position: absolute;
				margin: 36px 0 0 60px;
			}	
			div.module div.modulecontentbox.last,
			div.module div.modulecontentbox.lastrow {
				border-right: 2px #899eaf solid;
			}			
			div.module div.modulecontentbox h3 {
				font-size: 0.75em;
				line-height: 1.2em;		
				margin: 0 0 10px 0;
				padding: 0 12px 0 0;	
			}		
			div.module div.modulecontentbox img {				
				display: block;
				float: left;
				margin: 0;
				vertical-align: bottom;						
			}
			div.module div.modulecontentbox div.moduletext {
				margin: 0 0 0 340px;
				padding: 0 0 0 0;
			}
			div.module div.modulecontentbox p.readmore {
				margin: 0;
			}
				div.module div.modulecontentbox p.readmore a {
					color: #325977;
					text-decoration: underline;
				}
			div.module div.modulecontentbox div.mapcontainer {
				width: 329px; 
				height: 296px;
				float: left;
			}
				div.module div.modulecontentbox div.mapcontainer div#map {
					width: 100%; 
					height: 100%;
				}
				div.module div.modulecontentbox div.mapcontainer div#map form input {
					font-size: 0.7em;
					border: 2px solid #ff0000;
				}
				div.gmnoprint div div#infowindowcontent {
					width: 170px;
					height: 67px;
				}
				
			div.module.projects {				
				clear: both;
				margin: 0;
				padding-top: 2px;				
			}
				div.module.projects div.modulecontentbox {					
					float: left;
					width: 277px;
					padding-top: 5px;
				}
					div.module.projects div.modulecontentbox.middle {					
						width: 278px;
					}
			div.module.activities { 
				width: 632px;
				margin: 1.5em 0 0 0;
			}
				div.module.activities div.modulecontentbox {
					float: left;
					padding-top: 6px;
					width: 188px;
				} 
				
					div.module.activities div.modulecontentbox.rowlast {
						border-right: 2px #899eaf solid;						
					}
			
			div.module.projectpictures,
			div.module.projectvideos {
				width: 632px;
				margin: 1.5em 0 0 0;
			}
				div.module.projectpictures div.modulecontentbox,
				div.module.projectvideos div.modulecontentbox {
					background: #ffffff no-repeat left top;
					float: left;
					width: 188px;
				}
				
					div.module.projectpictures div.modulecontentbox.rowlast,
					div.module.projectvideos div.modulecontentbox.rowlast {				
						border-right: 2px #899eaf solid;						
					}
	
	div.content ul.projectlist {
		margin: -0.5em 0 -0.5em 0px;
	}
		div.content ul.projectlist li {
			list-style: disc;
			padding: 0.1em 0;
		}
			div.content ul.projectlist li a {
				color: #325977;
			}
			div.content ul.projectlist li.hier {
				background: #c4ced7;
				font-weight: bold;
				margin: 0 -10px 0 -11px;
				padding: 0.2em 10px 0.2em 11px;
			}
				div.content ul.projectlist li.hier a.readmore {
					margin: 0 0 0 35px;
					font-weight: normal;
					text-decoration: underline;
				}
		
	div.overviewnavigation {}
		div.txt {
		}
		.overviewnavigation a {
		}
			.overviewnavigation a:hover {}
			.overviewnavigation a.active {}
	
	div.bladeren {
		margin: 1.4em 0 0 0;
	}
		div.bladeren a {
			display: block;
			font-size: 0.7em;
			float: left; 
			padding: 0 1em 0 0;
		}
			div.bladeren a:hover {
				text-decoration: underline;
			}
		div.bladeren div.vorige {
			float: left;
		}
		div.bladeren div.paginas {
			float: left;
		}
			div.bladeren div.paginas a.hier {
				color: #325977;
			}
		div.bladeren div.volgende {
			float: left;
		}

/* 	Formulier	*/
/*	formulieren alleen stylen via een klasse, niet een id, dat gaat niet goed vanuit de webmagiër */
form {
}
	form fieldset {}
		label,
		form fieldset label {
			display: block;
			font-size: 0.7em;
			margin: 0.5em 0 0.5em;
			width: 200px;
		}
		form fieldset input {
			display: block;
			border: 1px solid #325977;
			width: 300px;
			font-size: 0.7em;
		}		
			form input.button {
				background-color: #899eaf;
				border: none;
				color: #ffffff;
				cursor: pointer;
				font-weight: bold;
				line-height: 24px;
				height: 24px;
				margin-top: 1em;
				width: 120px;
			}
		form fieldset div.radiolist input {
		}
		form fieldset div.customcheckboxfield input {

		}
		form fieldset div.humanityfield img {
			margin-top: 1em;
		}
		form fieldset select {
		}
		form fieldset textarea {
			border: 1px solid #325977;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 0.7em;
			height: 57px;
			width: 300px;
			overflow: auto;
		}

		form fieldset input.error {}

		.error {
		}
			.error span {
				display: block;
				font-size: 0.7em;
				color: #cc0000;
				margin: 0.5em 0 0 0;
			}
			.error label {}
			div.error input {
				border: 1px solid #cc0000;
				background-color: #fff2f2;
			}
			.error textarea {
				border: 1px solid #cc0000;
			}
		div.error_border {
			border: 1px solid #cc0000;
			margin: 0.8em 0 0.5em;
			padding: 0.8em;
		}
			div.error_border label {
				margin: 0 0 0.5em;
			}
	div.systemfeedback_error {
		color: #cc0000;
	}
		div.systemfeedback_error p {}


/* Footer */

div.footer-wrapper {
}
	div.footer {
		margin: 2em 0px;
		padding: 0px 0px 0px 170px;
	}
	
	p.utilitymenu a {
		color: #325977;
		text-decoration: underline;
	}
	
		p.utilitymenu a:hover {
			text-decoration: none;
		}
		
/* overige classes */
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
button {
	border: 0px;
	cursor: pointer;
	padding: 0px;
	text-indent: -999em;
}

.screenreader {
	display: none;
}

.clearfloat:after {
	content: ".";
	display: block;
	height: 0;
	visibility:hidden;
	clear: both;
}