* html .visualIEFloatFix { height: 0.01%; }
body  { color: #666; font-family: Arial, Helvetica, sans-serif; background: #fff; text-align: left }
#header {
background-color: #fff;
height: 60px;
top: 0;
left: 0;
width: 56%;
float: left;
padding:0;
margin: 0;
}
.clear { clear: both; height: 1px;}
/* ****************** top navigation  *************** */
#navcontainer {
width: 44%;
font-family: Arial, Helvetica, sans-serif, futura;
padding: 0; 
margin: 0;
color: #e88817;
font-size: smaller;
float: right;
background-color:#fff;
}
#navcontainer a:link{
color: #e88817;
text-decoration: none;
}
#navcontainer a:visited{
color: #e88817;
text-decoration: none;
}
#navcontainer a:hover{
color: #e88817;
text-decoration: underline;
}
#navcontainer ul{
font-family: Arial, Helvetica, sans-serif, futura;
padding: 22px 0 0 0; 
margin: 0;
color: #e88817;
float: left;
}
#navcontainer ul li { 
display: inline; 
height: 18px;
padding: 0 10px 0 0; 
}

/* ******************  leftnav -visual-text  *************** */
#leftnav {
background: #f18e17;
color: #000;
float: left;
width: 17%;
border-right: 1px solid #fff;
color: #fff;
font-weight: bold;
font-size: small;
height: 244px;
}
#leftnav ul li{
list-style-type: none;
margin: 0;
padding: 5px 5px 0 0;
}
#leftnav a:link {
background: #f18e17;
color: #fff;
}
#leftnav a:visited {
background: #f18e17;
color: #fff;
text-decoration: none;
}
#leftnav a:hover {
background: #f18e17;
color: #666;
text-decoration: underline;
}
#subvisu   { color: #000; background: white; margin: 0; padding: 0; width: 38%; float: left; border: none }
#toptext  { color: #fff; font-size: small; background: #f18e17; padding: 0; width: 44%; height: 244px; float: right; border-left: 1px solid white }
.toptext {
color: #fff;
/*float: right;*/
font-size: small;
padding: 15px 15px 10px 15px;
margin: 0px;
}
#homevisu   { color: #fff; font-size: small; font-weight: bold; background: #fff; width: 900px; height: 285px; float: left }

