@font-face {
    font-family: FlandersArtSans;
    src: url(../fonts/FlandersArtSans-Regular.ttf);
}

@font-face {
    font-family: FlandersArtSans;
    src: url(../fonts/FlandersArtSans-Medium.ttf);
    font-weight: bolder;
}

@font-face {
    font-family: FlandersArtSans;
    src: url(../fonts/FlandersArtSans-Bold.ttf);
    font-weight: bold;
}

@font-face {
    font-family: FlandersArtSans;
    src: url(../fonts/FlandersArtSans-Light.ttf);
    font-weight: lighter;
}

@font-face {
    font-family: FlandersArtSerif;
    src: url(../fonts/FlandersArtSerif-Bold.ttf);
}

body {
    font-family: FlandersArtSans, sans-serif;
    display: flex;
}

header, div, footer {
    display: block;
    text-align: center;
}

footer {
    margin-top: 300px;
    margin-bottom: 20px;
}

#links {
    width: 360px;
    margin-right: 40px;
    font-weight:lighter;
    background-color: black;
    float: left;
}

#rechts {
    width: 1200px;
    float: right;
}

#selectedProv, #hoogste {
    font-weight: bold;
}

.links {
    margin-top: 20px;
}

.pink {
    color: pink;
}

.purple {
    color:fuchsia;
}

.yellow {
    color: yellow;
}

.white {
    color: white;
}