body{font-family: Arial;
	background-color:Black;
	color:Gainsboro;
	margin: 0; padding: 0;
	height: 100%;
}
html{
	Height:100%;
}
#wrapper {
	width: 1100px;
	height: 600px;
	margin: 0 auto;
	min-height: 100%;
	text-align: left;

}
#footer{
		position: fixed;
		bottom: 0;
		width: 100%;
		line-height: 1.0em;
		text-align: center;
		vertical-align: middle;
		background-color:#FF6D0F;
		color:Gainsboro;
		text-align: center;
		text-decoration: none;
}
.p{
		text-align: left;
}
.lyrics{
		text-align: center;
}

.header{
	padding: 0px;
	margin: 0px 0px 10px 0px;
	height: auto;
	text-align: center;

}
#lovegravelink {

	background-color:black;
	text-align: center;
}

.header h2 {
text-align: center;
color:Gainsboro;
font-size: 1.6em;
float: top;
}
#logo{
	text-align: center;
}
.left{
	width: 150px;
	float: left;
	margin-right: 50px;
}
.right{
	vertical-align:top;
	width: 150px;
	float: right;
}

.li{
	background-color:grey;
}

#content{
	position:relative;
	min-height:100%;
	width: 500px;
	margin: 0 auto;
	text-align: left;
}
.content{
	width: 800px;
	margin-left: 60px;
	text-align: left;
}
.content a{
	text-decoration: none;
}
.menu{
	background-color:#2D2D2D;
	border: 1px solid #FFFFAA ;
}

.menu ul {
	font-size: 1.2em;
	list-style-type: none;
	margin: 0;
	padding: 8px;
}

.menu li a {
	display: block;
	text-decoration: none;
	color: gainsboro;
	font-size: 1.2em;
	border: 1px #FFFF00;
}

.menu li a:hover {
	color: #FFFF00 !important;
	background-color:grey;
}

.menu li ul.submenu {
	display: block;
	padding: 0 !important;
	margin-bottom: 5px;
	font-size: 1.0em;
}

.menu ul.submenu li a {
	margin-left: 10px;
	font-size: 0.8em;
}
.menu ul.submenu li a:hover {
	display:block;
	width: 100%;
	margin-left: 10px;
	font-size: 0.8em;
}

h3{
	height:10px;
	color:Gainsboro;

}
a.link:link{
	display:inline-block;
	color:#6E6602;
	background-color:#E4DEB2;
}
a.link:hover{
	display:inline-block;
	color:#E62F28;
	background-color:#E99794;
}
.downloads1{
	width:100%;
	height:auto;
	background-color:grey;
	padding:0px;
	margin:0px;
	border:none;
}
.downloads2{
	width:auto;
	height:auto;
	background-color:WhiteSmoke;
	padding:0px;
	margin:0px;
	border:1px solid;
	color:black;
}
.aktiv{
	display:block;
	background-color:grey;
	color:#6E6602;
	font-size: 1.0em;
}
.passiv{
	display:block;
	color:Red;
	font-size: 1.0em;
}
.suboffen{
	display:block;
	padding: 0 !important;
	margin-bottom: 5px;
	font-size: 1.0em;
	margin-left: 10px;
}
.subclosed{

	display: block;
	padding: 0 !important;
	margin-bottom: 5px;
	font-size: 1.0em;
}
.startlinkl:link{
	display:block;
	text-decoration: none;
	background-color:grey;
	color:White;
	font-size: 1.0em;
	text-align:left;
}
.startlinkl:hover{
	display:block;
	background-color:grey;
	color:yellow;
	font-size: 1.0em;
	text-align:left;
}
.startlinkr:link{
	display:block;
	background-color:grey;
	color:yellow;
	font-size: 1.0em;
	text-align:right;
}
.startlinkr:hover{
	display:block;
	background-color:grey;
	color:yellow;
	font-size: 1.0em;
	text-align:right;
	}

html {font-family: Arial, sans-serif;}
#player {
	border: 5px solid red;
	border-radius: .5em;
	/*max-width: 24em;*/
	width:620px;
	background: dimgray;
	text-align:left;
	margin-left:150px;
}


#player audio {width: 100%;   margin: 25px 0 0 0;} /* 25px fuer Android */
#player ul {margin:0;padding:0}
#player li {
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	list-style-type:none;
	padding:6px;
	border-top: 2px solid #666;
	/* width: 240px; */
}
#player li, #player li a {color:white;text-decoration:none; font-size: 1.1em;display:block;}
.star {font-size: 1.5rem; line-height: .1rem; vertical-align: -.5rem;}
.bem {
	font-size: .8rem;
	-webkit-text-size-adjust: none; /* was es alles gibt! */
}

h1,  #gemafrei {text-align:center;}


/* Smartphones and iPad (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 1024px) {
#gemafrei:before {content:'iOS und Android mögen leider kein Autostart.'; display:block;}
}

.gaestebuch{
	background-color:#FF6D0F;
	position:relative;
	min-height:100%;
	width: 1000px;
	margin: 0 auto;
	text-align: center;
}

