html, body {
	height: 100%;
	font-family: 'PT Sans Narrow', sans-serif;
}
#main_wrapper {
	width:35%;
	min-height:100%;/* Mindesthöhe auf 100 % (bei modernen Browsern) */
	height:auto!important; /* important Befehl (bei modernen Browsern */
	height: 100%;/* IE soll wie gewünscht interpretieren */
	overflow:hidden!important;
	position: relative;
	background-repeat: repeat;
	margin-left: 5%;
	background-color: rgba(184, 134, 11, 0.5);
	-webkit-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.75);
	box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.75);
	min-width: 300px;
}
#main_wrapper h1 {
	color: #222;
	text-align: center;
	margin-top: 50px;
	font-weight: lighter;
	letter-spacing: 2px;
}
#main_wrapper #zitat {
	font-size: 1em;
	font-style: italic;
	margin-top: 60px;
	margin-left: 5%;
}
#main_wrapper #content #join {
	text-align: center;
	margin-top: 20%;
}
#main_wrapper #content p span {
	letter-spacing: 1px;
	font-size: 1.5em;
}
#main_wrapper #content p {
	padding-right: 15px;
}
#main_wrapper #content h3 {
	font-weight: lighter;
	letter-spacing: 2px;
}
#main_wrapper #impressum {
	text-align: right;
	font-family: 'PT Sans Narrow', sans-serif;
	position: absolute;
	bottom: 60px;
	right: 25px;
}
#main_wrapper #impressum span a {
	color: #222;
}
#main_wrapper #impressum span a:hover {
	color: #aa0d0d;
}
#main_wrapper #return {
	right: 10px;
	position: absolute;
	bottom: 90px;
}
#main_wrapper #return span a {
	color: #333;
}
#main_wrapper #return span a:hover {
	color: #900;
}
#main_wrapper audio {
	position: absolute;
	bottom: 10px;
	width: 100%;
	background-color: #C00;
}
#main_wrapper audio code {
	color: #900;
	font-weight: bold;
}