/* Design & Code (c) Diffuse Interactive */
html, body {
    padding			: 0;
    margin          : 0;
    height			: 100%;
}

body {
    font			: normal 14px "Arial", "Verdana", sans-serif;
    color			: #464646;
	background		: #f7f7f7 url('../images/background.gif') repeat-x top left;
}

#wrapper {
	width			: 890px;
	min-height		: 100%;
	margin			: 0 auto;
	border-bottom	: 1px solid #e1e1e1;
	background		: #f7f7f7 url('../images/background.gif') repeat-x top left;
}

#top {
	float			: left;
	width			: 100%;
	height			: 120px;
}

	#top #logo {
		float			: left;
		width			: 200px;
		height			: 63px;
		margin			: 30px 30px 0 0;
		background		: transparent url('../images/logo_background.gif') no-repeat top left;
	}

		#top #logo img {
			width			: 200px;
			height			: 63px;
			border			: 0;
		}

	#top #menu {
		float			: left;
		width			: 660px;
		height			: 30px;
		border-bottom	: 1px solid #e3e3e3;
	}

		#top #menu #language {
			position		: relative;
			float			: right;
			width			: 100px;
			height			: 23px;
			padding			: 7px 0 0 16px;
			font-size		: 12px;
			font-weight		: bold;
			color			: #e43038;
			background		: transparent url('../images/language_background.gif') no-repeat left;
		}

			#top #menu #language span {
				padding			: 0 14px 0 0;
				background		: transparent url('../images/language_arrow.gif') no-repeat right;
			}

			#top #menu #language #select {
				position		: absolute;
				top				: 30px;
				left			: 0;
				width			: 100px;
				height			: 24px;
				padding			: 0 0 0 16px;
				display			: none;
				background		: transparent url('../images/select_background.gif') no-repeat
			}

#main {
	float			: left;
	width			: 100%;
	height			: auto;
	margin			: 0 0 326px 0;
}

	#left {
		float			: left;
		width			: 200px;
		height			: auto;
		margin			: 0 30px 0 0;
		display			: inline;
	}

		#left #projects {
			float			: left;
			width			: 198px;
			border			: 1px solid #e1e1e1;
			height			: 508px;
			background-color: #fff;
		}

			#left #projects img {
				border-bottom	: 1px solid #e1e1e1;
			}

		#left #submenu {
			float			: left;
			width			: 198px;
			border			: 1px solid #e1e1e1;
			background-color: #fff;
		}

	#middle {
		float			: left;
		width			: 430px;
		height			: auto;
		margin			: 0 30px 0 0;
		display			: inline;
	}

		#middle #content {
			float			: left;
			width			: 428px;
			border			: 1px solid #e1e1e1;
			background-color: #fff;
			position		: relative;
			padding			: 90px 0 0 0;
			margin			: 0;
		}

		#middle #header {
			float			: left;
			width			: 428px;
			height			: 156px;
			margin			: -54px 0 20px 0;
		}

		#middle .date {
			font-size		: 12px;
			display			: block;
			margin			: 0 0 10px 0;
		}

	#right {
		float			: left;
		width			: 200px;
		height			: auto;
		display			: inline;
	}

		#wide #right {
			width			: 660px;
		}

		#right #content {
			float			: left;
			width			: 658px;
			border			: 1px solid #e1e1e1;
			background-color: #fff;
			position		: relative;
			padding			: 79px 0 0 0;
		}

		#right #header {
			float			: left;
			width			: 658px;
			height			: 156px;
			margin			: -43px 0 20px 0;
			position		: relative;
		}

			#right #header img {
				position		: absolute;
				top				: 0;
				left			: 0;
			}

			#header img.active {
				z-index			: 10;
			}

			#header img.last-active {
				z-index			: 9;
			}

		#right .info {
			height			: 103px;
		}

		#right .project {
			float			: left;
			width			: 658px;
			border-top		: 1px solid #e1e1e1;
		}

			#right .project img {
				float			: left;
				width			: 330px;
				height			: 248px;
			}

			#right .project .details {
				float			: left;
				width			: 288px;
				padding			: 20px 20px 0 20px;
			}

				#right .project .details .date {
					font-size		: 12px;
					display			: block;
					margin			: 0 0 3px 0;
				}

		#right #columns {
			float			: left;
			width			: 658px;
			border-top		: 1px solid #e1e1e1;
		}

			#right #columns #column-left {
				position		: relative;
				float			: left;
				width			: 329px;
				border-right	: 1px solid #e1e1e1;
			}

			#right #columns #column-right {
				position		: relative;
				float			: left;
				width			: 328px;
				border-left		: 1px solid #e1e1e1;
				margin			: 0 0 0 -1px;
			}

			#right #contacts #columns #column-left, #right #contacts #columns #column-right {
				padding-top		: 55px;
			}

			#right #contacts img {
				margin			: -25px 0 10px 0;
			}

		#right #address {
			float			: left;
			width			: 289px;
			margin			: 0 20px 20px 20px;
			display			: inline;
		}

		#right #contact {
			float			: left;
			width			: 289px;
			margin			: 0 20px 20px 0;
			display			: inline;
		}

	.text {
		padding			: 0 20px;
	}

	.images {
		float			: left;
		margin			: 0 0 15px 0;
	}

		.images img {
			float			: left;
			border			: 0;
		}

	.block {
		float			: left;
		width			: 198px;
		min-height		: 173px;
		border			: 1px solid #e1e1e1;
		margin			: 0 0 30px 0;
		padding			: 43px 0 0 0;
		display			: inline;
		background-color: #fff;
		position		: relative;
		background-repeat: no-repeat;
		background-position: 0 35px;
		cursor			: pointer;
		font-size		: 12px;
	}

		.block .text {
			width			: 158px;
			border-bottom	: 1px solid #e1e1e1;
			margin			: 0 0 12px 0;
		}

		#wide .block {
			margin			: 30px 30px 0 0;
		}

		.block img {
			margin			: 0 0 12px 0;
		}

		#wide #right .last {
			margin			: 30px 0 0 0;;
		}

		.large {
			width			: 313px;
		}

