html, body {
margin: 0;
padding: 0;
height: 100%;
font-family: Arial, Helvetica, sans-serif;
color: #484848;
}

body.basis{
background-color: #BBC3DA;
text-align:center;
font-family: Arial, Helvetica, sans-serif;
}

body.main{
font-family: Arial, Helvetica, sans-serif;
}

li.zon { 
background-image: url(../afbeeldingen/favicon.ico);
background-repeat: no-repeat;
background-position: 0px 0px;
padding-left: 14px; 
text-align: left;
}

li{
font-size: 1em;
font-family: Arial, Helvetica, sans-serif;
}

li.links { 
background-image: url(../afbeeldingen/favicon.ico);
background-repeat: no-repeat;
background-position: 0px 0px;
padding-left: 14px; 
text-align: left;
font-size:0.8em;
color: #e8e8e8;
}

li.rechts { 
background-repeat: no-repeat;
background-position: 0px 0px;
padding-left: 14px; 
text-align: left;
font-size:0.8em;
color: #e8e8e8;
}

a.titellinks{
color: #000000;
text-decoration: none;
font-size: 0.9em;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
}

a.offerte{
color: #0000FF;
text-decoration: underline;
font-size:1.1em;
font-family: Arial, Helvetica, sans-serif;
}

a.intekst{
font-family: Arial, Helvetica, sans-serif;
color: #484848;
text-decoration: underline;
}

a.kleiner{
font-size: 0.8em;
}

a.offerte:hover{
color: #0000FF;
text-decoration: underline;
font-size:1.2em;
font-family: Arial, Helvetica, sans-serif;
}

span.titellinks{
color: #F5F5F5;
font-size:1.1em;
font-family: Arial, Helvetica, sans-serif;
}

span.italic{
font-style:italic;
}

span.links{
font-size:1.3em;
font-weight: bold;
color: #585858;
text-align: left;
}

span.links2{
font-size:1em;
font-weight: bold;
color: #b3b3b3;
text-align: left;
}

span.links3{
font-size:1em;
color: #585858;
text-align: left;
}

span.smeets{
font-style:italic;
font-weight:bold;
}

span.keuze{
text-decoration: underline;
font-weight:bold;
}

span.vet{
font-weight:bold;
}

div{
border: 0;
padding: 0px;
}

div.alles{
position: relative;
margin-left: auto ;
margin-right: auto ;
width: 1000px;
height: 650px;
background: transparent url('http://i47.tinypic.com/f10eiv.jpg');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:bottom center;
}

div.keuze {
position: relative;
margin-left: auto;
margin-right: auto;
text-align: center;
width: 800px;
border: 0;
margin: 0px 0px 0px 0px;
padding: 0px;
border: 0px;
}

div.titel {
position: float;
top: 10px;
height: 100px;
width: 1000px;
border: 0;
margin: 0px 0px 0px 0px;
padding: 0px;
border: 0px;
}

div.titeldeel1 {
position: float;
float: left;
width: 601px;
height: 100px;
border: 0;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 0px;
border: 0px;
}

div.titeldeel2 {
position: float;
float: right;
width: 399px;
height: 100px;
border: 0;
text-align: right;
margin: 0px 0px 0px 0px;
}

div.titelbarlink {
position: float;
float: left;
top: 100px;
width: 1000px;
height: 50px;
border: 0;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 0px;
border: 0px;
background-color:#E0E0E0;
/* for IE */
filter:alpha(opacity=40);
/* CSS3 standard */
opacity:0.4;
}

div.titelbardeel0 {
position: float;
float: left;
width: 135px;
height: 50px;
border: 0;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 0px;
border: 0px;

}

div.titelbardeel1 {
position: float;
float: left;
left: 185px;
width: 335px;
height: 50px;
border: 0;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 0px;
border: 0px;
/* for IE */
filter:alpha(opacity=100);
/* CSS3 standard */
opacity:1;
}

div.titelbardeel2 {
position: float;
float: right;
top: 0px;
width: 520px;
height: 50px;
border: 0;
text-align: right;
color: #000000;
margin: 0px 0px 0px 0px;
padding: 0px;
border: 0px;
/* for IE */
filter:alpha(opacity=100);
/* CSS3 standard */
opacity:1;
}

div.rechts {
position: float;
float: left;
left: 850px;
top: 160px;
width: 150px;
height: 500px;
border: 0;
background: transparent url('../afbeeldingen/rightBar.jpg') no-repeat scroll center center;
margin: 0px 0px 0px 0px;
padding: 0px;
border: 0px;
}

div.links {
position: float;
float: left;
top: 160px;
width: 135px;
height: 500px;
border: 0;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 0px;
border: 0px;
}

div.main {
position: float;
float:left;
left: 170px;
top: 160px;
width: 715px;
height: 500px;
border: 0;
overflow: auto;
margin: 0px 0px 0px 0px;
padding: 0px;
border: 0px;
}

div.onder {
position: float;
float: left;
width: 1000px;
height: 50px;
border: 0;
background-color: #BBC3DA;
margin: 0px 0px 0px 0px;
padding: 0px;
border: 0px;
}

div.onderLinks {
position: relative;
left: 10px;
bottom: 0px;
width: 630px;
height: 50px;
margin: 0px 0px 0px 0px;
padding: 0px;
border: 0px;
overflow: auto;
}

div.bovenTekst {
position: relative;
left: 10px;
width: 630px;
margin: 0px 0px 0px 0px;
padding: 0px;
border: 0px;
overflow: auto;
}

