/*Alle CSS-Anweisungen des allgemeinen Layouts*/
a:link {
	text-decoration: none;
	color: MediumBlue;
}
a:visited {
	text-decoration: none;
	color: MediumBlue;
}
a:hover {
	text-decoration: none;
	color: navy;
}
a:focus {
	text-decoration: none;
	color: navy;
}
a:active {
	text-decoration: none;
	color: navy;
}
h1 {
	font-size: 2em;
	color: Firebrick;
	text-shadow: 1px 1px 0 grey;
}
h2 {
	font-size: 1.5em;
	color: Firebrick;
}
h3 {
	font-size: 1.17em;
	color: Firebrick;
}
h4 {
	font-size: 1.12em;
	color: Firebrick;
}
h5 {
	font-size: 0.83em;
	color: Firebrick;
}
h6 {
	font-size: 0.67em;
	color: Firebrick;
}
body {
	font-family: Tahoma, Geneva, sans-serif;	
	font-size: 1em;
	display: flex; /*flex-Container*/
	align-items: center; /*Kinderelemente zentrieren*/
	flex-wrap: wrap; /*flex-Items können mehrere Reihen bilden*/
	flex-direction: column; /* Ausrichtung der Flexboxen, hier von oben nach unten*/
}
/*------------------------------------------------------------*/
#main { /*flex-item*/
	width: 100%;
	max-width: 800px;
	background-color: rgba(0,0,128, 0.1);
	filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.2));
	border: 2px solid #CCC;
	border-radius: 10px;
}
#main #content {
	padding-top:2%;
	padding-left:2%;
	padding-bottom:2%;
	padding-right:2%;
}