/* general layout  */
html,body{
	height:100%;
	font-size : 10px;
}

html,body {
	font-family : Tahoma;
	color : #FFFFFF;
}

div#blok{
	font-size : 11px;
}

a { 
	color : #FFFFFF; 
	font-weight :  bold;
	text-decoration :  underline;
}

a:hover { 
	color : #C53203; 
	font-weight :  bold;
	text-decoration : none;
}

form {
	margin : 0 0 0 0;
	padding : 0 0 0 0;
}

INPUT , textarea {
	position : relative;
	outline : none;
	border : none;
    background-color : #FFFFFF;
	border : 1px solid #c53203;
	margin-bottom: 2px !important;
	margin-bottom: 0;
	padding : 2px 3px 2px 3px;
	font-family : Arial;
	font-size : 11px;
    color : #000000;
}

h1 {
	padding : 0 0 0 0;
	margin :  0 0 0px 0;
	font-family : Tahoma;
	font-weight :  bold;
	font-size : 11px;
	color : #FFFFFF;
}

h2 {
	padding : 0 0 0 0;
	margin :  0 0 0px 0;
	font-family : Tahoma;
	font-weight :  bold;
	font-size : 10px;
	color : #C53203;
}

h3 {
	padding : 0 0 0 0;
	margin :  0 0 3px 0;
	font-family : Tahoma;
	font-weight :  bold;
	font-size : 12px;
	color : #FFFFFF;
}

h4 {
	padding : 0 0 0 0;
	margin :  0 0 3px 0;
	font-family : Tahoma;
	font-weight :  bold;
	font-size : 13px;
	color : #FFFFFF;
}

h5 {
	padding : 0 0 0 0;
	margin :  0 0 3px 0;
	font-family : Tahoma;
	font-weight :  bold;
	font-size : 14px;
	color : #FFFFFF;
}

h6 {
	padding : 0 0 0 0;
	margin :  0 0 3px 0;
	font-family : Tahoma;
	font-weight :  bold;
	font-size : 9px;
	color : #C53203;
}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,fieldset,input, div, td, cite{
	margin:0;
	padding:0;
}


body {
	background:#fff ;
	margin: 0px 0px 0px 50%;
}


p, li, td, blockquote, ol, div, dd, dt{
	font: normal 11px;
	color:white;
	line-height:20px;
}


/* general definitions  */

ul{

}

cite{
	font-style: normal;
}



a img{
	border:0;
}

.logo {
	height : 92px;
	margin:13px 0 10px 0;
	background:transparent url(../images/logo.jpg) top left no-repeat;
}

.NoShow{
	display:none;
}


/*positie*/

div#hidden{
	display:none;
}

div#wrapper{
position:absolute;
	margin:0 0 0  -420px;
	width:840px;/*ie5*/
	voice-family: "\"}\"";
	voice-family:inherit;
	width:840px;
	height:100%;


}

div#blok{
	padding:0;
	margin:0;
	height:360px;
}

div#blok2{
	padding:0;
	margin:0;
	height:360px;
}

div#mindon{
	position:absolute;
	left:843px;
	top:115px;
}
div#noon{
	position:absolute;
	left:843px;
	top:250px;
}

#projecten div#blok #projecttxt, #projecten div#blok #projectContxt{
	display:none;
}

div#blok #projectContxt p{
	margin:0;padding:0;Color:#384049;
}

	body#index div#blok img{
		margin:0px;
		padding:0px;

	}

dd img{
	position:absolute;
	left:0;

}
/*

menu!

*/


#menu{
	position:absolute;
	top:477px;
	padding:0;
	margin:0;
}


ul#m1a{
	width:200px;
}

ul#m2a, ul#m2b, ul#m2c, ul#m2d, ul#m2e, ul#m2f, ul#m2g, ul#m2h{
	left:120px;
	margin:0 0 0 65px;

	width:360px;
	height:106px;
}

ul#m3a, ul#m3b, ul#m3c, ul#m1a{
	left:120px;
	margin:0 0 0 65px;
	width:360px;
	height:106px;
}

#adres ul#m1a{
	display:block;
	margin:0 0 0 0px;
}

