body{
	background-color: #1e1c30;
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
 	font-family: arial, sans-serif, helvetica;
  	font-size: 10px;
  	color: #bbbcc1;
}

body.volg1{
background-image: url(../images/bg2.jpg);
}

#banner{
position: absolute;
top:440px;
left:-4px;
z-index: 9;
}

#button{
position: absolute;
top:353px;
left:333px;
z-index: 9;
}

a{
text-decoration: none;

}

#spanner {
	background-color: transparent;
	width: 978px;
	height: 667px;
	position: relative;
	z-index: 1;
	text-align: left;
}

#logo {

	position: absolute;
	left: -115px;
	top: 0px;
	z-index: 2;
	
}



#home {
position: absolute;
z-index: 3;
top:17px;
left: 920px;
font-family: Arial, helvetica, sans-serif;
font-size: 10px;
color: #131225;
letter-spacing: 1px;
}

#home a{
color: #060519;
text-decoration: none;
font-weight: bold;
}

#home a:hover{
color: #4d4f5f;
}

#whiteLine{
	position: absolute;
	left: 0px;
	top: 80px;

}

#whiteLine img{
	
width: 954px;
height: 1px;
}

#whiteLine2{
	position: absolute;
	left: 0px;
	top: 253px;

}

#whiteLine3{
	position: absolute;
	left: 0px;
	top: 612px;

}

#whiteLine3 img{
	
width: 954px;
height: 1px;
}

#kruimelpad {
text-align: left;
color: #6d6c88;
list-style-type: none;
position: absolute;
left: ;
top:90px;
z-index: 3;
letter-spacing: 1px;
font-size: 10px;
}

#kruimelpad ul{
list-style-type: none;

}

#kruimelpad li{
margin-bottom: 10px;
float: left;
margin-right: 5px;
}

#kruimelpad a{
color: #6d6c88;
text-decoration: none;

}
#kruimelpad a:hover{
color: #ffffff;
text-decoration: none;
}

#nav1 {
text-align: left;
color: #6d6c88;
list-style-type: none;
position: absolute;
left: ;
top:136px;
z-index: 3;
letter-spacing: 1px;
}

#nav1 ul{
list-style-type: none;
}

#nav1  li{
margin-bottom: 10px;
}

#nav1  a{
color: #6d6c88;
text-decoration: none;
font-size: 11px;

}
#nav1  a:hover{
color: #ffffff;
text-decoration: none;
}

#nav1 a.on {
color: white;
}


#nav2 a.on {
color: white;
}



#nav2 {

text-align: left;
color: #6d6c88;
list-style-type: none;
position: absolute;
left: ;
top:276px;
z-index: 3;
letter-spacing: 1px;

}

#nav2 ul{
list-style-type: none;
}

#nav2  li{
margin-bottom: 10px;
}

#nav2  a{
color: #6d6c88;
text-decoration: none;
font-size: 11px;

}
#nav2  a:hover{
color: #ffffff;
text-decoration: none;
}


#nav3 {

text-align: left;
position: absolute;
left: 195px;
top:460px;
z-index: 4;


}

#nav3 img{
margin-right: 7px;
}


#nav3a {

text-align: left;
position: absolute;
left: 195px;
top:452px;
z-index: 4;


}

#nav3a img{
margin-right: 8px;
}


#nav4 a.on {
color: white;
}



#nav4 {

text-align: left;
color: #6d6c88;
list-style-type: none;
position: absolute;
left: ;
top:460px;
z-index: 3;
letter-spacing: 1px;
line-height: 16px;

}

#nav4 ul{
list-style-type: none;
}

#nav4  li{
margin-bottom: 1px;
}

#nav4  a{
color: #6d6c88;
text-decoration: none;
font-size: 10px;

}
#nav4  a:hover{
color: #ffffff;
text-decoration: none;
}



/*  tekst */

#tekstVlak1{
background-color: #4d4f5f;
width: 291px;
height: 248px;
position: absolute;
z-index: 3;
left:195px ;
top: 113px;

}

#tekstVlak1a{
background-color: #4d4f5f;
width: 291px;
height: 167px;
position: absolute;
z-index: 3;
left:195px ;
top: 113px;

}

