body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color:black;
	background-color: #EFF9FE;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	text-align: center;
}


tbody {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; color:black;
}
td {
/*width:100%; */
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; color:black
}



div#kopafbeelding{ 
 left: 0px; 
 top: 0px; 
 width: 100%; 
 height: 145px; 
 z-index: 2; 
 text-align: right; 
 background-image: url(http://www.zeilcharter.nl/kop2048x145.jpg); 
 background-position: center;

}

h1 {
font-family: Times New Roman, Times, serif;
font-size:50px;
font-weight:bold;
float:left;
}

h3 {
font-family: Times New Roman, Times, serif;
font-size:50px;
font-weight:bold;
}

.styleswitcher {
width:20px;
float:left;
font-weight:bold;
}


form {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: navy}
textarea {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: navy}
input {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: navy}
select {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: navy}
h2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; color:black}
A:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; text-decoration: none; color: black}
A:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; text-decoration: none; color: black}
A:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; text-decoration: underline; color: red}
A:active {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; text-decoration: underline; color: red}
navi  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; color:blue}
A.navi:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; text-decoration: none; color: black}
A.navi:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; text-decoration: none; color: black}
A.navi:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; text-decoration: underline; color: red;}
A.navi:active {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; text-decoration: underline; color: red}

div#nav_container{
margin: 0 auto 0 auto;
width: 840px;
height: 45px;
text-align: left;
}

div#box1{
background-color: white;
float: left;
width: 140px;
height: 15px;
}

div#box2{
background-color: white;
float: left;
width: 140px;
height: 15px;
}

div#box3{
background-color: white;
float: left;
width: 140px;
height: 15px;
}

div#box4{
background-color: white;
float: left;
width: 140px;
height: 15px;
} 

div#box5{
background-color: white;
float: left;
width: 140px;
height: 15px;
} 

div#box6{
background-color: white;
float: left;
width: 140px;
height: 15px;
} 

div#box0{
float: left;
width: 100%;
height: 15px;
} 


div#box7{
background-color: white;
float: left;
width: 140px;
height: 15px;
} 

div#box8{
background-color: white;
float: left;
width: 140px;
height: 15px;
} 

div#box9{
background-color: white;
float: left;
width: 140px;
height: 15px;
} 

div#box10{
background-color: white;
float: left;
width: 140px;
height: 15px;
} 

div#box11{
background-color: white;
float: left;
width: 140px;
height: 15px;
} 

div#box12{
background-color: white;
float: left;
width: 140px;
height: 15px;
} 

div#taal{
left: 60px; 
top: 120px; 
width: 20px; 
height: 19px; 
z-index: 1; 
text-align: left;
}

div#datum{
float: right ;
padding: 3px 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

div#naam{
font-family: Times New Roman, Times, serif;
font-size:50px;
font-weight: bold;
float: left;
height: 30px;
padding: 15px 15px;
}

div#subnaam{
position: absolute;
top: 70px;
left: 15px;
font-family: Times New Roman, Times, serif;
font-size: 18px;
font-weight: bold;
float: left;
padding: 0px 0px;
}

div#body{ 
 width: 840px; 
 text-align: left; 
 background-image: url(http://www.zeilcharter.nl/zc_tabel_bgkopie3.jpg); 
 background-position: center;
 padding: 15px 15px;
}

div#havens{ 
 width: 840px; 
 text-align: left; 
 background-image: url(http://www.zeilcharter.nl/nederland_havens_800.jpg); 
 background-position: right;
  background-repeat:no-repeat;
 padding: 15px 15px;
}

#nav, #nav ul {
height: 15px;
width: 840px;
float: left;
background-color: white;
padding: 5px 0 4px 0;
margin: 0;
list-style: none;
font-weight: bold;
}

#nav li {
width: 140px;
float: left;
background-color: white;
list-style: none;
padding: 5px 0 4px 0;
margin: 0;
list-style: none;
font-weight: bold;
}

#nav ul {
width: 140px;
float: left;
background-color: white;
list-style: none;
padding: 5px 0 4px 0;
margin: 0;
list-style: none;
font-weight: bold;
position: absolute;
left: -1000px;
}

#nav li:hover ul {
left: auto;
}