#html, body {
	margin: 0;
	padding: 0;
 	background: url("../gfx/bg_body_index.jpg") repeat-y top left #ABB09B; 
	height: 100% !important;
	font-family: Arial, Verdana, sans-serif;
}

html.body_work,
body.body_work {
	background: url("../gfx/bg_body_werk.gif") repeat-y top left #ABB09B;
}

html.body_clients,
body.body_clients {
	background: url("../gfx/bg_body_clients.gif") repeat-y top left #ABB09B;
}

html.body_trends,
body.body_trends {
	background: url("../gfx/bg_body_trends.jpg") repeat-y top left #ABB09B;
}

html.body_organization,
body.body_organization {
	background: url("../gfx/bg_body_organization.gif") repeat-y top left #ffffff;
}

html.body_workmethod,
body.body_workmethod {
	background: url("../gfx/bg_body_workmethod.gif") repeat-y top left #ffffff;
}

html.body_jobs,
body.body_jobs {
	background: url("../gfx/bg_body_jobs.gif") repeat-y top left #ABB09B;
}

html.body_contact,
body.body_contact {
	background: url("../gfx/bg_body_contact.gif") repeat-y top left #ffffff;
}

html.body_route_auto,
body.body_route_auto {
	background: url("../gfx/bg_body_auto.gif") repeat-y top left #ffffff;
}

html.body_route_ov,
body.body_route_ov {
	background: url("../gfx/bg_body_ov.gif") repeat-y top left #ffffff;
}

html.body_message,
body.body_message {
	background: url("../gfx/bg_body_message.gif") repeat-y top left #ffffff;
}

#container {
	margin: 0;
	padding: 0;
	height: 100%;
}

#menu {
	position: relative;
	top: 120px;
	left: 0;
	width: 69px;
	float: left;
	height: 100%;
}

	#menu dt {
		display: none;
	}
	
	#menu dl, #menu dd {
		margin: 0;
		padding: 0;
		height: 61px;
	}


#headland {
	position: relative;
	top: 8px;
	left: 6px;
	height: 100%;
	width: 251px;
	float: left;
}

	#headland .flash {
		position: absolute;
		top: 80px;
		left: 0;
		width: 200px;
		padding: 0 20px;
		text-align: center;
	}
	
	#headland .flash p {
		line-height: 18px;
		color: #333333;
		font-size: 11px;
	}

	#headland .flash p a {
		color: #333333;
		border-bottom: 1px #333333 dotted;
		text-decoration: none;
	}
	
#headland_small {
	position: relative;
	top: 14px;
	left: 6px;
	height: 100%;
	width: 211px;
	float: left;
}

	#logo {
		position: absolute;
		top: 0;
		left: 25px;
	}
	
/* Pages */

h1 {
	font-size: 18px;
	color: #85CE1D;
	font-weight: normal;
}

h2 {
	color: #85CE1D;
	font-weight: normal;
}

dl {
	margin: 0;
	padding: 0;
}

#work {
	position: relative;
	top: 14px;
	left: 0;
	width: 260px;
	float: left;
	height: 100%;
}

#clients {
	position: relative;
	top: 14px;
	left: 0;
	width: 259px;
	float: left;
	height: 100%;
}

	#work h1,
	#clients h1 {
		margin-left: 26px;
	}

	#work .workList,
	#clients .clientList,
	#content_trends .trendList,
	#content_jobs .jobList {
		position: absolute;
		top: 76px;
		left: 0;
		width: 100%;
	}
	
	#clients dt,
	#work dt {
		display: none;
	}
	
	#clients dd,
	#work dd  {
		margin: 0;
		padding: 0;
		font-size: 11px;
		border-bottom: 1px dotted #ABB09B;
		padding: 9px 0 9px 26px;
		color: #666666;
		cursor: pointer;
	}
	
	#clients dd.active,
	#work dd.active {
		background-color: #85CE1D;
	}
	
	#clients dd.active a, #clients dd.active a:hover,
	#work dd.active a,    #work dd.active a:hover {
		color: #ffffff;
	}
	
	#clients dd a,
	#work dd a {
		color: #666666;
		text-decoration: none;
	}
	
	#clients dd a:hover,
	#work dd a:hover {
		color: #222222;
	}
	
#trend {
	position: relative;
	top: 12px;
	left: 0;
	width: 400px;
	height: 100%;
	float: left;
	padding: 0 30px;
}

	#trend h2 {
		font-size: 18px;
	}
	
	#trend p {
		line-height: 20px;
		font-size: 11px;
		color: #555555;
	}
	
	#trend p.pdf a,
	#jobs p.pdf a,
	#news p.pdf a {
		color: #999999;
		text-decoration: none;
		padding-left: 12px;
		background: url("../gfx/plus_white_off.gif") no-repeat center left;
	}
	
	#trend p.pdf a:hover,
	#jobs p.pdf a:hover,
	#news p.pdf a:hover {
		background: url("../gfx/plus_white_on.gif") no-repeat center left;
	}
	