div.vorm {
position: relative;
width: 715px;
height: 450px;
overflow: auto;
margin: 0px 0px 0px 0px;
padding: 0px;
border: 0px;
}

div.categorie {
position: relative;
left: 30px;
width: 650px;
margin: 0px 0px 0px 0px;
padding: 0px;
border: 0px;
}

div.geheel {
position: relative;
left: 30px;
width: 650px;
margin: 0px 0px 0px 0px;
padding: 0px;
border: 0px;
}

div.vraag {
position: relative;
left: 30px;
width: 500px;
margin: 0px 0px 0px 0px;
padding: 0px;
border: 0px;
}

div.antwoord {
position: relative;
left: 30px;
width: 500px;
margin: 0px 0px 0px 0px;
padding: 0px;
border: 0px;
}

div.calculator{
position: relative;
margin-left: auto ;
margin-right: auto ;
width: 1000px;
background-color: #EB8928
}

body.calculator{
background-color: #BBC3DA;
}

div.hoofdmain{

}

img{
border: 0px;
margin: 0px;
}

img.rand{
border: 0px;
padding: 5px;
}


span.rechts{
text-align: right;
}

img.titel{
height: 100px;
width: 1000px;
}

img.rechtslogo{
width: 150px;
}

p{
font-family: Arial, Helvetica, sans-serif;
margin-top: 5px; 
margin-bottom: 5px;
}

p.tekst{
text-align: left;
}

p.tekst2{
text-align: center;
font-size:1.8em;
font-style: italic;
}

p.tekstOnder{
text-align: left;
margin: 0px;
padding: 0px;
font-size: 0.8em
}

p.tekstU{
text-align: justify;
}

p.italic {
font-style:italic;
}

span.italickl {
font-style:italic;
font-weight: bold;
font-size: 0.8em
}

p.italicspace{
font-style:italic;
line-height: 1.5em; 
}

h1.links{
text-align:left;
}

h2.links{
text-align:left;
}

h3.links{
text-align:left;
}

h1{
font-size:1.7em;
font-weight: bold;
color: #585858;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px; 
margin-bottom: 0px;
}

h2{
font-size:1.5em;
font-weight: bold;
color: #585858;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px; 
margin-bottom: 0px;
}

h3{
font-size:1.3em;
font-weight: bold;
color: #585858;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px; 
margin-bottom: 0px;
}

table{
border-collapse:collapse;
border: 0px;
}

table.categorie{
border-collapse:collapse;
border: 0px;
width: 650px;
padding: 0px;
}

table.voorbeeld{
border: 1px solid black;
padding: 0px;
text-align: left;
}

table.vraag{
border-collapse:collapse;
border: 0px;
width: 500px;
padding: 0px;
}

table.antwoord{
border-collapse:collapse;
border: 0px;
width: 500px;
padding: 0px;
}

table.omlijst{
text-align:left;
width: 90%;
}

table.infoavond{
border-collapse:collapse;
text-align:center;
width: 90%;
border: 1px solid #666666;
}

th.infoavond{
background-color: #90A6BE;
font-size:1.25em;
font-weight: bold;
text-decoration:underline;
color: #666666;
border: 1px solid #666666;
}

td.infoavond{
font-size:1em;
border: 1px solid #666666;
}

td.rechtsuitgelijnt{
text-align:right;
}


table.calculator{
border-collapse: collapse;
background-color: #9ACD32;
border: 2px solid black;
width: 50%;
}

tr.calculator{
border-collapse: collapse;
border: 1px solid black;
}

tr{
border-collapse: collapse;
border: 0px;
}

tr.voorbeeld{
border-collapse: collapse;
border: 1px solid black;
}

td{
border-collapse: collapse;
border: 0px;
padding: 0px;
}

tr.grijs{
background-color: #909090;
}

tr.wit{
background-color: #FFFFFF;
}

tr.catbov{
border-collapse: collapse;
border: 0px;
padding: 0px;
}

tr.catmid{
background-color: #88b9dc;
border-collapse: collapse;
border: 0px;
padding: 0px;
}

tr.catond{
border-collapse: collapse;
border: 0px;
padding: 0px;
}

tr.vrabov{
border-collapse: collapse;
border: 0px;
padding: 0px;
}

tr.vramid{
background-color: #0266a3;
border-collapse: collapse;
border: 0px;
padding: 0px;
}

tr.vraond{
border-collapse: collapse;
border: 0px;
padding: 0px;
}

tr.antbov{
border-collapse: collapse;
border: 0px;
padding: 0px;
}

tr.antmid{
background-color: #b3b3b3;
border-collapse: collapse;
border: 0px;
padding: 0px;
}

tr.antond{
border-collapse: collapse;
border: 0px;
padding: 0px;
}

td.calculator{
border-collapse: collapse;
border: 1px solid black;
width: 75%;
}

td.calculator1{
border-collapse: collapse;
border: 1px solid black;
text-align:right;
width: 25%;
}

td.calculator2{
border-collapse: collapse;
border: 1px solid black;
}

td.calculator12{
border-collapse: collapse;
border: 1px solid black;
text-align:right;
}

td.onderlijn{
border-bottom: black solid 1px;
text-align: justify;
height: 1.8em;
}

td.onderlijn:hover{
border-bottom: black solid 1px;
background-color: #FCBC5F;
}

p.asteriks{
font-size:0.8em;
}

table{
border-collapse: collapse;
}

hr{
width:500px;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px; 
margin-bottom: 0px;
border: 0px;
}

ul{
list-style-type:none;
text-indent: 5px;
margin: 0px;
padding: 0px;
}

div.welkom{
position: relative;