#vacatures  ul#m4{
	display:block;
}

ul#m2, ul#m3, ul#m4{
	width:300px;
}


div.submenukort{
		position:absolute;
		left:-20px;
		width:200px;
		height:106px;
		overflow:auto;
	}
	#projectmenu2{
		display:none;
	}

	ul#projectmenu li#p1, ul#projectmenu2 li#p1{
		background:#8b959f;
		float:right;
		voice-family: "\"}\"";
		voice-family:inherit;
		padding:4px 10px 4px 10px;
		display:block;
	}
	ul#projectmenu li#p2, ul#projectmenu2 li#p2{
		background:#8b959f;
		float:right;
		voice-family: "\"}\"";
		voice-family:inherit;
		padding:4px 10px 4px 10px;
		display:block;
	}

	ul#projectmenu li#dark, ul#projectmenu2 li#dark{
	list-style-type:none;
		background:#8b959f;
		float:right;font-weight:bold;
		voice-family: "\"}\"";
		voice-family:inherit;
		padding:4px 10px 4px 10px;
	}
	ul#projectmenu li#light, ul#projectmenu2 li#light{
	list-style-type:none;
		color:#6B737D;
		background:#C5CACF;
		float:right;
		font-weight:bold;
		voice-family: "\"}\"";
		voice-family:inherit;
		padding:4px 10px 4px 10px;
	}

	ul#projectmenu li a, ul#projectmenu2 li a{
		text-decoration:none;
	}

	ul#projectmenu li#light a, ul#projectmenu2 li#light a{
		color:#6B737D;
	}

	ul#projectmenu li a:hover, ul#projectmenu li a.active, ul#projectmenu2 li a:hover, ul#projectmenu2 li a.active{
		color:#c53203;
	}


/*
nieuws!
*/
dl#news{
	float:right;
	padding : 2px 0 0 0;
	margin : 0 0 0 0;
	text-align:right;
}

	dl#news dt{
	margin: -2px 0 0 0;
	_margin: -2px 0 0 0;


	}

	dl#news dt a{
		color:#5e6771;
		text-decoration:none;
		text-transform : uppercase;
	}


	dl#news dt span{
		color:#939eab;
	}


	dl#news dd{
		/*position:absolute;
		top:115px;
		right:0px;*/
		margin:0;
		top:115px;
		right:0px;
		text-align:left;


	}

	dl#news dd div{
		/*width:420px;
		height:360px;
		overflow:auto;*/

	}

	dl#news dd a{
		float:right;
		color:#bbbec2;
		margin:17px 15px 0px 0px;


	}


	dl#news dd span{
		color:#bbbec2;
	}



	dl#news span.newstxt{
		margin:0px;
		width:390px;
		padding:0px 10px 0px 10px;
	}

	dl#news span.newstxt p{
		margin:-8px 0 0 0px;
		width:390px;
	}

	dl#news span.newsH2{
		margin:0px 0 0 0px;
		padding:0px;
		width:390px;
	}



div#foetsie p{
	display:block;
}
div#foetsie2 {
	display:none;
}
/*adres!*/

div#bezoek {
	position:absolute;
	left:-10px;
	top:121px;
	margin:0px;
	padding:10px;
}
	div#bezoek h2{
		margin:0 0 0 20px;
		color:#bbbec2;
	}

div#post {
	position:absolute;
	left:200px;
	top:121px;
	margin:0px;
	padding:10px;
}
	div#post h2{
		margin:0 0 0 20px;
		color:#bbbec2;
	}

div#print {
	position:absolute;
	right:15px;
	top:0;
	margin: 10px 0 0 0;
	line-height : 15px;
}

div#print2 {
	position:absolute;
	right:15px;
	top:115px;
	margin: 10px 0 0 0;
	line-height : 15px;
}

	div#print h2, a{
		margin:0 0 0 20px;
		color:#BBBEC2;
		margin:0 5px 0 0;
		line-height : 15px;
		padding:0px;
		text-decoration : none;
	}


div#kaart {
	padding:15px 10px 10px 16px;
}

