/*
	Layout: Player
	Autor: Sergej Kiessling
*/
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,
details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,
hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,
samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp
{margin:0;border:0;padding:0;font-size:100%}
html,body {height:100%}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block}

header, footer {display:none}
article {padding:0;}

#page {background:#eee;}
div {font-size:13px; line-height:17px;}

#player, .videoContainer {
	display:block !important;
/*	width:640px; 
	height:370px;*/ 
	border:0px solid #ddd; 
	background:#fff;
	position: relative;
}

#player {
	display: table;
}
.lt-ie9 #player, .lt-ie10 #player {display:block !important;}

h1,p {font-size:12px;}
#log {display:none; padding:3px 5px;}
.lt-ie9 header, .lt-ie9 footer, .lt-ie9 #log {display:none;}

#player {
	display: table;
}
.lt-ie9 #player, .lt-ie10 #player {display:block !important;}

.video-android {
	background:url("images/leer_664x374.png") no-repeat 0 0;
	display: block;
	/*text-align: left;*/
	width: 100%; 
	height: 360px !important;
}

#offline-text {
	text-align: center;
	font-size: 15px;
	line-height: 28px;

	display: table-cell;
	vertical-align: middle;
}
#offline-text img {
	text-align: center;
	display: table-cell;
	vertical-align: top;
	width: 100%;
}



/*
@media screen and (device-width:480px) and (orientation:portrait) {
/-*	#player {width:200px !important; height:168px !important;}*-/
	#player_wrapper {width:300px !important; height:auto !important; top:0px !important;}
}
@media screen and (max-device-width:480px) and (orientation:landscape) {
	#player_wrapper {width:450px; margin:auto;
		top:-70px !important;}
}
@media screen and (max-device-width:740px) {
	#player {
/-*		display: block !important;*-/
	}
}
*/