.slideimage{
  position: fixed;
  left: -70%;
  bottom: 0%;
  display: none;
  float: left;
  min-width: 30%;
  max-width: 50%;
  max-height: 90%;
  z-index: 60;
  /* border: 1px solid red; */
} 

.slider {
  margin-bottom: 40px;
}


.popup {
    position: fixed;
    bottom: 0px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    /* background-image: linear-gradient(to left, white ,white, rgba(255, 255, 255, 0.363)); */
    /* background-image: linear-gradient( white, #6e6e6e85, ); */
    height: 33%;
    font-size:13px;
    z-index:50;
}


.popup_line{
  width: 100%;
  height: 10px;
  position: relative;
  top: -8px;
}

.titlewrapper {
  /* border: 1px solid orange; */
  margin-top: 1em;
  height: 2.9em;
  display: flex;
  flex-direction: row;
}



.tekstwrapper {
  /* position: relative; */
  
  display: flex;
  flex-direction: column;

  width: 50%;
  float: right;
  height: 90%;
  overflow: scroll;
  /* margin: none; */
  padding-left: 2%;
  padding-right: 2%;
  /* padding-bottom: 2%; */
  bottom: 0;
  /* border: 2px solid turquoise; */
}


.name{
  /* position: relative; */
  /* display: block; */
  top: 0px;
  float: left;
  /* border: 2px solid purple; */
  margin: 0;
  /* left: 5%; */
} 


audio::-webkit-media-controls-panel{
  background-color: rgba(200,200,200,1);
}

.audio{
  /* display: block; */
  /* position: absolute; */
  /* top: 1em; */
  right: 0;
  /* margin-right: 3%; */

  /* bottom: 75%; */
  /* width: 70%; */
  margin-left: 10%;
  flex-grow: 2;
  float: right;
  /* border: 2px solid green; */
  /* background-color: rgb(102, 102, 102); */
  /* border-radius: 0px; */
  height: 2.9em;
  /* color: red; */
}

.popuptext{
  /* border: 2px solid yellow; */

  /* font-weight: 400; */

  opacity: 1 !important;
  position: relative;
  /* top: 2.5em; */
  /* margin-bottom: 2%; */
  /* height: 70%;
  line-height: 70%; */
  font-size: 1.3em;
  text-align: left;
  overflow: scroll;
  /* float: left; */

  top: 0; 
  bottom: 0;
  
  margin-top: auto;
  margin-bottom: auto;
  


  /* display: table-cell;
  vertical-align: middle; */
  /* text-align: justify; */
}





/* ************************** */
/* Voor de Overlay */
/* ************************** */

.overlay {
  display: none;
  position: fixed;
  padding: 5%;
  padding-bottom: 10%;
  width: 40%;
  left: 23%;
  height: 85%;
  top: 0%;
  background: rgba(255, 255, 255, 0.892);
  z-index: 50;
  /* border-radius: 25px; */
  overflow: scroll;
  border-left: 6px solid rgba(0, 0, 0, 0.845);
  border-right: 6px solid rgba(0, 0, 0, 0.906);
}

.overlaynew {
  display: none;
  position: fixed;
  padding: 2% 5% 10% 5%;
  /* padding-bottom: 10%; */
  top: 0%;
  background: rgba(255, 255, 255, 0.925);
  z-index: 50;
  margin: auto;
  /* border-radius: 25px; */
  overflow-y: scroll;
  border-left: 6px solid rgba(0, 0, 0, 0.845);
  border-right: 6px solid rgba(0, 0, 0, 0.906);

  flex-direction:  column;
  left: 0;
  right: 0;
}


.overlayhome {
  display: none;
  position: fixed;
  padding: 2% 5% 5% 5%;
  /* padding-bottom: 10%; */
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.925);
  z-index: 50;
  margin: auto;
  /* border-radius: 25px; */
  overflow-y: scroll;
  border-right: 6px solid rgba(0, 0, 0, 0.906);
  border-left: 6px solid rgba(0, 0, 0, 0.906);
  border: 6px solid rgba(0, 0, 0, 0.906);

  flex-direction:  column;
  left: 0;
  right: 0;
}


.overlay_close:hover {
  cursor: pointer;
}

.overlay_audio {
  display: block;
  height: 2em;
  width: 70%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  margin-top: 3em;
}

/* audio{
  border: 2px solid green !important;
  width: 400px;
  height: 40px;
  object-fit: inherit;
  display: flex !important;
} */

fieldset, legend {
  margin:0;
  padding:0;
  width:100%;
  border: none;
}

.date {
  /* border: 1px solid right; */
  text-align: right;
  font-style: italic;
}
.overlayheadimg {
  /* border: 2px solid green; */
  position: relative;
  width: 100%;
}

.overlayhead {
  margin-top: 1.5em;
  margin-bottom: 0;
}

.overlaytitle {
  margin-top: 20px;
  margin-bottom: 0px;
}


/* Table stuff */
table {
  left: 0;
  right:0;
  margin: auto;
}

td {
  padding-left:10px
}

.dhtable {
  min-width: 80%;
}


.poem {
  font-style: italic;
  margin-bottom: 1em;
  margin-top: 1em;
}
.credits td:first-child {
  font-weight: bolder;
} 
ul {
  left: 0;
  right:0;
  margin: auto;
  padding: 1em;
}
ul li {
  margin: 0 0 3px 0;
}