div#route {
	position:absolute;
	left:450px;
	top:125px;
	margin:0px;
	padding:10px;
	line-height:20px;
}
	div#route h2{
		margin:0 0 0 20px;
		color:#bbbec2;
	}
	div#route p{
		line-height:20px;
	}




/* projecten */

#projecttxt3 {
	position:absolute;
	left:0px;
	margin:0 0 0 0px;
	padding : 0 0 0 0;
	background-color : #8b959f;
	width:841px;
	height:360px;
	overflow : auto;
}

#projecttxt {
	position:absolute;
	left:0px;
	top:115px;
	margin:0 0 0 0px;
	padding : 15px 0 15px 15px;
	background-color : #8b959f;
	width:841px;
	height:330px;
	overflow : auto;
}
	div#projecttxt h2{
		margin:6px 0 0 20px;
		color:#ffffff;
	}
	div#projectContxt {
	float:left;

	width:200px;
	line-height:10px;
	margin:0;
	padding:0 40px 0 0;
	Color:#384049;

}
	div#projectContxt h2{
		margin:10px 0 0 0;
		color:#bbbec2;
	}

div#producten p{
	margin:0px;
	padding:10px;
}
div#producten img{
	float:left;
	clear:both;
	margin:0px 10px 10px -13px;
}
div#teller{
	position:absolute;
	left:768px;
	top:479px;

}

/*SCROLLBARS!*/

dd#t1,dd#t2,dd#t3,dd#t4,dd#t5,dd#t6,dd#t7,dd#t8,dd#t9,dd#t10{
  position:absolute;
  width:420px; height:360px;
 clip:rect(0, 420px, 360px, 0);
  overflow:hidden; z-index:1;
}

#m2a,#m2b,#m2c,#m2d,#m2e,#m2f,#m2g, #m3a,#m3b,#m3c  {
  position:absolute;
  width:420px; height:120px;
 clip:rect(0, 420px, 120px, 0);
  overflow:hidden; z-index:1;
}

#lyrt{
 position:absolute; visibility:hidden;
  left:0; top:0; z-index:1
}

/* op7 needs width set here too (?) */
div#lyr1,div#lyr2,div#lyr3, #lyr4, #lyr5, #lyr6, #lyr7, #lyr8, #lyr9, #lyr10, #lyr11, #lyr12, #lyr14{ background-color : #8b959f; width:420px;}
div.content {
  position:absolute; visibility:hidden;
  left:0; top:0; z-index:1

}

div.contentnews {
	padding : 0 10px 0 10px;
}


/* Set small font-size or size/position of div's will be off in some browsers  */
 div#scrollbar1{
  position:absolute; visibility:hidden;
  right:0;top:115px;
  width:10px; height:350px;
  font-size:1px; z-index:10;
  }

#index div#scrollbar1,#index div#scrollbar2,#index div#scrollbar3{
  position:absolute; visibility:hidden;
  right:0;top:115px;
  width:10px; height:350px;
  font-size:1px; z-index:10;
  }

  div#scrollbar4{
 position:absolute; visibility:hidden;
  left:253px;top:480px;
  width:10px; height:150px;
  font-size:1px; z-index:10;
  }


div#track1,div#track2,div#track3 {
  position:absolute;
  left:0;
  top:20px;
  width:10px;
  height:340px;
  z-index:1;
  }

  div#track4{
	height:120px;
  }

div#dragBar1 p,div#dragBar2 p,div#dragBar3 p,div#dragBar4 p{
	padding:0;
	margin:0;
	font:normal 30px Arial;
	line-height:6px;
	cursor:pointer;
	color:#9EA4AA;
}


div#dragBar1 ,div#dragBar2,div#dragBar3,div#dragBar4{
	padding:18px 0 0 0;
  position:absolute;

  top:1px;
  width:10px;
  background:white;
  z-index:1;
}


#dragBar1 div, #dragBar2 div, #dragBar3 div, #dragBar4 div{
padding:0;
background:solid;
width:10px;
height:20px;
position:absolute;
left:0;
top:0;
}

#newstxt1,
#newstxt2,
#newstxt3
{
height: 363px;
}