#tekst1{
font-family: Arial, helvetica, sans-serif;
font-size: 10px;
letter-spacing: 1px;
line-height: 14px;
color: #bbbcc1;
text-align: left;
width: 270px;
position: absolute;
z-index: 4;
left:11px ;
top: 14px;

}

#tekst2{
font-family: Arial, helvetica, sans-serif;
font-size: 10px;
letter-spacing: 1px;
line-height: 14px;
color: #bbbcc1;
text-align: left;
width: 279px;
position: absolute;
z-index: 4;
left:11px ;
top: 14px;

}

#tekst2 a{
 color: #c6c7cc;
 font-size: 12px;
 font-weight: bold;
 text-decoration: none;
}

#tekst2 a:hover{
 color: #ffffff;

}

#tekstVlak2{
background-color: #777b8a;
width: 291px;
height: 214px;
position: absolute;
z-index: 3;
left:195px ;
top: 361px;
text-align: center;

}

#tekstVlak2a{
background-color: #777b8a;
width: 291px;
height: 144px;
position: absolute;
z-index: 3;
left:195px ;
top: 279px;


}



#visual{

position: absolute;
z-index: 3;
left: 493px;
top:113px;
}



#visual img{

width: 460px;
height: 462px;
}

#visual1{
position: absolute;
z-index: 5;
left: 287px;
top: 254px ;
}

#visualVolg{

position: absolute;
z-index: 3;
left: 493px;
top:113px;
}



#visualVolg img{

width: 460px;
height: 310px;
}




#footer{
position: absolute;
z-index: 3;
top:623px;
font-family: Arial, helvetica, sans-serif;
font-size: 10px;
color: #56556c;
letter-spacing: 1px;
}

#footer a{
color: #9ea4b4;
text-decoration: none;
}

#footer a:hover{
color: #ffffff;
}

#disclaimer{
position: absolute;
z-index: 3;
top:542px;
left: 765px;
font-family: Arial, helvetica, sans-serif;
font-size: 9px;
color: #56556c;
letter-spacing: 1px;
}

#disclaimer a{
color: #56556c;
text-decoration: none;
}

#disclaimer a:hover{
color: #9ea4b4;
}

.pdf {
background-image: url(../images/nav3-offpdf.gif);
width: 117px;
height: 146px;
float: left;
position: relative;
margin-right: 10px;
cursor: pointer;

}

.sub {
width: 69px;
position: absolute;
left: 11px ;
top: 103px;
letter-spacing: 1px;

color:#efeff2 ;
}


.sub2 {
width: 109px;
text-align: center;
position: absolute;
left: 7px ;
top: 6px;

}


.products {
background-image: url(../images/nav3-off.gif);
width: 118px;
height: 129px;
float: left;
position: relative;
margin-right: 9px;
cursor: pointer;

}

.helper {

width: 103px;
height: 1px;
float: left;
position: relative;
margin-right: 8px;


}

.helper2 {

width: 102px;
height: 1px;
float: left;
position: relative;
margin-right: 9px;
cursor: pointer;

}

.subp {
width: 103px;
position: absolute;
left: 11px ;
top: 103px;
letter-spacing: 1px;

color:#efeff2 ;
}


.subp2 {
width: 109px;
text-align: center;
position: absolute;
left: 7px ;
top: 6px;

}


.link {
position: absolute;
z-index: 9;
width: 115px;
height: 126px;
cursor: pointer;
}

.link2 {
position: absolute;
z-index: 9;
width: 113px;
height: 138px;
cursor: pointer;
}


.kopHome {

font-size: 25px;
margin-bottom: 4px;
display: block;
line-height: 25px;
color: #bdc4cf;
}

.kop {

font-size: 23px;
display: block;
line-height: 23px;
color: #bdc4cf;
}

.colspanner {
width: 736px;
position: absolute;
left: 11px;
top: 100px;

}

.col {
position: absolute;
letter-spacing: 1px;
font-size: 12px;

}

.col img {
position: relative;
top:-9px;
margin-right: 11px;

}

#visualRef{

width: 761px;
height: 310px;
overflow: hidden;
position: absolute;
left: 193px;
top: 113px;

}

#visualRef img{
position: absolute;
left: 920px;
}

#visualIcons{

position: absolute;
left: 192px;
top: 460px;

}

#visualIcons img{
border-color: #6d6c88;
border-style: solid;
border-width: 1px;
margin-right: 10px;
cursor: pointer;

}