stylesheet_subpage.css

html {background-color: black}

.kader1{
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);

  color: white;
  background-color: black;
  height: 0px;
  padding-bottom: 43.2%;
  width: 60%;

}

.kader2{
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);

  color: white;
  background-color: black;
  height: 0px;
  padding-bottom: 43.2%;
  width: 80%;

}

.foto {
    position: absolute;
    max-width: 100%;
    max-height: 100%;

    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);

}

.foto2 {
    position: absolute;
    max-width: 100%;
    max-height: 100%;

    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.fotocontainter {
    position: absolute;
    width: 70%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translate(0%,-50%);
    background-color: black;
}

.sidetextcontainer{
  position: absolute;
  right:0px;
  height: 100%;
  width: 30%;
  background-color: black;
}

.sidetext{
  position: absolute;
  color: white;
  background-color: black;
  top:5%;
  bottom: 5%;
  left:5%;
  right: 0%;
  overflow: scroll;
  font-family: Helvetica , sans-serif;

}

.button1{
  position: absolute;
  color: white;
  background-color: #202020;
  height: 0px;
  padding-bottom: 5%;
  width: 5%;
  right: 2%;
  top:47.5%;
  text-align: center;
  background: url(pijlrechts.png) center no-repeat;
	background-size: cover;
}
.button2{
  position: absolute;
  color: white;
  background-color: #202020;
  height: 0px;
  padding-bottom: 5%;
  width: 5%;
  left: 2%;
  top:47.5%;
  text-align: center;
  background: url(pijllinks.png) center no-repeat;
	background-size: cover;
}

.button3{
  position: absolute;
  color: white;
  background-color: #202020;
  height: 0px;
  padding-bottom: 3%;
  width: 3%;
  left: 0%;
  top:0%;
  margin:1%;
  text-align: center;
  background: url(exit.png) center no-repeat;
	background-size: cover;
}