:root {
    --vc_basis: #2FB97D; /* hoofdkleur vocalsound */
    --vc_basis_aanvul: #1B925B; /* aanvulling op hoofdkleur vocalsound o.a. te gebruiken bij hover etc. */
    --vc_contrast: #F0FFF2; /* contrastkleur vocalsound te gebruiken bij letertype op de basis ondergronden. */
    --vc_linearboven: #7AD5AB; /* topkleur vocalsound te gebruiken bij lineare achtergrond */
    --vc_linearmidden: #e0fbfb; /* topkleur vocalsound te gebruiken bij lineare achtergrond */
    --vc_linearonder:#f0ffff; /* topkleur vocalsound te gebruiken bij lineare achtergrond */
    --vc_linearbackground: linear-gradient(180deg, var(--vc_linearboven) 0%, var(--vc_linearmidden) 40%, var(--vc_linearonder) 100%);
    --vc_afbeelding_achtergrond: #1b925bcb; /* achtergrondkleur van foto's en video's */
    /* hieronder nog aanvullende kleur variabelen */
  }

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    cursor:default;
  }


/* hamburger animatie */
@keyframes b1 {
    0%{
     transform:rotate(1deg)
    }
    100%{
        transform:rotate(45deg);
    }
}

@keyframes b1b {
    0%{
     transform:rotate(45deg)
    }
    100%{
        transform:rotate(0deg);
    }
}

@keyframes b3 {
    0%{
        transform:rotate(1deg)
    }
    100%{
        transform:rotate(-45deg);
    }
}

@keyframes b3b {
    0%{
        transform:rotate(-45deg)
    }
    100%{
        transform:rotate(0deg);
    }
}

@keyframes bmin {
    0%{
        left:-202px;
    }
    100%{
        left:0px;
    }
}

@keyframes bmuit {
    0%{
        left:0px
    }
    100%{
        left:-202px;
    }
}

@keyframes smin {
    0%{
        left:-247px;
    }
    100%{
        left:0px;
    }
}

@keyframes smuit {
    0%{
        left:0px
    }
    100%{
        left:-247px;
    }
}

@keyframes toonboodschap {
    0%{
        opacity: 1;
        color: azure;
    }
    90%{
        opacity:0.9;
    }
    100%{
       opacity:0;
       color:azure;
    }
}

input, textarea {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    cursor:text;
}

.hamburger2{
    display:none;
    position:absolute;
    z-index: 4;
    width:60px;
    height:60px;
    top:0px;
    left:0px;
    background-color: transparent;
    cursor:pointer;
}

.hamburger3{
    position:absolute;
    z-index: 4;
    width:60px;
    height:60px;
    top:0px;
    left:0px;
    background-color: transparent;
    cursor:pointer;
}

.burgerlaag1{
    display:none;
    position:absolute;
    z-index: 1;
    top:8px;
    left:10px;
    width:50px;
    height:10px;
    border-radius: 5px;
    background-color: black;
}

.burgerlaag1a{
    position:absolute;
    z-index: 1;
    top:26px;
    left:10px;
    width:50px;
    height:10px;
    border-radius: 5px;
    background-color: black;
    transform:rotate(45deg);
    animation:  b1 ease-out 0.8s;
}

.burgerlaag1b{
    position:absolute;
    z-index: 1;
    top:26px;
    left:10px;
    width:50px;
    height:10px;
    border-radius: 5px;
    background-color: black;
    animation:  b1b ease-out 0.8s;
}

.burgerlaag2{
    display:none;
    position:absolute;
    z-index: 2;
    top:26px;
    left:10px;
    width:50px;
    height:10px;
    border-radius: 5px;
    background-color: black;
}

.burgerlaag3{
    display:none;
    position:absolute;
    z-index: 3;
    top:44px;
    left:10px;
    width:50px;
    height:10px;
    border-radius: 5px;
    background-color: black;
}

.burgerlaag3a{
    display:none;
    position:absolute;
    z-index: 3;
    top:26px;
    left:10px;
    width:50px;
    height:10px;
    border-radius: 5px;
    background-color: black;
    transform:rotate(-45deg);
    animation: b3 ease-out 0.8s;
}

.burgerlaag3b{
    display:none;
    position:absolute;
    z-index: 3;
    top:26px;
    left:10px;
    width:50px;
    height:10px;
    border-radius: 5px;
    background-color: black;
    animation:  b3b ease-out 0.8s;
}
/* einde hamburger animatie */


input, textarea {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    cursor:text;
}

.onzichtbaar{
    display:none;
}

.streep{
    height:3px;
    width:60%;
    margin:5px auto 15px auto;
    background-color: var(--vc_basis);
}

.streepvol{
    height:3px;
    width:95%;
    margin:10px auto 15px auto;
    background-color: var(--vc_basis);
}

.streepkop{
    height:3px;
    width:60%;
    margin:15px auto;
    background-color: var(--vc_basis);
}

.divlinks{
    display:block;
    text-align: left;
}

.relposchb{
    position:relative;
    width:100%;
    height:30px;
    text-align: right;
    padding: 3px 5px;
}

.reldv{
    position:relative;
    width:100%;
    height:350px;
    padding:10px 5px;
    overflow:auto;
}

.chbx{
    position:absolute;
    z-index:1;
    top:3px;
    left:20px;
    width:24px;
    height:24px;
    font-size: 1.2rem;
    cursor:pointer;
}

.chbxtekst{
    position:absolute;
    z-index:1;
    top:3px;
    left:45px;
}

.chbxadm{
    position:absolute;
    z-index:1;
    top:3px;
    right:65px;
    width:24px;
    height:24px;
    font-size: 1.2rem;
    cursor:pointer;
}

.chbxadmtkt{
    text-align:right;
}

.divvol{
    display:none;
    text-align: left;
}

.centreerkop{
    width:100%;
    text-align: center;
    font-family: inherit;
    font-size: 2rem;
    font-weight:bold;
    word-break: normal;
    overflow-wrap: normal;
    white-space: pre-wrap;
}

.centreren{
    width:100%;
    text-align: center;
}

.centrerenrel{
    position:absolute;
    height:25px;
    z-index: 1;
    top:80px;
    left: calc(50%-50px);
    width:100%;
    text-align: center;
}

.linkrechts{
    width:100%;
    text-align: right;
    font-family: inherit;
    font-size: 1.2rem;
    font-weight:normal;
    padding-right:20px;
    cursor:pointer;
}

