#noJS {
	margin: 0px auto;
	font-size: 1.3em;
	color: #FF0000;
	text-align: center;
}
/*1 Wert padding/margin: "top+bottom+right+left"*/
/*2 Werte padding/margin: "top+bottom" "right+left"*/
/*3 Werte padding/margin: "top" "right+left" "bottom"*/
/*4 Werte padding/margin: "top" "right" "bottom" "left"*/
body {
	background-color: #EEEEEE;
	text-align: center;
}
header, footer, nav, content {
		width: 640px;
		border: none;
		margin: auto;
}
@media screen and (min-width: 641px) and (max-width: 767px) {
	header, footer, nav, content {
		width: 640px;
		border: none;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px){
		header, footer, nav, content {
		width: 768px;
	}
}
@media screen and (min-width: 992px) and (max-width: 1079px){
		header, footer, nav, content {
		width: 992px;
	}
}
@media screen and (min-width: 1080px) and (max-width: 2048px){
		header, footer, nav, content {
		width: 1080px;
	}
}
#header {
	width: 78%;
	padding: 2% 4% 2% 4%;
	margin: 0;
	float: left;
}
#header img{
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
}
#home {
	width: 10%;
	padding: 2% 4% 2% 0%;
	float: left;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
}
#home img{
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
}
.spacer {
	font-size: 1.4em;
}
#home a {
	display: block;
	text-decoration: none;
	border-bottom: 0;
}
#home a:hover {
	border-bottom: 0;
}
#home a:visited, a:focus {
	text-decoration: none;
}
#nav {
	padding: 0 2%;
	margin: 0;
}
#nav.nav_buttons div.btn{
	width: 46%;
	height: auto;
	border: 0;
	padding: 0;
	margin: 2% 2%;
	float: left;
}
#nav a, a:hover, a:focus, a:visited {
	padding: 0;
	margin: 0;
	border-bottom: 0;
}
div.btn img {
	width: 100%;
	height: auto;
}
div.btn_caption {
	/*width: 100%;*/
	/*background-color: #CCCCCC;*/
	padding: 0;
	margin: 0;
	text-transform: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #555555;
	font-size: 1.5em;
	font-weight: bold;
}
.year {
	font-size: 0.8em;
}
/*----- BOTTOM NAVIGATION -----*/
#nav_bottom	{
	width: 92%;
	padding: 2% 0;
	margin: 2% 4%;
	border-top: 2px solid #AAAAAA;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	text-transform: uppercase;
	text-align: center;
	float: left;
}
#nav_bottom  a, #nav_bottom  a:visited  {
	display: block;
	text-decoration: none;
	color: #000000;
	padding: 0;
	margin: 0;
}
/*#nav_bottom  a:hover, a:focus {
	background-color: #CCCCCC;
	padding: 0;
	margin: 0;
}*/
#imprint {
	height: 2%;
	padding: 1% 4% 2%;
	margin: 0;
	float: left;
}
.copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #555555;
	text-align: left;
}
#imprint a, #imprint a:visited, #imprint a:focus, #imprint a:hover {
	text-decoration: none;
	color: #555555;
}
#projectlinks {
	width: 14.6%;
	padding: 0;
	margin: 0 1% 0;
	text-align: center;
	float: left;
}
#projectlinks img{
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
}

#projectlinks a:hover, a:focus {
	padding: 0;
	margin: 0;
	/*border-bottom: 8px solid #990000;*/
}
/*----- RECORDS -----*/
#records {
	width: 640px;
	font-family: Arial, Helvetica, sans-serif;
	margin: auto;
}
#cover {
	width: 68%;
	padding: 2% 4% 0;
	margin: 0;
	float: left;
}
#cover img{
	width: 100%;
	height: auto;
}
#cover_tape {
	width: 68%;
	padding: 2% 4% 0;
	margin: 0;
	float: left;
}
#cover_tape img{
	width: 65%;
	height: auto;
}
#album {
	padding: 2% 4% 2%;
	margin: 0;
	float: left;
}
h2.albumtitle {
	padding: 0;
	margin: 0 0 2%;
	color: #000000;
	text-align: left;
	font-size: 1.5em;
	font-weight: bold;
}
.blabla {
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #555555;
	text-align: left;
	font-size: 1.0em;
	text-transform: none;
}
.blabla a, .blabla a:visited {
	text-decoration: none;
	color: #888888;
}
.blabla a:hover, .blabla a:focus {
	color: #228888;
}
#streaming {
	width: 96%;
	padding: 0;
	margin: 0 2% 0;
	float: left;
}
#link2stream {
	background-color: #CCCCCC;
	/*width: 16%;*/ /*5 Links*/
	width: 12.66%; /*6 Links*/
	padding: 0;
	margin: 0 2% 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 1.0em;
	text-decoration: none;
	text-align: center;
	float: left;
}
#link2stream sup {
	font-size: 0.5em;
}
.service {
	font-weight: bold;
	font-size: 1.5em;
}
#link2stream a, #link2stream a:visited {
	display: block;
	color: #333333;
	text-decoration: none;
	border-bottom: 0;
}
#link2stream a:hover, #link2stream a:focus {
	background-color: #555555;
	color: #FFFFFF;
	border-bottom: 0;
}
#player {
	width: 92%;
	padding: 0 4% 0;
	margin: 0;
	float: left;
}
#currentPlay {
	padding: 0;
	margin: 2% 0;
	font-style: italic;
	font-size: 1.0em;
	text-align: left;
}
#audioplayer {
	width: 100%;
}
#tracklist {
	width: 92%;
	padding: 3% 4% 1%;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	float: left;
}
#tracklist ul {
	padding: 0;
	margin: 0;
	font-size: 2.0em;
}
#tracklist li {
	list-style-type: none;
	border-bottom: 1px dashed #AAAAAA;
	padding: 2% 0;
	margin: 0;
}
#songs li.firsttrack {
	border-top: 1px dashed #AAAAAA;
}
#tracklist li a, #tracklist li a:visited, #tracklist li a:focus {
	display: block;
	text-decoration: none;
	color: #000000;
	text-align: left;
	border-bottom: 0;
}
#tracklist li a:hover {
	background-color: #CCCCCC;
	border-bottom: 0;
}
.c2p {
	text-transform: uppercase;
	color: #777777;
	font-size: 0.7em;
	padding: 0;
	margin: 0 0 0 4%;
}
.note {
	font-family: Arial, Helvetica, sans-serif;
	color: #555555;
	font-size: 1.0em;
	text-transform: none;
	padding: 0;
	margin: 2% 0 0 0;
}
@media screen and (max-width: 640px) {
	#records {
		width: 640px;
	}
}
@media screen and (min-width: 641px) and (max-width: 767px) {
	#records {
		width: 640px;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	#records {
		width: 768px;
	}
}
@media screen and (min-width: 992px) and (max-width: 1079px){
	#records {
		width: 992px;
	}
}
@media screen and (min-width: 1080px) and (max-width: 2048px){
	#records {
		width: 1080px;
	}
	/*	#projectlinks {
		width: 31%;
		padding: 0;
		margin: 0 1% 1%;
	}*/
}