html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
}

body {
	font-family: arial, helvetica, sans-serif;
	background-color: rgb(33, 33, 33);
}

a:visited, a {
	color: #F5F5F5;
	text-shadow: 5px 5px 5px #222222;
	text-decoration: none;
}

a:focus, a:hover {
	text-shadow: 5px 5px 5px #222222;
	text-decoration: underline;
}

h1 {
	color: white;
	font-size: 2em;
	font-style: normal;
	text-decoration: underline;
	font-weight: bold;
	margin-top: 1em;
}

header {
	-moz-box-shadow: 0 3vh 3vh 0 rgba(33,33,33,0.7);
	-webkit-box-shadow: 0 3vh 3vh 0 rgba(33,33,33,0.7);
	box-shadow: 0 3vh 3vh 0 rgba(33,33,33,0.7);
	background-color: rgba(33,33,33,0.7);
	color: #FFFFFF;
	margin: 0;
	text-align: center;
	width: 100%;
	height: 21%;
	max-height: 8em;
	position: fixed;
	top: 0px;
}

footer {
	-moz-box-shadow: 0 -1em 1em 0 rgba(33,33,33,0);
	-webkit-box-shadow: 0 -1em 1em 0 rgba(33,33,33,0);
	box-shadow: 0 -1em 1em 0 rgba(33,33,33,0);
	background-color: rgba(33,33,33,0);
	font-family: arial, helvetica, sans-serif;
	color: #EEEEEE;
	margin: 0;
	text-align: center;
	width: 100%;
	height: 1.6em;
	position: fixed;
   bottom: 0px;
}

div.links {
	padding-left: 1%;
	width: 24%;
	text-align: left;
	vertical-align: middle;
	float: left;
	clear: both;
	height: 100%;
}

div.mitte {
	width: 50%;
	text-align: center;
	float: none;
	display: inline-block;
	clear: both;
	height: 100%;
}

div.rechts {
	padding-right: 1%;
	width: 24%;
	text-align: right;
	vertical-align: middle;
	overflow: hidden;
	float: right;
	height: 100%;
}

div.content {
	
}

div.content div.topspacer {
	height: 21vh;
	max-height: 8em; 
}

div.content div.topimage {
	width: 70%;	
	min-width: 17.5em;
	margin: auto;
	margin-top: 3em;
	margin-bottom: 2em;
	text-align: center;
	align-content: center;
	align-items: center;
}

div.content div.topimage img {
	max-height: 50vh;
	max-width: 100%;
	margin: auto;
	border-radius: 7vh;
	-moz-box-shadow: 0 0 1em 0 rgba(0,0,0,1);
	-webkit-box-shadow: 0 0 1em 0 rgba(0,0,0,1);
	box-shadow: 0 0 1em 0 rgba(0,0,0,1);
}

div.content div.text {
	color: #EEEEEE;
	background-color: rgba(33, 00, 33, 1);

	width: 70%;	
	min-width: 17.5em;
	margin: auto;
	
	padding: 5vh;
	text-align: justify;
	-moz-box-shadow: 0 0 1em 0 rgba(33, 33, 33, 1) inset, 0 0 2em 0 rgba(0,0,0, 1);
	-webkit-box-shadow: 0 0 1em 0 rgba(33, 33, 33, 1) inset, 0 0 2em 0 rgba(0,0,0, 1);
	box-shadow: 0 0 1em 0 rgba(33, 33, 33, 1) inset, 0 0 2em 0 rgba(0,0,0, 1);
	border-radius: 7vh;
}

div.content div.text div.unter{
	text-align: justify;
	width: 95%;	
	min-width: 17.5em;
	margin: auto;
}


div.content div.bottomspacer{
	height: 2em;
	
}

#social {
	position:absolute; 
	padding-top:80vh; 
	padding-left:1vw;
}

#info {
	list-style-position: inside;
}

#info li {
	font-weight: bold;
}

#map {
  height: 80vh;
  width: 100%;
  border-radius: 3vh;
}


#osm {
  font-size: 0.7em;
  font-style: italic;
  text-align: right;
}