/* Basis */

* {
	margin: 0px;
}

html {
	overflow: auto;
}

body {
	background: url(../images/background.gif) center -50px no-repeat fixed #0078c1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #858688;
	overflow-x: hidden;
	line-height: 1.5em;
}

h1 {
	color: #0078c1;
	font-weight: bold;
	font-size: 17px;
	margin-bottom: 1em;
	text-transform: uppercase;
}

h2 {
	color: #0078c1;
	font-weight: normal;
	margin: 2em 0px 1em 0px;
	border-bottom: 1px solid #0078c1;
	padding-bottom: 3px;
	letter-spacing: 1pt;
	font-size: 16px;
}

p, ul {
	margin: 1em 0px;
}

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

a:hover {
	text-decoration: underline;
}

a img {
	border: none;
}

li {
	margin-left: -20px;
	margin-bottom: 0.1em;
}

hr {
	height: 2px;
	background: #858688;
	color: #858688;
	outline: none;
	clear: both;
	border: 0px;
	margin: 1em 0px;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

/* Menu */

#menu {
	position: relative;
	top: -12px;
	width: 1000px;
	height: 104px;
	font-family: Helvetica, sans-serif;
}

	#menu a {
		padding: 16px 35px;
		display: block;
		font-size: 16px;
	}
	
	#menu a:hover, #menu a.active {
		text-decoration: none;
		color: #00b3e6;
	}

	#menu a.active {
		font-weight: bold;
	}

	#menu > ul {
		padding: 0px;
		margin: 0px;
	}
	
	#menu > ul > li {
		list-style: none;
		display: block;
		float: left;
		margin: 0px;
	}
	
	#menu > ul > li > ul {
		position: absolute;
		top: 48px;
		left: inherit;
		margin: 0px;
		padding: 0px;
		width: 100%;
	}
	
	#menu > ul > li > ul.uitzondering {
		left: -50px;
		right: inherit;
		margin-right: -50px;
	}
	
	#menu > ul > li > ul > li {
		list-style: none;
		display: block;
		float: left;
		margin: 0px;
	}
	
	#menu > ul > li > ul.uitzondering > li {
		float: right;
	}
	
	#menu > ul > li > a {
		color: #0078c1;
		text-transform: uppercase;
	}
			
	#menu > ul > li > ul > li > a {
		color: #858688;
		text-transform: none;
		letter-spacing: 1pt;
	}

/* Content */

#wrapper {
	width: 1000px;
	height: auto;
	margin: 0px auto;
}

#header {
	margin: 24px 0px;
	text-align: right;
}

