body{
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #000000;
	background-repeat: no-repeat;
	color: #ffffff;
}
table{
	width: 100%;
}

div.holder{
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	position:relative;
}

div.panel{
	overflow: hidden;
	position: absolute;
}

div.panel iframe{
	overflow: hidden;
}

div.panel iframe body{
	background-color:transparent;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.error{
	position:absolute;
	z-index:20;
	opacity:1;
	display: none;
	height: 100%;
	width: 100%;
	/*padding-top: 100px;*/
	font-size: 30px;
	text-align:center;
	background: white;
	color: red;
}


/*voor resolutie voor 800 x 600 4:3*/
@media all and (max-width:800px) and (max-height:600px){
	div.holder{
		transform:scale(0.78,1.04) translateX(-144px) translateY(0px);
		-moz-transform:scale(0.78,1.04) translateX(-144px) translateY(0px);
		-webkit-transform:scale(0.78,1.04) translateX(-144px) translateY(0px);
		-o-transform:scale(0.78,1.04) translateX(-144px) translateY(0px);
	}
}
/*voor resolutie voor 832 x 624 4:3*/
@media all and (max-width:832px) and (max-height:624px){
	div.holder{
		transform:scale(0.807,1.077) translateX(-120px) translateY(2px);
		-moz-transform:scale(0.807,1.077) translateX(-120px) translateY(2px);
		-webkit-transform:scale(0.807,1.077) translateX(-120px) translateY(2px);
		-o-transform:scale(0.807,1.077) translateX(-120px) translateY(2px);
	}
}
/*voor resolutie voor 1024 x 768 4:3*/
@media all and (min-width: 1024px) and (min-height:768px){
	div.holder{
		margin-top: 65px;
		transform:scale(1,1.33) translateX(0px) translateY(22px);
		-moz-transform:scale(1,1.33) translateX(0px) translateY(22px);
		-webkit-transform:scale(1,1.33) translateX(0px) translateY(22px);
		-o-transform:scale(1,1.33) translateX(0px) translateY(22px);
	}
}	
/*voor resolutie voor 1152 x 720 19:10*/
@media all and (min-width: 1152px) and (min-height:720px){
	div.holder{
		transform:scale(1.126,1.25) translateX(0px) translateY(14px);
		-moz-transform:scale(1.126,1.25) translateX(0px) translateY(14px);
		-webkit-transform:scale(1.126,1.25) translateX(0px) translateY(14px);
		-o-transform:scale(1.126,1.25) translateX(0px) translateY(14px);
	}
}	
/*voor resolutie voor 1152 x 864 4:3*/
@media all and (min-width: 1152px) and (min-height:864px){
	div.holder{
		margin-top: 165px;
		transform:scale(1.13,1.5) translateX(0px) translateY(-15px);
		-moz-transform:scale(1.13,1.5) translateX(0px) translateY(-15px);
		-webkit-transform:scale(1.13,1.5) translateX(0px) translateY(-15px);
		-o-transform:scale(1.13,1.5) translateX(0px) translateY(-15px);
	}
}	
/*voor resolutie voor 1280 x 720 16:9*/
@media all and (min-width: 1280px) and (min-height:720px){
	div.holder{
		transform:scale(1.25,1.25) translateX(0px) translateY(14px);
		-moz-transform:scale(1.25,1.25) translateX(0px) translateY(14px);
		-webkit-transform:scale(1.25,1.25) translateX(0px) translateY(14px);
		-o-transform:scale(1.25,1.25) translateX(0px) translateY(14px);
		margin-top: 51px;
	}
}	

/*voor resolutie voor 1280 x 720 16:9*/
@media all and (min-width: 1280px) and (min-height:768px){
	div.holder{
		transform:scale(1.25,1.25) translateX(0px) translateY(14px);
		-moz-transform:scale(1.25,1.25) translateX(0px) translateY(14px);
		-webkit-transform:scale(1.25,1.25) translateX(0px) translateY(14px);
		-o-transform:scale(1.25,1.25) translateX(0px) translateY(14px);
		margin-top: 75px;
	}
}	
	
/*voor resolutie voor 1280 x 800 16:10*/
@media all and (min-width: 1280px) and (min-height:800px){
	div.holder{
		transform:scale(1.25,1.38) translateX(0px) translateY(30px);
		-moz-transform:scale(1.25,1.38) translateX(0px) translateY(30px);
		-webkit-transform:scale(1.25,1.38) translateX(0px) translateY(30px);
		-o-transform:scale(1.25,1.38) translateX(0px) translateY(30px);
	}
}	
/*voor resolutie voor 1280 x 960 4:3*/
@media all and (min-width: 1280px) and (min-height:960px){
	div.holder{
		transform:scale(1.25,1.66) translateX(0px) translateY(76px);
		-moz-transform:scale(1.25,1.66) translateX(0px) translateY(76px);
		-webkit-transform:scale(1.25,1.66) translateX(0px) translateY(76px);
		-o-transform:scale(1.25,1.66) translateX(0px) translateY(76px);
	}
}	
/*voor resolutie voor 1280 x 1024 5:4*/
@media all and (min-width: 1280px) and (min-height:1024px){
	div.holder{
		transform:scale(1.25,1.77) translateX(0px) translateY(99px);
		-moz-transform:scale(1.25,1.77) translateX(0px) translateY(99px);
		-webkit-transform:scale(1.25,1.77) translateX(0px) translateY(99px);
		-o-transform:scale(1.25,1.77) translateX(0px) translateY(99px);
		margin-top: 50px;
	}
}
/*voor resolutie voor 1360 x 768 16:9*/
@media all and (min-width: 1360px) and (min-height:768px){
	div.holder{
		margin-top: 65px;
		transform:scale(1.328125,1.33) translateX(0px) translateY(22px);
		-moz-transform:scale(1.328125,1.33) translateX(0px) translateY(22px);
		-webkit-transform:scale(1.328125,1.33) translateX(0px) translateY(22px);
		-o-transform:scale(1.328125,1.33) translateX(0px) translateY(22px);
	}
}
/*voor resolutie voor 1440 x 900 16:10*/
@media all and (min-width: 1440px) and (min-height:900px){
	div.holder{
		transform:scale(1.41,1.56) translateX(0px) translateY(58px);
		-moz-transform:scale(1.41,1.56) translateX(0px) translateY(58px);
		-webkit-transform:scale(1.41,1.56) translateX(0px) translateY(58px);
		-o-transform:scale(1.41,1.56) translateX(0px) translateY(58px);
	}
}
/*voor resolutie voor 1600 x 1200 4:3*/
@media all and (min-width: 1600px) and (min-height:1200px){
	div.holder{
		transform:scale(1.56,2.07) translateX(0px) translateY(160px);
		-moz-transform:scale(1.56,2.07) translateX(0px) translateY(160px);
		-webkit-transform:scale(1.56,2.07) translateX(0px) translateY(160px);
		-o-transform:scale(1.56,2.07) translateX(0px) translateY(160px);
	}
}
/*voor resolutie voor 1680 x 1050 16:10*/
@media all and (min-width: 1680px) and (min-height:1050px){
	div.holder{
		transform:scale(1.64,1.82) translateX(0px) translateY(107px);
		-moz-transform:scale(1.64,1.82) translateX(0px) translateY(107px);
		-webkit-transform:scale(1.64,1.82) translateX(0px) translateY(107px);
		-o-transform:scale(1.64,1.82) translateX(0px) translateY(107px);
	}
}
/*voor resolutie voor 1920 x 1080 16:9*/
@media all and (min-width: 1920px) and (min-height:1080px){
	div.holder{
		margin-top: 41px;
		transform:scale(1.88,1.86) translateX(0px) translateY(116px);
		-moz-transform:scale(1.88,1.86) translateX(0px) translateY(116px);
		-webkit-transform:scale(1.88,1.86) translateX(0px) translateY(116px);
		-o-transform:scale(1.88,1.86) translateX(0px) translateY(116px);
	}
}
/*voor resolutie voor 2048 x 1152 16:9*/
@media all and (min-width: 2048px) and (min-height:1152px){
	div.holder{
		transform:scale(2,2) translateX(0px) translateY(143px);
		-moz-transform:scale(2,2) translateX(0px) translateY(143px);
		-webkit-transform:scale(2,2) translateX(0px) translateY(143px);
		-o-transform:scale(2,2) translateX(0px) translateY(143px);
	}
}