.newsletter {
	position: absolute;
	top: 106px;
	left: 17px;
	width: 150px;
	padding: 10px 10px;
/*	height: 160px;*/
	background-color: #ffffff;
	font-size: 11px;
	color: #555555;
}

	.newsletter h2 {
		font-size: 12px;
	}
	
	.newsletter form {
		line-height: 18px;
	}
	
	.newsletter input {
		border: 1px #999999 solid;
		width: 144px;
	}
	
	.newsletter input.verstuur {
		border: 0;
		width: 63px;
		float: right;
	}
	
#news {
	position: relative;
	top: 14px;
	left: 0;
	width: 400px;
	height: 100%;
	float: left;
	padding: 0 30px;	
}

	#news h2 {
		font-size: 18px;
	}

	#news p {
		line-height: 20px;
		font-size: 11px;
		color: #555555;
	}
	
#organization {
	position: relative;
	top: 14px;
	left: 0;
	width: 270px;
	padding: 0 30px;
	float: left;
	height: 100%;
}

	#organization p {
		line-height: 20px;
		font-size: 11px;
		color: #555555;
	}
	
	#organization_werkwijze, 
	#organization_vacatures {
		position: relative;
		top: 20px;
		left: 0;
		width: 110px;
		text-align: center;
		float: left;
		height: 100%;		
	}
	
		#organization_werkwijze h2,
		#organization_vacatures h2 {
			font-size: 13px;
		}
		
		#organization_werkwijze a,
		#organization_vacatures a {
			color: #85CE1D;
			text-decoration: none;
		}
		
#contact_info {
	position: absolute;
	top: 100px;
	left: 0;
	width: 194px;
	padding: 0 0 0 50px;
}

	#contact_info p {
		font-size: 11px;
		line-height: 16px;
		color: #333333;
	}
	
	#contact_info a {
		color: #333333;
		text-decoration: none;
		padding-left: 12px;
		background: url("../gfx/plus_green_off.gif") no-repeat center left;		
	}
	
	#contact_info a:hover {
		background: url("../gfx/plus_green_on.gif") no-repeat center left;		
	}

#contact_block_large {
	position: relative;
	top: 16px;
	left: 0;
	width: 249px;
	padding: 0 30px;
	float: left;
	height: 100%;	
}

	#contact_block_large p {
		font-size: 11px;
		color: #555555;
		line-height: 20px;
	}
	
	#contact_block_large p.pdf a {
		color: #999999;
		text-decoration: none;
		padding-left: 12px;
		background: url("../gfx/plus_white_off.gif") no-repeat center left;
	}
	
	#contact_block_large p.pdf a:hover {
		background: url("../gfx/plus_white_on.gif") no-repeat center left;
	}
	
	#contact_block_large label span {
		color: red;
	}
	
	#contact_block_large label,
	#contact_block_large span.fake {
		float: left;
		width: 50px;
	}
	
	#contact_block_large input {
		float: left;
	}
	
	br.clear {
		clear: both;
	}
		
#contact_block {
	position: relative;
	top: 20px;
	left: 0;
	width: 114px;
	padding: 0 0 0 24px;
	float: left;
	height: 100%;
}

	#contact_block h2 {
		font-size: 13px;
	}

	#contact_block a {
		color: #85CE1D;
		text-decoration: none;
	}
		
#jobs {
	position: relative;
	top: 14px;
	left: 0;
	width: 194px;
	padding: 0 30px;
	float: left;
	height: 100%;
}

	#jobs p {
		line-height: 20px;
		font-size: 11px;
		color: #555555;
	}
	
#content_clients_text {
	position: relative;
	top: 14px;
	left: 1px;
	width: 247px;
	padding: 0 30px;
	float: left;
	height: 100%;
}

	#content_clients_text p {
		line-height: 20px;
		font-size: 11px;
		color: #555555;		
	}

#content_clients_image {
	position: relative;
	top: 14px;
	left: 1px;
	width: 307px;
	float: left;
	height: 100%;
}
	
#content_jobs {
	position: relative;
	top: 12px;
	left: 0;
	width: 211px;
	float: left;
	height: 100%;
}

