body	
{
	background-color:#555;
	font-family:sans-serif;
	font-size:13px;
	margin:0px;
	border:0px;
	padding:0px;
}
#player
{
	background-color:#555;
	position:absolute;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
}
#preloads
{
	background-color:#555; 
	position:absolute;
	left:0px;
	top:20px;
	visibility:hidden;
}
.preload
{
	width:50px;
	height:40px;
}
#nodeView
{
	background-color:#caa;
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	width:800px;
	height:640px;
	margin:auto;
	visibility:visible;
	overflow:hidden;
}
.view
{
	position:absolute;
	background-color:#fed;
}
.symbol
{	
	position:absolute;
	width:32px;
	height:32px;
}
#interface
{
	background-color:#999;
	opacity:0.0;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:100;
}

/* hochformatige Geräte kleiner als iPad Hochformat */
@media only screen and (max-width:700px) and (orientation:portrait){
	#nodeView
	{
		background-color:#caa;
		position:absolute;
		left:0px;
		right:0px;
		top:0px;
		bottom:0px;
		width:320px;
		height:256px;
		margin:auto;
		visibility:visible;
		overflow:hidden;
	}
	.symbol
	{	
		position:absolute;
		width:16px;
		height:16px;
	}
}
/* querformatige Geräte kleiner als iPad Hochformat */
@media only screen and (max-width:700px) and (orientation:landscape){
	#nodeView
	{
		background-color:#caa;
		position:absolute;
		left:0px;
		right:0px;
		top:0px;
		bottom:0px;
		width:400px;
		height:320px;
		margin:auto;
		visibility:visible;
		overflow:hidden;
	}
	.symbol
	{	
		position:absolute;
		width:16px;
		height:16px;
	}
}
/* iPad Hochformat */
@media only screen and (min-width:701px) and (max-width:1024px) and (orientation:portrait){
	#nodeView
	{
		background-color:#caa;
		position:absolute;
		left:0px;
		right:0px;
		top:0px;
		bottom:0px;
		width:500px;
		height:400px;
		margin:auto;
		visibility:visible;
		overflow:hidden;
	}
	.symbol
	{	
		position:absolute;
		width:20px;
		height:20px;
	}
}
/* alle grösseren Formate default */