@charset "utf-8";
#top {align-content: center}
.top {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 20px;
	color: rgba(255,0,102,1.00);
	text-align: center;
	background-color: rgba(141,141,141,1.00);
	border: thick double rgba(255,0,102,1.00);
	box-shadow: 12px 12px 2px 1px rgba(141,141,141,0.25);
	padding: 40px;
	margin: 40px;
}

html, body {
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#wrapper {
	display:flex;
	flex-direction: column;
	height: 100%;
	min-height: 100%;
}

header {
	background-color: deepskyblue;
}

#mehrspaltig {
	flex:1;
	display: flex;
	flex-direction: row;
	background-color: rgba(90,60,60,1.00);
}

nav {
	flex: 1;
	background-color: rgba(70,110,150,1.00);
}

article {
	flex: 5;
	background-color: rgba(210,210,210,1.00);
}

aside {
	flex:1;
	background-color: rgba(200,190,90,1.00);
}

footer {
	background-color: limegreen;
}