body {
background-color: black;
}

.plaatje {
  border: 1px solid black;
  width: 100px;
  height: 100px;
  align-items: center;
  text-align: center;
}

.mini {
  max-height: 100px;
  max-width: 100px;
  overflow: hidden;
}

#voorpagina {
background-color: black;
  z-index: 1;
}

#filler {
height: 2px;
}

#detailpagina {
  position: fixed;
  left: 0px;
  top: 0px;
  height: 300px;
  width: 300px;;
  z-index: 5;
background-color: black;
  display: flex;
  justify-content: center;
  align-items: center;
display: none;
}

#canvas {
width:98vw;
height:95vh;
border: 0px solid red;
  display: flex;
  justify-content: center;
  align-items: center;
margin-left: 10px;
overflow: hidden;
}

#kruis2 {
  position: fixed;
  right: 20px;
  top: 0px;
  z-index: 9;
}

#titel {
  background-color: blue;
  color: white;
  font-size: 18px;
height: 24px;
  text-align: center;
}

#linkerbalk, #rechterbalk {
  position: fixed;
  top: 0px;
  height: 100%;
  width: 100px;;
  border: 0px solid blue;
  z-index: 5;
/* touch-action: none; */
}

#rechterbalk {
 position: fixed;
  top: 0px;
  height: 100%;
  width: 100px;
  border: 0px solid blue;
}

#linkerbalk {
  left: 0px;

}

#rechterbalk {
  right: 0px;
}

#galinks, #garechts {
  position: fixed;
  top: 0px;
  height: 100%;
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 100vh;
  z-index: 6;
}

#galinks {
  left: 15px;
}

#garechts {
  right: 15px;
}

.pijltje {
 width: 30px;
 height: 60px;
}


#resultaat {
  position: fixed;
  left: 20px;
  top: 80px;
  height: 18px;
  color: black;
  background-color: white;
  border: 2px solid gray;
  z-index: 9;
}

#test, #test2 {
height: 736px;
width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;


}

#gebied {
border: 2px solid black;
overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;

}