.avPlayer { line-height: 0;  }
.avPlayer  div { position: relative; }
.avPlayer.avPlayerStandard { width: 512px; height:288px; }
.avPlayer.avPlayerSmall { width: 256px; height:144px; }

.avPlayer,
.avPlayer > div { position: relative; width: 100%; overflow:hidden; }
.avPlayer .inv { position:absolute; left:-999em; top:-999em; display: none;}
.avPlayer img { width:100%; height: auto; float: none !important;}
.avPlayer .playBtn { display:block;width: 55px; height: 55px; position: absolute; top:50%; left:50%; margin: -25px 0 0 -25px; background: transparent url(/static/player/img/br/mediathek/btn-play.png) no-repeat 0 0; }

html.svg .avPlayer .playBtn { background-image:  url(/static/player/img/br/mediathek/btn-play.svg); }
html.prototype .avPlayer .playBtn { background-image:  url('../../../img/br/mediathek/btn-play.png'); }
html.prototype.svg .avPlayer .playBtn { background-image:  url('../../../img/br/mediathek/getPlayBtn.php'); }

html.no-touch .avPlayer a:focus .playBtn,
html.prototype.no-touch a:focus .avPlayer .playBtn,
html.no-touch .avPlayer .playBtn:hover,
html.prototype.no-touch .avPlayer .playBtn:hover { background-position: -55px 0; }

