body {
   font-family: Arial, Helvetica, sans-serif;
/*  font-family: OpenDyslexic, Helvetica, sans-serif; */

  margin: 0;
  z-index: 0;
  font-size: 14px;
padding: 0px 10px 0px 10px;
}


#begin {
  height:40px;

}

#blank {
  background-color: lightgray;
  min-height:100%;
  width: 100%;
  height: 100%;
  padding: 0 0;
  opacity: 0.7;
  position: absolute;
  top: 40px;
  right: 0px;
}

#men {
  border: 0px solid black;
  overflow: hidden; /* add this to contain floated children */
  padding: 5px;
  font-size: 24px;
  position: fixed;
  top: 0px;
  left: 0;
  z-index:4;
  background-color: white;
}

.linker {
  border: 0px solid black;
  float:left;
  color: blue;
  padding: 5px 15px 5px 15px;
  font-size: 16px;
  z-index:4;
  }



#menubalk, #menu1, #menu2, #menu3, #menu4, #menu5, #menu6 {
  border: 0px solid black;
  position: fixed;
  top: 40px;
  left: 0;
  z-index:4;
  background-color: white;
}

#menu1, #menu2, #menu3, #menu4, #menu5, #menu6 {
  border: 1px solid gray;
}

.menuregel {
  color: blue;
  padding: 2px 15px 2px 15px;
  position: relative;
  font-size: 16px;
  z-index:4;
  width: 300px;
  }

.menuregel2 {
  color: blue;
  padding: 2px 15px 2px 15px;
  position: relative;
  font-size: 16px;
  z-index:4;
  }


.tooltip {
  position: relative;
  cursor: pointer;
  z-index: 4;
}

.tooltiptext {
  visibility: hidden;

  background-color: black;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 4;
  font-size: 12px;
margin: -4px 1px 1px 10px;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.click-zoom input[type=checkbox] {
  display: none;
}

.click-zoom img {  
  transition: transform 0.25s ease;
  cursor: zoom-in;
}

.click-zoom input[type=checkbox]:checked~img {
  transform:  scale(3);
  cursor: zoom-out;
margin-left: 300px;
}

.lng {
  z-index: 5;
}

.pagina {
  border: 1px solid black;
  margin: 1rem;
  padding: 2rem 2rem;
  text-align: center;
}
.terug {
  display: inline-block;
  border: 1px solid blue;
  padding: 1rem 1rem;
  vertical-align: middle;
}

#opties3 {
border: 1px solid red;
  font-size: 50px;
float: right;
}


@font-face { font-family: OpenDyslexic; src: url('./OpenDyslexic-Regular.ttf'); } 

.dyslex {
	font:  bold 12pt/12pt OpenDyslexic, sans-serif;! important;
}

.opt2 {
border: 0px solid green;
margin: 2px;
}

.dys {
  font-family: OpenDyslexic !important;
}