@import url("reset.css");
/*sticky footer*/
html, body {
	height: 100%;
}
body {
	margin: 0;
	color: #000000;
	background: #FFFFFF url(background.jpg) no-repeat top right;
	font-family: "Gill sans", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}
/*

	CONTAINER

*/
	#wrapper {
		width: 955px;
		margin: 0; padding: 0;
		float: right;
	}
	.clear-left {
		clear: left;
	}
/*

	HEADER

*/
	a#title {
		display: block;
		width: 433px;
		height: 213px;
		background: url(title.png) no-repeat left top;
		text-indent: -9999px;
		float: left;
	}
	#navigation, #navigation ul {
		line-height: 1;
	}

	ul#navigation {
		list-style: none;
		margin: 176px 0 0 0; padding: 0;
		float: right;
	}
		ul#navigation li {
			margin: 0; padding:0;
			float: left;
		}
			ul#navigation li a {
				display: block;
				background: url(navigation.png);
				height: 37px;
			}
				a#bureau:link, a#bureau:visited {
					margin: 0; padding: 0;
					width: 89px;
					background-position: 0px 0px;
				}
				a#bureau:hover, a#bureau:active {
					margin: 0; padding: 0;
					background-position: -86px 0;	
				}
				
				a#verbouwen:link, a#verbouwen:visited {
					margin: 0; padding: 0;
					width: 135px;
					background-position: -178px 0px;
				}
				a#verbouwen:hover, a#verbouwen:active {
					margin: 0; padding: 0;
					background-position: -313px 0;
				}
				a#projecten:link, a#projecten:visited {
					margin: 0; padding: 0;
					width: 116px;
					background-position: -448px 0px;
				}
				a#projecten:hover, a#projecten:active {
					margin: 0; padding: 0;
					background-position: -564px 0;
				}
				a#studies:link, a#studies:visited {
					margin: 0; padding: 0;
					width: 88px;
					background-position: -680px 0px;
				}
				a#studies:hover, a#studies:active {
					margin: 0; padding: 0;
					background-position: -768px 0;
				}
				a#contact:link, a#contact:visited {
					margin: 0; padding: 0;
					width: 94px;
					background-position: -856px 0px;
				}
				a#contact:hover, a#contact:active {
					margin: 0; padding: 0;
					background-position: -950px 0;
				}
		#navigation li ul {
			position: absolute;
			overflow: visible;
			left: -999em;
			background: #FFFFFF;
			padding: 8px 3px 0 3px;
		}
			#navigation li ul li {
				height: 25px;
				line-height: 15px;
				float: none;
				background: none;
			}
				#navigation li ul li a {
					display: block;
					background: none;
					text-decoration: none;
					margin: 0 4px 0 4px;
				}
				#navigation li ul li a:link, #navigation li ul li a:visited {
					color: #000000;
				}
				#navigation li ul li a:active, #navigation li ul li a:hover {
					color: #333333;
				}
		#navigation li:hover ul, #navigation li.sfhover ul {
			left: auto;
		}
/*

	CONTENT

*/
	#content {
		width: 955px;
		background: #FFFFFF;
		clear: both;
		float: left;
	}
		#content h1 {
			font-size: 19px;
			margin: 0 0 15px 10px; padding: 0;
			font-weight: normal;
		}
		#content h2 {
			font-weight: bold;
			font-size: 14px;
			margin: 0 10px 5px 10px;
		}
		#content p {
			margin: 0 0 10px 10px; padding: 0;
			line-height: 15px;
		}
	.left {
		float: left;
		width: 370px;
		margin: 10px 0 0 0;
	}
	.right {
		float: left;
		width: 550px;
		margin: 15px 0 30px 20.5px;
		text-align: right;
	}
	.leftcontact {
		float: left;
		width: 200px;
		margin: 10px 0 0 0; }
		
		.lefthome {
		float: left;
		padding: 10px 350px 10px 10px;
		width: 595px;
		background: url(50p_opacity.png) repeat;
	}
	
	
	.rightcontact {
		float: right;
		margin: 15px 0 30px 20.5px;
	}
/*

	FOOTER

*/
	#footer {
		clear: both;
		margin: 10px 0 0 0; padding: 20px 10px 0 0;
	}
		#footer a:hover{
			color: #000000;
		}
	.fleft {
		text-transform: uppercase;
		float: left;
	}
	.fright {
		text-transform: uppercase;
		float: right;
		display: inline;
		margin-right: 10px; padding: 0;
	}
	
	p.fright a, p.fleft a{
		color: #000;
		text-decoration: none;
	}
	p.fright a.home{
		color: #FFF;
		text-decoration: none;
	}