html, body {
    height: 100%;
    padding: 0;
    margin: 0;
}
#mapcontainer {
    display: flex;
    height: 100%;
}
#map {
    width: calc(100vw - 380px);
    height: 100vh;
}
#sidepanel {
    width: 360px;
    flex-shrink: 0;
    height: 100vh;
    overflow-y: auto;
}
button {
    width: 62px;
    height: 42px;
}
tr, td {
    padding: 0;
    margin: 0;
}
.landknop.active {
    outline: 3px solid red;
}
.provknop.active {
    outline: 3px solid red;
}
#landknoppen {
    margin-bottom: 8px;
}
#gemeenten {
    width: 360px;
}
#gemeenten button {
    width: 60px;
    height: 40px;
    float: left;
    background-size: contain !important;
    background-position: center !important;
}
#gemeenten::after {
    content: "";
    display: block;
    clear: both;
}
#provincies {
    width: 360px;
    margin-bottom: 8px;
}
#provincies button {
    width: 60px;
    height: 40px;
    float: left;
    background-size: contain !important;
    background-position: center !important;
}
#provincies::after {
    content: "";
    display: block;
    clear: both;
}