#content_trends {
	position: relative;
	top: 12px;
	left: 0;
	width: 211px;
	float: left;
	height: 100%;
}
	#content_trends h1,
	#content_jobs h2 {
		font-size: 18px;
		color: #ffffff;
		margin-left: 26px;
	}

	#content_trends dt,
	#content_jobs dt {
		display: none;
	}
	
	#content_trends dd,
	#content_jobs dd {
		margin: 0;
		font-size: 11px;
		padding: 8px 0 8px 14px;
		border-bottom: 1px dotted #555555;
		color: #555555;
		cursor: pointer;
		line-height: 14px;
		width: 100%;
	}
	
	#content_trends dd:hover,
	#content_jobs dd:hover {
		background-color: #bec3b0;
	}		
	
	#content_trends dd a,
	#content_jobs dd a {
		color: #ffffff;
		text-decoration: none;
		padding-left: 12px;
		background-image: url("../gfx/plus_grey_off.gif");
		background-repeat: no-repeat;
		background-position: center left;	
	}
	
	#content_trends dd span,
	#content_jobs dd span {
		
	}
	
	#content_trends dd.active,
	#content_jobs dd.active {
		background-color: #ffffff;
	}

	#content_trends dd.active span,
	#content_jobs dd.active span {
		display: none;
	}
	
	#content_trends dd.active a,
	#content_jobs dd.active a {
		color: #b0af9c;
		background-image: none;
	}
	
	#content_trends dd a:hover,
	#content_jobs dd a:hover,
	#content_trends dd:hover a,
	#content_jobs dd:hover a {
		background: url("../gfx/plus_grey_on.gif") no-repeat center left;				
	}
	
	#content_trends dd.active a:hover,
	#content_jobs dd.active a:hover,
	#content_trends dd.active:hover a,
	#content_jobs dd.active:hover a {
		background-image: none;
	}	
	
	.index_news {
		position: absolute;
		top: 29px;
		left: 0;
		width: 100%;
	}
	
	.index_jobs {
		position: absolute;
		top: 184px;
		left: 0;
		width: 100%;
	}
	
	.index_trends {
		position: absolute;
		top: 380px;
		left: 0;
		width: 100%;
	}
	
	#content_work {
		position: relative;
		top: 0;
		left: 0;
		width: 455px;
		height: 100%;
		float: left;
		background-color: #ABB09B;
	}
	
		#content_work .work_header {
			position: absolute;
			top: 0;
			left: 0;
			width: 400px;
			height: 140px;
			padding: 27px 27px;
			float: left;
			background: url("../gfx/bg_workitem.jpg") no-repeat top left;
		}

			#content_work .work_header_img {
				float: left;
				height: 90px;
			}
	
	
			#content_work .work_header h2 {
				color: #ffffff;
				margin: 0;
				padding: 6px 0 0 26px;
				float: left;
				width: 272px;
			}
	
			#content_work .work_header dt {
				display: none;
			}
	
			#content_work .work_header dd {
				margin: 0;
				font-size: 11px;
				padding-left: 14px;
				width: 260px;
				color: #555555;
				cursor: pointer;
				line-height: 16px;		
				float: left;
			}
			
			#content_work .work_header dd a {
				color: #555555;
				text-decoration: none;
				padding-left: 12px;
				background-image: url("../gfx/plus_green_off.gif");
				background-repeat: no-repeat;
				background-position: center left;
			}
			
			#content_work .work_header dd a:hover {
				background-image: url("../gfx/plus_green_on.gif");
			}
			
			#content_work .work_header dd.active a {
				color: #ffffff;
				background-image: none;
			}
			
		#content_work .work_item {
			position: absolute;
			top: 150px;
			left: 0;
			float: left;
			width: 352px;
			padding: 0 34px;
			height: 180px;
			overflow: auto;
		}
	
			#content_work .work_item h2 {
				margin: 0;
				padding: 0;
				font-size: 18px;
				color: #ffffff;
			}
	
			#content_work .work_item p {
				margin: 0;
				padding: 0;	
				font-size: 11px;
				line-height: 18px;
				color: #555555;
			}
			
		#content_work .work_images {
			position: absolute;
			top: 334px;
			left: 0;
			float: left;
			width: 454px;
			height: 287px;
			background: url("../gfx/bg_workimages.jpg") no-repeat top left;
		}
		
		.work_images img {
			margin-left: 70px;
			margin-top: 26px;
		}
		
		.work_images_nav {
			margin-top: 2px;
			margin-left: 26px;
		}
				
		.work_images_nav a {
			padding: 2px 44px;
			color: #666666;
			font-size: 11px;
			background-color: #f5f5f5;
			cursor: pointer;
		}
		
		.work_images_nav a:hover {
			color: #ffffff;
			background-color: #85CE1D;
		}						
		
		#content_work .work_links {
			position: absolute;
			top: 594px;
			left: 20px;
			float: left;
			width: 400px;
			height: 20px;
		}
		
			#content_work .work_links p.pdf a {
				font-size: 11px;
				color: #ffffff;
				padding-left: 12px;
				text-decoration: none;
				background: url("../gfx/plus_grey_off.gif") no-repeat center left;
			}
			
			#content_work .work_links p.pdf a:hover {
				background: url("../gfx/plus_grey_on.gif") no-repeat center left;
			}
			
img {
	border: 0;
}