
/* Vaste elementen */

body{
   padding: 0px;
   margin: 0px;
   font-size: 85%;
   font-family: Arial;
   margin-bottom: 85;
}

p{
   padding: 0;
   margin: 0;
   padding-bottom: 20px;
}

h1{
   padding: 0;
   margin: 0;
   font-size: 170%;
}


h2{
   padding: 0;
   margin: 0;
   padding-top: 20px;
   padding-bottom: 5px;
   font-size: 135%;
}

h3{
   padding: 0;
   margin: 0;
   padding-top: 10px;
   padding-bottom: 5px;
   font-size: 120%;
}

li{
   padding-bottom: 3px;
}

hr{
   border-color: #CCCCCC;
   border-style: solid;
   border-width: 1px;
}

table{
   border-collapse: collapse;
   font-size: 100%;
   margin-top: 1em;
   margin-bottom: 2em;
}

td, th{
   font-family: Arial;
}

table.lijn{
   border-collapse: collapse;
   border-style: solid;
   border-width: 1px;
   border-color: #999999;
   border-spacing: 0px;
   font-family: Arial;
}

table.woord{
   border-collapse: collapse;
}

td.woordCel{
   border-collapse: collapse;
   border-style: solid;
   border-width: 1px;
   border-color: #999999;
   padding-bottom: 10px;
   padding-top: 10px;
   padding-left: 5px;
   padding-right: 5px;
}

td.woordCelLetter{
   border-collapse: collapse;
   padding-bottom: 10px;
   padding-top: 40px;
   padding-left: 5px;
   padding-right: 5px;
   font-weight: bold;
   text-decoration: underline;
}

th.lijn, th.lijnLinks{
   border-collapse: collapse;
   border-style: solid;
   border-width: 1px;
   border-color: #999999;
   padding: 0.5em;
   font-family: Arial;
}

th.lijnLinks{
   text-align: left;
   font-family: Arial;
}

td.lijn, td.lijnCentreer{
   border-collapse: collapse;
   border-style: solid;
   border-width: 1px;
   border-color: #999999;
   padding: 0.5em;
   font-family: Arial;
}

td.lijnCentreer{
   text-align: center;
   font-family: Arial;
}

.centreerWitLijn{
   border-color: #999999;
   border-style: solid;
   border-width: 1px;
   border-collapse: collapse;
}




/* Id's */


#koptekst{
   with: 100%;
   background-image: url(afbeeldingen/achtergrondBanner.jpg);
   background-repeat: repeat-x;
   padding-bottom: 1em;
}

#navigatie{
   margin-left: 0px;
   float: left;
   width: 175px;
   padding-left: 10px;
   padding-right: 10px;
}


#titel{
   margin-left: 210px;
   background-color: #0000CC;
   background-image: url(afbeeldingen/blauw.jpg);
   background-repeat: repeat;
   color: #FFFFFF;
   padding: 2px;
   padding-bottom: 4px;
   padding-left: 0px;
}


#kruimels{
   left: 210px;
   width: 100%;
   padding-top: 2em;
}


#navigatieSub{
   margin-left: 210px;
}


#inhoud{
   position: absolute;
   left: 210px;
   width: 57%;
   padding: 0;
   margin: 0;
   padding-left: 10px;
   padding-right: 20px;
}


#reclame{
   position: absolute;
   left: 82%;
   width: 160px;
   margin-top: 25px;
   margin-left: 2em;
}


#voettekst{
   padding-top: 3em;
   text-align: center;
   color: #000000;
}


#reactie{
   margin-left: 3em;
   margin-right: 3em;
}



/* Klasse */

.centreer, .centreerWit, .centreerWitWeinig, .centreerWitLijn{
   text-align: center;
   padding-left: 1em;
   padding-right: 1em;
}

.centreerWit{
   padding-left: 1em;
   padding-right: 1em;
}

.centreerWitWeinig{
   padding-left: 5px;
   padding-right: 5px;
}


.afbeeldingCel{
   text-align: center;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 10px;
   padding-bottom: 10px;
}

.witLinks{
   padding-left: 1em;
}

.tekstLinks{
   float: left;
   padding-right: 0.5em;
   padding-bottom: 0.5em;
}

.tekstRechts{
   float: right;
   padding-left: 0.5em;
   padding-bottom: 0.5em;
}

.navigatieP{
   padding: 0;
   margin: 0;
   padding-bottom: 10px;
}

.navigatiePtje{
   padding: 0;
   margin: 0;
   padding-bottom: 5px;
}

.updatePagina{
   padding-top: 2em;
   font-size: 85%;
}

.opsommingInfo{
   padding-bottom: 2em;
}



/* Hyperlinks */

.inTekstLink, a.inTekstLink:hover, a.intekstLink:visited, a.tabelTitelLink, a.tabelCelLink{
   color: #0000CC;
   text-decoration: none;
}

.inTekstLinkKruimels, a.inTekstLinkKruimels:hover, a.inTekstLinkKruimels{
   color: #0000CC;
   text-decoration: none;
}

.inTekstLinkEx, a.inTekstLinkEx:hover, a.intekstLinkEx:visited{
   color: #FF0000;
   text-decoration: none;
}

.inTekstLinkWoord, a.inTekstLinkWoord:hover, a.intekstLinkWoord:visited{
   color: #008800;
   text-decoration: none;
}

a.inTekstLink:hover, a.inTekstLinkEx:hover, a.inTekstLinkWoord:hover, a.inTekstLinkKruimels:hover, a.tabelCelLink:hover, a.tabelTitelLink:hover{
   text-decoration: underline;
}

.navigatieLink, a.navigatieLink:hover, a.navigatieLink:visited{
   text-align: center;
   padding-left: 20px;
   background-image: url(afbeeldingen/blauw.jpg);
   background-repeat: repeat-y;
   color: #0000CC;
}


a.navigatieLink:hover{
   background-image: url(afbeeldingen/lichtblauw.jpg);
   background-repeat: repeat-y;
   color: #0000CC;
}

.naviatieLinkActief{
   color: #999999;
   padding-left: 20px;
   background-image: url(afbeeldingen/actief.jpg);
   background-repeat: repeat-y;
   text-decoration: none;
}


.navigatieSubLink, a.navigatieSubLink:visited{
   text-align: center;
   padding-left: 30px;
   color: #0000CC;
}

.navigatieSubLinkActief{
   text-align: center;
   padding-left: 30px;
   color: #999999;
   font-style: italic;
   text-decoration: none; 
}


.afbeeldingLink{
  border-style: none;
}


.nadruk{
  font-weight: bold;
}

.lead{
  font-weight: bold;
}