#playerUIWrapper {
	z-index:999;
	position:absolute;
	bottom:0px;
	height:25px;
	overflow:hidden;
}

#playerUIWrapper:hover > div, #playitOL:hover + div > div {
	bottom:0px;
	transition:bottom 0.5s ease;
	transition-delay: 0s;
}

#playerUI {
	background-color:#000000;
	position:absolute;
	bottom:-20px;
	height:20px;
	-webkit-transition:bottom 0.5s ease;
	transition:bottom 0.5s ease;
	-webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

#playerUIWrapper:hover #seekBar, #playitOL:hover + div > div > div {
	height:5px;
	-webkit-transition:height 0.5s ease;
	transition:height 0.5s ease;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

#seekBar {
	position:absolute;
	bottom:20px;
	width:100%;
	height:2px;
	background-color:#555555;
	float:right;
	cursor:pointer;
	-webkit-transition:height 0.5s ease;
	transition:height 0.5s ease;
	-webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

#loadBar {
	position:absolute;
	bottom:0px;
	width:0%;
	height:100%;
	background-color:#999999;
}

#playBar {
	position:absolute;
	bottom:0px;
	width:0%;
	height:100%;
	border-right:1px solid #ffffff;
	background-color:#FF00FF;
}

#playerBtsWrapper {
	position:relative;
	top:0px;
	width:auto;
	height:10px;
	margin:5px;
	padding:3px;
}

#playbackBt, #volumeBt, #fsBt{
	position:relative;
	top:-5px;
	left:10px;
	margin:0px;
	height:15px;
	cursor:pointer;
}

#timer {
	position:relative;
	top:-5px;
	color:#ffffff;
	float:left;
	font-family:Arial;
	font-size:12px;
	margin:0px;
}

#playitOL {
	position:absolute;
	top:0px;
	left:0px;
}

#playitOLIcon, #loadIcon {
	position:absolute; 
	top:50%;
	left:50%;
	margin-left:-80px;
	margin-top:-100px;
	cursor:pointer;
	z-index:999;
}

#armShadeWrapper {
	mix-blend-mode: multiply;
}

.arms {
	width:330px;
	height:654px;
	position:absolute; 
	top:540px;
	background-repeat: no-repeat;
	background-position: -330px 0;
}

#arm {
	background-image: url('images/plainarm/arm.png');
}

#armShade {
		background-image: url('images/armShade.png');
}

/* hier zusammengesetzt */
.vSize {
width: 100%;
height: 100%;
}
/*FULLSCREEN OF NON IMAGE/VIDEO CONTENT DONE BY JS TO PRESERVE ASPECT RATIO*/
/*ms läuft eh nicht
:-ms-fullscreen.vSize{
width:100%;
height:100%;
}

:-moz-full-screen .vSize{
width:100%;

}

:-webkit-full-screen.vSize{
width:100%;
height:100%;
border: 1px solid red;
}

#canvas:-webkit-full-screen, #canvas2:-webkit-full-screen  {
  width: 100%;
  height: 100%;
}

#iVideoWrapper:-webkit-full-screen{
  width: 100%;
  border:1px dashed magenta;
}
*/
.contentOverlay, #textBox1 {
position:absolute;
top:0px;
z-index:997;
color:#FF00FF;
font-size:30px;
line-height:1;
/*font-family:MinionPro; */
pointer-events:none;
overflow: hidden;
}

#iVideoWrapper {
position:relative;
border-style:solid;
border-width: 0px;
box-shadow: 0px 0px 8px 0px #666;
vertical-align: middle;
width: 960px;
height: 540px;
}

/****************
board textlayout
**********/
#textLayer {
	/*border: 1px solid red;*/

}

.txtCol {
	/*font-family: 'Gloria Hallelujah', cursive;*/
	font-family: 'Caveat Brush', cursive;
	color: #343434;
	position: absolute;
	top: 0%; /*has one line above anyway*/
	height: 86%;
	font-size: 1em;
	line-height: 1.5em; 
	/*border: 1px dashed lightgrey;*/
}
#c1 {
	left: 3.125%;
	width: 93.75%;
}
#c1-2 {
	left: 3.125%;
	width: 45.3125%;
}
#c2-2 {
	left: 51.5625%;
	width: 45.3125%;
}
#c1-3 {
	left: 3.125%;
	width: 29.17%;
}
#c2-3 {
	left: 35.417%;
	width: 29.17%;
}	
#c3-3 {
	left: 67.712%;
	width: 29.17%;
}

@font-face { font-family: 'FranziskaWeb'; src: url('font/FranziskaWeb.woff') format('woff'); }
body, p { font-family: FranziskaWeb, serif; }