/* gross */
.video-container2 {
    	position:fixed;
    	width: 1920px;
    	height: 1080px;
    	/*background-color:gold;*/
    	background-image: url(../userfiles/images/meta/large-loading.gif);/**/
    	background-image: url(../userfiles/images/meta/geduld2.png);/**/
    	background-repeat: no-repeat;
		background-position: center center;
		z-index:2000;
}
/* klein */
.video-container { 
    	position:fixed;
    	z-index:2000;
    	width: 656px;
    	height: 561px;
    	background-image: url(../userfiles/images/meta/geduld.png);/**/
    	background-repeat: no-repeat;
		background-position: center center;
    	/*background-color:gold;*/

}
.video {
	/*
	    width: 656px!important;
    	height: 368px!important;
    	*/
    	position:absolute;
    	top:120px;
    	 width: 100%!important;
    	 height: auto!important;
    	display:none;/* */
}
.video-container2 .video { top:0px; }

#video53x {width: 656px!important;height: 336px!important;}
#video63x {width: 656px!important;height: 368px!important;}

.geduld {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 0px;
	z-index:2200;
	/*border:2px solid red;*/
	width:100%;
	height:100%;
	background-image: url(../userfiles/images/meta/geduld2.png);/**/
    background-repeat: no-repeat;
	background-position: center center;

}	
.video-container .geduld { 
	
	/*border:2px solid green;*/
	background-image: url(../userfiles/images/meta/geduld.png); }


/* klein */
.video-container .video-controls {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 0px;
	z-index:2100;
	display:none;/**/

}
/* gross */
.video-container2 .video-controls {
/*border:solid 1px red;*/
	width: 1770px;
	position: absolute;
	bottom: 30px;
	left: 120px;
	padding: 0px;
	z-index:2100;
	display:none;
	
	height:55px;

}
.control-bg {
	position: absolute;	
	z-index:0;
	top: 0px;
	left: 0px;	
	background-color:gold;
	background-color:rgba(0,0,0,0.5);	
	width:100%;
	height:100%;
	
}


#video-container:hover .video-controls {
	/*opacity: .9;*/
}

button {
	position:absolute;
	z-index:100;
	top:0px;
	left:0px;
	background-image: url(../userfiles/images/meta/icon_video.svg);/**/
	width: 55px;
	height:55px;
	border: 0px;
	background-color:transparent;
	/*
	color: #EEE;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	*/
	float:left;
}

button:hover {
	cursor: pointer;
}
.pause {
	background-position:0px 0px;
}
.play {
	background-position:-60px 0px;
}
.mute, .range, .full {display:none;}
.seek {
	width: 430px!important;
	display:block;
	background-color:transparent;
	margin-top:10px;
	margin-left:10px!important;
	height:26px;
	height:55px;
	float:left;
}
.video-container .seek { width: 400px!important;margin-left:10px!important;}
.video-container2 .seek { width: 1470px!important;margin-left:30px!important;}
.timecontroll {
	width: 140px;
	display:block;
	color:#000;
	font-size:22px;
	line-height:28px;
	margin-top:14px;
	margin-left:30px;
	margin-left:85px;
	float:left;
}
.video-container2 .timecontroll {color:#fff;}

#seek-bar {

}

#volume-bar {
	width: 60px;
}

    input[type=range] {
      -webkit-appearance: none;
      width: 100%;
      margin: 0px 0px;
    }
    input[type=range]:focus {
      outline: none;
    }
    input[type=range]::-webkit-slider-runnable-track {
      width: 100%;
      height: 4px;
      cursor: pointer;
      /*box-shadow: 0.9px 0.9px 1.7px #000, 0px 0px 0.9px #000;*/
      background: #000;/**/
      background: transparent;
      border-radius: 0px;
      border:none;
      /*border: solid 1px blue; */
      /*margin:24px 0px;*/
      padding:24px 0px;
      background-image: url(../userfiles/images/meta/icon_seekbar.svg);
    }
    .video-container  input[type=range]::-webkit-slider-runnable-track {  
	    background: #FcF; background: transparent; 
	    background-image: url(../userfiles/images/meta/icon_seekbar.svg); 
	    background-position: center center;
    }
    .video-container2  input[type=range]::-webkit-slider-runnable-track {  
	    background: #FcF; background: transparent; 
	    background-image: url(../userfiles/images/meta/icon_seekbar.svg);
	    background-image: url(../userfiles/images/meta/icon_seekbar2.svg); 
	    background-position: center center;
    }   
    input[type=range]::-webkit-slider-thumb {
		background-image: url(../userfiles/images/meta/icon_seek.svg);	
		
		border:none;
		height: 26px;
		width: 26px;
		cursor: pointer;
		border-radius: 0px;
      -webkit-appearance: none;
      margin-top: -10px;
      
    }
    input[type=range]:focus::-webkit-slider-runnable-track {
      /*background: pink;*/
    }
    input[type=range]::-moz-range-track {
      width: 100%;
      height: 4px;
      /*height: 50px;*/
      margin:24px 0px;
      cursor: pointer;
      background: transparent;
      background: #FFF;
      border-radius: 0px;
      border: none;      
      border: solid 1px red; 
     /* background-image: url(../userfiles/images/meta/icon_seekbar.svg);	
      background-position: center;
      background-repeat: repeat;
      */
    }
    
    .video-container input[type=range]::-moz-range-track {
    	background: #000;
    }
    
    .video-container2 input[type=range]::-moz-range-track {
    	background: #FFF;
    	background: #FCF;
    }
    
    .video-container2  input[type=range]::-moz-range-track {  background: transparent;  background: #FcF; width: 100%;}
    
    input[type=range]::-moz-range-thumb {
		background-image: url(../userfiles/images/meta/icon_seek.svg);	
		box-shadow: 0.9px 0.9px 1.7px #000, 0px 0px 0.9px #000;
		border:none;
		height: 26px;
		width: 26px;
		cursor: pointer;
		border-radius: 0px;
    }
    input[type=range]::-ms-track {
      width: 100%;
      height: 4px;
      cursor: pointer;
      background: #000;
      border-radius: 0px;
      border: none;
    }
    .video-container2  input[type=range]::-ms-track  {  background: transparent; }
    
    input[type=range]::-ms-fill-lower {
      background: pink;
      border: none;
      border-radius: 0px;
      box-shadow: 0.9px 0.9px 1.7px #002200, 0px 0px 0.9px #003c00;
    }
    input[type=range]::-ms-fill-upper {
      background: gold;
      border: none;
      border-radius: 0px;
      box-shadow: 0.9px 0.9px 1.7px #002200, 0px 0px 0.9px #003c00;
    }
    input[type=range]::-ms-thumb {
		background-image: url(../userfiles/images/meta/icon_seek.svg);	
		border:none;
		height: 26px;
		width: 26px;
		border-radius: 0px;
      cursor: pointer;
      height: 4px;
    }
    input[type=range]:focus::-ms-fill-lower {
      background: gold;
    }
    
    input[type=range]:focus::-ms-fill-upper {
      background: gold;
    }