* html #content { /*star hack voor IE */
height : 1%;
}
html { padding:0px; margin:0px; }
body {
	font-size: 70%;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color: #ffffff;
	margin: 0px; padding: 0px;
	background:url(../background.gif) no-repeat;
}
img { border:0px;}
p, pre{
	padding: 5px 10px;
	margin:0px;
}

h1 {
	font-size: 11px;
	text-transform:uppercase;
/*	background-color: #E0A3B7;
*/	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	padding:5px 15px;
	margin:0px 
}

h2 {
	font-size:20px;
	font-weight: normal;
	padding: 5px 10px;
	margin:0px;
}

#container {
	position:relative;
	width: 778px;
	margin-bottom: 10px;
	padding: 0px 0px 10px 0px;
	margin-left: auto;
	margin-right: auto;
	border-bottom:#CCCCCC solid 1px;
}

#header {
	position:relative;
	background-color: #e1ddd9;
	margin: 0px; padding: 0px;
	background-image:url(../header_BG.jpg);
	background-repeat:repeat-y;
	height: 170px;
}
	#header_logo {
		position:absolute;
		width:277px;
		height:61px;
		background-image:url(../header_logo.gif);
		left:25px;
		padding: 0px;
		margin: 0px;
	} 
	#header_slogan {
		position:absolute;
		right:0px;
		top:54px;
		width:273px;
		height:13px;
		background-image:url(../header_slogan.jpg);
		border:3px;
		padding: 0px;
		margin: 0px;
	} 
	#header_foto {
		position:absolute;
		left:0px;
		top:69px;
		height:71px;
		border-top:#A4CBB1 solid 1px;
		border-bottom:#A4CBB1 solid 1px;
		clear:right;
		padding:5px 0px 0px 0px;
		margin:5px 0px 0px 0px;
	} 
	#header img {
		border:#ffffff solid 1px;
		margin-right:17px;
		width:94px;
		height:65px;
	}

#wrapper { width:778px; margin:0px; padding:0px; background-color:#FF0000; }

/* -----left navigation----- */
#menu {
	margin: 0px; padding: 0px;
	float: left;
	width: 164px;
}

	#menu ul {
		position:relative;
		float:right;
		width: 164px;
		list-style-position:inside;
		list-style-type:none;
		margin:0px; padding:0px;
		font-size:90%;
		background:#007336;
		border:0px

	}

	#menu ul li {
		border-top: #FFFFFF solid 1px;
		width:158px;
		float:right;
	}
	#menu ul li a {
			display: block;
			padding: 5px 5px 5px 17px;
			color: #ffffff;
			text-decoration: none;
			width: 136px;
			background: #007336 url(../menu_arrow_off.gif) no-repeat left;
	
	}
	#menu ul li a.selected {
			display: block;
			padding: 5px 5px 5px 17px;
			color: #007336;
			text-decoration: none;
			width: 136px;
			background: #A4CBB1 url(../menu_arrow_over.gif) no-repeat left;
	
	}
	html>body #menu ul li a {
		width: auto;
	}
	html>body #menu ul li a.selected {
		width: auto;
	}
	
	#menu ul li a:hover {
			color: #007336;
			background: #A4CBB1 url(../menu_arrow_over.gif) no-repeat left;
	
	}
	#menu img {
 		padding: 0px 0px 0px 24px;
		margin:0px;
	}
	#menu ul.contact {
		position:relative;
		float: right;
		border-top: #FFFFFF solid 1px;
		color:#336633;
		display:inline;
		list-style-position:outside;
		padding:10px 0px 0px 0px;
		list-style-type:default;
		font-size:80%;
		background:url(../menu_features_bg_adres.jpg) repeat-x;
		width: 150px;
		height:120px;
		margin: 0px;
 
	}
	#menu ul.contact li {
		border:0px;
		width:140px;
		padding-left:10px;
	}