#footer {
	position		: relative;
	margin			: -297px 0 0 0 !important;
	width			: 100%;
	min-width		: 890px;
	height			: 316px;
	border-top		: 1px solid #e1e1e1;
	background-color: #fff;
}

	#footer #lists {
		position		: absolute;
		width			: 890px;
		height			: 316px;
		top				: 0;
		left			: 50%;
		margin			: 0 0 0 -445px;
	}

	#footer #lists div {
		float			: left;
		width			: 229px;
		height			: 316px;
		border-left		: 1px solid #e1e1e1;
	}

	#footer #lists div.last {
		width			: 199px;
	}

.clear {
	clear			: both;
}

/* Headings H1-H6 */
h1 { }

	#content h1 {
		position		: absolute;
		top				: 0;
		left			: 0;
		float			: left;
		color			: #fff;
		font-size		: 20px;
		font-weight		: bold;
		text-transform	: uppercase;
		padding			: 17px 20px 16px 20px;
		min-height		: 24px;
		background-color: #e43038;
		z-index			: 20;
	}

		#middle h1 {
			max-width		: 330px;
		}

h2 { }

	#left h2 {
		color			: #fff;
		font-size		: 20px;
		font-weight		: bold;
		text-transform	: uppercase;
		height			: 40px;
		background-color: #464646;
		padding			: 17px 20px 0 20px;
	}

	#content h2 {
		font-size		: 17px;
		font-weight		: bold;
		margin			: 0 0 8px 0;
		color			: #000;
	}

	#column-right h2 {
		float			: left;
		color			: #fff;
		font-size		: 12px;
		font-weight		: bold;
		text-transform	: uppercase;
		height			: 33px;
		background-color: #464646;
		padding			: 17px 20px 0 20px;
	}

	#contacts h2 {
		position		: absolute;
		top				: 0;
		left			: 0;
		color			: #fff;
		font-size		: 12px;
		font-weight		: bold;
		text-transform	: uppercase;
		height			: 33px;
		background-color: #464646;
		padding			: 17px 20px 0 20px;
	}

