* {
    box-sizing: border-box;
}

.box-1 {float: left;width: 100%;padding-bottom:100%;position: relative;}
.box-2 {float: left;width: 100%;padding-bottom:100%;position: relative;}
.box-3 {float: left;width: 100%;padding-bottom:100%;position: relative;}
.box-4 {float: left;width: 100%;padding-bottom:100%;position: relative;}
.box-5 {float: left;width: 100%;padding-bottom:100%;position: relative;}
.box-6 {float: left;width: 100%;padding-bottom:100%;position: relative;}
.box-7 {float: left;width: 100%;padding-bottom:100%;position: relative;}
.box-8 {float: left;width: 100%;padding-bottom:100%;position: relative;}
.box-9 {float: left;width: 100%;padding-bottom:100%;position: relative;}
.box-10 {float: left;width: 100%;padding-bottom:100%;position: relative;}
.box-11 {float: left;width: 100%;padding-bottom:100%;position: relative;}
.box-12 {float: left;width: 100%;padding-bottom:100%;position: relative;}
.box-13 {float: left;width: 100%;padding-bottom:100%;position: relative;}
.box-14 {float: left;width: 100%;padding-bottom:100%;position: relative;}
.box-15 {float: left;width: 100%;padding-bottom:100%;position: relative;}
.box-16 {float: left;width: 100%;padding-bottom:100%;position: relative;}
.box-17 {float: left;width: 100%;padding-bottom:100%;position: relative;}
.box-18 {float: left;width: 100%;padding-bottom:100%;position: relative;}
.box-19 {float: left;width: 100%;padding-bottom:100%;position: relative;}
.box-20 {float: left;width: 100%;padding-bottom:100%;position: relative;}
.box-21 {float: left;width: 100%;padding-bottom:100%;position: relative;}
.box-22 {float: left;width: 100%;padding-bottom:100%;position: relative;}
.box-23 {float: left;width: 100%;padding-bottom:100%;position: relative;}
.box-24 {float: left;width: 100%;padding-bottom:100%;position: relative;}
.box-25 {float: left;width: 100%;padding-bottom:100%;position: relative;}
.box-26 {float: left;width: 100%;padding-bottom:100%;position: relative;}
@media only screen and (min-width: 680px) {
.box-m-1 {float: left;width: 50%;padding-bottom:50%;position: relative;}
.box-m-2 {float: left;width: 50%;padding-bottom:50%;position: relative;}
.box-m-3 {float: left;width: 50%;padding-bottom:50%;position: relative;}
.box-m-4 {float: left;width: 50%;padding-bottom:50%;position: relative;}
.box-m-5 {float: left;width: 50%;padding-bottom:50%;position: relative;}
.box-m-6 {float: left;width: 50%;padding-bottom:50%;position: relative;}
.box-m-7 {float: left;width: 50%;padding-bottom:50%;position: relative;}
.box-m-8 {float: left;width: 50%;padding-bottom:50%;position: relative;}
.box-m-9 {float: left;width: 50%;padding-bottom:50%;position: relative;}
.box-m-10 {float: left;width: 50%;padding-bottom:50%;position: relative;}
.box-m-11 {float: left;width: 50%;padding-bottom:50%;position: relative;}
.box-m-12 {float: left;width: 50%;padding-bottom:50%;position: relative;}
.box-m-13 {float: left;width: 50%;padding-bottom:50%;position: relative;}
.box-m-14 {float: left;width: 50%;padding-bottom:50%;position: relative;}
.box-m-15 {float: left;width: 50%;padding-bottom:50%;position: relative;}
.box-m-16 {float: left;width: 50%;padding-bottom:50%;position: relative;}
.box-m-17 {float: left;width: 50%;padding-bottom:50%;position: relative;}
.box-m-18 {float: left;width: 50%;padding-bottom:50%;position: relative;}
.box-m-19 {float: left;width: 50%;padding-bottom:50%;position: relative;}
.box-m-20 {float: left;width: 50%;padding-bottom:50%;position: relative;}
.box-m-21 {float: left;width: 50%;padding-bottom:50%;position: relative;}
.box-m-22 {float: left;width: 50%;padding-bottom:50%;position: relative;}
.box-m-23 {float: left;width: 50%;padding-bottom:50%;position: relative;}
.box-m-24 {float: left;width: 50%;padding-bottom:50%;position: relative;}
.box-m-25 {float: left;width: 50%;padding-bottom:50%;position: relative;}
.box-m-26 {float: left;width: 50%;padding-bottom:50%;position: relative;}
}
@media only screen and (min-width: 960px) {
.box-n-1 {float: left;width: 33.33%;padding-bottom:33.33%;position: relative;}
.box-n-2 {float: left;width: 33.33%;padding-bottom:33.33%;position: relative;}
.box-n-3 {float: left;width: 33.33%;padding-bottom:33.33%;position: relative;}
.box-n-4 {float: left;width: 33.33%;padding-bottom:33.33%;position: relative;}
.box-n-5 {float: left;width: 33.33%;padding-bottom:33.33%;position: relative;}
.box-n-6 {float: left;width: 33.33%;padding-bottom:33.33%;position: relative;}
.box-n-7 {float: left;width: 33.33%;padding-bottom:33.33%;position: relative;}
.box-n-8 {float: left;width: 33.33%;padding-bottom:33.33%;position: relative;}
.box-n-9 {float: left;width: 33.33%;padding-bottom:33.33%;position: relative;}
.box-n-10 {float: left;width: 33.33%;padding-bottom:33.33%;position: relative;}
.box-n-11 {float: left;width: 33.33%;padding-bottom:33.33%;position: relative;}
.box-n-12 {float: left;width: 33.33%;padding-bottom:33.33%;position: relative;}
.box-n-13 {float: left;width: 33.33%;padding-bottom:33.33%;position: relative;}
.box-n-14 {float: left;width: 33.33%;padding-bottom:33.33%;position: relative;}
.box-n-15 {float: left;width: 33.33%;padding-bottom:33.33%;position: relative;}
.box-n-16 {float: left;width: 33.33%;padding-bottom:33.33%;position: relative;}
.box-n-17 {float: left;width: 33.33%;padding-bottom:33.33%;position: relative;}
.box-n-18 {float: left;width: 33.33%;padding-bottom:33.33%;position: relative;}
.box-n-19 {float: left;width: 33.33%;padding-bottom:33.33%;position: relative;}
.box-n-20 {float: left;width: 33.33%;padding-bottom:33.33%;position: relative;}
.box-n-21 {float: left;width: 33.33%;padding-bottom:33.33%;position: relative;}
.box-n-22 {float: left;width: 33.33%;padding-bottom:33.33%;position: relative;}
.box-n-23 {float: left;width: 33.33%;padding-bottom:33.33%;position: relative;}
.box-n-24 {float: left;width: 33.33%;padding-bottom:33.33%;position: relative;}
.box-n-25 {float: left;width: 33.33%;padding-bottom:33.33%;position: relative;}
.box-n-26 {float: left;width: 33.33%;padding-bottom:33.33%;position: relative;}
}
@media only screen and (min-width: 1280px) {
.box-d-1 {float: left;width: 25%;padding-bottom:25%;position: relative;}
.box-d-2 {float: left;width: 25%;padding-bottom:25%;position: relative;}
.box-d-3 {float: left;width: 25%;padding-bottom:25%;position: relative;}
.box-d-4 {float: left;width: 25%;padding-bottom:25%;position: relative;}
.box-d-5 {float: left;width: 25%;padding-bottom:25%;position: relative;}
.box-d-6 {float: left;width: 25%;padding-bottom:25%;position: relative;}
.box-d-7 {float: left;width: 25%;padding-bottom:25%;position: relative;}
.box-d-8 {float: left;width: 25%;padding-bottom:25%;position: relative;}
.box-d-9 {float: left;width: 25%;padding-bottom:25%;position: relative;}
.box-d-10 {float: left;width: 25%;padding-bottom:25%;position: relative;}
.box-d-11 {float: left;width: 25%;padding-bottom:25%;position: relative;}
.box-d-12 {float: left;width: 25%;padding-bottom:25%;position: relative;}
.box-d-13 {float: left;width: 25%;padding-bottom:25%;position: relative;}
.box-d-14 {float: left;width: 25%;padding-bottom:25%;position: relative;}
.box-d-15 {float: left;width: 25%;padding-bottom:25%;position: relative;}
.box-d-16 {float: left;width: 25%;padding-bottom:25%;position: relative;}
.box-d-17 {float: left;width: 25%;padding-bottom:25%;position: relative;}
.box-d-18 {float: left;width: 25%;padding-bottom:25%;position: relative;}
.box-d-19 {float: left;width: 25%;padding-bottom:25%;position: relative;}
.box-d-20 {float: left;width: 25%;padding-bottom:25%;position: relative;}
.box-d-21 {float: left;width: 25%;padding-bottom:25%;position: relative;}
.box-d-22 {float: left;width: 25%;padding-bottom:25%;position: relative;}
.box-d-23 {float: left;width: 25%;padding-bottom:25%;position: relative;}
.box-d-24 {float: left;width: 25%;padding-bottom:25%;position: relative;}
.box-d-25 {float: left;width: 25%;padding-bottom:25%;position: relative;}
.box-d-26 {float: left;width: 25%;padding-bottom:25%;position: relative;}
}


