/*

VHB - reach

*/

body{
	background-image: url(../images/bg.jpg);
	background-repeat: repeat;
 	font-family: verdana,sans-serif;
  	font-size: 11px;
  
}

a{
color: black;
}

a:hover{
color: blue;
}

#leftBlue{
	background-image: url(../images/blue1.png);
	background-repeat: repeat-y;
 	width: 40px;

}

#margin{
 	width: 6px;
	font-size: 1px;
}

#margin2{
 	width: 5px;
	font-size: 1px;
}

#middle{
 	width: 955px;
 	height: 550px;

}

#logo {

	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
 	width: 214px;
}

#visual {
	background-image: url(../images/bgContent.png);

}

#subnav{
	background-color: #0627d1;
 	width: 206px;
 	height: 394px;
 	padding-top: 20px;
 	color: #fff;

}

#subnavPublicaties{
	background-color: #0627d1;
 	width: 206px;
 	height: 394px;
 	color: #fff;
 	padding-top: 20px;

}

#subnavProjecten{
	background-color: #0627d1;
 	width: 206px;
 	height: 394px;
 	color: #fff;
 	padding-top: 20px;
}

#subnavContact{
	background-color: #0627d1;
 	width: 206px;
 	height: 394px;
 	color: #fff;
 	padding-top: 20px;
}

#subnavHome{
	background-color: #0627d1;
 	width: 206px;
 	height: 394px;
 	color: #fff;

}





#footer{
	background-image: url(../images/bgFooter.png);
 	width: 993px;
 	height: 53px;
 	margin-top: 13px;

}

#nav{
	background-repeat: no-repeat;
 	width: 731px;
 	height: 163px;
 	font-size: 1px;

}

.header01{
	background-image: url(../images/header-01.png);
}

.header02{
	background-image: url(../images/header-02.png);
}

.header03{
	background-image: url(../images/header-03.png);
}

.header04{
	background-image: url(../images/header-04.png);
}

.header05{
	background-image: url(../images/header-05.png);
}

.header06{
	background-image: url(../images/header-06.png);
}

.header07{
	background-image: url(../images/header-07.png);
}

.header08{
	background-image: url(../images/header-08.png);
}


#nav a{

text-decoration: none;

}
 	
.navContent{
	cursor: pointer;
 	font-family: Verdana;
 	font-size: 12px;
 	color: #fff;
	height: 19px;
	padding: 4px 0 0 0;
	position: relative;
	z-index: 4;

 }
 

 
 .navContentOn{
 	cursor: pointer;
	background: #fff;
 	font-family: Verdana;
 	font-size: 12px;
 	color: #0627d1;
	height: 19px;
	padding: 4px 0 0 0;
	position: relative;
	z-index: 4;

 }
 
  	
#navSpanner{

	width: 100%;
 	height: 28px;
 	font-size: 1px;


 
 }
 	
 	