h3 { }

	.block h3 {
		position		: absolute;
		top				: 0;
		left			: 0;
		width			: 126px;
		min-height		: 29px;
		color			: #fff;
		font-size		: 12px;
		font-weight		: bold;
		text-transform	: uppercase;
		background-color: #464646;
		padding			: 16px 19px 16px 20px;
		line-height		: 14px;
	}

	.block:hover h3, .hover h3 {
		background-color: #0092d0;
	}

	#content h3 {
		font-size		: 14px;
		font-weight		: bold;
		margin			: 0 0 8px 0;
		color			: #000;
	}

	.project h3 {
		line-height		: 20px;
	}

h4 { }

	#projects ul li h4 {
		color			: #464646;
		font-size		: 12px;
		font-weight		: bold;
		height			: 53px;
		padding			: 12px 20px 0 20px;
		background-color: #fff;
		cursor			: pointer;
	}

	#projects ul li:hover h4 {
		color			: #0092d0;
	}

	#projects ul li.active h4 {
		color			: #fff;
		background-color: #464646;
	}

	#projects ul li.active:hover h4 {
		color			: #fff;
		background-color: #0092d0;
	}

h5 { }

h6 { }


/* Paragraph and Link Styles */
p {
	line-height		: 20px;
	margin			: 0 0 20px 0;
}

	.block p {
		line-height		: 18px;
		margin			: 0 0 15px 0;
	}

	#address p, #contact p {
		margin			: 0 0 10px 0;
	}

a {
	color			: #464646;
	text-decoration	: underline;
	outline			: none;
}

a:hover {
	color			: #0092d0;
}

	a.more {
		display			: block;
		color			: #808080;
		font-size		: 12px;
		font-weight		: bold;
		text-transform	: uppercase;
		padding			: 0 0 0 20px;
		margin			: 0 0 11px 0;
		text-decoration	: none;
	}

	a.more:hover, .block:hover a.more, .hover a.more {
		color			: #0092d0;
		text-decoration	: none;
	}

	#projects a {
		font-size		: 12px;
		font-weight		: bold;
		text-transform	: uppercase;
		display			: block;
		height			: 24px;
		padding			: 10px 20px 0 20px;
		width			: 158px;
		text-decoration	: none;
	}

	#projects ul li.active:hover a {
		color			: #0092d0;
	}

	#select a {
		color			: #808080;
		text-decoration	: none;
	}

	#select a:hover {
		color			: #0092d0;
		text-decoration	: none;
	}

	h3 a {
		color			: #464646;
		text-decoration	: none;
	}

	h3 a:hover {
		color			: #0092d0;
	}

