/* VORGABE VOM ZDF */
html,body {
		width:100%;
		height:100%;
		margin:0;
		padding:0;
		min-width:320px;
		min-height:320px;
		
}
body {
    background-color: #000000;
    vertical-align: middle;
    text-align: center;
    background: #000;
}
img {
	max-width:100%;
	max-height:100%;
	border:none;
}
div#organization {
	position: absolute;
	top: 30px;
	left: 30px;
    width: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    opacity: 1;
    height: auto;
    max-width:1124px;
    text-align:left;
    
}

img.logo {
    height:80px;
    width:75px;
    vertical-align:top;
}

img.logo-zdf {
    height:25px;
    width:94px;
    vertical-align:top;
    margin-top:10px;
    margin-left:10px;
}

div#container {
	position: absolute;
	top: 50%;
	left: 50%;
	margin:auto;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	max-height:594px;
	max-width:950px;
	height:100%;
	width:100%;
}

div#inner {
		position:relative;
		margin:auto;
		margin:0;
		padding:0;
		width:100%;
		height: 100%;
		font-family: 'Arial';
}
#inner a:link, #inner a:visited{
	color: #fff;
}
#inner a:hover, #inner a:active{
	color: #a0a0a0;
}

div#content {
	height:100%;
	width:100%;
	margin: 0;
	padding: 0;
	cursor: auto;
	background: #000;
	width: 960px;height: 600px;
	font-family: 'Arial';
}







/* GAME ROYALE CSS */
/* GAME ROYALE AUSWAHL MENÜ FÜR DIE VERSIONEN */
#menu_bg{
  width:100%;height:100%;
  background:url('select.jpg'); 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-size: 100% auto;
  background-repeat: no-repeat;}
#menu_links{color:#ffffff;font-size: 22px;font-family: 'Arial';}
#menu_links p{color:#ffffff;font-size: 12px;font-family: 'Arial';}
#menu_titel{float:left;height:70%;width:100%;}
#menu_links{float:left;width:100%;height:30%;} 
#menu_links a:link, #menu_links a:visited{color:#ffffff;font-size: 22px;text-decoration: none;font-family: 'Arial';}
#menu_links a:hover,#menu_links a:active {color:#7ac7d9;text-decoration: underline;}


/* GAME ROYALE LADEANZEIGE */
#status{width:100%;height:30px;color:#fff;margin-left:auto;margin-right:auto;margin-top:45%}
#statusimg{width:100%;color:#fff;margin-top:13%}
.loading{border:0;min-width:108px;max-width:216px;width:31%;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:pixelated;-ms-interpolation-mode:nearest-neighbor;}
#progressd{width:100%;color:#fff;margin-left:auto;margin-right:auto;margin-top:40%}


/* GAME ROYALE EMSCRIPTEN GAME */
.emscripten{padding-right:0;margin-left:auto;margin-right:auto;position:absolute}
div.emscripten{text-align:center;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;}
@media (min-width: 100px) and (max-width: 399px)   {
	div#content {width: 300px;height: 187px;}
	canvas.emscripten { border: 0px none; width: 300px;height: 187px;}}
@media (min-width: 400px) and (max-width: 499px)  {
	div#content {width: 400px;height: 250px;}
	canvas.emscripten { border: 0px none; width: 400px;height: 250px;}}
@media (min-width: 500px) and (max-width: 599px)  {
	div#content {width: 500px;height: 315px;}
	canvas.emscripten { border: 0px none; width: 500px;height: 315px;}}
@media (min-width: 600px) and (max-width: 699px)  {
	div#content {width: 600px;height: 375px;}
	canvas.emscripten { border: 0px none; width: 600px;height: 375px;}}
@media (min-width: 700px) and (max-width: 799px)  {
	div#content {width: 700px;height: 437px;}
	canvas.emscripten { border: 0px none; width: 700px;height: 437px;}}
@media (min-width: 800px) and (max-width: 959px)   {
	div#content {width: 800px;height: 500px;}
	canvas.emscripten { border: 0px none; width: 800px;height: 500px;}}
@media (min-width: 960px){
	div#content {width: 960px;height: 600px;}
	canvas.emscripten { border: 0px none; width: 960px;height: 600px;}}



/* ZDF SKALIERUNG */ 
@media (max-height: 767px)  {
	img.logo-zdf {
		display:none;
	}
	img.logo {
		display:none;
	}
	
}

@media (max-width: 945px) {
	div#inner {
		height:auto;
		position:relative;
	}
	div#ratio {
		padding-bottom:56.25%;
		position:static;
	}
	div#content {
		height:100%;
		position:absolute;
		left:0;
		Top:0;
	}
}