#nav1{
	background-image: url(../images/bg60pct.png);
	width: 93px;
 	height: 23px;
 	float:left;
 	font-family: Verdana;
 	font-size: 12px;
 	color: #fff;
 	text-align: center;
 
 }
 
 #nav2{
	background-image: url(../images/bg60pct2.png);
	width: 93px;
 	height: 23px;
 	float:left;
 	font-family: Verdana;
 	font-size: 12px;
 	color: #fff;
 	text-align: center;
 }
 
 #nav3{
	background-image: url(../images/bg60pct.png);
	width: 90px;
 	height: 23px;
 	float:left;
 	font-family: Verdana;
 	font-size: 12px;
 	color: #fff;
 	text-align: center;
 }
 
 #nav4{
	background-image: url(../images/bg60pct2.png);
	width: 92px;
 	height: 23px;
 	float:left;
 	font-family: Verdana;
 	font-size: 12px;
 	color: #fff;
 	text-align: center;
 }
 
 #nav5{
	background-image: url(../images/bg60pct.png);
	width: 90px;
 	height: 23px;
 	float:left;
 	font-family: Verdana;
 	font-size: 12px;
 	color: #fff;
 	text-align: center;
 }
 
 #nav6{
	background-image: url(../images/bg60pct2.png);
	width: 90px;
 	height: 23px;
 	float:left;
 	font-family: Verdana;
 	font-size: 12px;
 	color: #fff;
 	text-align: center;
 }
 
 #nav7{
	background-image: url(../images/bg60pct.png);
	width: 90px;
 	height: 23px;
 	float:left;
 	font-family: Verdana;
 	font-size: 12px;
 	color: #fff;
 	text-align: center;
 }
 
 #nav8{
	background-image: url(../images/bg60pct2.png);
	width: 90px;
 	height: 23px;
 	float:left;
 	font-family: Verdana;
 	font-size: 12px;
 	color: #fff;
 	text-align: center;
 }
 
  .subnavContent{
	cursor: pointer;
 	font-family: Verdana;
 	font-size: 12px;
 	color: #fff;
 	font-weight: bold;
	height: 19px;
	padding: 14px 0 0 15px;

 }
 
   .subnavContent2{
	cursor: pointer;
 	font-family: Verdana;
 	font-size: 12px;
 	color: #fff;
 	font-weight: bold;
	height: 35px;
	padding: 11px 0 0 15px;
	line-height: 16px; 
	}
 
  #subNav-off{
	width: 206px;
 	height: 42px;
 	font-family: Verdana;
 	font-size: 12px;
 	color: #fff;
 }
 
   #subNav-on{
   background-image: url(../images/bgSubnav.jpg);
	width: 206px;
 	height: 42px;
 	font-family: Verdana;
 	font-size: 12px;
 	color: #fff;
 }
 
   #subNav2-off{
	width: 206px;
 	height: 55px;
 	font-family: Verdana;
 	font-size: 12px;
 	color: #fff;
 }
 
   #subNav2-on{
   background-image: url(../images/bgSubnav2.jpg);
	width: 206px;
 	height: 55px;
 	font-family: Verdana;
 	font-size: 12px;
 	color: #fff;
 }
 
 #subNav-on a {
 
 text-decoration: none;
 }	
 
  #subNav-off a{
 
 text-decoration: none;
 }	
 
  #subNav2-on a {
 
 text-decoration: none;
 }	
 
  #subNav2-off a{
 
 text-decoration: none;
 }
	
 	
 	
 /* content secties */
 
 #content{
	background-image: url(../images/bgContent.png);
 	width: 518px;

}

#contentA{
	background-image: url(../images/bgContact.png);
	background-repeat: no-repeat;
 	width: 735px;

}

#contentH{
	background-image: url(../images/bgHulpstoffen.png);
 	width: 735px;

}

#contentP01{
	background-image: url(../images/bgProjecten01.png);
	background-repeat: no-repeat;
 	width: 735px;

}

#contentP02{
	background-image: url(../images/bgProjecten02.png);
	background-repeat: no-repeat;
 	width: 735px;

}

#contentP03 {
	background-image: url(../images/bgProjecten03.png);
	background-repeat: no-repeat;
 	width: 735px;

}

#contentP04{
	background-image: url(../images/bgProjecten04.png);
	background-repeat: no-repeat;
 	width: 735px;

}

#contentC{
	background-image: url(../images/bgContent.png);

 	width: 735px;

}

#content1 {
width: 480px;

font-family: Arial, sans-serif;
font-size: 12px;
color: #000;
margin-left: 22px;
margin-top: 32px;
line-height: 18px;
display: block;
}	

#content1Home {
width: 480px;
height:185px ;
font-family: Arial, sans-serif;
font-size: 12px;
color: #000;
margin-left: 22px;
margin-top: 32px;
line-height: 18px;

}

#content1Publicaties{
width: 480px;
font-family: Arial, sans-serif;
font-size: 12px;
color: #000;
margin-left: 22px;
margin-top: 32px;
line-height: 18px;

}

#contentH1 {
width: 735px;
height: 185px;
font-family: Arial, sans-serif;
font-size: 12px;
color: #000;
margin-left: 0px;
margin-top: 0px;
line-height: 18px;
}	

b.titel {
font-family: Arial, sans-serif;
font-size: 14px;
color: #0627d1;

}
 
 
#content2 {

