@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css);
html {
  display: table;
  margin: auto;
}
body {
	
	background: url("/images/background.jpg");
	background-position: 50% 50%; 
	background-repeat: no-repeat; 
	background-size: cover; 
	background-attachment:fixed;
	height: 50%;
	display: table-cell;
	vertical-align: middle;
}
.ueberschrift_1 {
	text-transform: uppercase;
	display: flex;
	width: auto;
	margin: auto;
	font-family: "Times New Roman", Times, serif;
	color: White;
	font-size: 28px;
	text-align: center;
}
.ueberschrift_2 {
	font-family: Impact, Charcoal, sans-serif;
	text-align: center;
	color: wheat;
	font-size: 23px;
}
.begruessung_1 {
	font-size: 20px;
	padding-top: 30px;
	text-align: center;
	color: white;
}
.begruessung_2 {
	text-align: center;
	color: white;
}
#icecast {
	display: flex;
	justify-content: center;
	align-items: center;
}
#not-live {
	background-color: #333333;
	color: wheat;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
	margin-top: 15px;
	text-align: center;
	margin-left: auto; 
	margin-right: auto;
}
#live {
	background-color: #333333;
	color: wheat;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
	margin-top: 15px;
	text-align: center;
	margin-left: auto; 
	margin-right: auto;
}
table {
	text-align: center;
	margin-left: auto; 
	margin-right: auto;
}

#os-auswahl .table-title {
	margin-bottom: 2px;
	margin-top: 5px;
	padding-top: 15px;
	font-size: 20px;
	color: white;
}
.button {
	background-color: #333333;
	border:1px solid wheat;
	display:inline-block;
	cursor:pointer;
	color: wheat;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
	margin-top: 8px;
}
.button:hover {
	background-color:wheat;
	border: 1px solid #333;
	color: #333;
}
.button:active {
	position:relative;
	top:1px;
}

.button-os {
	background-color: #333333;
	border:1px solid wheat;
	display:inline-block;
	cursor:pointer;
	color: wheat;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	padding:6px 25px;
	text-decoration:none;
	margin-top: 8px;
}
.button-os:hover {
	background-color:wheat;
	border: 1px solid #333;
	color: #333;
}
.button-os:active {
	position:relative;
	top:1px;
}
#player {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100px; 
	width: 100px; 
	margin-left: auto; 
	margin-right: auto;
	background-color: #333;
	border : 3px solid wheat;
	cursor: pointer;
	border-radius: 50% 50%;
}
#playback {
    position: absolute;
    color: wheat;
}
.fa-play {
    margin-left: auto;
    margin-right: auto;
}
.fa-pause {
    margin-left: auto;
    margin-right: auto;
}
.fa-lg {
    font-size: 2rem;
}
/*
#info {
	text-align: center;
	background-color: #333;
	color: wheat;
	font-size: 13px;
	font-family:Arial;
	font-weight: bold;
}
*/