body {
	background: #000;
	margin:0px;
	padding:0px;
	display:flex;
	font-family:Arial, sans-serif;
	color:#ffffff;
}
/* Main */
.logocontainer {
	position:absolute;
	margin:0px;
	padding:0px;
	left:50%;
	width:76%;
	height:76%;
	margin-left:-38%;
	top:50%;	
	margin-top:-38%;
}
.logocontainer img {
	width:100%;
}
.logooverlay {
	position:absolute;
	margin:0px;
	padding:0px;
	left:50%;
	width:76%;
	height:76%;
	margin-left:-38%;
	top:50%;	
	margin-top:-38%;
}
.logooverlay img {
	width:100%;
}
.clickcontainer {
	position:absolute;
	margin:0px;
	padding:0px;
	left:50%;
	width:76%;
	height:76%;
	margin-left:-38%;
	top:50%;	
	margin-top:-38%;
}
div.clickcontainer:hover {
	cursor:pointer;
}
@media screen and (min-width: 1100px)
{
	.logocontainer {
		width:30%;
		margin-left:-15%;
		height:30%;
		margin-top:-15%;
	}
	.logooverlay {
		width:30%;
		margin-left:-15%;
		height:30%;
		margin-top:-15%;
	}
	.clickcontainer {
		width:30%;
		margin-left:-15%;
		height:78%;
		margin-top:-15%;
	}
}

/* Radio */
.radiohead {
	background:#000;
	z-index:100;
	position:fixed;
	height:20%;
	width:100%;
	box-shadow: 0 0 40px 4px #111;
}
.radiohead .logocontainer
{
	left:50%;
	top:2%;
	height:50%;
	width:34%;
	margin-left:-17%;
	margin-top:2%;
}
.radiobody {
	position:relative;
	height:100%;
	width:100%;
	top:20%;
	padding:2%;
	color:#999;
}
h1 {
	font-size:3em;
	text-align:center;
	color:#aa0000;
}
h2 {
	font-size:2.5em;
	text-align:center;
}
h3 {
	font-size: 2em;
	text-align: center;
	color:#666;
}
h4 {
	font-size: 2.5em;
	text-align:center;
	color:#666;
}
.highlight {
	font-weight:bold;
	color:#aa0000;
}
.votingtable {
	font-size:2.5em;
	color:#999;
}
.tableline {
	margin-bottom: 2%;
}
.tablecell {
	display: inline-block;
	margin-right: 2%;
}
.inputfield {
	font-size:1em;
	max-width: 10em;
	background: #222;
	border:2px solid #666;
	border-radius:5px 5px;
	color: #eee;
}
.inputfield:focus {
	border: 2px solid #aa0000;
}
input.button {
	font-size: 1em;
	text-transform:uppercase;
	border: 2px solid #444;
	margin:5px;
	padding:15px;
	border-radius:10px 10px;
	color:#aa0000;
	background:#222;
	box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,0.7);
}
input.button:hover {
	box-shadow: inset -4px -4px 2px rgba(255,255,255,0.7);
	cursor:pointer;
}
input.button:active {
	box-shadow: inset -4px -4px 2px rgba(255,255,255,0.7);
	cursor:pointer;
}
@media screen and (min-width: 1100px)
{
	.radiohead .logocontainer {
		width:34%;
		margin-left:-5%;
		height:98%;
		margin-top:0;
	}
	.radiohead .logocontainer img {
		width:auto;
		height:100%;
	}
	h2 {
		font-size:1.5em;
	}
	h3 {
		font-size:1em;
	}
	h4 {
		font-size:1em;
	}
	.votingtable {
		font-size:1em;
	}
	.tableline {
		margin-bottom: 1%;
	}
	.tablecell {
		margin-right: 1%;
	}
	.inputfield {
		max-width: 25em;
	}
	input.button {
		padding:10px;
	}
}