.avPlayer .playBtn:hover { }
.avPlayer .previewHidden { opacity: 0;}
.avPlayer .duration,
.avPlayer .play { position: absolute; top: 10px; left: 10px; }
.avPlayer object { position: relative; display: block; z-index: 1 }
.avPlayer video { position: absolute; z-index: 0; width:100%; height:100%; -webkit-transform:translateX(-2048px); }
.avPlayer video.ready { -webkit-transform:translateX(0); left:0; }
.avPlayer .debugMenu { z-index: 999 !important; position: absolute; padding:8px;  width:200px; background-color: #333; color:#fff; display: block; line-height: 1em !important; }
.avPlayer .btn span.btn-icon { position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -9px; width: 18px; height: 18px; background: transparent url(/static/player/img/br/mediathek/sprite.svg) no-repeat -48px 0; }
html.prototype .avPlayer .btn span.btn-icon { background-image:  url('../../../img/br/mediathek/getSprite.php'); }
.avPlayer .ajaxLoaderDisplay { position: absolute !important; top:50% !important; left:50% !important; }

/* Subtitles */
.avPlayer  .avPlayerSubtitles { position: absolute; bottom:43px; z-index: 3; width: 100%; font-size: 16px; line-height: 1.121; background-color: rgba(0,0,0,.9); color:#fff;  }
.avPlayer  .avPlayerSubtitles p { display: block;padding:20px; margin: 0 auto; position: relative; text-align: center; }
.avPlayer  .avPlayerSubtitles.left p { text-align: left; }
.avPlayer  .avPlayerSubtitles.center p { text-align: center; }
.avPlayer  .avPlayerSubtitles.right p { text-align: right; }

.avPlayer  .avPlayerSubtitles.empty p { display: none;}
.avPlayer .avPlayerBtnSubtitle span { color:#fff; font-size: 20px;position: relative;}


.avPlayer .controls {

    font-family: Arial,"sans serif";
    background-color: rgba(43,43,43,.6) !important;
    width: 100%; padding:0; height: 36px;
    position: absolute; bottom: -60px; z-index: 10 !important;
    box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}

.avPlayer .controls span.text { color:#fff; font-size: 11px; position: absolute;}
.avPlayer .controls span.title { font-size: 14px; left:20px; top:10px;}

.avPlayer .controls .btn .innerBtn { position: relative; width:36px; height:36px;}

.avPlayer .controls .timeFrame { display:inline-block; float:left; color:#fff; font-size: 12px; margin-left: 8px; top:6px; position: relative; line-height: 1.1; font-size: 12px; font-weight:normal; }



.avPlayer .controls .qualityMenu { color:#fff; width:34px; position: absolute; background-color: #2b2b2c; z-index: 20 !important; bottom:36px; left:0; padding: 0 0 3px 0; line-height: 1em; }
.avPlayer .controls .qualityMenu { display: none;}
.avPlayer .controls .qualityMenu ul li span { color:#fff;  display: block; text-align: center; text-decoration: none; font-weight: bold;}
.avPlayer .controls .qualityMenu ul , .avPlayer .controls .qualityMenu ul li { list-style: none; padding:0; margin: 0; }
.avPlayer .controls .qualityMenu ul li span, .avPlayer .controls .qualityMenu > div { display: block;padding: 6px 4px 4px 4px; font-size: 12px;  position: relative; width: 26px; }
html.no-touch .avPlayer .controls .qualityMenu ul li span:hover,
.avPlayer .controls .qualityMenu ul li.active span { background-color: #0d81c0; color:#fff; }

.avPlayer .controls .avPlayerProgressBar {  cursor: pointer; position: absolute; bottom:0; width: 100%; background-color:#616161; height: 8px; display: block;  }
.avPlayer .controls .avPlayerProgressBarWrapper { position: absolute; width:100%; height:32px; top:-32px; }
.avPlayer .controls .avPlayerProgressBar .avPlayerProgress { background-color: #ededed;}
.avPlayer .controls .avPlayerProgressBar .avPlayerProgress,
.avPlayer .controls .avPlayerProgressBar .avPlayerProgressTotal { height:8px; z-index: 2; position: absolute;}
.avPlayer .controls .avPlayerProgressBar .avPlayerProgressTotal {z-index: 1; background-color: #ededed; opacity: .4; }
.avPlayer .controls .avPlayerProgressHandle { display:none; position: absolute; width:32px; height:32px; background-color: #ffcc00;}

.avPlayer .controls .btn.avPlayerVolumeBar {width: 65px; padding: 0; line-height: 0;  cursor: pointer; position: relative; display: inline-block; float:left;margin-right: 10px; }

.avPlayer .controls .avPlayerVolumeBar button.avPlayerVolume {cursor: pointer; line-height: 0; padding: 0 !important; border: none !important;  height: 12px; width: 65px;  position: absolute; top:12px; left:0;  }
.avPlayer .controls .avPlayerVolumeBar button.avPlayerVolume,
.avPlayer .controls .avPlayerVolumeBar button.avPlayerVolume:focus {display:block !important;background:none; }

.avPlayer .controls .avPlayerVolumeBar .avPlayerVolume .avVolumeItem {  line-height: 0; background-color: #2b2b2c; display:inline-block; margin-left:2px; width:3px; height:12px; position: relative;}
html.no-touch .avPlayer .controls .avPlayerVolumeBar .avPlayerVolume .avVolumeItem.hover { background-color: #0d81c0 !important; }
.avPlayer .controls .avPlayerVolumeBar .avPlayerVolume .avVolumeItem.active { background-color: #d5d5d5;}

.avPlayer .controls .btn,
.avPlayer .avLayerAddControls .btn { cursor: pointer; position: relative; border: none; width: 40px; height: 36px; display: inline-block; float:left; background: none; top:0; }
.avPlayer .controls .btn.fullscreenBtn span.btn-icon {  width:24px; margin-left: -10px; margin-top: -7px; background-position: -96px -48px; }
.avPlayer .pause .controls .avPlayerBtnPlayPause .btn-icon { background-position: 0 0; margin-left: -6px; }

.avPlayer .controls .btn.qualityBtn { margin:0 6px 0 0; width: 34px;}
.avPlayer .controls .qualityBtn span.btn-icon { background-position: -220px -90px; width:26px; margin-left: -15px; }

.avPlayer .controls .qualityBtn .qualityMenu {cursor: pointer;  }

.avPlayer .controls .qualityBtn.active,
html.no-touch .avPlayer .controls .qualityBtn.hover.active { background-color: #2b2b2c; }
.avPlayer .controls .qualityBtn .btn span,
.avPlayer .controls .avPlayerBtnSubtitle span {line-height:1em; color:#959596; position: absolute; top:10px; display: block; left:0px; width: 100%; text-align: center; font-size: 16px; }
.avPlayer .controls .qualityBtn .btn span { left:-1px; }
.avPlayer .controls .avPlayerBtnSubtitle span { left:0; }
.avPlayer .controls .qualityBtn .btn span { color:#fff; }


.avPlayer .controls .avPlayerAdd { float:right;}

html.no-touch .avPlayer .controls .avPlayerBtnPlayPause.hover, html.no-touch  .avPlayer .controls .qualityBtn.hover,
html.no-touch .avPlayer .controls .avPlayerBtnSubtitle:hover,html.no-touch .avPlayer .controls .btn.fullscreenBtn.hover,
html.no-touch .avPlayer .avLayerAddControls .btn:hover,
.avPlayer .controls .avPlayerBtnSubtitle.active,
.avPlayer .avLayerAddControls .btn.active { background-color: #007bc2; }

.avPlayer .controls .btn.avPlayerBtnSubtitle { width: 34px;}
.avPlayer .controls .avPlayerBtnSubtitle.activated { cursor: pointer;  }
.avPlayer .controls .avPlayerBtnSubtitle.activated span { color:#fff;  }

.brav-fullscreen .avPlayer  .playerHolder,
.brav-fullscreen .avPlayer  > span,
.brav-fullscreen .avPlayer  >div,
.brav-fullscreen .avPlayer ,
.brav-fullscreen .avPlayer  video,
.brav-fullscreen .avPlayer  .linkClicker {background-color: #000; width:100%; height:100%; position: fixed !important; top:0; left:0; }
.brav-fullscreen .avPlayer  video { z-index: 99 !important; position: fixed !important;}
.brav-fullscreen .avPlayer  .avPlayerLayer {z-index: 100 !important; }
.brav-fullscreen .avPlayer  .playerHolder {background-color: transparent; z-index: 100 !important;}
html.brav-fullscreen .avPlayer div.avPlayerLayer {position: fixed !important;}


.brav-fullscreen .avPlayer  .controls {box-sizing: border-box; width:100%; position: fixed !important; z-index: 1000 !important; left:0; }
.brav-fullscreen .avPlayer  .controls .btn.fullscreenBtn span.btn-icon {background-position: 0 -48px;  }
.brav-fullscreen .avPlayer  .linkClicker { z-index: 1001 !important;     }

.avPlayer .rtspLinkContainer {line-height:1.21em !important; font-family: Arial,"sans serif"; width:80%; height:100%; background-color: rgba(0,0,0,0.6); position: absolute; text-align: center; padding:10%; z-index: 20;}
.avPlayer .rtspLinkContainer span { color:#fff;  display: block; }
.avPlayer .rtspLinkContainer .hint { margin-bottom: 32px;}
.avPlayer .rtspLinkContainer a {font-weight: bold; display: block; color:#fff; text-decoration: none; margin-bottom: 8px;}


.avPlayer .noEmbedPlay.pause video {
    -webkit-transform:translateX(-2048px);
}

.avPlayer.nativeControls { height:auto; }
.avPlayer.nativeControls .avPlayerBtnPlayPause,
.avPlayer.nativeControls .avPlayerProgressBar,
.avPlayer.nativeControls .avPlayerVolume,
.avPlayer.nativeControls .splitter,
.avPlayer.nativeControls .fullscreenBtn { display: none !important; }
.avPlayer.nativeControls .controls { position: relative; display: none !important; }
.avPlayer .linkClicker { position: absolute; width:100%; height:100%; z-index: 1; background-color:transparent;}

.avPlayer .flash-error {
    line-height: 1.21em; position: absolute; height:100%; text-align: center;
    background-color:#000; color:#fff; opacity: 0.9; width: 100%;
    z-index: 999; font-size: 14px; display: table;
}
.avPlayer .flash-error p {color:#fff; display: table-cell; vertical-align: middle; padding: 32px; position: relative; top:-20px;}
.avPlayer .flash-error a { font-weight: bold; color:#fff;}



.avPlayer .live .controls .timeFrame { top:11px; }

.avPlayer .avPlayerLayer { top:0; left:0; position: absolute; z-index: 20; }
.avPlayer .avPlayerLayer.avLayerEndscreen {line-height:1.21em; width: 100%; height:100%; background-color:rgba(43,43,43,1); font-size: 18px;}
.avPlayer .avPlayerLayer.avLayerEndscreen.error { background-color:rgba(23,23,23,.7); }
.avPlayer .avLayerEndscreen .avLayerEndMessage { position: absolute; top:50%; left:50%; margin:0; width:320px; padding-left: 40px; }
.avPlayer .avLayerEndscreen .avLayerEndMessage p,
.avPlayer .avLayerEndscreen .avLayerEndMessage a { color:#fff; }
.avPlayer .avLayerEndscreen .avLayerEndMessage p { float: right;}
.avPlayer .avLayerEndscreen .avLayerEndMessage span.btn-icon { background-position: -432px 0; height: 80px; top:50%; margin-top: -30px; left:20px; }

.avPlayer .avLayerEndscreen button {overflow:visible; cursor:pointer; color:#b8b8b8; font-weight:bold; font-size:18px; border:none; background: none; position: absolute; top:50%; left:50%; margin: -20px 0 0 -80px; padding-left: 32px; }
html.no-touch .avPlayer .avLayerEndscreen button:hover { color:#0d81c0; }
.avPlayer .avLayerEndscreen button span.btn-icon { background-position: -240px 0; width:36px; height:36px; left:0; top:5px; display: block;  }
html.no-touch .avPlayer .avLayerEndscreen button:hover span.btn-icon { background-position: -288px 0; }



.avPlayer .avLayerAddControls { right:0; left:auto;}
.avPlayer .avLayerAddControls .btn { background-color: rgba(43,43,43,.6);   }
.avPlayer .avLayerAddControls .btn span.btn-icon { width: 24px; height: 24px;}
.avPlayer .avLayerAddControls .btn.shareBtn span.btn-icon,
.avPlayer .avLayerAddControls .btn.allBtn span.btn-icon { background-position: -144px 0; margin:-10px 0 0 -10px; }
.avPlayer .avLayerAddControls .btn.allBtn { width: 107px; display: block; line-height: 1em; }
.avPlayer .avLayerAddControls .btn.allBtn span.btn-icon { left:20px; }
.avPlayer .avLayerAddControls .btn.allBtn span.btn-text { display: block; text-align: left; position: relative; left:31px; font-size: 12px; color:#fff; }

.avPlayer .avLayerAddControls .btn.msgBtn span.btn-icon { background-position: -192px 0; margin:-7px 0 0 -10px; }
.avPlayer .avLayerAddControls .btn.linkBtn span.btn-icon { background-position: -96px 0; margin:-11px 0 0 -10px; }

/* Screen Size Mods */
.avPlayer .avPlayerSmallSize .controls .qualityBtn { display:none;}
.avPlayer .avPlayerSmallSize .avLayerEndMessage,
.avPlayer.avPlayerSmall .avLayerEndMessage { margin-left:-122px;}

.brav-fullscreen .avPlayer  .controls .qualityBtn { display:inline-block !important;}