/* Lists and Navigation */
ul { }

	#menu ul {
		float			: left;
		margin			: 7px 0 0 0;
	}

		#menu ul li {
			float			: left;
			padding			: 0 0 0 21px;
		}

			#menu ul li a {
				font-size		: 12px;
				font-weight		: bold;
				color			: #808080;
				text-decoration	: none;
			}

			#menu ul li a:hover {
				color			: #0092d0;
			}

			#menu ul li.active a {
				color			: #e43038;
			}

	#submenu ul { }

		#submenu ul li { }

			#submenu ul li a {
				display			: block;
				height			: 30px;
				border-bottom	: 1px solid #e1e1e1;
				font-size		: 12px;
				font-weight		: bold;
				color			: #464646;
				text-transform	: uppercase;
				padding			: 16px 20px 0 20px;
				width			: 158px;
				text-decoration	: none;
			}

			#submenu ul li a:hover {
				text-decoration	: none;
				color			: #0092d0;
			}

			#submenu ul li.active a {
				border-bottom	: 1px solid #e1e1e1;
				color			: #e43038;
			}

			#submenu ul li.last a {
				border			: 0;
			}

	#submenu ul li ul {
		display			: none;
		padding			: 5px 20px 9px 20px;
		margin			: 0 0 -4px 0;
		background		: transparent url('../images/submenu_background.gif') no-repeat bottom left;
	}

	#submenu ul li.last ul {
		padding			: 5px 20px;
		margin			: 0;
		background		: none;
		border-top		: 1px solid #e1e1e1;
	}

	#submenu ul li.active ul {
		display			: block;
	}

		#submenu ul li ul li { }

			#submenu ul li ul li a, #submenu ul li.active ul li a {
				text-transform	: none;
				padding			: 0;
				width			: auto;
				height			: auto;
				border			: 0;
				margin			: 10px 0;
				color			: #464646;
			}

			#submenu ul li ul li a:hover {
				color			: #0092d0;
			}

			#submenu ul li ul li.active a {
				color			: #e43038;
			}

	#projects ul { }

		#projects ul li {
			border-top		: 1px solid #e1e1e1;
			background		: #fff;
		}

			#projects ul li div {
				display			: none;
			}

			#projects ul li.active div {
			}

	#lists ul {
		margin			: 14px 15px 0 15px;
	}

		#lists ul li {
			line-height		: 14px;
		}

			#lists ul li a {
				font-size		: 12px;
				font-weight		: bold;
				color			: #000;
				text-decoration	: none;
			}

			#lists ul li a:hover {
				color			: #0092d0;
			}

	#lists ul ul {
		margin			: 10px 0 0 0;
	}

		#lists ul ul li {
			padding			: 0 0 8px 0;
		}

			#lists ul li li a {
				font-weight		: normal;
				color			: #7f8080;
			}

	#content ul {
		margin			: 10px 0 20px 0;
		padding			: 0 0 0 15px;
	}

		#content ul li {
			padding			: 2px 0;
		 	list-style-type	: disc;
		}


	#downloads #column-left ul {
		margin			: 15px 0;
		padding			: 0;
	}

		#downloads #column-left li {
			display			: block;
			width			: 329px;
			padding			: 5px 0;
			list-style-type	: none;
		}

		#downloads #column-left li.active {
			background		: transparent url('../images/hr.gif') repeat-x center;
		}

			#downloads #column-left li a {
				font-size		: 14px;
				font-weight		: bold;
				text-decoration	: none;
				background-color: #fff;
				padding			: 0 15px 0 20px;
			}

			#downloads #column-left li a:hover {
				color			: #0092d0;
			}

			#downloads #column-left li.active a {
				color			: #e43038;
			}

	#downloads #column-right ul {
		margin			: 0 40px 20px 20px;
	}

		#downloads #column-right ul li {
			display			: block;
			margin			: 10px 0;
			list-style-type	: none;
		}

			#downloads #column-right ul li a {
				display			: block;
				padding			: 0 0 0 55px;
				min-height		: 35px;
				text-decoration	: none;
				font-weight		: bold;
				line-height		: 18px;
				background		: transparent url('../images/pdf.gif') no-repeat left;
			}

				#downloads #column-right ul li a span {
					display			: block;
					font-size		: 12px;
					font-weight		: normal;
				}


	#contacts ul {
		margin			: 10px 0 0 0;
		padding			: 0 0 0 15px;
		height			: 160px;
	}

		#contacts ul li {
			padding			: 2px 0 2;
		 	list-style-type	: disc;
		}

/* Forms */
form { }

form.form-projects {
	margin			: 0 0 25px 0;
}

	form input, form select, form textarea { }

		form.form-projects input, .form-projects select, .form-projects textarea {
			font-size			: 12px;
			margin				: 0 15px 0 0;
			padding				: 0 0 0 5px;
		}

	form select { }

		form select.select-gebied {
			width				: 295px;
		}

		form select.select-jaar, form select.select-maand {
			width				: 125px;
		}

/* Tables */
table { }

	#contacts table {
		margin				: 0 0 20px 0;
	}

	table td {
		line-height			: 20px;
	}