/* ******************  columns  *************** */
.navBlock   { color: #000; background: #fff; text-align: left; padding: 10px 15px; width: 30%; float: left; border: none }
.intro  { color: #000; background: #fff; text-align: left; padding: 5px 15px 10px; width: 65%; float: left; border: none }
.intro2  { color: #000; background: #fff; text-align: left; padding: 5px 15px 10px; width: 93%; float: left; border: none }
.intro3  { color: #000; background: #fff; text-align: left; padding: 5px 15px 10px; width: 55%; float: left; border: none }
/* ******************  images  *************** */
.img {
float: left;
padding: 0px 15px 15px 0px;}
.imgr {
float: right;
padding: 20px 20px 0 0;
}
.imgi {
float: right;
padding: 20px 60px 0 0;
}
.imgt {
padding: 0 0 15px 0;}
/* ******************  Typo  *************** */
.navtitle   { color: #f18e17; font-size: 14px; font-weight: bold; background-color: #fff; background-image: url("images/cubes.gif"); background-repeat: no-repeat; background-position: left 10px; text-align: left; padding: 5px 0 10px 15px }
.navtitle2   { color: #f18e17; font-size: 14px; font-weight: bold; background-color: #fff; background-image: url("images/cubes.gif"); background-repeat: no-repeat; background-position: left 10px; text-align: left; margin: 0 0 0 33px; padding: 5px 0 10px 15px }
.navBlocktext   { color: #666; font-size: 12px; background: #fff; text-align: left; padding: 0 10px 10px 15px }
.introtext   { color: #666; font-size: 12px; background: #fff; text-align: left; padding: 0 15px 10px }
.meer   { color: #f18e17; font-size: 12px; background: #fff url("/images/pijl_or.gif") no-repeat left 11px; text-align: left; padding: 8px 0 5px 10px }
.orange  { color: #f18e17; font-size: 12px; font-weight: bold; background-color: #fff; padding: 10px 0 }
li.b{
background: url(/images/or_dot.gif) no-repeat 0px 6px;
list-style-type: none;
padding: 2px 10px 2px 10px;
list-style-position: inside;
color: #666;
float: left;
}
.down  { color: #f18e17; font-size: 12px; font-weight: bold; background-color: #fff; background-image: url("/images/download.gif"); background-repeat: no-repeat; background-position: left 16px; display: block; margin: 0 0 0 35px; padding: 15px 20px 20px; float: right }
.down a:link{
color: #f18e17;
text-decoration: none;
}
.down a:visited{
color: #f18e17;
text-decoration: none;
}
.down a:hover{
color: #f18e17;
text-decoration: underline;
}
/* ******************  links  *************** */
a:link {
   background: #fff;
   color: #666;
   text-decoration: none
}

a:visited {
   background: #fff;
   color: #999;
}
a:hover {
   background: #fff;
   color: #f18e17;
   text-decoration: underline;
}
a:active {
   background: #ffc;
   color: #900;
   text-decoration: none;
}
/* ******************  footer  *************** */

.footer {
background-color: #fff;
font-size: x-small;
color: #999;
margin: 50px 0 0 0;
padding: 10px 0 0 0;
border-top: 1px solid #999;
text-align: center;
width: 100%;
display: block;
}
.footer a:link{
color: #f18e17;
}
.footer a:visited{
color: #f18e17;
}
.footer a:hover{
color: #f18e17;
}
/* ******************  form  *************** */
.formcontainer {
margin: 10px;
padding: 10px;
width: 430px;
/*background-color: #CCCCCC;*/
}
.form {
/*margin: 10px;
padding: 10px;*/
width: 430px;
/*background-color: #CCCCCC;*/
}
.regf input {
width: 150px; 
padding: 0 15px 0 15px;
margin: 5px 0 0 0;
}
.regf textarea {
width: 150px; 
padding: 0 15px 0 15px;
margin: 5px 0 0 0;
}
.regf2 input {
width: 55px; 
padding: 0 15px 0 15px;
margin: 5px 6px 0 0;
float: left;
}
.regf select {
width: 150px; 
/*padding: 0 15px 0 15px;*/
line-height: 22px;
margin: 5px 0 0 0;
}
.formtext {
width: 180px;
margin: 5px 0 0 0;
float: left;
text-align: right;
padding: 0 15px 0 15px;
line-height: 18px;
}
.formtext2 {
width: 180px;
margin: 5px 0 0 0;
float: left;
text-align: left;
padding: 0 15px 0 15px;
line-height: 18px;
}
.maand {
width: 150px;
float: left;
background-color: #fdeedc;
text-align: right;
padding: 0 5px 0 0;
margin: 5px 0 0 0;
}
.totaal {
width: 150px;
float: left;
background-color: #fbddb9;
text-align: right;
padding: 0 5px 0 0;
margin: 5px 0 0 0;
}
.empty {
width: 180px; 
padding: 0 15px 0 15px;
margin: 5px 0 0 0;
/*background-color: #fff;*/
float: left;
}
.bereken {
background: #fff;
color: #f18e17;
font-size: small;
background-image: url(images/pijl_or.gif);
background-position: left 17px;
background-repeat: no-repeat; 
padding: 15px 0 15px 10px;
float: left;
}
/* ****************** tabel  *************** */
table {
background: #fff;
font-size: small;
vertical-align: middle;
border-collapse: collapse;
border: 2px solid #f18e17; 
}
th {
background: #fbddb9;
color: #f18e17;
border: 1px solid #fff; padding: 0.3em;
font-weight: bold;
}
th.main  { color: #c60; background: #f7bd78; padding: 0.3em; border: solid 1px #fff }
td.center {
text-align: center;
}
td {
text-align: right;
border: 1px solid #fff; 
padding: 0.3em;
}
td.vet {
font-weight: bold;
}
tr {
text-align: right;
}
tr.sub  { background: #fef3e7; text-align: center }