body, textarea, input, select {
	font-family: 'Exo 2', sans-serif;
	font-weight:300;
	font-size:12pt;
	line-height:24px;
	color:#000;
}

surround {
	display:block;
	max-width:700px;
	width:100%;
	margin:0 auto;

}

surround h1 {
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:36pt;
	line-height:50px;
	padding:0;
	margin:0;
	text-align:center;

}
surround h1.pageTitle {
	padding-top:50px;
	padding-bottom:10px;
	margin:0;
}

.harmonicaButton {
	font-family: 'Lato', sans-serif;
	line-height:40px;
	font-size:17pt;
	text-align:center;
	color:#fff;
	margin-bottom:20px;
	cursor:pointer;
	background-color:#adadad;
}
.harmonicaButton.akt {
	background-color:#E2000A;
}
.harmonicaButton:hover {
	background-color:#7d7d7d;
}
.harmonicaContent {
	display:none;

	padding:10px 20px 30px;
}

.harmonicaContent a {
	line-height:25px;
	color:#000;
}


.logout {
	line-height:40px;
	text-align:center;
	padding:30px 0 50px;
}

.logout a {
	display:inline-block;
	width:300px;
	border:none;
	background-color:#f00;
	line-height:40px;
	font-size:12pt;
	color:#fff;
	cursor:pointer;
}

.fehler {
	padding:20px 0;
	line-height:25px;
	font-family: 'Lato', sans-serif;
	font-size:13pt;
	font-weight:bold;
}

formular {
	text-align:center;
	margin:0 auto;
	display:block;
	padding-top:50px;
}

formular input, formular select, formular textarea {
	width:300px;
	border:none;
	background-color:#eee;
	padding:6px 10px;
	margin-bottom:5px;
}

formular input[type=submit] {
	width:200px;
	border:none;
	background-color:#f00;
	line-height:30px;
	font-size:12pt;
	color:#fff;
	cursor:pointer;
}