#middle {
	width: 1000px;
}

	#middle .top {
		height: 12px;
		background: url(../images/bg_top.png) no-repeat;
	}

	#middle .content {
		min-height: 400px;
		background: #fff;
		width: 1000px;
	}
	
		#middle .content #inhoud {
			padding: 0px 35px 40px 35px;
		}
		
		#middle .content #inhoud.homepage {
			padding-bottom: 50px;
		}
			
			#middle .content #inhoud .left {
				width: 480px;
			}
			
			#middle .content #inhoud .left.big {
				width: 680px;
			}
			
			#middle .content #inhoud .right {
				width: 420px;
				padding: 0px 12px 10px 15px;
				text-align: center;
				background: white;
			}
			
			#middle .content #inhoud .right.small {
				width: 220px;
				margin: 0px 12px;
				text-align: center;
			}
			
			#middle .content #inhoud .full {
				width: 100%;
			}
			
			#middle .content #inhoud.homepage .left, #middle .content #inhoud.homepage h2 {
				width: 360px;
			}
			
			#middle .content #inhoud.homepage .right {
				width: 536px;
			}
										
			#middle .content #inhoud .titel {
				font-family: Helvetica, sans-serif;
				font-weight: bold;
				text-transform: uppercase;
				margin-top: 0px;
				font-size: 16px;
			}
			
			#middle .content #inhoud .titel.left {
				width: 275px;
			}
			
			#middle .content #inhoud .navigation.right {
				width: 180px;
			}
			
			#middle .content #inhoud .full .titel.left {
				width: 640px;
			}
			
			#middle .content #inhoud .full .navigation.right {
				width: 260px;
			}
			
			#middle .content #inhoud .navigation.projecten {
				height: 19px;
				margin-bottom: 16px;
			}
										
			#middle .content #inhoud .navigation {
				margin-top: 2px;
				text-align: right;
				text-transform: uppercase;
			}
			
			#middle .content #inhoud .vacatures li {
				margin-bottom: 1em;
			}
			
			#middle .content #inhoud .opsomming {
				line-height: 1.8em;
			}
			
			#middle .content #inhoud .opsomming a {
				 text-decoration: underline;
			}
			
			#middle .content #inhoud .galleryview {
				margin-right: -17px;
			}
			
			#middle .content #inhoud .galleryview li {
				margin: 0px;
			}
			
			#middle .content #inhoud .project {
				float: left;
				width: 450px;
				margin: 20px 15px 10px 0px;
				height: 95px;
			}
			
				.project .left {
					width: 90px !important;
				}
			
				.project .right {
					width: 345px !important;
					text-align: left !important;
					padding: 0px 0px 0px 15px !important;
					margin: 0px !important;
					float: left;
				}
				
			#middle .content #inhoud.projectpage .left, #middle .content #inhoud.small .left {
				width: 430px;
			}
			
			#middle .content #inhoud.projectpage .right, #middle .content #inhoud.small .right {
				width: 476px;
			}			
					
	#middle .bottom {
		height: 12px;
		background: url(../images/bg_bottom.png) no-repeat;
	}

#footer {
	margin: 10px 0px;
	color: #fff;
}

	#footer a {
		color: #fff;
	}
	
/* Afbeeldingen */

.afbeelding {
	position: relative;
	display: inline-block;
}

	.afbeelding span {
		display: block;
		z-index: 1000;
	}
	
	.afbeelding img, .afbeelding span {
		position: absolute;
		top: 0px;
		left: 0px;
	}

	.afbeelding.big.horizontal, .afbeelding.big.horizontal a, .afbeelding.big.horizontal img, .afbeelding.big.horizontal span {
		width: 420px;
		height: 282px;
	}

	.afbeelding.big.vertical, .afbeelding.big.vertical a, .afbeelding.big.vertical img, .afbeelding.big.vertical span {
		width: 188px;
		height: 282px;
	}

	.afbeelding.small, .afbeelding.small a, .afbeelding.small img, .afbeelding.small span {
		width: 260px;
		height: 175px;
	}
	
	.afbeelding.thumb, .afbeelding.thumb a, .afbeelding.thumb img, .afbeelding.thumb span {
		width: 90px;
		height: 90px;
	}
	
	.afbeelding.gallery.small, .afbeelding.gallery.small a, .afbeelding.gallery.small img, .afbeelding.gallery.small span  {
		width: 93px;
		height: 62px;
	}
	
	.afbeelding.gallery.big, .afbeelding.gallery.big a, .afbeelding.gallery.big img {
		width: 420px;
		height: 282px;
	}
	
	.afbeelding.small {
		width: 260px;
		height: 175px;
		margin: 0px 0px 8px 8px;
		float: left;
	}
	
	.afbeelding.gallery.big {
		border: 2px solid #0078c1;
		margin-bottom: 10px;
	}
	
	.afbeelding.gallery.small {
		border: 2px solid #0078c1;
		margin: 4px;
		cursor: pointer;
		float: none;
		padding: 0px;
		display: inline-block;
	}
	
	.afbeelding.thumb .image {
		width: 90px;
		height: 90px;
		background: no-repeat center center;
	}
	
	.afbeelding .corner1 {
		background: url(../images/corner1.png) no-repeat top left;
	}
	
	.afbeelding .corner2 {
		background: url(../images/corner2.png) no-repeat top right;
	}
	
	.afbeelding .corner3 {
		background: url(../images/corner3.png) no-repeat bottom left;
	}
	
	.afbeelding .corner4 {
		background: url(../images/corner4.png) no-repeat bottom right;
	}