<!--
font {
color: black; font-size: 16px; font-family: Arial;}
a:link, a:active, a:visited {
color: #FFFFFF; text-decoration: none; font-weight: normal;}
a:hover {
color: #FFFFFF; text-decoration: none; font-weight: normal; text-shadow: 0px 0px 50px black;}
-->
.body{
	background-image: url('images/background.jpg');
	background-position: top;
	background-repeat: no-repeat;
	background-color: #E2E6FF;
}

.tabelle{
	width: 800px;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	font-size: 36px;
	font-family: Arial;
	color:  white;
	margin-left: auto;
	margin-right: auto;
	border-spacing: 50px;
}
.tabellenzelle_zukunft{
	border: 1px solid red;
	background-color: gray;
	opacity: 0.5;
	padding: 30px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.tabellenzelle_vergangenheit{
	border: 1px solid red;
	background-color: red;
	opacity: 0.8;
	padding: 30px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: 0px 0px 35px red;
	-moz-box-shadow: 0px 0px 35px red;
	box-shadow: 0px 0px 35px red;
}
.logo{
	display: block;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-reflect:below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.7, transparent), to(white));
}
#player{
	visibility: hidden; 
	position: fixed;
	top: 50px;
	left: 50%;
	bottom: 50%;
	right: 50%;
	padding: 20px;
	padding-right: 20px;
	margin-left: -276px; 
	margin-top: 200px; 
	margin-bottom: -100px;
	background-color: black; 
	-webkit-border-radius: 15px; 
	-moz-border-radius: 15px;
	border-radius: 15px; 
	-webkit-box-shadow: 0px 0px 50px white;
	-moz-box-shadow: 0px 0px 50px white;
	box-shadow: 0px 0px 50px white;
	border: 1px solid gray;
	width: 480px;
	height: 272px;
}
.controls:hover{
	background-color: #A6C9FF;
	//padding: 2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}