.Zaal {
    position: relative;
    background: url(../img/Zaal2021.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 1500px;
    height: 530px;
}

.StoelBezetKlein {
    position: absolute;
    width: 12.5px;
    height: 12px;
    border: 1px solid black;
    background-color: #FF0000;
    z-index: 999;
}

.StoelSelectKlein {
    position: absolute;
    width: 12.5px;
    height: 12px;
    border: 1px solid black;
    background-color: #FF6A00;
    z-index: 999;
}

.TafelSelect {
    position: absolute;
    width: 125px;
    height: 12px;
    border: 1px solid black;
    background-color: #FF6A00;
    z-index: 999;
}

.TafelBezet {
    position: absolute;
    width: 125px;
    height: 12px;
    border: 1px solid black;
    background-color: #FF0000;
    z-index: 999;
}

.TafelGroot {
    position: absolute;
    background-image: url(../img/Tafel.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.TafelGroot_hover {
    position: absolute;
    background-image: url(../img/Tafel_hover.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.TafelGroot_hoverSelected {
    position: absolute;
    background-image: url(../img/Tafel_hover.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.TafelGroot_hoverBezet {
    position: absolute;
    background-image: url(../img/Tafel_hover.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    cursor: not-allowed;
}


.TafelKlein {
    position: absolute;
    background-image: url(../img/TafelKlein.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.TafelKlein_hover {
    position: absolute;
    background-image: url(../img/TafelKlein_hover.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.TafelKlein_hoverSelected {
    position: absolute;
    background-image: url(../img/TafelKlein_hover.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.TafelKlein_hoverBezet {
    position: absolute;
    background-image: url(../img/TafelKlein_hover.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    cursor: not-allowed;
}

.SelectStoel {
    position: relative;
    /*background: url(../img/Tafel.png);*/
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 300px;
    height: 130px;
}

.Stoel{
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: #529AD1;
    border: 2px solid black;
}

.StoelMid {
    position: absolute;
    width: 295px;
    height: 30px;
    background-color: #529AD1;
    border: 2px solid black;
}

.PrijsStoel {
    background: #E4D3BF;
    position: relative;
    z-index: 1001;
    margin-top: -20px;
    display: none;
    width: 100px;
    text-align-last: center;
    text-align: -webkit-center;
    border: 5px solid black
}

.StoelSelectParent {
    display: inline-block;
    background: #E4D3BF;
    position: relative;
    margin-left: calc(50% - 175px);
    width: 350px;
    text-align-last: center;
    text-align: -webkit-center;
    border: 5px solid black
}

.StoelSelectParentHolder{
    display: none;
    position: absolute;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1001;
    left: 0;
    top: 0;
    padding-top: 20%;
    width: 100%;
    height: 100%;
}