/*alles wat er tussen de tenzij het door een andere tag een style meekrijgt heeft. hier worden de font bepaald, de kleur ervan en de grote. De breedte van de pagina. De 6px uitsparing links en rechts van de pagina. En de backgroundcolor.*/ body { color: #650a34; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #f7f7f7; width: 601px; margin-top: 6px; margin-left: 6px; } dd { margin-top: -13px; margin-left: 20px; } dt { font-size: 0.9em; margin-left: -5px; } /*hier wordt de kleur grote en plaatsing opgegeven voor de navigatie op de pagina.*/ .navboxleft { background-color: #e7e5f3; width: 146px; height: 94px; float: left; padding: 6px; } /*hier wordt de plaatsing en de grote van de fotos links op de pagina opgegeven (1).*/ .navboxleft_g { background-color: #e7e5f3; width: 146px; height: 200px; float: left; padding: 6px; } .pictboxleft_g { position: absolute; top: 224px; left: 6px; width: 153px; height: auto; float: left; } /*hier wordt de plaatsing en de grote van de fotos links op de pagina opgegeven (2).*/ .pictboxleft { position: absolute; top: 124px; left: 6px; width: 153px; height: auto; float: left; } /*(licht rood) dit is het contentent gedeelte van de pagina. Hier wordt de content achtergrond kleur opgegeven en de plaatsing van het vlak + de inhoud.*/ .contentbox1 { background-color: #fcdede; position: absolute; left: 170px; width: 425px; height: inherit; padding: 6px; } /*(licht groen) dit is hetzelfde als de vorige maar dan met een andere kleur*/ .contentbox2 { background-color: #ddf0d0; position: absolute; left: 170px; width: 425px; height: inherit; padding: 6px; } /*(licht blauw) dit is hetzelfde als de vorige maar dan met een andere kleur*/ .contentbox3 { background-color: #e7e5f3; position: absolute; left: 170px; width: 425px; height: inherit; padding: 6px; } /*(background) dit is hetzelfde als de vorige maar dan zonder kleur. Hij maakt gebruik van de bakcgroundcolor van de body.*/ .contentbox4 { position: absolute; left: 170px; width: 425px; height: inherit; padding: 6px; } /*grote heading*/ h1 { font-size: 1.1em; font-weight: bold; margin-top: 10px; margin-bottom: 10px; } /*medium heading met rode achtergrond*/ h2 { font-size: 1em; font-weight: bold; background-color: #fcb0aa; margin: 10px -6px; padding-right: 6px; padding-left: 6px; } /*kleine heading*/ h3 { font-size: 1em; margin-top: 10px; margin-bottom: 10px; } /*medium heading*/ h4 { font-size: 1em; font-weight: bold; margin-top: 10px; margin-bottom: 10px; } /*medium heading met blauwe achtergrond*/ h5 { font-size: 1em; font-weight: bold; background-color: #d3ceef; margin: 10px -6px; padding-right: 6px; padding-left: 6px; } /*medium heading met groene achtergrond*/ h6 { font-size: 1em; font-weight: bold; background-color: #c0e2a8; margin: 10px -6px; padding-right: 6px; padding-left: 6px; } /*dit overschrijft de browser kleur die hij geeft aan een link.*/ a:link { color: #650a34; } /*hetzelfde als de vorige maar dan voor de bezochte links*/ a:visited { color: #e00000; } /*hetzelfde als de vorige maar dan voor de links waar op dat moment je pijltje boven staat*/ a:hover { color: #e00000; } /*hetzelfde als de vorige maar dan voor de hit state van de links*/ a:active { color: red; } /*dit plaatst de eventuele image in de .contentbox 1, 2, 3 of 4 LINKS in de .contentbox en zorgt ervoor dat de tekst er rond loopt.*/ img.image1 { float: left; margin: 6px 12px 6px 0; } /*dit plaatst de eventuele image in de .contentbox 1, 2, 3 of 4 RECHTS in de .contentbox en zorgt ervoor dat de tekst er rond loopt.*/ img.image2 { float: right; margin: 6px 0 6px 12px; } /*dit plaatst de video cenraal*/ .video { background-color: #e7e5f3; position: absolute; top: 0; left: 0; bottom: 0; width: 620px; height: auto; padding-top: 30px; } .swffile { position: absolute; top: 35px; bottom: 0; left: 0; } /*dit geeft de titel indien die aanwezig is boven de tabel 6px afstand van de tabel (zie tabel in de inhoud pagina van doelgroep)*/ #tab caption { padding-bottom: 6px; } /*zorgt voor de bovenste en linker border kleuren van de tabelen en dat er geen witrand rondt zit*/ #tab table { border-top: 1px solid #999999; border-left: 1px solid #999999; border-collapse: collapse; } /*backgroundcolor voor de th tabelen*/ #tab th { background-color: #B6B3D8; } /*zorgt voor de onderste en rechtse border kleur van de tabellen en witruimte rond er tekst in de tabbel.*/ #tab th, #tab td { padding: 5px; border-right: 1px solid #999999; border-bottom: 1px solid #999999; text-align: left; vertical-align: top; } /*zorgt voor de verticale alignmend het zet die op "top"*/ #tab tr { vertical-align: top; } /*backgroundkleur van tabel a1*/ .a1 { background-color: #fee !important; } /*backgroundkleur van tabel a2*/ .a2 { background-color: #edf0fa !important; }