body {
    background:#000000;
    color:#ffffff;
    margin: 0;
    padding: 0;
    font-size:100%;
    font: 1em Helvetica, Arial, Verdana, sans-serif;
    font-weight: bold;
    text-align: left;
}

.bio {
    margin: 10px 20px;
    padding: 0px 10px;
}

.box-1 {
    background:#000000 url("box17.png") no-repeat;
    background-size:100% 100%;
}
.box-d-1 {
    background:#000000 url("box17.png") no-repeat;
    background-size: 100% 100%;
}
.box-m-1 {
    background:#000000 url("box17.png") no-repeat;
    background-size: 100% 100%;
}
.box-n-1 {
    background:#000000 url("box17.png") no-repeat;
    background-size: 100% 100%;
}
.box-2 {
    background:#000000 url("box2.png") no-repeat;
    background-size: 100% 100%;
}
.box-d-2 {
    background:#000000 url("box2.png") no-repeat;
    background-size: 100% 100%;
}
.box-m-2 {
    background:#000000 url("box2.png") no-repeat;
    background-size: 100% 100%;
}
.box-n-2 {
    background:#000000 url("box2.png") no-repeat;
    background-size: 100% 100%;
}
.box-3 {
    background:#000000 url("box27.png") no-repeat;
    background-size: 100% 100%;
}
.box-d-3 {
    background:#000000 url("box27.png") no-repeat;
    background-size: 100% 100%;
}
.box-m-3 {
    background:#000000 url("box27.png") no-repeat;
    background-size: 100% 100%;
}
.box-n-3 {
    background:#000000 url("box27.png") no-repeat;
    background-size: 100% 100%;
}
.box-4 {
    background:#000000 url("box4.png") no-repeat;
    background-size: 100% 100%;
}
.box-d-4 {
    background:#000000 url("box4.png") no-repeat;
    background-size: 100% 100%;
}
.box-m-4 {
    background:#000000 url("box4.png") no-repeat;
    background-size: 100% 100%;
}
.box-n-4 {
    background:#000000 url("box4.png") no-repeat;
    background-size: 100% 100%;
}
.box-5 {
    background:#000000 url("box5.png") no-repeat;
    background-size: 100% 100%;
}
.box-d-5 {
    background:#000000 url("box5.png") no-repeat;
    background-size: 100% 100%;
}
.box-m-5 {
    background:#000000 url("box5.png") no-repeat;
    background-size: 100% 100%;
}
.box-n-5 {
    background:#000000 url("box5.png") no-repeat;
    background-size: 100% 100%;
}
.box-6 {
    background:#000000 url("box19.png") no-repeat;
    background-size: 100% 100%;
}
.box-d-6 {
    background:#000000 url("box19.png") no-repeat;
    background-size: 100% 100%;
}
.box-m-6 {
    background:#000000 url("box19.png") no-repeat;
    background-size: 100% 100%;
}
.box-n-6 {
    background:#000000 url("box19.png") no-repeat;
    background-size: 100% 100%;
}
.box-7 {
    background:#000000 url("box7.png") no-repeat;
    background-size: 100% 100%;
}
.box-d-7 {
    background:#000000 url("box7.png") no-repeat;
    background-size: 100% 100%;
}
.box-m-7 {
    background:#000000 url("box7.png") no-repeat;
    background-size: 100% 100%;
}
.box-n-7 {
    background:#000000 url("box7.png") no-repeat;
    background-size: 100% 100%;
}
.box-8 {
    background:#000000 url("box8.png") no-repeat;
    background-size: 100% 100%;
}
.box-d-8 {
    background:#000000 url("box8.png") no-repeat;
    background-size: 100% 100%;
}
.box-m-8 {
    background:#000000 url("box8.png") no-repeat;
    background-size: 100% 100%;
}
.box-n-8 {
    background:#000000 url("box8.png") no-repeat;
    background-size: 100% 100%;
}
.box-9 {
    background:#000000 url("box21.png") no-repeat;
    background-size: 100% 100%;
}
.box-d-9 {
    background:#000000 url("box21.png") no-repeat;
    background-size: 100% 100%;
}
.box-m-9 {
    background:#000000 url("box21.png") no-repeat;
    background-size: 100% 100%;
}
.box-n-9 {
    background:#000000 url("box21.png") no-repeat;
    background-size: 100% 100%;
}
.box-10 {
    background:#000000 url("box37.png") no-repeat;
    background-size: 100% 100%;
}
.box-d-10 {
    background:#000000 url("box37.png") no-repeat;
    background-size: 100% 100%;
}
.box-m-10 {
    background:#000000 url("box37.png") no-repeat;
    background-size: 100% 100%;
}
.box-n-10 {
    background:#000000 url("box37.png") no-repeat;
    background-size: 100% 100%;
}
.box-11 {
    background:#000000 url("box11.png") no-repeat;
    background-size: 100% 100%;
}
.box-d-11 {
    background:#000000 url("box11.png") no-repeat;
    background-size: 100% 100%;
}
.box-m-11 {
    background:#000000 url("box11.png") no-repeat;
    background-size: 100% 100%;
}
.box-n-11 {
    background:#000000 url("box11.png") no-repeat;
    background-size: 100% 100%;
}
.box-12 {
    background:#000000 url("box18.png") no-repeat;
    background-size: 100% 100%;
}
.box-d-12 {
    background:#000000 url("box18.png") no-repeat;
    background-size: 100% 100%;
}
.box-m-12 {
    background:#000000 url("box18.png") no-repeat;
    background-size: 100% 100%;
}
.box-n-12 {
    background:#000000 url("box18.png") no-repeat;
    background-size: 100% 100%;
}
.box-13 {
    background:#000000 url("box26.png") no-repeat;
    background-size: 100% 100%;
}
.box-d-13 {
    background:#000000 url("box26.png") no-repeat;
    background-size: 100% 100%;
}
.box-m-13 {
    background:#000000 url("box26.png") no-repeat;
    background-size: 100% 100%;
}
.box-n-13 {
    background:#000000 url("box26.png") no-repeat;
    background-size: 100% 100%;
}
.box-14 {
    background:#000000 url("box30.png") no-repeat;
    background-size: 100% 100%;
}
.box-d-14 {
    background:#000000 url("box30.png") no-repeat;
    background-size: 100% 100%;
}
.box-m-14 {
    background:#000000 url("box30.png") no-repeat;
    background-size: 100% 100%;
}
.box-n-14 {
    background:#000000 url("box30.png") no-repeat;
    background-size: 100% 100%;
}
.box-15 {
    background:#000000 url("box9.png") no-repeat;
    background-size: 100% 100%;
}
.box-d-15 {
    background:#000000 url("box9.png") no-repeat;
    background-size: 100% 100%;
}
.box-m-15 {
    background:#000000 url("box9.png") no-repeat;
    background-size: 100% 100%;
}
.box-n-15 {
    background:#000000 url("box9.png") no-repeat;
    background-size: 100% 100%;
}
.box-16 {
    background:#000000 url("box22.png") no-repeat;
    background-size: 100% 100%;
}
.box-d-16 {
    background:#000000 url("box22.png") no-repeat;
    background-size: 100% 100%;
}
.box-m-16 {
    background:#000000 url("box22.png") no-repeat;
    background-size: 100% 100%;
}
.box-n-16 {
    background:#000000 url("box22.png") no-repeat;
    background-size: 100% 100%;
}
.box-17 {
    background:#000000 url("box29.png") no-repeat;
    background-size:100% 100%;
}
.box-d-17 {
    background:#000000 url("box29.png") no-repeat;
    background-size: 100% 100%;
}
.box-m-17 {
    background:#000000 url("box29.png") no-repeat;
    background-size: 100% 100%;
}
.box-n-17 {
    background:#000000 url("box29.png") no-repeat;
    background-size: 100% 100%;
}
.box-18 {
    background:#000000 url("box28.png") no-repeat;
    background-size:100% 100%;
}
.box-d-18 {
    background:#000000 url("box28.png") no-repeat;
    background-size: 100% 100%;
}
.box-m-18 {
    background:#000000 url("box28.png") no-repeat;
    background-size: 100% 100%;
}
.box-n-18 {
    background:#000000 url("box28.png") no-repeat;
    background-size: 100% 100%;
}
.box-19 {
    background:#000000 url("box33.png") no-repeat;
    background-size:100% 100%;
}
.box-d-19 {
    background:#000000 url("box33.png") no-repeat;
    background-size: 100% 100%;
}
.box-m-19 {
    background:#000000 url("box33.png") no-repeat;
    background-size: 100% 100%;
}
.box-n-19 {
    background:#000000 url("box33.png") no-repeat;
    background-size: 100% 100%;
}
.box-20 {
    background:#000000 url("box34.png") no-repeat;
    background-size:100% 100%;
}
.box-d-20 {
    background:#000000 url("box34.png") no-repeat;
    background-size: 100% 100%;
}
.box-m-20 {
    background:#000000 url("box34.png") no-repeat;
    background-size: 100% 100%;
}
.box-n-20 {
    background:#000000 url("box34.png") no-repeat;
    background-size: 100% 100%;
}
.box-21 {
    background:#000000 url("box35.png") no-repeat;
    background-size:100% 100%;
}
.box-d-21 {
    background:#000000 url("box35.png") no-repeat;
    background-size: 100% 100%;
}
.box-m-21 {
    background:#000000 url("box35.png") no-repeat;
    background-size: 100% 100%;
}
.box-n-21 {
    background:#000000 url("box35.png") no-repeat;
    background-size: 100% 100%;
}
.box-22 {
    background:#000000 url("box15.png") no-repeat;
    background-size:100% 100%;
}
.box-d-22 {
    background:#000000 url("box15.png") no-repeat;
    background-size: 100% 100%;
}
.box-m-22 {
    background:#000000 url("box15.png") no-repeat;
    background-size: 100% 100%;
}
.box-n-22 {
    background:#000000 url("box15.png") no-repeat;
    background-size: 100% 100%;
}
.box-23 {
    background:#000000 url("box14.png") no-repeat;
    background-size:100% 100%;
}
.box-d-23 {
    background:#000000 url("box14.png") no-repeat;
    background-size: 100% 100%;
}
.box-m-23 {
    background:#000000 url("box14.png") no-repeat;
    background-size: 100% 100%;
}
.box-n-23 {
    background:#000000 url("box14.png") no-repeat;
    background-size: 100% 100%;
}
.box-24 {
    background:#000000 url("box12.png") no-repeat;
    background-size:100% 100%;
}
.box-d-24 {
    background:#000000 url("box12.png") no-repeat;
    background-size: 100% 100%;
}
.box-m-24 {
    background:#000000 url("box12.png") no-repeat;
    background-size: 100% 100%;
}
.box-n-24 {
    background:#000000 url("box12.png") no-repeat;
    background-size: 100% 100%;
}
.box-25 {
    background:#000000 url("box36.png") no-repeat;
    background-size:100% 100%;
}
.box-d-25 {
    background:#000000 url("box36.png") no-repeat;
    background-size: 100% 100%;
}
.box-m-25 {
    background:#000000 url("box36.png") no-repeat;
    background-size: 100% 100%;
}
.box-n-25 {
    background:#000000 url("box36.png") no-repeat;
    background-size: 100% 100%;
}
.box-26 {
    background:#000000 url("box38.png") no-repeat;
    background-size:100% 100%;
}
.box-d-26 {
    background:#000000 url("box38.png") no-repeat;
    background-size: 100% 100%;
}
.box-m-26 {
    background:#000000 url("box38.png") no-repeat;
    background-size: 100% 100%;
}
.box-n-26 {
    background:#000000 url("box38.png") no-repeat;
    background-size: 100% 100%;
}




.inhoud {
   position: absolute;
   left: 10px;
   right: 10px;
   top: 10px;
   bottom: 10px;
}
.inhoudbottom {
   position: absolute;
   bottom: 0px;
}
.inhoudbuttons {
   text-align: center;
   bottom: 0px;
}
h1 {
    font: 2em 'Arial Black',Helvetica, Arial, sans-serif;
    color:#000000;
    background:#ffff00;
    margin: 10px -10px;
    padding: 0px 10px;
    display: table;
}
h2 {
    font: 1em 'Arial Black',Helvetica, Arial, sans-serif;
    color:#000000;
    background:#ffff00;
    margin: 10px -10px;
    padding: 0px 10px;
    font-weight: bold;
    display: table;
}
h2 a {
    color: #ff0000;
    text-decoration: none;
    font-weight: bold;
}
a {
    color: #ffff00;
    text-decoration: none;
    font-weight: bold;
}
a:hover {
    cursor: pointer;
    color: #ff0000;
    font-weight: bold;
}
a:visited {
    text-decoration: none;
    border: none;
}
img {
    max-width: 48%;
    height: auto;
}
