/* General Style */

body {

	background:#BCEB86;

	font-size:100%;

	margin:0em;

	padding:0em;

}



h1 {

	font-size:3.8em;

	line-height:2.5em;

	font-family: Helvetica;

	font-weight:100;

	color:#E2DBDB;

	margin:0em;

}



h2 {

	font-size:1.563em;

	line-height:1.8em;

	font-family:Helvetica;

	font-weight:100;

	color:#2F2D2C;

	margin:0em;

	padding:1.25em;

	text-align:left;

}



p {

	line-height:1.2em;

	font-family:Helvetica;

	font-weight:100;

	color:#2F2D2C;

	margin:0em;

	padding:1.25em;

	text-align:justify;

}



ul {

	margin:0px;

	padding:0px;

}



li {

	list-style-type:square;

	font-family:Helvetica;

	font-weight:100;

	color:#2F2D2C;

	line-height: 1.25em;

	margin:0em;

	padding:0em;

	margin:0.313em 0em 0.313em 0em;

}



img {

	width:90%;

	height:auto;

	max-width:100%;

}



#calendar {

	height:50em;

	margin-left:1.25em;

}



a {

	text-decoration: none;

}



/* On Top Bar */

#menubar {

	display:block;

	background:#FFFFFF;

}



#menubar ul {

	display:block;

	width:2em;

	padding:0.9em;

}



#menubar ul li {

	display:inline;

}



#menubar ul li a.menubutton {

	display:none;

}

/* Header */

header {

	display:block;

	background:#283928;

	text-align:center;

}

/* Navigation */

nav {

	display: block;

	height:2.5em;

	background: #FFFFFF;

	text-align: center;

}



nav ul {

	display:block;

}

nav ul li {

	display: inline;

	margin:0em 0.188em 0em 0.188em;

}

nav ul li a {

	color:#454040;

	font-size: 1.125em;

	line-height: 2.5em;

	padding: 0.563em 0.938em 0.375em 0.983em;

	transition: background 0.2s;

	-webkit-transition: background 0.2s;

}

nav ul li a:hover {

	background: #DBD9D8;

	border-bottom: 0.188em solid #E7590B;

}

nav ul li a.active {

	border-bottom: 0.188em solid red;

}

/* Content Area */

#main {

	display:block;

	width: 96%;

	max-width: 980px;

	margin:1.25em auto;

	padding:0em;

	border-radius:20px;

}



#main article {

	display: inline-block;

	width: 100%;

	background: #FFFFFF;

	vertical-align: top;

	margin: 0em;

	padding: 0em;

	text-align: centre;

	border-radius:20px;

}

#main article ul {

	display: block;

}



#main article ul li {

	display: inline;

}



#main article img {

	max-width: 400px;

	box-shadow: 0px 0px 10px -5px #4c4948;

	border-radius: 5px;

}



#main aside {

	/*display: inline-block;*/

	display:none;

	width: 30.6%;

	margin-left:3%;

	padding:0em;

	vertical-align:top;

}



#main aside section {

	margin-bottom:1.563em;

	background:#ffffff;

	border-bottom: 0.188em solid #E7590B;

}



#main article h2 {

	padding:1em 1.8em 1em 1.8em;

}



#main aside section ul {

	padding: 0em 1.875em 1.25em 2.5em;

}

/* Footer */

footer {

	display:block;

	background:#2F2C2C;

	text-align: left;

}



footer ul {

	display:block;

	width: 100%;

	max-width: 980px;

	text-align:left;

	margin:0px auto;

}



footer ul li {

	display: inline;

	font-size: 0.8em;

	line-height: 2.8em;

	color:#E2DBDB;

	padding:0em 0.625em 0em 0.625em;

}



footer ul li a {

	color:#E2DBDB;

}



/* Mobile Style */

@media screen and (max-width:800px) {

	body {

		font-size:90%;

	}

}



@media screen and (max-width:600px) {

	#main aside, #main article {

		width:100%;

		display:block;

		margin: 0.625em 0em 0.625em 0em;

	}

}

@media screen and (min-width:550px) {

	nav.nav {

		display:block !important;

	}	

}

@media screen and (max-width:550px) {

	body {

		font-size:86%;

	}

	#menubar, nav {

		position:fixed;

		width:100%;

		border-bottom: 0.1em solid #2F2C2C;

	}

	header {

		padding-top:3.7em;

	}

	#menubar ul li a.menubutton {

		display: block;

	}

	nav {

		display:none;

		height:auto;

		top:3.7em;

	}

	nav ul li {

		display: block;

		margin: 0.3em 0em 0.3em 0em;

	}

}

/* Style-Klassen */

.hidden {

	display:none;

}

.center {

	text-align:center;

}

#karte {
	min-width:80%;
}