@charset "utf-8";

html, body	{ height:100%; font-family:"ZDFtype Bold";}
body {color:#fff; margin:0; padding:0; overflow:auto; background-color: #34393F;position:absolute; width:100%; height:100%;
}   
.bright, .transparentgrey, .transparentorange {background-color: transparent;}
@font-face{
        font-family:"ZDFtype Bold";
        src:url("../fonts/Fonts/ZDFType-Bold.woff") format("woff"),url("../fonts/Fonts/ZDFType-Bold.ttf") format("truetype");
    }
a {   text-decoration:none; font-size: 14px; color: #34393F;}
a:hover {color:#fff;} 
a .linkText {height:26px; border-right: 10px solid transparent; position:relative; top:5px;}

a .linkBtn {height:28px; width:10px; color:#fff; float:right; background-repeat:no-repeat; background-position: right; background-image: url(../images/Pfeil_re_weiss.png);}
a:hover .linkBtn {text-decoration:underline; color:#96999c; position:relative;}

.bright a .linkBtn { height:28px; width:10px; color:#fff; float:right; background-repeat:no-repeat; background-position: right; background-image: url(../images/Pfeil_re_grau.png);}



.header {height:40px; width:100%; position:absolute;}

#playerContainer, .blockingImage  {border-left: 3px solid transparent; border-right: 3px solid transparent; width:100%; height:100%; display:block; position:absolute; border-top:40px solid transparent; z-index:5555 !Important; border-bottom:15px solid transparent;}
#playerContainer figure {z-index:99999999999999999;}
.setLogo {background-size: auto 26px;}

.setLogo {position:absolute; height:100%; width:100%;background-repeat:no-repeat; z-index:1000; background-position: 4px 9px; background-image: url(../images/ZDFmt25.png); }	
.setMTLink {z-index:999999; text-align:right; position:absolute; top:9px;width:100%; height: 30px;  right:3px;color:#fff;  }
.dark .setMTLink {}
.dark .setMTLink:hover {}
.bright .setMTLink, .transparentorange .setMTLink, .transparentgrey .setMTLink {color:#96999c!important; }
.bright .setMTLink:hover, .transparentorange .setMTLink:hover, .transparentgrey .setMTLink:hover {}

.dark .setLogo {background-image: url(../images/ZDFmt25.png); background-position: 4px 9px; }
.transparentorange .setLogo, .bright .setLogo, .transparentgrey .setLogo{background-image: url(../images/ZDFmt25.png); background-position: 4px 9px; }

.setCopyright {position:absolute; display:block;bottom:0; right:0; z-index:99999999999; height:10px; width:40px; font-size:10px; float:right;bottom:3px; right:0;}   
.transparentorange .setCopyright, .bright .setCopyright, .transparentorange .setCopyright { color:#34393F;} 

object:focus { outline:none;}
object {position:absolute; width:100%; height:100%; }
.fakeborder {   
box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
#playerContainer, .blockingImage  {width:100%; height:100%; display:block; position:absolute; border-top:40px solid transparent; z-index:1; border-bottom:15px solid transparent;}

.blockingImage {z-index:100;}

.blockingText {color:#383838; position: absolute; width:80% ; left:10%; top: 65%; z-index:9999; text-align: center; vertical-align:middle;}
.typicalImage {background: url(../images/typical.jpg) no-repeat; background-size: 100% 100%; }
.playTeaser {cursor: pointer;}
.playOverlay {background: url(../images/overlay_play.png) no-repeat 50% 55%; cursor:pointer; display:block; z-index:99999; position:absolute; width:100%; height:100%; }


.faz .setCopyright {display:none;}
.faz #playerContainer, .faz .blockingImage , .faz .typicalImage, .faz  .overlay_play{border-bottom:0px solid transparent !important;}
.faz #playerContainer {border-top:40px solid transparent !important; border-bottom:0px solid transparent !important; overflow:hidden;}

.errorcode {font-size: 18px !important; /*font-family:zdf-player-swiss-light;*/ text-align: center;}
.centertext {height:100%; width:100%; display:table;}
.centertextmid {  vertical-align: middle; display:table-cell;}