html { 
margin: 0px; padding: 0px;
} 

body {
margin-top:20px;
margin-left:0px;
margin-right:0px; 
text-align: center;
background:url(../img/bg_gray_repeat.jpg);


} 
input.text{
font-family:Arial, Helvetica, sans-serif;
  font-size:9pt; 
  font-weight:bold; 
  background-color:#FFFFFF; 
  border-color:#90B618; 
  border-style:solid;   
  border-width:1px; 
  color:#90B618;
  margin-right:5px;
  margin-bottom:5px; 
}
input,textarea,select{
font-family:Arial, Helvetica, sans-serif;
  font-size:9pt; 
  font-weight:bold; 
  background-color:#FFFFFF; 
  border-color:#90B618; 
  border-style:solid;   
  border-width:1px; 
  color:#90B618;
  margin-bottom:5px; 
}
input.verstuurknop {
font-family:Arial, Helvetica, sans-serif;
  font-size:9pt; 
  font-weight:bold; 
  background-color:#90B618; 
  border-color:#90B618; 
  border-style:solid;  
  border-width:2px; 
  color:#FFFFFF; 

}
input.verstuurknop2 {
width: 85px;
height: 30px;
background: url(../img/buttons/verzend.gif) no-repeat;
outline: none;
border: none;
cursor : pointer;
}
.footer_tekst{
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size: 12px;
text-decoration:none;
}

h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color:#759219;
	margin-left:0px;
	margin-bottom:0px;
	margin-top:0px;
}
h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color:#759219;
	margin-left:0px;
	margin-bottom:0px;
	margin-top:0px;
}
h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#222653;
	margin-left:0px;
	margin-bottom:0px;
	margin-top:0px;
}
.contact_text{
font-family:Arial, Helvetica, sans-serif;
color:#3D4067;
font-size: 10px;
}
.table_fleet{
border:1px;
border-color:#FFFFFF;
border-collapse:collapse;
}
*.table_fleet{
border:0px;
border-color:#FFFFFF;
}
.tekst{
font-family:Arial, Helvetica, sans-serif;
color:#222653;
font-size: 12px;

}
.tekst_rood{
font-family:Arial, Helvetica, sans-serif;
color:#CC0000;
font-size: 12px;

}
.tekst_wit{
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size: 12px;

}

.tekst_groen{
font-family:Arial, Helvetica, sans-serif;
color:#759219;
font-size: 12px;

}
.tekst_donker{
font-family:Arial, Helvetica, sans-serif;
color:#222653;
font-size: 12px;
text-decoration:underline;
}
.tekst_donker:hover{
font-family:Arial, Helvetica, sans-serif;
color:#222653;
font-size: 12px;
text-decoration:underline;
}
.tekst_donker:visited{
font-family:Arial, Helvetica, sans-serif;
color:#222653;
font-size: 12px;
text-decoration:underline;
}
.tekst_link{
font-family:Arial, Helvetica, sans-serif;
color:#90B618;
font-size: 12px;
text-decoration:underline;

}
.tekst_link:hover{
font-family:Arial, Helvetica, sans-serif;
color:#90B618;
font-size: 12px;
text-decoration:underline;
}
.tekst_link:visited{
font-family:Arial, Helvetica, sans-serif;
color:#90B618;
font-size: 12px;
text-decoration:underline;
}

.tekst_table_wit{
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size: 12px;
margin-left:5px;
margin-right:5px;
padding-left:5px;
padding-right:5px;

}
.underconstruction {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #084197;
}

#header{
height: 159px;
width: 804px;
background-position: left top;
background-repeat: no-repeat;
background-image:url(../img/top.jpg);
}
#footer{
height: 107px;
width: 804px;
background-position: left top;
background-repeat: no-repeat;
background-image: url(../img/footer.jpg);

}
#tekst{
width: 804px;
margin-top:30px;
background-position: left top;
background-repeat:repeat;
background-image: url(../img/wit_schaduw.jpg);
}
#tekst_content{
width: 725px;
margin-top:30px;
padding-top:30px;
padding-left:75px;
padding-left:30px;

}


#content{
text-align: left;    
position: relative; 
margin: 0 auto; 
width: 804px; 
min-height: 100%; 
height: auto !important; 
height: 100%;
}

#menu{
width:900px;
}

/* alle ul's hebben deze eigenschappen, ook ul's IN ul's */
#menu ul{
	width: 900px;
	z-index:100;
	margin: 0;
	float: left;
	padding: 0;
	list-style-type: none;	
	display: block;
}

/* li moet relative en ul ul moet absolute, apart verkeerd effect, ze moeten samen gebruikt worden,
   zo kan de top: 0; ervoor zorgen dat de popout naast de link komt te staan, anders niet */
#menu li{
position: relative; /* maakt dit het orientatiepunt voor onderliggende objecten */
margin: 0;
float: left;
}
#menu a{	
display: block;
height: 100%;
border: 0 none;
}

#menu a:hover{
}

#menu li li{
	float: left;
}

/* 2e laag ul's (menu = 1 grote ul = laag 1) moeten rechts staan */
#menu ul ul{
	position: absolute; /* zorgt ervoor dat je TEN OPZICHTE VAN het relatieve punt li positioneerd */
	left: 0;			/* en niet gewoon IN de li positioneerd met een static */
	top: 100%;
	width: 100px;	
	display: none;
}

/*toon het 3e laags menu niet als ik het 2e wil tonen */
#menu li:hover ul ul{
    display: none;

}

/* eerste laag li:hover dan 2e laag ul laten zien,
  2e laag li:hover dan 3e laag ul laten zien (elke spatie = laag) */
#menu li:hover ul, 
#menu li:hover li:hover ul{
display: block;
border-top: none;
}