/* -----CONTENT----- */
#content {
	padding: 0px;
	margin:0px;
	color:#000000;
	float:left;
	width:614px;
	line-height:150%;
}
	.bouwbureau  {
		color:#007336;
	}
	.bouwservice  {
		color:#B00F14;
	}
	.bouwontwikkeling {
		color:#005496;
	}
	#content p.image {
		padding: 0px;
		margin: 0px;
		border: 0px;
		float:left;
	}
	#content ul {
		position: relative;
		bottom:0px;
		list-style-type: none;
		margin: 0px; 
		padding: 0px 0px 0px 15px; 
		overflow:auto;
	}
	#content ul li {
		position:relative;
		padding: 0px;
		float:left;
		width: 189px;
		margin-top:10px;
	}

	#content  h2{
		padding-left: 0px;
		font-size:120%;
		font-weight:bold;
	}
	#content ul li h4{
		padding-left: 0px;
	}
	#content ul li p{
		padding-left: 0px;
	}
	
	#content img.project {
		float:left;
		padding-right:10px;
	}

	#content ul.project li {
		position:relative;
		float:none;
		width:550px;
		padding:5px 0px 5px 0px;
/*		background-color:#CCCCCC;
		border:#999999 solid 1px;
*/		margin-bottom:10px;
	}
/*div#content { 
	min-height:300px;
	height:expression(this.scrollHeight > 300 ? "auto":"300px"); 
}*/
	#content h1 {
		font-size: 140%;
		text-transform:uppercase;
		border: 0px;
		padding-top:20px;
		padding-left: 15px;
		margin:0px 
	}
	#content.bouwbureau h1 {
		color:#007336;
	}
	#content.bouwservice h1 {
		color:#B00F14;
	}
	#content.bouwontwikkeling h1 {
		color:#005496;
	}
	#content h4 {
		font-size: 100%;
		padding-left: 15px;
		padding-bottom: 0px;
		margin:0px; 
	}
	#content.bouwbureau h4 {
		color:#007336;
	}
	#content.bouwservice h4 {
		color:#B00F14;
	}
	#content.bouwontwikkeling h4 {
		color:#005496;
	}
	#content p {
		padding-left: 15px;
		padding-top: 0px;
		padding-bottom: 10px;
		margin:0px 
	}
	#content p.img {
		padding-left: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
		margin:0px 
	}
	#content a:link,a:visited {
		font-size: 100%;
		text-decoration: none;
	}
	#content a:hover {
		font-size: 100%;
		text-decoration: underline;
	}
	#content.bouwbureau a:link{
		color:#007336;
	}
	#content.bouwbureau a:visited{
		color:#007336;
	}
	#content.bouwbureau a:hover{
		color:#007336;
	}
	#content.bouwservice a:link {
		color:#B00F14;
	}
	#content.bouwservice a:visited {
		color:#B00F14;
	}
	#content.bouwservice a:hover {
		color:#B00F14;
	}
	#content.bouwontwikkeling a:link {
		color:#005496;
	}
	#content.bouwontwikkeling a:visited {
		color:#005496;
	}
	#content.bouwontwikkeling a:hover {
		color:#005496;
	}
#header ul {
	position: absolute;
	bottom:0px;
	right:0px;
	width:613px;
	/*width: 400px;*/
	height: 18px;
	list-style-type: none;
	margin: 0px; padding: 0px;
	font-size:90%;
}
	#header ul.bouwbureau { 
		background:url(../header_menu_bouwbureau.jpg) repeat-y;  
	}
	#header ul.bouwservice { 
		background:url(../header_menu_bouwservice.jpg) repeat-y;  
	}
	#header ul.bouwontwikkeling { 
		background:url(../header_menu_ontwikkeling.jpg) repeat-y;  
	}


	#header ul li {
		position:relative;
		float:left;
	/*	width: 100px;
	*/}
	#header ul li a {
			display: block;
			padding: 2px 9px 4px 9px;
			color: #ffffff;
			text-decoration: none;
	/*		width: 120px;
	*/		background: url(../menu_arrow_off.gif) no-repeat left;
	
	}
	#header ul li a.selected {
			display: block;
			padding: 2px 9px 4px 9px;
			color: #ffffff;
			text-decoration:underline;
	/*		width: 120px;
	*/		background: url(../menu_arrow_off.gif) no-repeat left;
	
	}
	html>body #header ul li a {
		width: auto;
	}
	html>body #header ul li a.selected {
		width: auto;
	}
	
	#header ul li a:hover {
			color: #ffffff;
			text-decoration:underline;
			background: url(../menu_arrow_off.gif) no-repeat left;
	
	}

#footer {
	clear: both;
	margin: 0px; padding: 0px;
	text-align: right; 
	height:1px;
	/*background:url(../footer_background.gif) no-repeat;*/
	/*background-color:#000000;*/
}

#clear { clear:right; }

/* -----footer----- */




/* CSS Document */