body {font-size: 16px;font-family: Calibri,sans-serif;color=#000000;}
table {border-spacing: 0px;border-width: 0px;margin-left: auto; margin-right: auto;}
button {border: 0px; cursor: pointer;}
h1 {font-size: 200%; text-align: center;}
h2 {font-size: 150%; text-align: center;}
hr {margin-top: 0px; margin-bottom: 0px;}
.kop {position: absolute; top: 0px; height: 40px; left: 0px; right: 0px; padding: 0px; margin: 0px; color: #000000; text-align: center;font-size: 25pt; font-weight: bold;}
.menu {position: absolute; top: 41px; height: 26px;  left: 0px; right: 0px;color: #556B2F; text-decoration: none; margin-bottom:2px; margin-top: 2px; text-align: center;font-size: 14pt;}
.venster {position: absolute; top: 70px; left: 0px; right: 0px; padding: 0px; margin: 0px; color: #000000; text-align: center;}
.klein {text-align: center; font-size: 90%;}
.groot {text-align: center; font-size: 150%;}
.midden {text-align: center;}
.links {text-align: left;}
.rechts {text-align: right;}
.knop {
background:            #1572fe; /* Old browsers */
background:            -moz-linear-gradient(top,  #1572fe 0%,  #005fef 100%); /* FF3.6+ */
background:            -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1572fe),  color-stop(100%,#005fef)); /* Chrome,Safari4+ */
background:            -webkit-linear-gradient(top,  #1572fe 0%,#005fef 100%); /* Chrome10+,Safari5.1+ */
background:            -o-linear-gradient(top,  #1572fe 0%, #005fef 100%); /* Opera 11.10+ */
background:            -ms-linear-gradient(top,  #1572fe 0%,#005fef 100%); /* IE10+ */
background:            linear-gradient(top,  #1572fe 0%,#005fef 100%); /* W3C */
-webkit-border-radius: 8px;
-moz-border-radius:    8px;
border-radius:         8px;
margin-bottom:         1px;
margin-top:            1px;
behavior:              url(PIE.php);
color:                 lemonchiffon;
padding:               2px 8px 2px 8px;
text-decoration:       none;
border:                0px;
}
.knop:hover {
background: #005fef; /* Old browsers */
background: -moz-linear-gradient(top,  #005fef 0%, #1572fe 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005fef), color-stop(100%,#1572fe)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #005fef 0%,#1572fe 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #005fef 0%,#1572fe 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #005fef 0%,#1572fe 100%); /* IE10+ */
background: linear-gradient(top,  #005fef 0%,#1572fe 100%); /* W3C */
cursor:     pointer;
}
.kaderl {
max-width:           600px;
height:              450 px;
overflow:            auto;
border-width:        3px;
border-style:        inset;
padding:             2px;
font-size:           100%;
margin:              2px;
margin-top:          50px;
background:          #ccc;
color:               #000;
-webkit-border-radius:8px;
-moz-border-radius:  8px;
border-radius:       8px;
}
.kaderr {
max-width:           600px;
height:              500px;
overflow:            auto;
font-size:           100%;
margin:              2px;
margin-top:          50px;
color:               #000;
}
.tekst {
position:            absolute;
width:               px;
height:              600px;
overflow:            auto;
border-width:        3px;
border-style:        inset;
padding:             2px;
font-size:           100%;
margin:              2px;
background:          #ccc;
color:               #fff;
-webkit-border-radius:8px;
-moz-border-radius:  8px;
border-radius:       8px;
}
.flex-container {
  display:           flex;
  flex-wrap:         wrap;
  justify-content:   space-around;
}