#header-wrapper
	{	width: 100%;
        position: relative;
		padding: 0em 0em 0em 0em;
background-color: #111052;*/

background-size:  cover;
    min-height:80px;
	}
#header {		
    position: relative;
	padding: 5em 0em 5em 0em;
	}
.menuknop {
    background-image: linear-gradient(to right, #111052 10% , #DCDCDC 90%);color:white;width:122px;cursor:pointer;
    height:40px;text-align:center;border-radius:10px;
    }
    
.menuknop:hover {
    background-image: linear-gradient(to left, #111052 10% , #111052 90%);color:white;width:122px;cursor:pointer;
    height:40px;text-align:center;border-radius:10px;
    }    
    
.actieve_menuknop {
    background-image: linear-gradient(to right, #DCDCDC 10% , #111052 90%);color:white;width:122px;cursor:pointer;
    height:40px;text-align:center;border-radius:10px;
    }
.intros1 {
    background-image: linear-gradient(to right, #A9A9A9 20% , #111052 80%);color:white;width:122px;
    min-height:28%;text-align:center;border-radius:15px;
    }
.intros2 {
    background-image: linear-gradient(to bottom, #A9A9A9 10% , #111052 90%);color:white;width:122px;
    text-align:center;border-radius:15px;
    }
.intros3 {
    background-image: linear-gradient(to right,   #A9A9A9 20%, #111052 80%);color:white;width:122px;
    text-align:center;border-radius:15px;
    }
    
.intros4 {
    background-image: linear-gradient(to bottom,   #A9A9A9 20%, black 80%);color:white;width:122px;
    text-align:center;border-radius:15px;
    }
.menu_items {
    background-image: linear-gradient(to right,  white 5% , white 80% );color:white;webkit-filter: drop-shadow(8px 8px 8px #777); filter: drop-shadow(8px 8px 8px #777);
    text-align:center;border-radius:15px;
    }
.right_column_index {
    background-image: linear-gradient(to bottom,  #A9A9A9 10% , black 90%);color:white;margin-top:-10px;
    text-align:center;border-radius:15px;height:90%;
    }

.deelnemer:hover {background-color:#000000;}



#overlay {
  position: fixed;
  display: none;
  width: 51%;
  min-height: 100%;
  top: 40px;
  left: 29%;
  right: 0;
  bottom: 0;
  background-color: rgba(255,255,255,0.8);
  
  z-index: 3;
  
}

#content_overlay{
  position: absolute;
  top: 0;
  left: 0;
  width:100%;
  height:auto;
  font-size: 25px;
  color: grey;
  
  
}

ul {
  list-style: none; /* Remove default bullets */
}

ul li::before {
  font-size:18px;
  content: "\25A0";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: red; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}

.ulbezig { list-style: none;}

.ulbezig li::before {
  font-size:18px;
  content: "\25A0";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: orange; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}

.uldone { list-style: none;}

.uldone li::before {
  font-size:18px;
  content: "\25A0";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: green; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}

.ulafgevoerd { list-style: none;}

.ulafgevoerd li::before {
  font-size:18px;
  content: "\25A0";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #C0C0C0; /* Change the color */
  font-weight: normal; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}




.ulstandard { list-style: none;}

.ulstandard li::before {
  font-size:18px;
  content: "\25A0";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #111052; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}

.ulnone { list-style: none;}

.ulnone li::before {
  font-size:18px;
  /*content: "\25A0";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  /*color: #111052; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 0em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}





.circle {
  width: 18px;
  height: 18px;
  line-height: 18px;
  border-radius: 50%;
  padding:2px 2px 2px 2px;
  font-size: 10px;
  color: #000000;
  /*border: 1px solid black;*/
  text-align: center;
  /*background: #ffffff;*/
}

.circle_input {
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 50%;
  padding:2px 2px 2px 2px;
  font-size: 24px;
  /*color: #000000;*/
  /*border: 1px solid black;*/
  text-align: center;
  /*background: #ffffff;*/
}