:root {
    --backgroundSite: #f7f9f9;
    --fontColor: #222222;
    --fontColorGray: #A1A1A1; /* rgba(118,129,151, 1.00); */
/*    --donkerBlauw: #ffffff;
    --LichtBlauw: #ffffff;*/
    --Geel: #2e8c9d;
    --greenText: #80c3bc;
    --tabHoveractive: #ddd;
    --tabActive: #76BBDF;    
    --semiWhite: #ffffff;
    --videoBack: rgba(0,0,00, 0.7);
    --videoBackMob: rgba(0,0,00, 0.2);
    --menuTopBack: #003A86;    
    --menuBack: rgba(46,140,157, 0.8);
    --menuHover: var(--tabActive);
    --toggleButtonBar: #003A86;
    --infoBox: rgb(255, 255, 255, 0.85);
    --betweenRowBack: var(--Geel); /*rgba(253,187,5, 1);*/
    --betweenRowText: var(--fontColor);
    --inputBack: #f5f9fa;  /*#f6fbff;  */
    --inputButtonBack: #80C3BC;
    --inputBorder: #eaeaea;
	--inputText: #222222;
    --errorMelding: #dd7200; 
    --grayBack: #f6f7f9;
    --greenBack:#F5F9FA;
    --menuBtnBack: rgba(20,125,223,0.70);
    --menuBtnBackHover: rgba(20,125,223,0.95);
    
    --MarginTop: 60px; /* 16rem; */
    --MarginTopMob: 30px; /* 16rem; */
    --MarginMinTop: 1rem;
    --MarginMobTop: 3rem;
    --MarginExtraMobTop: 8rem;

    --KopText: #111111;
    --SubKopText: #222222;
}

* { 
    color: var(--fontColor);
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    text-decoration: none;
	scroll-behavior: smooth;
}

body { 
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	background-color: var(--backgroundSite);
}

.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	border: 0px solid #F9080C ;
	float: left;
}

.google {
    top: -7rem;
    display: block;
    position: absolute;
}

.body {
	width: 100%;
	height: auto;
	border: 0px solid #3AF503;
	float: left;
}

footer {
	width: 100%;
	border: 0px solid #2F00EF;
	float: left;
}

@media (max-width: 800px){
  footer {
        margin-top: 100px;
    }
}

.contentHolder {
	border: 0px solid #F00;
	left: 0%;
	top: 10%;
	width: 100%;
	height:auto;
	text-align: center;
    box-sizing: border-box;
}

/* ################################################################################ */
.overlayNietBeschikbaar{
    visibility: hidden;
    width:35vw;
    min-height: 25rem;
    position:fixed;
    top:25%;
    left:30vw;
    z-index:100;
    background-color:#fff;
    border-radius: 5px;
    text-align:left;
    padding: 1rem;
    /* box-shadow: 2px 2px; */
    border: 1px solid #B0ADAE;
    box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;
}

#footerCarrier {
    background: rgba(255, 255, 255, 0.8);
	border: 0px solid #000;
	height: 265px;
	padding: 0;
	margin: 0;
	width: 100%;
	text-align: center;
}

#cellCarier {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#cell {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding: 5px;
    padding-left: 25px;
    padding-right: 25px;
    margin: 0.8em;
    height: 150px;
    text-align: left;
    border: 0px solid #333;
    box-sizing: border-box;
}

#cell ul {
    display: block;  /* Remove bullet points; allow greater control of positioning */
    padding: 0;      /* Override defaults for lists */
    margin: 0;       /* Override defaults for lists */
    width: 100%;     /* Get the row full width */
    }

#cell li {
    display: inline-block; /* Get all images to show in a row */
    /*width: 25%;            /* Show 4 logos per row */
    width: 100%;
    margin: 8px;
    text-align: left;    /* Centre align the images */
}

.cell, a {
    font-weight: 600;
}

.Melding {
    color: var(--errorMelding); 
    font-weight: bold; 
    font-size: 1rem; 
    display: block;
}

@media (max-width: 800px){
    #cellCarier {
        flex-direction:  column;
    }
    .contentHolder {
        margin-top: 30px;
    }
    #footerCarrier {
        border: 1px solid #260203;
        height: 700px;   
    }
}

@media (max-width: 1200px){
    .overlayNietBeschikbaar{
        width:90%;
        min-height: 25rem;
        position:fixed;
        top:5%;
        left:5%;
    }
}