html, body     {margin:0px; padding:0px; width:100%; height:100%; background-color:#C6C7C8;}

div#container {
	margin:0 auto;
	position:relative;
	width:990px;
	height:100%;
	background-color: #FFFFFF;
}

div#overlay_bg {
  position:absolute;
  z-index:1000;
  top:0px;
  height:100%;
  width:100%;
  background-color:#000000;
  visibility:hidden;
}

div#overlay_container {
	position:absolute;
  z-index:1001;	
	visibility:hidden;
	width:100%;
	top: 0px;
	background-color: transparent;
}

div#container_header {
	height:138px;
	width: 990;
	background-image:url('img/bg-header.png');
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

div#logo_dejo {
	position:relative;
	top: 21px;
	left:46px;
	width: 1%;
}

div#menu_container {
  position: absolute;
  top: 25px;
  left:218px;
}

div#menu2_container {
  position: absolute;
  top: 85px;
  left:187px;
	font-weight:bold;
}
div#menu3_container {
  position: absolute;
  top: 90px;
  left:785px;
	font-weight:bold;
}
div#menu2_container img {
  position:relative;
  border: 0px;
  height: 20px;
  width:  20px;
  top:6px;
  left:0px;
  margin:3px 6px 0px 0px;
}
div#menu2_container a {
  margin:0px 0px 0px 17px;
}
div#menu3_container img {
  position:relative;
  float: left;
  top:-8px;
  margin:3px 6px 0px 17px;
}
div#content_footer {
  clear: both;
	position:relative;
	padding-top: 8px;
	top: 15px;
	height:40px;
	line-height: 20px;
	width: 100%;
	vertical-align: middle;
	background-image:url('img/bg-footer.png');
	background-position: 0px 0px;
	background-repeat: no-repeat;
/*	border: 1px solid red; /* */
}


/* tekst container en mogelijkheid om de pagina doormidden te zagen-------------------------------------------------*/

div#content_container {
	position:relative;
	left: 15px;
	width:960px;
/*	border: 1px solid red; /* */
	background-color: #FFFFFF;
}
/* a content & content_container because the various browsers calculate padding differently */
div.content,
div.content_left,
div.content_right {
	position:relative;
  margin: 15px 0px 0px 0px;
	text-align:left;
	width:100%;
/*	border: 1px solid blue; /* */
	background-color: #E9E9E9;
	overflow: hidden;
}
div.content {
	overflow: auto;
}

div.content_left,
div.content_right {
  float:left;
  margin: 0px;
  padding: 0px 10px 0px 10px;
	width:150px;
/*	border: 1px solid red; /* */
}

div.content_right {
	float:right;
}

div.content_left_filler,
div.content_right_filler {
	position:relative;
  float:left;
  margin: 0px 10px 0px 0px;
	width:15px;
	background-color: #FFFFFF;
}
div.content_right_filler {
  margin: 0px 0px 0px 0px;
  float:right;
}

div.content_topimage {
  position: relative;
  top:0px;
  left:-10px;
  margin-bottom: 10px;
}

div.content_bottomimage {
  position: absolute;
  bottom:0px;
  left: 0px;
}

.date {
	margin: 10px 0px 0px 0px;
	float: right;
}

.overview_picture {
  background-position: 50% 50%;
  background-repeat: no-repeat;
	float: left;
	margin: 0px 10px 2px 0px;
	width: 100px;
	height: 67px;
}

div#footer {
/*  border: 1px solid red; */
  clear: both;
	position:relative;
	color: #888888;
	left: 0px;
	bottom: 0px;
	height: 12px;
	width:100%;
	text-align: left; /* center; */
}

/* border om afbeeldingen en de schaduw toevoegen-------------------------------------------------------------------*/

hr {
  color: grey;
/*	height:10px;
	border: none;
	margin-bottom: -5px; */
}

.hidden_item {
	position:absolute;
	left:-5000px;
	top:-5000px;
	z-index: -1;
}

/* de home-pagina---------------------------------------------------------------------------------------------------*/

.h1_right {
  float: right;
	margin-top: -22px;
}

/* Mozilla ignores crazy MS image filters, so it will skip the following */
/*.header             {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='img/groenebalk.png'); }
/* IE ignores styles with [attributes], so it will skip the following. */
/*.header[class]      {background-image:url(img/groenebalk.png); }
/* */
/* reageren ---------------------------------------------------------------------------------------------------*/
#contactform label,
#form_respond label {
		width: 145px;
		float: left;
		text-align: left;
		margin: 2px 1px 2px 0px;
		line-height: 16px;
/*		background: #888888; /* */
}
#contactform input,
#contactform textarea,
#form_respond input,
#form_respond textarea,
input,
textarea {
		background-color: #EEEEEE;
		border: 1px solid #6E7694;
		margin-top: 2px;
		margin-bottom: 2px;
}

div.knoplink a:link,
div.knoplink a:active,
div.knoplink a:visited,
div.knoplink a:hover {
  position: relative; display: block; float:left;
  left:-10px;
  color: #666666;
  width:170px !important; /*moz width*/
  width:170px; /*IE width*/
  border-bottom: 2px solid #FFFFFF;
  text-decoration: none; line-height:16px;
  padding: 1px 0px 2px 5px;
}
div.knoplink a:hover {
  background-color: #AAAAAA;
}

div#content_tracing {
  position:absolute;
  top:153px;
  left: 15px;
  height:430px;
  width:775px;
  visibility:hidden;
  background-color: #E9E9E9;
  border:1px solid grey;
}

div.product_image {
  position:relative;
  float:left;
  height:85px;
  width:110px;
  padding-left:8px;
  white-space:nowrap;
  overflow:hidden;
}
div.project_image {
  position:relative;
  float:left;
  height:83px;
  width:120px;
  padding-left:8px;
  padding-bottom:3px;
  line-height:18px;
  white-space:nowrap;
  overflow:hidden;
}
div.project_image2 {
  position:relative;
  float:left;
  left:-5px;
  height:65px;
  width:110px;
  padding-left:6px;
  padding-bottom:10px;
  line-height:18px;
  white-space:nowrap;
  overflow:hidden;
}