.centreerkopledenbeh{
    width:100%;
    padding:3px;
    margin-bottom: 10px;
    text-align: center;
    font-family: inherit;
    font-size: 1.7rem;
    font-weight:bold;
    color:black;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.centreerkopsubledenbeh{
    width:100%;
    padding:3px;
    text-align: center;
    font-family: inherit;
    font-size: 1.2rem;
    font-weight:bold;
    color:black;
}

.centreersubkopledenbeh{
    width:100%;
    padding:4px 2px 6px 2px;
    margin-bottom: 10px;
    text-align: center;
    font-family: inherit;
    font-size: 1rem;
    font-weight:normal;
    color:black;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.centreerkopbeh{
    margin-top:34px;
    width:100%;
    text-align: center;
    font-family: inherit;
    font-size: 2rem;
    font-weight:bold;
}

.centreerkopbehonskoor{
    margin-top:34px;
    height:45px;
    padding-top:3px;
    width:100%;
    text-align: center;
    font-family: inherit;
    font-size: 2rem;
    font-weight:bold;
    resize:none;
}

.centreerpopup{
    display:none;
    position:absolute;
    z-index: 25;
    top:75px;
    left:0px;
    width:100vw;
    width:100dvw;
    height:auto;
    padding:25px 0px;
    background-color: transparent;
    justify-content: center;
    align-items: center;
}

html{
    scroll-behavior: smooth !important;
}

.relpos{
    position:relative;
}

body{
    margin:0;
    padding:0;
    width:100%;
    height:auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.2;
    color:black;
    background-color:azure;
    background: var(--vc_linearbackground);
}

.buttonhouder{
    position:sticky;
    z-index:50;
    top:0px;
    left:0px;
    padding-top:5px;
    background-color: var(--vc_basis);
    min-height: 60px;
    margin-bottom:25px;
    text-align: center;
    white-space: nowrap;
}

.buttonhouderfvleden{
    position:sticky;
    z-index:50;
    top:0px;
    left:0px;
    padding-top:5px;
    background-color: var(--vc_basis);
    min-height: 60px;
    margin-bottom:10px;
    text-align: center;
    white-space: nowrap;
}

.navbtnhouder{
    position:absolute;
    z-index:1;
    bottom:-30px;
    left:5vw;
    width:90vw;
    width:90dvw;
    height:30px;
    padding:2px 0px 1px 0px;
    text-align: center;
    background-color: var(--vc_basis);
    border-top-style: solid;
    border-width:2px;
    border-color: var(--vc_linearboven);
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.navbutton{
    display:inline-block;
    width:fit-content;
    padding:0px 6px;
    height:22px;
    background-color: var(--vc_basis_aanvul);
    color:var(--vc_contrast);
    font-family: inherit;
    font-size:1rem;
    font-weight: normal;
    text-align: center;
    margin:1px 2px;
    border-style:solid;
    border-width:1px;
    border-color: var(--vc_contrast);
    border-radius: 12px;
    cursor:pointer;
}

.buttonschil{
    display:none;
    width:80%;
    margin:0px auto 10px auto;
    min-height: 30px;
    text-wrap:wrap;
}

.buttonhouderbeheer{
    position:sticky;
    z-index:50;
    top:0px;
    left:0px;
    height:60px;
    text-align: center;
    background-color:var(--vc_basis);
    white-space: nowrap;
}

.naarvc{
    position:absolute;
    z-index: 4;
    width:50px;
    height:50px;
    top:5px;
    right:5px;
    background-color: transparent;
    cursor:pointer;
}

header{
    padding:5px 20px 0px 20px;
    width:100vw;
    width:100dvw;
    background: transparent;
    overflow:hidden;
}

.fotohouder{
    position:relative;
    max-width:1310px;
    height:330px;
    margin:5px auto;
    overflow: hidden;
}

    .foto-1{
        display:none;
        position:absolute;
        z-index: 1;
        left:20px;
        top:30px;
        width:300px;
        height: 173px;
        padding:6px;
        object-fit:cover;
        background-color: white;
        box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
        -webkit-box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
        -moz-box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
    }

    .foto-2{
        display:none;
        position:absolute;
        z-index: 2;
        left:240px;
        top:70px;
        width:300px;
        height: 173px;
        padding:6px;
        object-fit:cover;
        background-color: white;
        box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
        -webkit-box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
        -moz-box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
    }

    .foto-3{
        display:none;
        position:absolute;
        z-index: 3;
        left:400px;
        top:5px;
        width:500px;
        height: 273px;
        padding: 6px;
        object-fit:cover;
        background-color: white;
        box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
        -webkit-box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
        -moz-box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
    }

    .foto-4{
        display:none;
        position:absolute;
        z-index: 2;
        left:770px;
        top:70px;
        width:300px;
        height: 173px;
        padding:6px;
        object-fit:cover;
        background-color: white;
        box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
        -webkit-box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
        -moz-box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
    }

    .foto-5{
        display:none;
        position:absolute;
        z-index: 1;
        left:980px;
        top:30px;
        width:300px;
        height: 173px;
        padding:6px;
        object-fit:cover;
        background-color: white;
        box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
        -webkit-box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
        -moz-box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
    }

.welkom{
    width:100%;
    text-align: center;
    font-family: inherit;
    font-size: clamp(1.2rem, 0.6563rem + 3.75vw, 3rem);
    line-height: 1;
    font-weight:bold;
    color:black;
}

.werkblad{
    max-width:1400px;
    height:auto;
    margin:0px auto;
    padding:5px 10px 50px 10px;
    font-family: inherit;
    font-size: 1.2rem;
    font-weight:bold;
}

.dummydiv{
    width:100%;
    padding:20px;
    height:80vh;
    border-style: solid;
    border-width: 1px;
    border-color: black;
    border-radius: 25px;
} 

.repetitiediv{
    width:100%;
    padding:20px;
    min-height:80vh;
}

.repfoto{
    width:70%;
    min-width:330px;
    object-fit: contain;
    border-radius: 25px;
}

.repetitietekst {
    width:98%;
    height:auto;
    margin: 10px auto;
    line-height: 1.1;
    padding: 10px 20px;
    font-family: inherit;
    font-size: 1.2rem;
    font-weight: normal;
    border-style: none;
    background: transparent;
    color: black;
    text-align: center;
    word-break: normal;
    overflow-wrap: normal;
    white-space: pre-wrap;
    resize: none;
    border:none;
    overflow:hidden;
    cursor: default;
}

.tarepbeheer{
    width:100%;
    height:auto;
    margin: 10px auto;
    padding: 10px 20px;
    font-family: inherit;
    font-size: 2rem;
    font-weight: normal;
    border-style: solid;
    border-width: 1px;
    border-color: lightgrey;
    background: transparent;
    color: black;
    text-align: center;
    resize: none;
    overflow:hidden;
    cursor: text;
}

.repetitietekst1 {
    width:98%;
    height:250px;
    margin: 10px auto;
    line-height: 1.1;
    padding: 10px 20px;
    font-family: inherit;
    font-size: 1.2rem;
    font-weight: normal;
    border-style: none;
    background: transparent;
    color: black;
    text-align: center;
    resize: none;
    border:none;
    overflow:hidden;
    cursor: text;
}

.privacydiv{
    width:100%;
    padding:20px;
    height:80vh;
    border-style: solid;
    border-width: 1px;
    border-color: black;
    border-radius: 25px;
    cursor:pointer;
    overflow: auto;
}

.werkinhoudindex{ 
    display:block;
    width:100%;
    text-align: center;
}

.werkinhoud{ 
    display: block;
    width:100%;
    min-height: 60vh;
}

.werkinhoudagnd{ 
    position:relative;
    display: block;
    width:100%;
    min-height: 75vh;
}

.inhoudbutton{
    position:relative;
    display:inline-block;
    width:200px;
    height:40px;
    text-align: left;
    margin:5px 0px 0px 0px;
    border-style: solid;
    background-color: var(--vc_basis_aanvul);
    color: var(--vc_contrast);
    border-width:1px;
    border-radius: 20px;
    cursor:pointer;
}

.inhoudbuttonmnu{
    position:relative;
    display:block;
    width:200px;
    height:40px;
    padding:5px;
    text-align: left;
    margin:5px;
    border-style: solid;
    background-color: var(--vc_basis_aanvul);
    color: var(--vc_contrast);
    border-width:1px;
    border-radius: 20px;
    cursor:pointer;
}

.inhoudimg{
    position:absolute;
    z-index: 1;
    left:5px;
    top:4px;
    width:30px;
    height:30px;
    cursor:pointer;
}

.inhoudtekst{
    position: absolute;
    z-index: 2;
    width:150px;
    top:23px;
    left:70px;
    text-align: left;
    font-family: inherit;
    font-size:20px;
    font-weight: bold;
    cursor:pointer;
}

.inhoudtekstimg{
    position: absolute;
    z-index: 2;
    width:160px;
    top:3px;
    left:40px;
    text-align: center;
    font-family: inherit;
    font-size:20px;
    font-weight: bold;
    cursor:pointer;
}

.inhoudtekst{
    position: absolute;
    z-index: 2;
    width:190px;
    top:9px;
    left:5px;
    text-align: center;
    font-family: inherit;
    font-size:1.15rem;
    font-weight: bold;
    cursor:pointer;
}

.inlogimg{
    position:absolute;
    z-index: 5;
    top:10px;
    right:30px;
    width:40px;
    height:40px;
    cursor:pointer;
}

.inlogpop{
    display:none;
    position:absolute;
    z-index: 80;
    width:360px;
    top:90px;
    right:15px;
    background-color:var(--vc_basis);
    color:black;
    font-family: inherit;
    font-size: 1.2rem;
    font-weight: bold;
    border-radius: 15px;
    border-style: solid;
    border-width: 1px;
}

.sluitimg{
    position:absolute;
    z-index: 1;
    top:5px;
    right:5px;
    width:25px;
    height:25px;
}

.sluitpdfimg{
    margin:5px 5px 2px 2px;
    width:25px;
    height:25px;
    cursor:pointer;
}

.inlogtitel{
    font-family: inherit;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    padding:5px 0px 0px 5px;
    color:black;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.tickettitel{
    width:100%;
    position:absolute;
    z-index: 0;
    top:0px;
    left:0px;
    font-family: inherit;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    padding:5px 0px 0px 5px;
    color:black;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.inlogtitelmail{
    font-family: inherit;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    padding:5px;
    color:black;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}


.popuplabel{
    width: 340px;
    margin:5px 10px;
    padding:3px 5px 1px 5px;
    text-align: left;
    font-size:16px;
    font-weight:bold;
}

.popupinput{
    width: 340px;
    margin:0px 10px;
    padding:3px 5px;
    background-color: transparent;
    text-align: left;
    font-size:16px;
    font-weight:normal;
    border-style: none none solid none;
    border-width: 1px;
    cursor:text;
}

.popupknop{
    width:340px;
    height:30px;
    margin:10px;
    background-color: black;
    color:white;
    font-size: 20px;
    font-weight:bold;
    border-style:none;
    border-radius:15px;
    text-align: center;
    cursor:pointer;
}
.popupknop:hover{
    background-color: rgba(0, 0, 0, 0.5);
}

.akkoordknopinlog{
    width:340px;
    height:30px;
    margin:10px;
    background-color: black;
    color:white;
    font-size: 20px;
    font-weight:bold;
    border-style:none;
    border-radius:15px;
    text-align: center;
    cursor:pointer;
}

.popupboodschap{
    width:90%;
    margin:0px auto;
    height:auto;
    padding:10px 20px;
    text-align: center;
}

.popupboodschaplinks{
    width:90%;
    margin:0px auto;
    height:auto;
    padding:10px 10px 10px 20px;
    text-align: left;
}

.redspan{
    color:crimson;
    font-size:20px;
    font-weight: bold;
}

.greenspan{
    color:darkgreen;
    font-size:20px;
    font-weight: bold;
}

.beheerboodschap{
    position:absolute;
    opacity:0;
    z-index: 110;
    top:100px;
    right:15px;
    width:330px;
    background-color:var(--vc_basis_aanvul); 
    color:black;
    padding:10px;
    border-radius:15px;
    text-align: center;
    animation: ease-in-out toonboodschap 8s;
}

.dirigent {
    width: 150px;
    height: 150px;
    margin:5px auto;
    border-radius:50%;
}

.fotoalgemeen {
    max-width:80%;
    min-width:360px;
    margin:0px 0px 15px 0px;
    border-radius:25px;
}

.fotoalgemeenbeh {
    max-width:80%;
    min-width:360px;
    border-radius:25px;
}

.onskoortekstbeh {
    width: 98%;
    height: auto;
    padding: 10px;
    margin:2px 1%;
    background-color: transparent;
    font-family: inherit;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    border-style:solid;
    border-width:1px;
    border-color:lightgray;
}

.onskbeglcolfoto{
    margin-top:10px;
    display:inline-block;
}

.onskcombfoto{
    width:180px;
    height:180px;
    float: left;
    margin-right:10px;
    object-fit: fill;
    border-radius: 25px;
}

.onskbeglcol2{
    display:block;
    width: 98%;
    min-height:200px;
    min-width: 360px;
    margin-bottom: 10px;
    border-style: solid;
    line-height: 1.1;
    padding: 10px 10px 15px 10px;
    font-family: inherit;
    font-size: 1.3rem;
    font-weight:normal;
    border-style: none;
    text-align: left;
    background-color: transparent;
    word-break: normal;
    overflow-wrap: normal;
    white-space: pre-wrap;
    resize:none;
    border-style: solid;
    border-width:1px;
    border-color:var(--vc_linearboven);
    border-radius: 25px;
    cursor:default;
}

.onskoortekstarea {
    width: 100%;
    height:auto;
    line-height: 1.1;
    padding: 0px 0px 10px 0px;
    font-family: inherit;
    font-size: 1.3rem;
    font-weight:normal;
    border-style: none;
    color:black;
    background-color: transparent;
    text-align: center;
    resize: none;
    border-style:none;
    word-break: normal;
    overflow-wrap: normal;
    white-space: pre-wrap;
}

.onskoortekstareabeh {
    width: 60%;
    min-width: 360px;
    height: auto;
    padding: 10px 0px 5px 10px;
    margin:10px 1%;
    font-family: inherit;
    line-height: 1.1;
    font-size: 1.3rem;
    font-weight:normal;
    border-style:solid;
    border-width:1px;
    border-color:lightgray;
    text-align: left;
    resize: none;
    overflow:hidden;
    word-break: normal;
    overflow-wrap: normal;
    white-space: pre-wrap;
    cursor:text;
}

.onskoorinfotekstareabeh {
    width: 100%;
    height: auto;
    padding: 10px;
    margin:10px 1%;
    font-family: inherit;
    font-size: 1.3rem;
    font-weight: normal;
    border-style:solid;
    border-width:1px;
    border-color:lightgray;
    text-align: center;
    resize: none;
    overflow:hidden;
    word-break: normal;
    overflow-wrap: normal;
    white-space: pre-wrap;
}

.bewerkform{
    position:relative;
}

.bewerkopslagknop{
    position:fixed;
    z-index: 5;
    top:72px;
    right:20px;
    width:fit-content;
    height:30px;
    padding:2px 10px;
    font-size: 1rem;
    font-weight: bold;
    font-family: inherit;
    color:white;
    background-color: black;
    border:none;
    border-radius: 15px;
    text-align: center;
    cursor:pointer;
}
.bewerkopslagknop:hover{
    background-color: rgba(0, 0, 0, 0.5);
}

.bewerksponsorknop{
    width:fit-content;
    height:30px;
    margin:10px auto 10px auto;
    padding:6px 10px;
    font-size: 1rem;
    font-weight: bold;
    font-family: inherit;
    color:white;
    background-color: var(--vc_basis_aanvul);
    border:none;
    border-radius: 15px;
    text-align: center;
    cursor:pointer;
}
.bewerksponsorknop:hover{
    background-color: var(--vc_basis);
}

.werkbladbeheer{
    position:relative;
    width:100vw;
    width:100dvw;
    max-width:1400px;
    margin:0px auto;
    height:100vh;
    height:99dvh;
    padding:10px;
    font-family: inherit;
    font-size: 1.2rem;
    font-weight:bold;
    background:var(--vc_linearbackground);
}

.werkbladbeheernopadding{
    width:100vw;
    width:100dvw;
    height:100vh;
    height:99dvh;
    font-family: inherit;
    font-size: 1.2rem;
    font-weight:bold;
    background-color: azure;
}

.centreerkopleden{
    width:100%;
    padding-top:0.3rem;
    line-height: 1;
    text-align: center;
    font-family: inherit;
    font-size: 2rem;
    font-weight:bold;
    color:black;
}

.lidnaam{
    width:100%;
    text-align:center;
    font-family: inherit;
    font-size: 0.9rem;
    font-weight: normal;
    color:black;
    line-height: 1;
}

.werkbladleden{
    display:block;
    position: relative;
    width:100%;
    height:100%;
    overflow:auto;
}

.werkbladbmbeheer{
    display:none;
    position: relative;
    width:100%;
    height:100%;
    overflow:auto;
}

.werkbladledenbasis{
    display:block;
    position: relative;
    width:100%;
    height:100%;
    text-align: center;
    overflow:auto;
}

.beheerknoppen{
    width:96%;
    margin:5px 2%;
    padding:3px;
    height:auto;
    color:black;
    border-color: black;
    background-color: transparent;
    font-size: 1.2rem;
    font-weight:bold;
    border-style: solid;
    border-radius: 15px;
    border-width:1px;
    cursor:pointer;
}

.popbeheer{
    display:none;
    position:relative;
    width:100%;
    height:100%;
    background-color:transparent;
    color:black;
    font-family: inherit;
    text-align: center;
}

.agendahouder{
    max-width:1310px;
    height:auto;
    margin:0px auto;
    background-color:transparent;
    color:black;
    font-family: inherit;
    text-align: center;
}

.ledenbeheer{
    display:inline-block;
    position:relative;
    width:360px;
    height:460px;
    padding:5px;
    margin:10px auto;
    background:var(--vc_linearbackground);
    color:black;
    border-style:solid;
    border-radius:15px;
    border-color:black;
    border-width:1px;
}

.absweergave{
    position:absolute;
    z-index: 1;
    top:0px;
    left:0px;
    width:360px;
    height:455px;
    padding-top:5px;
}

.meldstatus{
    display:none;
    position:absolute;
    z-index: 10;
    top:5px;
    left:5px;
    width:348px;
    height:445px;
    background: var(--vc_linearbackground);
    border-radius:15px;
    border-width:1px;
    border-color:var(--vc_basis_aanvul);
    color:black;
}

.sluitaanmeldstatus{
    position:absolute;
    z-index: 15;
    width:30px;
    height:30px;
    top:5px;
    right:5px;
    cursor:pointer;
}

.aanmeldstatuskop{
    width:fit-content;
    padding:10px 0px 5px 15px;
}

.aanmeldstatushouder{
    width:100%;
    padding:10px;
    height:360px;
    text-align: left;
    border-top-style:solid;
    border-width:1px;
    border-color:var(--vc_basis_aanvul);
    font-family:inherit;
    font-size: 1,1rem;
    line-height: 1.2;
    overflow:auto;
}

.nwlidinfo{
    position:absolute;
    z-index:5;
    width:fit-content;
    height:40px;
    bottom:50px;
    right:15px;
    color:var(--vc_basis_aanvul);
    font-family: inherit;
    font-size: 2rem;
    font-style: italic;
    font-weight:bold;
    cursor:pointer;
}

.beheermenu{
    position:absolute;
    z-index:55;
    top:60px;
    left:-202px;
    width:200px;
    min-height:580px;
    background-color:var(--vc_basis);
    color:black;
    overflow:auto;
}

.beheermenuaan{
    position:absolute;
    z-index:55;
    top:60px;
    left:0px;
    width:200px;
    min-height:580px;
    background-color:var(--vc_basis);
    color:black;
    overflow:auto;
}

.beheermnuit{
    position:absolute;
    z-index:55;
    top:60px;
    left:-202px;
    width:200px;
    min-height:580px;
    background-color:var(--vc_basis);
    color:black;
    animation:  bmuit ease-out 1s;
    overflow:auto;
}

.beheermnin{
    position:absolute;
    z-index:55;
    top:60px;
    left:0px;
    width:200px;
    min-height:580px;
    background-color:var(--vc_basis);
    color:black;
    animation:  bmin ease-out 1s;
    overflow:auto;
}

.startmenu{
    position:absolute;
    z-index:55;
    top:60px;
    left:-247px;
    width:215px;
    height:calc(100vh - 95px);
    background-color: var(--vc_basis);
    color:black;
    overflow:auto;
}

.startmnuit{
    position:absolute;
    z-index:55;
    top:60px;
    left:-247px;
    width:215px;
    height:calc(100vh - 95px);
    background-color:var(--vc_basis); 
    color:black;
    animation:  smuit ease-out 1s;
    overflow:auto;
}

.startmnin{
    position:absolute;
    z-index:55;
    top:60px;
    left:0px;
    width:215px;
    height:calc(100vh - 95px);
    background-color:var(--vc_basis);
    color:black;
    animation:  smin ease-out 1s;
    overflow:auto;
}

.beheerknop{
    width:180px;
    height:30px;
    margin:0px 10px 5px 10px;
    padding-top:2px;
    font-size: 0.8rem;
    font-weight: bold;
    font-family: inherit;
    border-style: solid;
    border-width:1px;
    color:black;
    border-color:black;
    background-color: transparent;
    border-radius: 15px;
    text-align: center;
    cursor:pointer;
}

.beheerknopuitloggen{
    position:absolute;
    z-index: 1;
    bottom:5px;
    left:0px;
    width:180px;
    height:30px;
    margin:5px 10px;
    font-size: 0.8rem;
    font-weight: bold;
    font-family: inherit;
    border-style: solid;
    border-width:1px;
    color:black;
    border-color:black;
    background-color: transparent;
    border-radius: 15px;
    text-align: center;
    cursor:pointer;
}

.beheerknopnaargebruik{
    position:absolute;
    z-index: 2;
    bottom:40px;
    left:0px;
    width:180px;
    height:30px;
    margin:5px 10px;
    font-size: 0.8rem;
    font-weight: bold;
    font-family: inherit;
    border-style: solid;
    border-width:1px;
    color:black;
    border-color:black;
    background-color: transparent;
    border-radius: 15px;
    text-align: center;
    cursor:pointer;
}

.beheerknopnaarprivacy{
    position:absolute;
    z-index: 2;
    bottom:110px;
    left:0px;
    width:180px;
    height:30px;
    margin:5px 10px;
    font-size: 0.8rem;
    font-weight: bold;
    font-family: inherit;
    border-style: solid;
    border-width:1px;
    color:black;
    border-color:black;
    background-color: transparent;
    border-radius: 15px;
    text-align: center;
    cursor:pointer;
}

.beheerknopnaarsponsorkliks{
    position:absolute;
    z-index: 2;
    bottom:75px;
    left:0px;
    width:180px;
    height:30px;
    margin:5px 10px;
    font-size: 0.8rem;
    font-weight: bold;
    font-family: inherit;
    border-style: solid;
    border-width:1px;
    color:black;
    border-color:black;
    background-color: transparent;
    border-radius: 15px;
    text-align: center;
    cursor:pointer;
}

.ledgeglabel{
    width: 90%;
    margin:5px 5%;
    padding:3px 5px 1px 5px;
    text-align: left;
    font-size:16px;
    font-weight:bold;
    text-wrap: wrap;
}

.ledgeglabelhalflinks{
    display: inline-block;
    width:160px;
    margin:5px 0px 5px 16px;
    padding:3px 5px 1px 5px;
    text-align: left;
    font-size:16px;
    font-weight:bold;
    text-wrap: wrap;
}

.ledgeglabelhalfrechts{
    display:inline-block;
    width:162px;
    margin:5px 16px 5px 0px;
    padding:2px 5px 2px 5px;
    text-align: center;
    font-size:16px;
    font-weight:bold;
    text-wrap: wrap;
    border-radius: 5px;
    background-color: green;
    color:white;
    cursor:pointer;
}

.permissies{
    display:none;
    position:absolute;
    z-index: 3;
    top:5px;
    left:5px;
    width:348px;
    height:450px;
    background-color:#D7E5E5;
    color:black;
    border-radius:15px;
    border-style: solid;
    border-width:1px;
}

.ledgeginput{
    width:90%;
    height:30px;
    margin:3px 5%;
    padding:3px 5px;
    background-color: transparent;
    text-align: left;
    font-size:16px;
    font-weight:normal;
    border-style: solid;
    border-width: 1px;
    cursor:text;
}

.ledgeginputlbl{
    width:90%;
    height:30px;
    margin:3px 5%;
    padding:3px 5px;
    background-color: transparent;
    text-align: left;
    font-size:16px;
    font-weight:normal;
    border-style: solid;
    border-width: 1px;
    cursor:pointer;
}

.ledgegknop{
    position:absolute;
    z-index: 1;
    width:340px;
    height:30px;
    bottom:5px;
    left:10px;
    background-color:var(--vc_basis_aanvul);
    color:white;
    font-size: 20px;
    font-weight:bold;
    border-style:none;
    border-radius:15px;
    text-align: center;
    cursor:pointer;
}
.ledgegknop:hover{
    background-color: var(--vc_basis);
    color:black;
}

.ledgegknopstructuur{
    width:360px;
    height:30px;
    margin:20px auto;
    padding-top:6px;
    background-color:var(--vc_basis_aanvul);
    color:white;
    font-size: 18px;
    font-weight:bold;
    border-style:none;
    border-radius:15px;
    text-align: center;
    cursor:pointer;
}
.ledgegknopstructuur:hover{
    background-color: var(--vc_basis);
    color:black;
}

.ledgegknopperm{
    position:absolute;
    z-index: 1;
    width:338px;
    height:30px;
    bottom:5px;
    left:5px;
    background-color:var(--vc_basis_aanvul);
    color:white;
    font-size: 20px;
    font-weight:bold;
    border-style:none;
    border-radius:15px;
    text-align: center;
    cursor:pointer;
}
.ledgegknopperm:hover{
    background-color: var(--vc_basis);
    color:black;
}

.bewerkicon{
    display:inline-block;
    width:30px;
    height:30px;
    margin-left:10px;
    cursor: pointer;
}

.bladtegel{
    display:inline-block;
    width:360px;
    height:100px;
    padding:5px;
    margin:3px;
    border-radius:15px;
    background-color:#D7E5E5;
    text-align: left;
}

.tegeltekst{
    display:inline-block;
    width:250px;
    height:90px;
    padding:20px 5px 5px 5px;
    font-family: inherit;
    font-size: 1.1rem;
    font-weight: normal;
    text-align: left;
}

.tegeltekst1{
    display:inline-block;
    width:100%;
    height:90px;
    padding:25px 5px 5px 5px;
    font-family: inherit;
    font-size: 1.1rem;
    font-weight: normal;
    text-align: left;
}

.tegelgrid{
    display: grid;
    grid-template-columns: 90px 235px;
    padding: 5px;
}

.tegelgrid1{
    display: grid;
    grid-template-columns: 90px 75%;
    padding: 5px;
}

.tegelicon{
    display:inline-block;
    width:90px;
    height:90px;
    cursor:pointer;
}

.tegelicon1{
    display:inline-block;
    width:40px;
    height:40px;
    cursor:pointer;
}

.audiohouder{
    display: inline-block;
    width:350px;
    height:30px;
    padding:3px;
    text-align: center;
}

.bestandenoverzicht{
    width:96%;
    margin:0px 2% 2% 2%;
    height:auto;
    padding:3px;
    text-align:left;
}

.bestandhouder{
    display:inline-block;
    position:relative;
    width:360px;
    height:360px;
    margin:3px;
    border-style:solid;
    border-width: 1px;
    border-radius:15px;
}

.bestandhouderoverlay{
    position:absolute;
    z-index: 10;
    top:-1px;
    left:-1px;
    width:360px;
    height:360px;
    background-color: azure;
    border-style:solid;
    border-width: 1px;
    border-radius:15px;
}

.subdirtekst{
    display: block;
    position:absolute;
    z-index: 1;
    top:3px;
    left:5px;
    width:340px;
    height:45px;
    font-family: inherit;
    font-size: 1.2rem;
    font-weight:normal;
    text-align: center;
}

.tegelicon2{
    display:block;
    position:absolute;
    z-index: 1;
    top:51px;
    left:160px;
    width:40px;
    height:40px;
    cursor:pointer;
}

.tegelicondoc{
    margin:40px 0px 10px 0px;
    width:80px;
    height:80px;
    cursor:pointer;
}

.tegeltekstdoc{
    display:block;
    position:absolute;
    z-index: 5;
    top:130px;
    left:0px;
    width:100%;
    font-family: inherit;
    font-size: 1.2rem;
    font-weight:normal;
    text-align: center;
}


.audiohouder{
    display: block;
    position:absolute;
    z-index: 1;
    top:160px;
    left:2px;
    height:25px;
    width:350px;
    padding:3px;
    padding:15px;
    text-align: center;
}

.verklaring{
    display:inline-block;
    position:absolute;
    z-index: 1;
    top:160px;
    left:2px;
    height:70px;
    width:350px;
    padding:3px;
    text-align: center;
}

.videohouder{
    display: inline-block;
    position:absolute;
    z-index: 1;
    top:95px;
    left:0px;
    padding-right:2px;
    width:360px;
    height:250px;
    text-align: center;
}

.videoelem{
    width:350px;
    height:250px;
    text-align: center;
    object-fit:cover;
    border-radius: 15px;
}

.pdfhouder{
    position:absolute;
    z-index: 1;
    top:95px;
    left:0px;
    width:100%;
    padding-left:4px;
    text-align: center;
}

.toonpdfhouder{
    display:none;
    position:absolute;
    z-index: 33;
    top:10vh;
    left:0.5vw;
    width:95vw;
    height:80vh;
    padding:20px;
    text-align:right;
    border-radius:15px;
    border-style:solid;
    border-width:1px;
    border-radius:15px;
    background-color: white;
    overflow: auto;
}

.toonpdf{
    position:relative;
    width:100%;
    height:92%;
}

.toonpdfprivacy{
    position:relative;
    width:100%;
    height:100%;
}

footer {
    margin-top:15px;
    width:100vw;
    width:100dvw;
    background-color: black;
}

.container {
    display: flex;
    flex-wrap: wrap;
    width: 100vw;
    height:auto;
    padding:20px 5px;
    justify-content: center;
}

.footer-content {
    display: inline-block;
    position:relative;
    width: auto;
    height: auto;
    padding:0px 30px 5px 10px;
    font-family: inherit;
    font-size:1.1rem;
    color: white;
    text-align: left;
}

.footer-kop {
    margin-top: 20px;
    font-family: inherit;
    font-size: 2rem;
    color: white;
    font-weight: bold;
    text-align: left;
    margin:5px auto;
}

.footer-link-grid{
    display:grid;
    width:240px;
    height:35px;
    grid-template-columns: 35px 220px;
    grid-column-gap: 5px;
    text-align:left;
}

.tekstgroep{
    margin-bottom:3px;
}

.footer-link {
    height:35px;
    width:fit-content;
    padding:5px 0px 0px 10px;
    color: white;
    font-family: inherit;
    font-size:1.1rem;
    text-wrap: nowrap;
}

.mailicon{
    display: block;
    width: 35px;
    height: 35px;
    margin: 5px 0px;
    background-color: transparent;
    cursor:pointer;
}
.mailicon:hover{
    width:32px;
    height:32px;
}


.social-icons-houder{
    display: inline-block;
    width: 35px;
    height: 35px;
    margin: 0 5px;
    border-radius: 50%;
    cursor:pointer;
}

.footer-icon{
    display: block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    cursor:pointer;
}

.footer-icon-groot{
    display: block;
    width: 90px;
    height: 90px;
    margin:10px auto;
    border-radius: 15px;
    cursor:pointer;
}

.footer-icon:hover{
    width:33px;
    height:33px;
}

.social-icons{
    display: block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    cursor:pointer;
}
.social-icons:hover{
    width:33px;
    height:33px;
}

.social-icons a:hover {
    color: #e91e64;
}

.mailpop {
    display:none;
    position:absolute;
    z-index: 225;
    top: 100px;
    left:2%;
    width:96%;
    min-width:350px;
    padding-bottom: 20px;
    background-color: azure;
    background: var(--vc_linearbackground);
    color: black;
    font-family: inherit;
    font-size: 1.1rem;
    font-weight: normal;
    border-style: solid;
    border-width: 1px;
    border-radius: 15px;
    -webkit-box-shadow: 6px 25px 49px -7px rgba(0,0,0,0.77);
    -moz-box-shadow: 6px 25px 49px -7px rgba(0,0,0,0.77);
    box-shadow: 6px 25px 49px -7px rgba(0,0,0,0.77);
    overflow:auto;
}

.popuplabelmail{
    width: 90%;
    margin:5px 5%;
    padding:3px 5px 1px 5px;
    text-align: left;
    font-size:1.1rem;
    font-weight:bold;
}

.popupinputmail{
    width: 90%;
    margin:0px 5%;
    padding:3px 5px;
    background-color: transparent;
    text-align: left;
    font-size:1.1rem;
    font-weight:normal;
    border-color:black;
    border-style: none none solid none;
    border-width: 1px;
    resize: none;
    cursor:text;
}

.popupknopmail{
    width:90%;
    height:30px;
    margin: 10px 5%;
    background-color: black;
    color:white;
    font-size: 1.25rem;
    font-weight:bold;
    border-style:none;
    border-radius:15px;
    text-align: center;
    cursor:pointer;
}

.berichtmail {
    width: 90%;
    height: 300px;
    margin-top: 2px;
    margin-left: 5%;
    font-family: inherit;
    font-size: 1.1rem;
    font-weight: normal;
    border-style:solid;
    border-width:1px;
    border-color:lightgray;
    text-align: left;
    resize: none;
    cursor: text;
    overflow: auto;
}

.hoofdtekstpriv {
    width: 100%;
    height: 60px;
    border: none;
    padding: 0px 5px 5px 5px;
    font-family: inherit;
    font-size: 1em;
    background-color: transparent;
    resize: none;
    pointer-events: none;
}

.subtekst1priv {
    width: 100%;
    height: 100px;
    border: none;
    padding: 0px 5px 5px 5px;
    font-family: inherit;
    font-size: 1em;
    background-color: transparent;
    resize: none;
    pointer-events: none;
}

.subtekst2priv {
    width: 100%;
    min-height: 400px;
    border: none;
    padding: 0px 5px 5px 5px;
    font-family: inherit;
    font-size: 1em;
    background-color: transparent;
    resize: none;
    pointer-events: none;
}

.subtekst3 {
    width: 100%;
    height: 200px;
    border: none;
    padding: 3px;
    margin: 0px 5px 5px 5px;
    font-family: inherit;
    font-size: 1em;
    background-color: transparent;
    resize: none;
    pointer-events: none;
}

.subtekst4 {
    width: 100%;
    height: 300px;
    border: none;
    padding: 1px;
    margin: 0px 5px 5px 5px;
    font-family: inherit;
    font-size: 1em;
    background-color: transparent;
    resize: none;
    pointer-events: none;
}

.privacytekstbeh{
    width:100%;
    height: auto;
    padding: 2px 5px 5px 10px;
    text-align: left;
    font-family: inherit;
    font-size: 1rem;
}

.subtekst1beh {
    width: 100%;
    height: 100px;
    text-align: left;
    padding: 2px 5px 5px 10px;
    font-family: inherit;
    font-size: 1rem;
}

.subtekst2beh {
    margin-top: 2px;
    width: 100%;
    height: 130px;
    text-align: left;
    padding: 2px 5px 5px 10px;
    font-family: inherit;
    font-size: 1rem;
}

.subtekst3beh {
    margin-top: 2px;
    width: 100%;
    height: 200px;
    text-align: left;
    padding: 2px 5px 5px 10px;
    font-family: inherit;
    font-size: 1rem;
}

.subtekst4beh {
    margin-top: 2px;
    width: 100%;
    height: 300px;
    text-align: left;
    padding: 2px 5px 5px 10px;
    font-family: inherit;
    font-size: 1rem;
}

.koplinks{
    width:100%;
    text-align: left;
    font-family: inherit;
    font-size: 2rem;
    font-weight:bold;
}

.subkoptekstlinks {
    width: 100%;
    height: auto;
    margin-top: 3px;
    padding: 3px;
    font-family: inherit;
    font-size: 1.5rem;
    font-weight: bold;
    border-style: none;
    background: transparent;
    text-align: left;
}

.subtekst2links {
    width: 100%;
    height: 130px;
    text-align: left;
    padding: 0px 5px 5px 5px;
    font-family: inherit;
    font-size: 1rem;
}

.popbeheerftp{
    display:none;
    position:relative;
    width:100%;
    height:auto;
    background-color:transparent;
    color:black;
    font-family: inherit;
    text-align: left;
}

.ftpdir{
    position:absolute;
    z-index: 1;
    top:0px;
    left:0px;
    width: 360px;
    height:90px;
    font-family: inherit;
    font-weight:bold;
    font-size:1.2rem;
    text-align:left;
    text-wrap: wrap;
    background-color:#D7E5E5;
    border-radius:5px;
    border-style: solid;
    border-width:1px;
    border-color:black;
    cursor: pointer;
}

.nwdirpop{
    display:none;
    position: absolute;
    z-index: 3;
    top:150px;
    left:10px;
    width:360px;
    height:370px;
    padding:5px;
    background-color:#D7E5E5;
    border-radius:5px;
    border-style: solid;
    border-width:1px;
}

.ftpicon{
    width:80px;
    height:80px;
    cursor:pointer;
}

.ftpiconupl{
    width:75px;
    height:70px;
    padding:5px 0px 5px 5px;
    cursor:pointer;
}

.ftptegelgrid{
    display: grid;
    grid-template-columns: 90px 255px;
    padding: 5px;
}

.flgrid{
    display:flex;
    align-content: center;
    align-items: center;
}

.ftpdirboodschap{
    width:90%;
    height:180px;
    margin:3px 5%;
    padding:3px 5px;
    background-color: transparent;
    text-align: left;
    font-family: inherit;
    font-weight:bold;
    font-size:1.1rem;
    text-align:left;
    text-wrap: wrap;
    border-style: solid;
    border-width:1px;
    cursor:pointer;
}

.beheerdiroverzicht{
    height:80vh;
    overflow: auto;
}

.selectmenu{
    display:inline-block;
    position:relative;
    margin-right:10px;
    margin-bottom: 10px;
    width:360px;
    height:90px;
}

.behgridwrap{
    display:inline-block;
    position:relative;
    width:350px;
    margin:5px 5px 0px 0px;
    padding:5px;
    background-color: #D7E5E5;
    border-radius: 15px;
}

.behgridwrapchbox{
    position:absolute;
    z-index: 1;
    top:27px;
    left:5px;
    width:18px;
    height:18px;
    font-size: 14px;
    font-weight:bold;
    border-style: solid;
    border-width:1px;
    cursor: pointer;
}

.behfilegrid{
    display: grid;
    grid-template-columns: 60px 265px;
    padding: 5px 5px 5px 20px;
}

.fileicon{
    width:50px;
    height:50px;
}

.fileiconmp{
   cursor:pointer;
}

.bestandsnaam{
    text-align:left;
}

.bestandstekst{
    width:260px;
    text-wrap: wrap;
}

/* extra css eigen contextmenu */
.eigenctxmenu{
    display:none;
    position:absolute;
    z-index:22;
    top:0px;
    right:0px;
    width:350px;
    height:350px;
    padding:10px;
    background-color: azure;
    color:black;
    font-family: inherit;
    font-size: 1rem;
    border-style: solid;
    border-width:1px;
    border-radius: 15px;
}
/* einde extra css eigen contextmenu */

.uploadbmpop{
    display:none;
    position:absolute;
    z-index: 5;
    top:0px;
    left:0px;
    width:100%;
    min-height:200px;
    max-height:800px;
    padding:10px;
    background-color: #D7E5E5;
    border-radius: 5px;
    border-style: solid;
    border-width:1px;
    overflow:auto;
}

/* agenda */

.subkoptekstagenda {
    width: 100%;
    height: auto;
    margin-top: 3px;
    padding: 3px;
    font-family: inherit;
    font-size: 1.5rem;
    font-weight: bold;
    border-style: none;
    background: transparent;
    text-align: center;
    text-transform: uppercase;
}

.subtekst2agenda {
    width: 100%;
    height:auto;
    border: none;
    padding: 0px 5px 5px 5px;
    font-family: inherit;
    font-size: 1.2rem;
    background-color: transparent;
    resize: none;
    overflow:hidden;
}

.agendaimghouder{
    width: 640px;
    object-fit:contain;
    margin-bottom: 15px;
    border-radius:25px;
    background-color: transparent;
}

.agendavidhouder{
    width: 640px;
    object-fit:contain;
    margin-bottom: 15px;
    border-radius:25px;
    background-color: transparent;
}

video {
    max-width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 25px;
    margin-bottom: 15px;
    background-color: transparent;
}

.werkinhoudagenda{
    text-align: center;
    display:none;
    width:100%;
}

.inhoudagenda {
    width: 100%;
    padding: 10px;
    border-style: none;
    overflow: auto;
}

.formkopagenda {
    color: black;
    width: 100%;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin: auto;
    margin-top: 10px;
    padding: 5px;
    background-color: transparent;
}

.form-groep {
    position: relative;
    height: 48px;
    margin-bottom: 10px;
  }

.formbutton {
    display: block;
    width: 80%;
    height: 30px;
    padding: 2px;
    margin: 5px auto;
    margin-top: 20px;
    font-size: 1rem;
    border-radius: 15px;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    background-color: black;
    color: white;
    border: none;
    cursor: pointer;
  }

.formbutton:hover {
    background-color: rgba(157, 157, 157, 0.8);
  }
  
  .inputlabel {
    display: block;
    color: black;
    width: 500px;
    font-size: 16px;
    font-weight: bold;
    margin: auto;
    margin-top: 10px;
    padding: 5px 5px 5px 0px;
    background-color: transparent;
  }

.input {
    display: block;
    width: 500px;
    height: 100%;
    margin-top: 10px;
    margin-left: 35px;
    border: 2px solid #cfd8dc;
    border-radius: 0.5rem;
    font-family: inherit;
    font-weight: bold;
    font-size: 1rem;
    color: white;
    outline: none;
    padding: 15px 10px 5px 20px;
    background: none;
    resize: none;
    cursor: pointer;
}

  .input:hover {
    background-color: rgba(99, 130, 203, 0.8);
    border-color: #9dedff;
  }

.input:focus {
    border-color: #578af2;
}

.agendabeheer{
    display:inline-block;
    position:relative;
    width:360px;
    height:500px;
    padding:5px;
    margin:10px auto;
    background-color: rgba(0, 0, 0, 0.100);
    color:black;
    border-style:solid;
    border-radius:15px;
    border-color:black;
    border-width:1px;
}

.centreeragendabeheer{
    width:100%;
    padding:3px;
    margin: 38px 0px 0px 10px;
    text-align: center;
    font-family: inherit;
    font-size: 1.7rem;
    font-weight:bold;
    color:black;
}

.agenweergave{
    position:absolute;
    z-index: 1;
    top:0px;
    left:0px;
    width:360px;
    height:495px;
    padding-top:5px
}

.tekstlinks {
    display: inline-block;
    position:relative;
    width: 90%;
    padding:0px 4px;
    margin: 0px auto;
    margin-bottom: 5px;
    font-family: inherit;
    font-size: 1.2rem;
    font-weight:normal;
    text-align: left;
    resize:none;
    overflow:hidden;
    cursor:default;
}

.tekstlinksagenda {
    display: inline-block;
    position:relative;
    width: 350px;
    height:50px;
    padding:4px 4px 4px 4px;
    margin: 0px auto;
    margin-bottom: 5px;
    font-family: inherit;
    font-size: 1.2rem;
    font-weight:normal;
    text-align: center;
    text-wrap: wrap;
    resize:none;
    cursor:default;
}


.tekstlinks1 {
    position:absolute;
    z-index: 1;
    top:-4px;
    right:5%;
    width:34px;
    height:34px;
    padding:2px;
    font-family: inherit;
    font-size: 0.8rem;
    font-weight:bold;
    text-align: left;
    border-radius: 50%;
    background-color: transparent;
    cursor:pointer;
}

.tekstlinks1:hover{
    background-color: rgba(0, 0, 0, 0.5);
}

.keuzelijst {
    appearance: none;
    background-color: transparent;
    color: black;
    cursor: pointer;
  }

  .inputsel {
    display: inline-block;
    color:black;
    width: 90%;
    height:38px;
    font-size: 16px;
    font-weight: bold;
    margin: 5px auto;
    padding-left: 10px;
    border: solid;
    border-color: rgb(160, 157, 157);
    cursor: pointer;
  }

  .inputsel:hover {
    background-color: rgb(167, 167, 167);
    border-color: #5d5e5e;
  }

.afbeeldinghouder{
    width: 640px;
    height:329px; 
    margin-bottom: 15px;
    object-fit: cover;
    border-radius:25px;
    background-color: transparent;
}

.inputknopkeuzelijst {
    display: inline-block;
    color: white;
    width: 300px;
    height:38px;
    font-size: 16px;
    font-weight: bold;
    margin: 0px auto;
    padding-left: 10px;
    background-color: black;
    border: solid;
    border-radius: 10px;
    border-color: rgb(114, 114, 114);
    cursor: pointer;
  }

  .inputknopkeuzelijst1 {
    color: white;
    width:fit-content;
    height:30px;
    left:-2px;
    font-size: 16px;
    font-weight: bold;
    margin: 10px auto;
    padding:6px 10px;
    background-color: black;
    border-style:none;
    border-radius: 15px;
    cursor: pointer;
  }
  .inputknopkeuzelijst1:hover{
    background-color: rgba(0, 0, 0, 0.5);
  }

  .keuzelijst1 {
    appearance: none;
    height:38px;
    background-color: transparent;
    color: white;
    cursor: pointer;
  }

.popupagendatoevoegen{
    display: none;
    position: absolute;
    z-index: 20;
    top: 100px;
    left: 10px;
    width:360px;
    height: auto;
    padding:5px;
    margin:10px auto;
    background-color:#D7E5E5;
    color:black;
    border-style:solid;
    border-radius:15px;
    border-color:black;
    border-width:1px;
}

.form-breedte {
    display: inline-block;
    width: 100%;
    background-color:#D7E5E5;
    color:black;
}

.formkopagenda2 {
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 10px;
}

.form-labelkop{
    width: 100%;
    margin:0px auto;
    padding:3px;
    text-align: center;
    font-size:1.3rem;
    font-weight:bold;
    border-bottom-style: solid;
    border-width: 1px;
}

.form-label1{
    width: 90%;
    margin:5px auto;
    padding:3px;
    text-align: left;
    font-size:1rem;
    font-weight:bold;
}

.form-input1{
    width:90%;
    height:30px;
    margin:0px auto;
    padding: 5px;
    background-color: transparent;
    text-align: left;
    font-size:1rem;
    font-weight:normal;
    border-style: solid;
    border-width: 1px;
    cursor:text;
}

.form-inputdatum{
    width:90%;
    height:30px;
    margin:0px auto;
    padding: 5px;
    background-color: transparent;
    text-align: left;
    font-size:1rem;
    font-weight:normal;
    border-style: solid;
    border-width: 1px;
    cursor:pointer;
}


.tekstrechtsagenda {
    width: 100%;
    padding:0px 4px;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: transparent;
    font-family: inherit;
    font-size: 1rem;
    font-weight:normal;
    text-align: left;
    cursor:default;
}

/* einde agenda */

.popbestandslocatiealgemeen{
    display: none;
    position: absolute;
    z-index: 100;
    top: 0px;
    left: 0px;
    width:360px;
    height: 400px; 
    padding:5px 5px 10px 5px;
    background-color:#D7E5E5;
    color:black;
    border-style:solid;
    border-radius:15px;
    border-color:black;
    border-width:1px;
}

.webmedialijst{
    display:none;
    font-family: inherit;
    font-size: 1.2rem;
    font-weight:bold;
    text-align: left;
    cursor:default;
    overflow:auto;
}

.webmediabestand{
    display:inline-block;
    width:317px;
    padding:3px;
    cursor:pointer;
    overflow-x: auto;
}

.webmediaoogje{
    display: inline-block;
    margin:2px 0px 0px 0px;
    width: 20px;
    height:20px;
    background-color: transparent;
    cursor:pointer;
}

.voorvertoninghouder{
    display: none;
    position:absolute;
    width:345px;
    max-height:345px;
    z-index: 2;
    left:2px;
    top:10px;
    min-height:40px;
    background-color:#D7E5E5;
}

.vvh-labelkop{
    width: 100%;
    margin:0px auto;
    padding:3px;
    text-align: center;
    font-size:1.2rem;
    font-weight:bold;
}

.vvh-fotohouder{
    display:none;
    max-width:330px;
    height:330px;
    object-fit: contain; 
    margin:5px auto;
    border-radius: 10px;
    background-color: transparent;
}

.centreerhomekop{
    position: relative;
    width:100%;
    text-align: center;
    font-weight: bold;
    font-family: inherit;
    font-size: 2rem;
}

.kaart-container {
    max-width: 1100px;
    height:180px;
    margin: 30px auto 10px auto;
    white-space: nowrap;
    text-align: center;
    overflow:auto;
}

.swipeagenda{
    display:inline-block;
    width:50px;
    height:auto;
}

.kaart {
    display: inline-block;
    width:350px;
    height:150px;
    background-color: rgb(126, 225, 113);
    border-radius: 15px;
    padding:10px 0px;
    margin: 5px;
}

.homepagetekstarea {
    width:98%;
    height:auto;
    margin: 10px auto;
    line-height: 1.1;
    padding: 10px 20px;
    font-family: inherit;
    font-size: 1.2rem;
    font-weight: normal;
    border-style: none;
    background: transparent;
    color: black;
    text-align: left;
    resize: none;
    border:none;
    overflow:hidden;
    cursor: default;
}

.agendatekstbewerkarea {
    width: 90%;
    height: auto;
    margin: 0px auto;
    line-height: 1.1;
    padding: 0px 4px;
    font-family: inherit;
    font-size: 1.2rem;
    font-weight: normal;
    color: black;
    text-align: center;
    resize: none;
    cursor: pointer;
    word-break: normal;
    overflow-wrap: normal;
    white-space: pre-wrap;
    overflow:hidden;
}

.agendaberichttekst{
    width: 90%;
    height: auto;
    margin:15px auto;
    line-height: 1.1;
    padding: 0px 4px;
    font-family: inherit;
    font-size: 1.2rem;
    font-weight: normal;
    color: black;
    text-align: center;
    cursor: pointer;
    text-wrap:wrap;
    word-break: normal;
    white-space: pre-wrap;
}

.btn {
    display: inline-block;
    margin-top: 20px;
    margin-left: 20px;
    padding:10px 20px;
    background-color: rgb(126, 225, 113);
    color:rgb(161, 120, 199);
    font-size: 15px;
    font-weight: bold;
    border-radius: 15px;
    text-decoration: none;
    border: none;
    cursor: pointer;
}

.centreerkophomepage{
    width: 550px;
    height: 73px;
    padding-top: 13px;
    text-align: center;
    font-family: inherit;
    font-size: 1.2rem;
    font-weight:bold;
    background-color: rgb(126, 225, 113);
    color: black;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.datpage {
    margin-bottom:3px;
    font-family: inherit;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
    max-width: 350px;
    text-wrap:wrap;
}

.datpage1 {
    margin-bottom:3px;
    font-family: inherit;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
    max-width: 350px;
    max-height:50px;
    padding:0px 5px;
    overflow:hidden;
    word-break: normal;
    overflow-wrap: normal;
    white-space: pre-wrap;

}

.nieuwskaarthouder {
    position: absolute;
    padding-bottom: 15px;
    z-index:1;
    top: 0px;
    left: 0px;
    text-wrap:wrap;
    max-width: 560px;
    height: 390px;
}

.popupberichttoevoegen{
    display: none;
    position: absolute;
    z-index: 20;
    top: 100px;
    left: 10px;
    width:360px;
    height: auto;
    padding:5px;
    margin:10px auto;
    background-color:#D7E5E5;
    color:black;
    border-style:solid;
    border-radius:15px;
    border-color:black;
    border-width:1px;
}

.form-inputbericht {
    width:90%;
    height:100px;
    margin:0px auto;
    padding: 5px;
    background-color: transparent;
    text-align: left;
    font-size:1rem;
    font-weight:normal;
    border-style: solid;
    border-width: 1px;
    cursor:text;
}

.form-groep-bericht {
    position: relative;
    height: 148px;
    margin-bottom: 10px;
  }

.popupberichtverwijder{
    display: none;
    position: absolute;
    z-index: 20;
    top: 80px;
    left: 10px;
    width:360px;
    height: 80vh;
    height: 80dvh;
    padding:5px;
    margin:10px auto;
    background-color:#D7E5E5;
    color:black;
    border-style:solid;
    border-radius:15px;
    border-color:black;
    border-width:1px;
}

.popupagendaverwijder {
    display: none;
    position: absolute;
    z-index: 80;
    top: 80px;
    left: 10px;
    width: 360px;
    height: 400px;
    padding:5px;
    margin:10px auto;
    background-color:#D7E5E5;
    color:black;
    border-style:solid;
    border-radius:15px;
    border-color:black;
    border-width:1px;
}

.tekstverwijderjn {
    display: inline-block;
    width: 100%;
    padding-top: 25px;
    font-family: inherit;
    font-size: 20px;
    font-weight: bold;
    color: black;
    text-align: center;
}

.knopjn {
    display: inline-block;
    width: 120px;
    height: 60px;
    margin: 1vw;
    border-radius: 15px;
    background-color: black;
    border-color: darkgoldenrod;
    cursor: pointer;
}

.spanja {
    display: block;
    width: 100px;
    height: 60px;
    padding: 10px 0px 20px 25px;
    font-size: 30px;
    font-weight: bold;
    color: whitesmoke;
    cursor: pointer;
}

.spannee {
    display: block;
    width: 100px;
    height: 80px;
    padding: 10px 0px 20px 20px;
    font-size: 30px;
    font-weight: bold;
    color: whitesmoke;
    cursor: pointer;
}

.sponsor{
    display:inline-block;
    width:100px;
    height:100px;
    margin:10px;
    border-radius:15px;
    cursor:pointer;
}

.sponsortekst{
    width:100%;
    margin:10px 0px;
    text-align: left;
    font-family: inherit;
    font-size: 1.2rem;
    font-weight: bold;
}

.foto-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.fotobericht {
    max-width: 100%;
    height: auto;
    border-radius:25px;
}

.inputknopberichtmeer {
    color: var(--vc_contrast);
    width:fit-content;
    height:40px;
    left:-2px;
    font-size: 16px;
    font-weight: bold;
    margin: 20px auto 0px auto;
    padding: 10px 10px;
    background-color: var(--vc_basis_aanvul);
    border-style: solid;
    border-width: 1px;
    border-radius: 20px;
    cursor: pointer;
  }

  .inputknopberichtmeer:hover{
    color: var(--vc_contrast);
    background-color: var(--vc_basis)
  }

  .sluitimg{
    position:absolute;
    z-index: 1;
    top:5px;
    right:5px;
    width:25px;
    height:25px;
}

.popuphomelezen{
    display:block;
    width:100%;
    height:100%;
    background-color:transparent;
    color:black;
    font-family: inherit;
    text-align: center;
}

.verbergachtergrondagenda{
    display:none;
    position:absolute;
    z-index: 224;
    top:0px;
    left:0px;
    width:100vw;
    width:100dvw;
    height:110vh;
    background:var(--vc_linearbackground) ;
}

.berichtpop {
    display:block;
    position: absolute;
    z-index: 100;
    top: 10px;
    left: 4%;
    width: 90%;
    min-width:360px;
    min-height: 80%;
    padding: 10px 10px 20px 10px;
    background-color: azure;
    background: var(--vc_linearbackground);
    border-style: solid;
    border-color: var(--vc_basis_aanvul);
    border-width: 2px;
    border-radius: 15px;
    overflow: auto;
}

.berichttextarea {
    width: 60%;
    min-width: 340px;
    margin:20px 0px;
    height: auto;
    line-height: 1.1;
    padding: 10px;
    font-family: inherit;
    font-size: 1.2rem;
    font-weight: normal;
    color: black;
    text-align: left;
    background-color: transparent;
    border-style: none;
    resize: none;
    cursor:default;
    overflow:hidden;
}

.hpdatbericht {
    font-family: inherit;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
}

.tekstrechtsbericht{
    display:block;
    width:100%;
    padding:4px;
    font-family: inherit;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
    cursor:default;
}

.fotototaalbericht {
    max-width: 25%;
    min-width:345px;
    height:auto;
    border-radius:25px;    
}

.repertoirebalk{
    background-color: var(--vc_basis_aanvul);
    color: var(--vc_contrast);
    height:40px;
    padding:6px;
    font-family: inherit;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
    border-width: 1px;
    border-color: var(--vc_basis_aanvul);
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    cursor:default;
}

.repertoirehouder{
    position:static;
    width:100%;
    top:0px;
    height:70vh;
    padding-bottom: 15px;
    background-color: transparent;
    cursor:default;
    border-style: solid;
    border-width: 1px;
    border-color: var(--vc_basis_aanvul);
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    overflow: auto;
}

.repertoiretekstvak{
    display:block;
    width:100%;
    padding:10px 0px; 
    background-color: transparent;
    color: black;
    font-family: inherit;
    font-size: 1.2rem;
    line-height: 1;
    font-weight: normal;
    text-align: center;
    text-wrap: wrap;
    border-bottom-style: solid;
    border-width:1px;
    border-color: var(--vc_basis_aanvul);
    cursor:default;
}

.repertoireicon{
    display:block;
    width:100%;
    min-width:360px;
    padding:10px 0px 0px 0px;
    text-align: center;
}

/* tijdelijke foto nieuwjaarswens */
.poster{
    width:50%;
    min-width:360px;
    height:auto;
    margin:5px auto 0px auto;
    border-style:solid;
    border-width:4px;
    border-radius:25px;
    border-color:var(--vc_basis);
    background-color: black;
}

.posterimg{
    width:100%;
    height:auto;
    border-radius:25px;
    object-fit:contain;
}

.nieuws{
    position:relative;
    width:360px;
    height:40px;
    margin:10px auto;
    padding:9px 5px 0px 37px;
    font-family: inherit;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.2;
    border-radius: 20px;
    color:black;
    background-image: -webkit-linear-gradient(top, #1B925B, #7AD5AB);
    background-image: -moz-linear-gradient(top, #1B925B, #7AD5AB);
    background-image: -ms-linear-gradient(top, #1B925B, #7AD5AB);
    background-image: -o-linear-gradient(top, #1B925B, #7AD5AB);
    background-image: linear-gradient(to bottom, #1B925B, #7AD5AB);
    border: solid var(--vc_contrast) 1px;
    cursor:pointer;
}

.nieuwslogo{
    position: absolute;
    z-index:1;
    top:2px;
    left:3px;
    height:34px;
    cursor:pointer;
}

.vcpointer{
    cursor:pointer;
}

.bestelkop{
    display:block;
    width:100%;
    min-width:360px;
    margin:0px auto 10px auto;
    font-family: inherit;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.2;
    background-image: -webkit-linear-gradient(top, #1B925B, #7AD5AB);
    background-image: -moz-linear-gradient(top, #1B925B, #7AD5AB);
    background-image: -ms-linear-gradient(top, #1B925B, #7AD5AB);
    background-image: -o-linear-gradient(top, #1B925B, #7AD5AB);
    background-image: linear-gradient(to bottom, #1B925B, #7AD5AB);
    border-radius: 25px;
    color:black;
    padding: 10px;
    border: solid var(--vc_contrast) 1px;
    text-decoration: none;
    cursor:pointer;
}

.bestelkop:hover{
    background-image: -webkit-linear-gradient(bottom, #1B925B, #7AD5AB);
    background-image: -moz-linear-gradient(bottom, #1B925B, #7AD5AB);
    background-image: -ms-linear-gradient(bottom, #1B925B, #7AD5AB);
    background-image: -o-linear-gradient(bottom, #1B925B, #7AD5AB);
    background-image: linear-gradient(to top, #1B925B, #7AD5AB);
  }
  
.ticketpop{
    display:none;
    position:absolute;
    z-index:160;
    top:5px;
    left:5vw;
    width:90vw;
    height:95vh;
    padding:25px 10px 10px 10px;
    background-color: azure;
    background: var(--vc_linearbackground);
    border-style: solid;
    border-color: var(--vc_basis_aanvul);
    border-width: 2px;
    border-radius: 15px;
    overflow: auto;
}

.popuplabelticket{
    width: 90%;
    height:30px;
    margin-left:5%;
    padding:5px;
    margin-bottom:10px;
    text-align: left;
    font-size:16px;
    font-weight:bold;
}

.popuplabelticket1{
    width: 90%;
    height:auto;
    margin-left:5%;
    padding:5px;
    line-height: 1.1;
    text-align: left;
    font-size:16px;
    font-weight:normal;
}

.popuplabelticket2{
    width: 90%;
    height:30px;
    margin-left:5%;
    padding:5px;
    line-height: 1.1;
    text-align: left;
    font-size:1.25rem;
    font-weight:bold;
}

.popupinputticket{
    width: 90%;
    height:30px;
    margin-left:5%;
    margin-bottom:5px;
    padding:5px;
    background-color: transparent;
    text-align: left;
    font-size:16px;
    font-weight:normal;
    border-style: solid;
    border-width: 1px;
}

.popupknopticket{
    width:90%;
    height:35px;
    padding:5px;
    margin-left:5%;
    margin-top:20px;
    background-color: var(--vc_basis_aanvul);
    color:var(--vc_linearonder);
    font-size: 20px;
    font-weight:bold;
    border-style:solid;
    border-width:1px;
    border-radius:15px;
    border-color: white;
    text-align: center;
    cursor:pointer;
}
.popupknopticket:hover{
    background-color: var(--vc_basis);
    color:black;
}

.popupknopticket1{
    width:90%;
    height:35px;
    padding:5px;
    margin-left:5%;
    margin-top:20px;
    background-color: var(--vc_basis_aanvul);
    color:var(--vc_linearonder);
    font-size: 20px;
    font-weight:bold;
    border-style:solid;
    border-width:1px;
    border-radius:15px;
    border-color: white;
    text-align: center;
    cursor:pointer;
}
.popupknopticket1:hover{
    background-color: var(--vc_basis);
    color:black;
}


.titeltickets{
    margin-top: 25px;
    padding:10px;
    font-family: inherit;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.1;
    text-align: center;
    color:black;
}

.ticketbestelgrid{
    display: grid;
    width:90%;
    margin-left:5%;
    margin-bottom:10px;
    grid-template-columns: auto auto auto;
}

.labelticketgridlinks{
    font-family: inherit;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.1;
    text-align: center;
    padding: 5px;
    background-color: var(--vc_linearboven);
    color:black;
    border-style: solid;
    border-width:1px;
}

.labelticketgridmidden{
    font-family: inherit;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.1;
    text-align: center;
    padding: 5px;
    background-color: var(--vc_linearboven);
    color:black;
    border-style: solid;
    border-width:1px;
}

.labelticketgridrechts{
    font-family: inherit;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.1;
    text-align: left ;
    padding: 5px;
    background-color: var(--vc_linearboven);
    color:black;
    border-style: solid;
    border-width:1px;
}

.inputticketgridlinkshouder{
    width:100%;
    font-family: inherit;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.1;
    color:black;
    border-style: solid;
    border-width:1px;
}

.inputticketgridlinks{
    width:100%;
    font-family: inherit;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.1;
    text-align: center;
    padding: 5px;
    color:black;
    background-color: transparent;
}

.inputticketgridmidden{
    font-family: inherit;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.1;
    text-align: center;
    padding: 7px;
    height:34px;
    color:black;
    border-style: solid;
    border-width:1px;
}

.inputticketgridrechts{
    font-family: inherit;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.1;
    text-align: left ;
    padding: 7px;
    height:34px;
    color:black;
    border-style: solid;
    border-width:1px;
}

.besteloptiehouder{
    position:relative;
    width:90%;
    min-height:35px;
    margin-left:5%;
    border-style: solid;
    border-width:1px;
}

.bestinl{
    display:inline-block
}

.bezradio{
    display:inline-block;
    margin:4px 5px 0px 5px;
    width:20px;
    height:20px;
    font-family: inherit;
}

.beztekst{
    display:inline-block;
    margin:4px 10px 0px 0px;
    padding:0px 5px 0px 0px;
    width:fit-content;
    font-family: inherit;
    font-size:1rem;
}

.sponsoren{
    width:100%;
    min-height:120px;
    text-align: center;
}

.sponsorkop{
    width:100%;
    min-height:20px;
    padding-bottom:5px;
    text-align:center;
    font-family: inherit;
    font-size: 1rem;
    line-height: 1;
    font-weight:normal;
}

.sponsorlink{
    display:inline-block;
    height:100px;
    width:auto;
    border-radius:15px;
    border-style:solid;
    border-width:1px;
    border-color:var(--vc_basis_aanvul);
}

.nietaangemeld{
    padding:5px;
}

.spgroot{
    font-size: 1.4rem;
    font-weight:bold;
    color:black;
}

.nieuwskaart{
    width:75%;
    min-width:360px;
    margin:5px auto 15px auto;
    border-style: solid;
    border-width:1px;
    border-radius:25px;
    text-align:center;
    border-color: var(--vc_basis_aanvul);
    vertical-align: top;
}

.nieuwsafbeelding{
    float:left;
    max-width:340px;
    margin:0px 10px 5px 0px;
    border-radius:25px;
    object-fit:fill;
}

.nieuwsafbeeldingbeheer{
    display:inline-block;
    width:60%;
    min-width:340px;
    margin:0px auto 5px auto;
    border-radius:25px;
    object-fit:fill;
}

.nwsbody{
    display: table-cell;
    width:100%;
    height:auto;
    padding: 10px 10px 15px 10px;
    margin:0px auto;
    font-family: inherit;
    font-size:1.3rem;
    line-height: 1.1;
    font-weight: normal;
    text-align: left;
    word-break: normal;
    overflow-wrap: normal;
    white-space: pre-wrap;
}

.nwskop{
    width:100%;
    margin-bottom:5px;
    padding-top:4px;
    font-family: inherit;
    font-size:22px;
    font-weight:bold;
    text-transform: uppercase;
    text-align: center;
    border-bottom:solid;
    border-width:1px;
    border-color: var(--vc_basis_aanvul);
}

.nwsonderlink{
    width:100%;
    height:30px;
    padding:4px 10px 0px 0px;
    font-family: inherit;
    font-size:22px;
    font-weight:bold;
    text-align: center; 
    border-top: solid;
    border-width:1px;
    border-color: var(--vc_basis_aanvul);
}

.nwsposterlink{
    width:40%;
    height:35px;
    min-width:fit-content;
    margin:0px auto 0px auto;
    padding:4px 10px 0px 10px;
    font-family: inherit;
    font-size:22px;
    font-weight:bold;
    text-align: center; 
    border-style:none solid solid solid;
    border-width:4px;
    border-bottom-left-radius:25px;
    border-bottom-right-radius: 25px;
    border-color:var(--vc_basis);
}

.linkopmaak{
    text-decoration: none;
    cursor:pointer;
    color:black;
}

.hpvskeuzelijst{
    display:none;
    width:360px;
    margin:5px auto 10px auto;
    font-family: inherit;
    font-size:1.2rem;
    font-weight:normal;
    text-align: center;
}

.hpvsupload{
    display:none;
    position:relative;
    width:100%;
    margin:12px auto;
    padding:10px 5px;
    text-align:center;
    font-family: inherit;
    font-size:1.1rem;
    border-style:solid;
    border-width: 1px;
    border-radius: 15px;
    border-color:var(--vc_contrast);
    background-color:var(--vc_basis);
}

.hpvsuploadknop{
    width:fit-content;
    padding:5px;
    margin-top:5px;
}

.hpvsuploadfile{
    width:auto;
    padding:5px;
}

.hpvsuploadexit{
    position:absolute;
    top:5px;
    right:5px;
    width:25px;
    height:25px;
    background-image: url(../images/sluiten.svg);
}

.hpvsmediapop{
    display:none;
    position:absolute;
    z-index: 66;
    top:70px;
    left:0px;
    width:100%;
    height:90vh;
    height:90dvh;
    padding-top:5px;
    text-align: center;
    background: var(--vc_linearbackground);
    border-radius:25px;
    overflow: auto;
}

.hpvsmediapopupkop{
    height:40px;
    width:100%;
    text-align: center;
    border-bottom: solid;
    border-width:1px;
    border-color:var(--vc_basis_aanvul);
}

.hpvsmediakpt{
    display:inline-block;
    width:fit-content;
}

.hpvsmediasluit{
    position:absolute;
    z-index: 1;
    top:5px; 
    right:10px;
    width:25px;
    height:25px;
    background-image: url(../images/sluiten.svg);
    cursor:pointer;
}

.hpvsafbhouder{
    display:inline-block;
    width:170px;
    height:170px;
    padding:5px;
    vertical-align: top;
}

.hpvsimghouder{
    width: 160px;
    height:160px;
    border-radius:15px;
    object-fit: cover;
}

.hpvsboodschap{
    display:none;
    position:absolute;
    opacity:0;
    z-index: 99;
    top:100px;
    right:0px;
    width:360px;
    background-color:var(--vc_basis_aanvul); 
    color:black;
    padding:10px;
    border-radius:15px;
    text-align: left;
    animation: ease-in-out toonboodschap 3s;
}

.agopsinfo{
    font-family: inherit;
    font-size: 1.2rem;
    font-weight: bold;
    color:#e91e64;
    text-align: left;
    padding:5px;
    margin:10px 0px 40px 0px;
    border-style: solid;
    border-width:1px;
    border-color:var(--vc_basis_aanvul);
    border-radius:15px;
}

.tekstalignbalk{
    position:relative;   
    width:100%;
    height:30px;
    padding-left:110px;
    text-align: left;
}

.align-icon-left{
    display:block;
    position:absolute;
    z-index: 1;
    left:15px;
    top:5px;
    width:30px;
    height:30px;
    cursor:pointer;
}

.align-icon-center{
    display:block;
    position:absolute;
    z-index: 1;
    left:51px;
    top:5px;
    width:30px;
    height:30px;
    cursor:pointer;
}

.align-icon-pijl{
    display:block;
    position:absolute;
    z-index: 1;
    left:83px;
    top:5px;
    width:30px;
    height:30px;
    cursor:pointer;
}

.alignuitleg{
    display:inline-block;
    margin-top:4px;
    width: 250px;
    font-family: inherit;
    font-size:14px;
    font-weight: normal;
    line-height:1 ;
}