body, body * {
  vertical-align: baseline;
  border: 0 none;
  outline: 0;
  padding: 0;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 9pt;
  color: #333;
}

#main-container {
  position: absolute;
  width: 300px;
  height: 250px;
  background: #fff;

}

#exit {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  z-index: 1000;
}


.feature {
    top: -8px;
    left: -8px;
    width: 300px;
    height: 250px;
    position: absolute;
}
#video-container-0 {
/*    position: absolute;
    width: 300px;
    height: 250px;
    top: 0px;
    left: 0px;*/
    background-color: none;
    border: none;
    visibility: hidden;

  width:300px;
  height:250px;
  position:absolute;
  top:0px;
  left:0px;
}

#video-0 {
  position: absolute;
  width: 300px;
  height: 250px;
  padding-bottom: 0px;
  left: 0px;
  top: 0px;
  box-sizing: border-box;
  background-color: #ffffff;
  
}

.video-controls {
  position: absolute;
  width: 18px;
  height: 18px;
  bottom: -1px;
  cursor: pointer;
  background-color: #FFF;
  z-index: 999;
}

/* Video button hiding an positioning */
.video-controls:hover {
/*  border-bottom: 1px solid #666;*/
}

#play-btn-0 {
    background-image: url(play.svg);
    width: 75px;
    height: 75px;
    background-repeat: no-repeat;
    background-color: #ffffff;

    background-size: 100% 100%;
    -webkit-border-radius: 360px;
-moz-border-radius: 360px;
border-radius: 360px;
      position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto auto;
    z-index: 999;
    display: none;
}

#progress-bar-0 {
  position: absolute;
  background-color: #339933;
  bottom: 18px;
  height: 4px;
    display: none;
}

#pause-btn-0 {
  background-image:url(pause.svg);
  background-repeat:no-repeat;
  background-size:cover;
  left: 0px;
  visibility: hidden;
        display: none;
}

#stop-btn-0 {
  background-image:url(stop.svg);
  background-size:cover;
  background-repeat:no-repeat;
  left: 20px;
    display: none;
}

#unmute-btn-0 {
  background-image:url(unmute.svg);
  background-size:cover;
  background-repeat:no-repeat;
  right: 0px;
    display: none;
}

#mute-btn-0 {
  background-image:url(mute.svg);
  background-size:cover;
  background-repeat:no-repeat;
  right: 0px;
  visibility: hidden;
    display: none;
}

#replay-btn-0 {
  background-image:url(replay.svg);
  background-size:cover;
  background-repeat:no-repeat;
  left: 40px;
    display: none;
}

:focus {
  outline:none;
}
::-moz-focus-inner {
  border:0;
}


/* BEGIN DFK */

#overlay{
  position: absolute;
  width:100%;
  height:100%;
  background-color: #fff;
}

#border{
  position: absolute;
  width:100%;
  height:100%;
  border: 1px solid #cecece;
  -webkit-transform: translate3d(0px, 0px, 0px);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  z-index: 1000;
  cursor: pointer;
  top:0px;
  left:0px;
}

.images{
  position: absolute;
  width:300px;
  height:250px;
  top:-8px;
  left:-8px;
}




#btn{
    position: absolute;
    top: 22px;
    left: -17px;
}
#txt4{
  left:-12px;
  top:-11px;
}

#rechts{
  position: absolute;
  width:50%;
  height:100%;
  left:50%;
  top:0px;
  background-color: #fff;
}

#rounded{
  position: absolute;
  top:8px;
  left:8px;
  overflow: hidden;
  width:284px;
  height:234px;
  overflow:hidden;
  -webkit-border-radius: 8px 0px 0px 8px;
  -moz-border-radius: 8px 0px 0px 8px;
  border-radius: 8px 0px 0px 8px;
  -webkit-transform: translate3d(0px, 0px, 0px);
}