@font-face { font-family: 'ComicRelief'; src: url('ComicRelief.ttf') format('truetype'); }
/* width="757" height="423" */
body { 
	text-align:center;
	font-size: 12px;
	text-align:center;
	
		   
}
#text { 
	position:absolute;
	background-color:#000;
	font-family: ComicRelief, arial, sans-serif;
	bottom:2%;
	color:#fff;
	font-size: 2em;
	text-align:center;
	opacity: 0.8;
	z-index: 3;
}
#text2 { 
	position:absolute;
	background-color:#000;
	font-family: ComicRelief, arial, sans-serif;
	top:2%;
	left:50%;
	color:#fff;
	font-size: 2em;
	text-align:center;
	opacity: 0.8;
	z-index: 3;
}
#ISSstream { 
		position:absolute;
		top:0px; left:0px;
		width: 100%;
		z-index: 1;
		opacity:0.9;
		}
		
#ISSpos { 
		position:absolute;
		bottom:0px; right:0px;
		width: 50%;
		max-width:  625px;
		min-width:  400px;
		min-height:368px;
		z-index: 2;
		opacity:0.9;
		margin-right:2px;
		margin-bottom:2px;
		
		}
a { text-decoration:none;
	color:#ccc;
	font-size: 0.5em;
}
#nav {	
		position:relative;
		top:0px; 
		left:0px;
		margin-left:5px;
		margin-top:5px;
		z-index: 3;

		color: #fff;
}
.knopf {	
	font-family: ComicRelief, arial, sans-serif;
	font-size:  2em;
		/*width: 20%;*/
		color: #fff;
		background-color:#222;
		float:left;
		padding:10px;
		opacity:0.8;
}
.knopf:hover { cursor:pointer; }

.apple{
		border: solid 2px #FFcc66;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		box-shadow: 1px 2px 4px rgba(0,0,0,.4);
		}
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
#text, #ISSpos, #nav {display: none;}
#ISSpos {

	bottom:0px; 
		left:0px;
	width: 100%;
	height:auto;
	margin-top:40%;
	}

	
	
} /*media*/