.container {
    max-width: 1020px;
}


.mydiv {
    max-width: 320px;
    min-width: 300px;
    overflow: hidden;
    margin-right: 10px;
    margin-bottom: 30px;
    display: inline-block;

}

.clearfix {
   clear: both;
}



video {
    width: 320px;
    height: 180px;
}

.txtdiv a:hover {
    text-decoration: none;
}

.registrering {
    max-width: 320px;
    overflow: hidden;
}

img {
    width: 100%;
    height: 100%;
    max-width: 320px;
    max-height: 180px;
    min-height: 157px;
    min-width: 280px;
}



/* Her starter koden for playbutton */
.overlay {
    position: relative;
  }
  
.thumbnail {
    padding: 0px;
    margin-bottom: 0px;
    border: solid black 1px;
}

  .overlay.thumbnail {
    display: block;
  }
  
  
  .overlay .playWrapper {
    opacity: 0;
    position: absolute; z-index: 1;
    top: 0;
    width: 320px; height: 180px;
    background: rgba(0,0,0,0.6) url("/img/play-button.png") no-repeat scroll center center / 50px 50px;
}
  
  .movDiv .overlay:hover .playWrapper {
    opacity: 1;
  }
  

  /* Her starter koden for watch.php */

  .myDiv1{
      width: 100%;
  }

  .movDiv1 video {
      width: 100%;
      height: 100%;
      max-height: 641px;
      max-width: 1141px;
  }