﻿html {
    min-height: 100%;
    height: 100%;
    overflow: auto;
    }
body {
    font-family: Helvetica, Arial, sans-serif;
    font-family: Arial, sans-serif;
    font-size: 70%;
    height: 100%;
    min-height: 100%;
    margin: 0 0 0 0;
    border-style: none;
    overflow: visible;
    /* Pas op! Gebruik hier geen: overflow: hidden; */
}
    /* Voor een verschaalbaar ontwerp gebruik een percentage van het */ 
    /* brouser-window breedte. Bijvoorbeeld: width: 70%; */
    /* Voor een vaste breedte gebruik bijvoorbeeld: width: 830px; */ 
    /* Voor een breedte afhankelijk van de lettergroote gebruik bijvoorbeeld: width: 60EM; */
    /* Bij een page breedte van 70% (width: 70%) kan dit bijvoorbeeld 10% zijn (margin: 0 0 0 10%). */
div#window {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    overflow: visible;
    }
div#scalable_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    z-index: 1;
    }
div#page {
    position: relative;
    width: 74em;
    height: 100%;
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
    border-width: 0 1px 0 1px;
    border-style: solid;
    border-color: #FFE8C6;
    background-color: White;
    overflow: auto;
    z-index: 2;
    }
div#Rij1 {
    position: absolute;
    top: 0em;
    left: 0%;
    height: 12em;
    width: 72em;
    margin: 0 0 0 2em;
    }
div#kleineLinks {
    position: absolute;
    top: 1em;
    left: 1em;
    }
div#koptekst1 {
    position: absolute;
    /* top: 2.9em; */
    top: 30%;
    left: 0;
    width: 32em;
    height: 6.85em;
    z-index: 0;
    }
div#koptekst_link {
    position: absolute;
    /* top: 2.9em; */
    top: 30%;
    left: 0;
    width: 32em;
    height: 6.85em;
    z-index: 10;
    }
div#r1k4 {
    position: absolute;
    top: 0;
    left: 36em;
    height: 100%;
    width: 12em;
    }
div#r1k5 {
    position: absolute;
    top: 0;
    left: 48em;
    height: 100%;
    width: 12em;
    }
div#r1k6 {
    position: absolute;
    top: 0;
    left: 60em;
    height: 100%;
    width: 12em;
    }
div#Rij2 {
    position: absolute;
    top: 12em;
    left: 0%;
    height: 12em;
    width: 72em;
    margin: 0 0 0 2em;
    }
div#r2k1 {
    position: absolute;
    top: 0;
    left: 0;
    height: 11em;
    width: 11em;
    margin: -2px 0px 0px -2px;
    border-top: solid 2px #ccc;
    border-right: none 0px #ccc;
    border-bottom: none 0px #ccc;
    border-left: solid 2px #ccc;
    padding: 0.5em 0.5em 0.5em 1.0em;
    }
div#r2k2 {
    position: absolute;
    top: 0;
    left: 12em;
    height: 11em;
    width: 11em;
    margin: -2px -2px 0px -2px;
    border-top: solid 2px #ccc;
    border-right: solid 2px #ccc;
    border-bottom: none 0px #ccc;
    border-left: solid 2px #ccc;
    padding: 0.5em 0.5em 0.5em 1.0em;
    }
div#r2k3 {
    position: absolute;
    top: 0;
    left: 24em;
    height: 100%;
    width: 12em;
    }
div#r2k4 {
    position: absolute;
    top: 0;
    left: 36em;
    height: 100%;
    width: 12em;
    }
div#r2k5 {
    position: absolute;
    top: 0;
    left: 48em;
    height: 100%;
    width: 12em;
    }
div#r2k6 {
    position: absolute;
    top: 0;
    left: 60em;
    height: 100%;
    width: 12em;
    }
div#Rij3 {
    position: absolute;
    top: 24em;
    left: 0%;
    height: 12em;
    width: 72em;
    margin: 0 0 0 2em;
    }
div#r3k1 {
    position: absolute;
    top: 0;
    left: 0;
    height: 11em;
    width: 11em;
    margin: -2px 0px -2px -2px;
    border-top: solid 2px #ccc;
    border-right: none 0 #ccc;
    border-bottom: solid 2px #ccc;
    border-left: solid 2px #ccc;
    padding: 0.5em 0.5em 0.4em 1.0em;
    }
div#r3k2 {
    position: absolute;
    top: 0;
    left: 12em;
    height: 11em;
    width: 11em;
    margin: -2px -2px -2px -2px;
    border-top: solid 2px #ccc;
    border-right: solid 2px #ccc;
    border-bottom: solid 2px #ccc;
    border-left: solid 2px #ccc;
    padding: 0.5em 0.5em 0.4em 1.0em;
    }
div#r3k3 {
    position: absolute;
    top: 0;
    left: 25.5em;
    height: 100%;
    width: 12em;
    padding: 0.5em 0 0 0;
    margin: 0 0 0 0em;
    }
div#r3k4 {
    position: absolute;
    top: 0;
    left: 36em;
    height: 100%;
    width: 12em;
    }
div#r3k5 {
    position: absolute;
    top: 0;
    left: 48em;
    height: 100%;
    width: 12em;
    }
div#r3k6 {
    position: absolute;
    top: 0;
    left: 60em;
    height: 100%;
    width: 12em;
    }
div#r3logoMC {
    position: absolute;
    top: 3.5em;
    left: 1.0em;
    width: 10em;
    height: 4em;
    z-index: 0;
    }
div#r3logoMC_link {
    position: absolute;
    top: 3.5em;
    left: 1.0em;
    width: 10em;
    height: 4em;
    z-index: 10;
    }
div#Rij4 {
    position: absolute;
    top: 36em;
    left: 0%;
    height: 12em;
    width: 72em;
    margin: 0 0 0 2em;
    }
div#r4k1-4 {
    position: absolute;
    top: 0;
    left: 0em;
    height: 100%;
    width: 48em;
    }
div#r4balk {
    position: absolute;
    top: 0;
    left: 0;
    height: 2em;
    width: 100%;
    background-color: #DF7A00;
    }
div#r4k6 {
    position: absolute;
    top: 0;
    left: 60em;
    height: 100%;
    width: 12em;
    background-color: #DF7A00;
    }
      