html {
	height:100%;
}

body {
	font-family: 'Arial', 'HelveticaCondensed', 'sans-serif';
	line-height: 11px;
	font-size: 11px;
	text-align:center;
	margin: 0;
	background: url('../images/bg.jpg') repeat-x #D3D613;
	color: #000000;
	height:100%;
	padding:0;
}

div#wrapper {
	position: relative;
	margin: 0 auto;
	width: 992px
}

div#header {
	position: relative;
	width:992px;
	height:455px;
}

div#header h1 {
	position: absolute;
	margin: 0;
	padding: 0;
	bottom:10px;
	left:35px;
	color: #1E592D;
	font-family: myriad pro;
	font-size:32px;
	z-index:500;
}

div#header h2 {
	position: absolute;
	margin: 0;
	padding: 0;
	bottom:10px;
	left:750px;
	color: #1791D0;
	font-family: myriad pro;
	font-size:26px;
	z-index:510;	
}


div#logo {
	position: absolute;
	top:0;
	left:20px;
	width: 332px;
	height:178px;
	z-index:501;
}

div#menu {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 992px;
	height: 455px;
	background:url('../images/menu.png');
}

div#menu ul {
	position: absolute;
	bottom: 61px;
	left: 50px;
	margin: 0 0 0 35px;
	padding: 0;
	background: url('../images/menu-streep.png') no-repeat center left;
}

div#menu ul li {
	float: left;
	margin: 0;
	padding: 18px 20px;
	list-style: none;
	cursor: pointer;
	background: url('../images/menu-streep.png') no-repeat center right;
}

div#menu ul li a {
	color: #000;
	text-decoration: none;
	font-size: 14px;
	font-weight:bold;
}

div#menu ul li a:hover {
	color: #5e6921;
}

div#content-wrapper {
	position: relative;
	width: 992px;
	background:url('../images/wrapper.png') repeat-y;
	text-align:left;
}

div#content {
	position: relative;
	padding: 25px 31px 25px 37px;
	background:url('../images/content.png') no-repeat bottom left;	
	font-size: 12px;
	line-height: 16px;
}

div#content a {
	color: #4F2608;
	text-decoration: none;
}

div#content a:hover {
	text-decoration: underline
}

div#content-text {
	float: left;
	width: 670px;
}

div#content-menu {
	position: relative;
	float: right;
	width: 224px;
	background: url('../images/projecten-wrapper.png') no-repeat;
	background-position: 0px 650px;
	
}

div#content-menu-content {
	float: left;
	width: 224px;
	background: url('../images/projecten-header.png') no-repeat top left;
}

div#content-menu-content {
	margin: 0;
	padding: 0;
	min-height: 650px;
}

div#content-menu-content ul {
	margin: 25px 25px;
	padding: 0;
}

div#content-menu-content ul li {
	margin: 0;
	padding: 2px 0;
	list-style:none;
}

div#content-menu-content ul li a {
	color: #FFF;
	font-weight:bold;
	text-decoration: none;
}

div#content-menu-content ul li a:hover {
	color: #89b5cb;
	text-decoration: none;
}

div#content-menu-footer {
	position: relative;
	float: right;
	width: 224px;
	margin: 0;
	padding: 0 0 10px 0;
	background: url('../images/projecten-footer.png') no-repeat bottom left;
}

div#content p {
	margin:0;
	padding:0;
}

div#footer {
	position: relative;
	width: 931px;
	height: 255px;
	background: url('../images/footer.png');
	padding: 39px 21px 39px 39px;
	text-align:left;
	color:#FFF;
}

div#footer h2 {
	color: #FA9B23;
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 22px;
	font-family: myriad pro;
}

div#footer div.alinea {
	float: left;
	width: 435px;
	padding: 0 10px 10px 0;
	font-size:12px;
	line-height: 15px;
	height:70px;
	margin-right:19px;
	text-align: justify;
}

div#footer div.alinea h3 {
	color: #FFF;
	font-size:16px;
	margin: 0;
	padding: 0;
	font-family: myriad pro;	
}

div#bottom-links {
	position: absolute;
	bottom:0;
	left: 0;
	width: 992px;
	color: #000;
}

div#bottom-links ul {
	margin: 0;
	padding: 0;
}

div#bottom-links ul li a {
	color: #000;
	text-decoration: none;	
}

div#bottom-links ul.left {
	float: left;
	margin-left:40px;
	margin-bottom: 13px;
}

div#bottom-links ul.right {
	float: right;
	margin-right:57px;
	margin-bottom:13px;
}

div#bottom-links ul li {
	margin: 0;
	padding: 0;
	color: #000;
	list-style: none;
}

.clear {
	clear: both;
}