width: 492px;
height: 160px;
font-size: 1px;
color: #000;
margin-left: 22px;
margin-top: 17px;
text-align: right;

}

#contentB {
width: 700px;
height: 185px;
font-family: Arial, sans-serif;
font-size: 12px;
color: #000;
margin-left: 22px;
margin-top: 32px;
line-height: 18px;
}	
 	
 	
td.form {
width: 115px;
color: #0627d1;
font-weight: bold;
}

td.form1 {
width: 60px;
color: #0627d1;
font-weight: bold;
}

td.form2 {
width: 60px;
color: #0627d1;
font-weight: bold;
}

td.form3 {
width: 110px;
color: #0627d1;
font-weight: bold;
}

input.field {
width: 360px;
border-width: 2px;
border-style: solid;
border-top-color: #afbaf0;
border-left-color: #fff ;
border-bottom-color: #fff;
border-right-color: #0627d1;
margin-bottom: 5px;

}	

input.field2 {
width: 40px;
border-width: 2px;
border-style: solid;
border-top-color: #afbaf0;
border-left-color: #fff ;
border-bottom-color: #fff;
border-right-color: #0627d1;
margin-bottom: 5px;

}

input.field3 {
width: 245px;
border-width: 2px;
border-style: solid;
border-top-color: #afbaf0;
border-left-color: #fff ;
border-bottom-color: #fff;
border-right-color: #0627d1;
margin-bottom: 5px;

}

input.submit {
background-color: #fff;
width: 87px;
height: 30px;
border-width: 2px;
border-style: solid;
border-top-color: #afbaf0;
border-right-color: #fff ;
border-bottom-color: #fff;
border-left-color: #0627d1;
margin-bottom: 5px;
margin-left: 35px;
color: #0627d1;
font-weight: bold;
cursor: pointer;
}
 	
 	
textarea.field4 {
width: 360px;
height: 100px;
border-width: 2px;
border-style: solid;
border-top-color: #afbaf0;
border-left-color: #fff ;
border-bottom-color: #fff;
border-right-color: #0627d1;
margin-bottom: 5px;

}	
 	
 a.links{
 
 color: #0627d1;
 font-weight: bold;
 
 }	
 	

#hulpstoffen1{
width: 260px;
height: 155px;
background-color: #0627d1;
float: left;
color: #fff;
}

#hulpstoffen1 ul{
margin-top: 20px;
position: relative;
left: -10px;
}



a.off{
font-family: Verdana;
font-size: 11px;
color: #fff;
text-decoration: none;

}

a.off:hover{
font-family: Verdana;
font-size: 11px;
color: #fff;
text-decoration: underline;

}

a.on{
font-family: Verdana;
font-size: 11px;
color: #fff;
text-decoration: underline;

}

a.on:hover{
font-family: Verdana;
font-size: 11px;
color: #fff;
text-decoration: underline;

}


#hulpstoffen2{
width: 470px;
height: 155px;
background-color: #0627d1;
float: left;
margin-left: 5px;
color: #fff;
}

#hulpstoffen2 ul{
margin-top: 20px;
position: relative;
left: -10px;
}

#Htext{
width: 470px;
margin-left: 22px;
}

#leden1{
background-image: url(../images/bgContent.png);
width: 129px;
height: 105px;
}

#leden2{
width: 350px;
height: 105px;
padding-left:30px;
padding-right: 10px;
line-height: 15px;
}

#leden2 b {
font-size: 18px;
color: #0627d1;
font-weight: bold;
line-height: 25px;
}

#leden3{
background-image: url(../images/bgContent.png);
width: 5px;
height: 105px;
font-size: 1px;
}

#leden4{
font-size: 11px;
height: 105px;
padding-left: 20px;
line-height: 14px;
}

#leden4 b{
font-size: 11px;
color: #0627d1;
font-weight: bold;
}

#leden4 a{
font-size: 11px;
color: #0627d1;
text-decoration: none;

}

#leden4 a:hover{
font-size: 11px;
color: #0627d1;
text-decoration: underline;

}
 	
#blue{
width: 745px;
height: 4px;
background-color: #0627d1;

}

#blueTable{
position: relative;
left: -8px;
font-size: 1px;
}