.alles{
  position:relative;
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
}

.contents{
  position:relative;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
}

.overlayFoto {
  position: fixed;
  display: none;
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
  right: 0px;
  padding: 0px;
  background-color: #dddddd;
  z-index: 2;  
}

#overlayText {
  position: absolute;
  top: 0px;
  left: 10px;
}

#overlayImage {
  position: relative;
  left: 10px;
}

.kopje {
  margin-top: -23px;
  min-height: 50px;
  margin-bottom: 0px;
}

.stock {
  float: left;
  width: 110px;
  margin-bottom: 5px;
}

.btnterug {
  float: left;
  margin-left: 0px;
  margin-top: 25px;
  margin-right: 60px;
}

.kop {
  overflow: hidden;
  background-color: #333;
  position: fixed;
  top: 0;
  width: 100%;
}

.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 50%;
    margin-left: -60px;
    margin-top: -5px;
}

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

.fouttekst {
  color: #ff0000;
  font-weight: bold;
}

.goedtekst {
  color: #00ff00;
  font-weight: bold;
}

.kleinefoto {
  width: 120px;
  height: 80px;
  margin-right: 10px;
  margin-bottom: 10px;
}

.ptrTabel {
  max-width: 200px;
}

.etrTabel {
  max-width: 300px;
}

a {
  color: blue;
}

a:hover {
  color : #000000;
  background:yellow;
}

.img-lijst {
  border:1px solid grey;
  margin: 3px;
}

.img-right {
  float: right;
}