.projekktor{background-color:#000;font-family:'Lucida Grande','Trebuchet MS',Arial,Sans-Serif;font-size:12px;font-weight:bold;text-transform:uppercase;padding:0;display:block;position:relative;overflow:hidden;width:100%;height:100%}
.pptestcard{width:100%;height:100%;color:#fff;font-size:18px;overflow:hidden}
.pptestcard p{background-color:#3b393e;width:60%;margin:auto;line-height:25px;position:relative;top:25%;padding:10px;border:5px solid #000;text-align:center}
.ppdisplay{background-color:#000;position:relative !important;top:0;left:0;width:100%;height:100%;margin:0;padding:0}
div.projekktor .ppdisplay div img{height:auto !important;top:inherit !important}
.ppdisplay .inactive,.ppstart.inactive,.ppbuffering.inactive,.ppbuffering.active{display:none}
.ppdisplay div:first-child{padding-bottom:55% !important}
.ppstart{position:absolute;left:42%;top:23%;cursor:pointer;height:100%;width:100%;display:block;padding:0px;background:url('../../typo3conf/ext/dreipc_dfg/Resources/Public/Image/bttn-play.png') no-repeat left top transparent;background-size:20% 55%}
.ppbuffering{position:absolute;left:50%;bottom:50%;margin-left:-45px;margin-bottom:-38px;display:block;z-index:9010;padding:0px;background:url('../../typo3conf/ext/dreipc_dfg/Resources/Public/Image/buffering.gif') no-repeat center center #000;height:84px;width:84px;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px}
.ppcontrols{position:absolute;bottom:0;right:0;display:block;width:100%;height:36px;background:#2e2d2d;
background:-moz-linear-gradient(top,#2e2d2d 0%,#0f0e0e 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#2e2d2d),color-stop(100%,#0f0e0e));
background:-webkit-linear-gradient(top,#2e2d2d 0%,#0f0e0e 100%);
background:-o-linear-gradient(top,#2e2d2d 0%,#0f0e0e 100%);
background:-ms-linear-gradient(top,#2e2d2d 0%,#0f0e0e 100%);
background:linear-gradient(to bottom,#2e2d2d 0%,#0f0e0e 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e2d2d',endColorstr='#0f0e0e',GradientType=0);
border-style:solid;border-color:#413e3e;border-width:1px 0;padding:0;margin:0;z-index:12}
.ppcontrols .active{display:block}
.ppcontrols .inactive{display:none}
.projekktor.notransitions .ppcontrols.active{display:block}
.projekktor.notransitions .ppcontrols.inactive{display:none}
.ppcontrols.active{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-webkit-transition:opacity 0.1s linear;-moz-transition:opacity 0.1s linear;-o-transition:opacity 0.1s linear;transition:opacity 0.1s linear}
.ppcontrols.inactive{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-webkit-transition:opacity 0.5s linear;-moz-transition:opacity 0.5s linear;-o-transition:opacity 0.5s linear;transition:opacity 0.5s linear}
.ppcontrols ul{list-style-type:none}
.ppcontrols ul.left{position:relative;top:0;left:0;padding:0;margin:0}
.ppcontrols ul.right{position:relative;top:0;right:0;padding:0;margin:0}
.ppcontrols ul.bottom{position:relative;top:31px;left:0;padding:0;margin:0}
.ppcontrols ul.left li{float:left;position:relative}
.ppcontrols ul.right li{float:right;position:relative}
.projekktor.audio .ppfsenter,.projekktor.audio .ppfsexit{display:none}
.ppfsenter,.ppfsexit{width:30px;height:30px;cursor:pointer;border-left:1px solid #413e3e}
.ppvmax{width:30px;height:30px;border-right:1px solid #000;border-left:none}
.ppmute{width:29px;height:30px;border-left:1px solid #413e3e}
.ppvslider{background:url('../../typo3conf/ext/dreipc_dfg/Resources/Public/Image/volume-down.png') no-repeat;height:22px;width:39px;margin:28px 0 0 0;cursor:pointer;float:right}
.ppvmarker{position:relative;right:0;left:0;width:100%;background:url('../../typo3conf/ext/dreipc_dfg/Resources/Public/Image/volume-up.png') no-repeat;height:22px}
.ppvknob{cursor:pointer;z-index:201;position:relative;top:-13px;left:0;width:6px;height:20px;padding:0}
.pptimeleft{color:#226eb6;line-height:30px;height:30px;text-align:center;overflow:hidden;font-size:0;margin-top:-32px;width:100%;margin-left:35px;padding-right:5px}
.pptimeleft div{display:inline-block;width:50%;font-size:12px;text-align:right}
.pptimeleft div:first-child{text-align:left}
.pptimeleft span{padding:0 3px}
.pptimeleft span:first-child{padding-left:0}
.pptimeleft span:last-child{padding-right:0}
.pploquality,.pphiquality{width:30px;height:30px;cursor:pointer;border-left:1px solid #413e3e;border-right:1px solid #000}
.ppnext,.ppprev{display:block;width:30px;height:30px;cursor:pointer;border-left:1px solid #413e3e;border-right:1px solid #000}
.ppnext{border-right:none}
.pploop,.pploop .on,.pploop .off{display:block;line-height:30px;color:#fff;width:30px;height:30px;cursor:pointer;border-left:1px solid #413e3e;border-right:1px solid #000}
.pploop.off{color:#ccc}
.ppscrubber{
position:relative;height:5px;width:100%;left:0;margin:0;padding:0;border-bottom:1px solid #000}
.ppscrubberdrag{cursor:pointer;z-index:302;position:absolute;background-color:transparent;top:0;left:0;height:5px;width:100%}
.ppplayhead,.pploaded{position:relative;display:block;left:0;bottom:0;height:5px;width:1px;background-color:#fff;cursor:pointer;z-index:301;-webkit-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-webkit-transition:width 0.1s linear;-moz-transition:width 0.1s linear;-o-transition:width 0.1s linear;transition:width 0.1s linear}
.ppcuepoint{position:absolute;height:5px;width:5px;background-color:yellow;top:0;left:0;margin:0;padding:0;z-index:302}
.ppcuepoint:hover{background-color:red;cursor:pointer}
.pploaded{position:relative;z-index:10;background:rgb(65,62,62);opacity:0.8;filter:alpha(opacity = 80);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"}
.ppplayhead{margin-top:-5px}
.ppscrubbertip{padding:3px;position:absolute;top:-30px;left:25px;font-size:11px;line-height:15px;color:#fdfdfd;background:#2e2d2d;z-index:10;display:none}
.ppscrubbertip:after{top:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}
.ppscrubbertip:after{border-color:rgba(2,28,79,0);border-top-color:#333;border-width:5px;left:50%;margin-left:-5px}
.ppcontextmenu.active{
display:none}
.ppcontextmenu.inactive{display:none}
.ppcontextmenu{background:none repeat scroll 0 0 #FFFFFF;list-style:none outside none;border:1px solid #CCCCCC;border-radius:2px 2px 2px 2px;margin:4px 0;outline:medium none;overflow:auto;padding:6px 0;position:absolute;z-index:2147483647;margin:0;padding:0;top:0;left:0}
.ppcontextmenu li{color:#333;cursor:pointer;display:block;margin:0;padding:6px 20px;text-decoration:none;white-space:nowrap;word-wrap:normal}
.ppcontextmenu li:hover{color:#fff;background-color:#333}
.ppad .left,.ppad .right{display:none;border:none}
.ppad .ppcontrols{background:transparent;border:none}
.ppad .ppadtitle{position:absolute;bottom:2%;left:2%;border:none}
.ppadskip{position:absolute;padding-top:2px;bottom:-10px;right:0px;width:85%;height:28px;background-color:transparent;color:#fdfdfd}
.ppskip.locked{background-color:red}
.ppskip.unlocked{cursor:pointer;color:#00B0FF}
.pppostad .ppprev.active{display:none}
.ppadoverlay.inactive{display:none}
.pptracksbtn.inactive,.pptracks.inactive{display:none}
.pptracksbtn.active,.pptracks.active{display:block}
.pptracks span{position:relative}
.pptracksbtn.off{background:url('../../typo3conf/ext/dreipc_dfg/Resources/Public/Image/icon-subtitle-aus.png') 0px 0px no-repeat}
.pptracksbtn.on{background:url('../../typo3conf/ext/dreipc_dfg/Resources/Public/Image/icon-subtitle-an.png') 0px 0px no-repeat}
.pptracksbtn{width:30px;height:30px;margin:27px 13px 0 0;float:right;cursor:pointer}
.pptracks{position:absolute;bottom:80px;left:0;width:100%;height:auto;overflow:hidden;color:#fff;z-index:10;text-align:center;font-size:20px;z-index:30;text-shadow:0 0 5px black}
.ppplay,.pppause,.ppscrubber,.ppmute,.ppunmute,.ppvknob,.ppfsenter,.ppfsexit,.ppmute:hover,.ppunmute:hover,.ppfsenter:hover,.ppfsexit:hover{background:none;border:0}
.ppcontrols{height:80px;background:#fff;border:0px}
.ppplay,.pppause{width:80px;height:80px;text-align:center;padding:29px 0}
.ppplay,.pppause,.ppplay:hover,.ppplay:active,.pppause,.pppause:hover,.pppause:active{background:#ccc;background:rgba(255,255,255,0.3)}
.ppcontrols.active{opacity:1;background:rgba(255,255,255,0.7)}
.ppscrubber{width:90%;height:80px;padding:33px 0 33px 0}
.ppscrubberdrag,.ppplayhead,.pploaded{height:15px;margin-left:33px}
.ppplayhead,.pploaded{border-radius:10px}
.ppplayhead{margin-top:-15px;background-color:#226eb6}
.pploaded{width:100% !important;background-color:#79a9d7}
.ppscrubberdrag{width:100%;margin-top:33px}
.ppscrubberknob{background:#fff;border-radius:10px;width:15px;height:15px;position:absolute;display:inline-block;margin-top:-15px;margin-left:30px;z-index:301;cursor:pointer}
.ppstateidle .ppscrubberknob{margin-left:30px}
.ppmute,.ppunmute{width:29px;height:30px;padding:22px 0 40px 0;cursor:pointer;float:left}
.ppfsenter,.ppfsexit{margin:27px 10px 0 21px;float:right}
.projekktor .fa{color:#226eb6}
@media (max-width:767px){.js-loaded .ppcontrols.active{display:none;bottom:-80px}
.ppdisplay{background:transparent;z-index:30}
.ppstart{z-index:40}
}
@media (min-width:768px){.js-loaded .ppstart,.js-loaded .ppstart:hover,.js-loaded .ppstart:active{background:none}
.ppstart{display:none}
}
.ppcontrols ul.left li:last-child{width:73%}
.ppcontrols .ppscrubber{width:auto}
.smallRow .ppstart{z-index:40}
.js-loaded .smallRow .ppcontrols.active{display:none;bottom:-80px}
.js-loaded .embedded.smallRow .ppstart.active{display:block}