* {
	margin: 0px;
	padding: 0px;
}
body {
	font-family: Verdana, Geneva, sans-serif;
	background-color: #EDC5CE;
}

#wrapper {
	width: 960px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	margin-top: 50px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
header {
	background-color: #56626E;
	color: #E1E8EF;
}
header h1 {
	padding-top: 60px;
	padding-left: 20px;
}
article {
	padding: 20px;
	padding-bottom: 0;
}
article p {
	margin-bottom: 1em;
	line-height: 133%;
}
article figure {
	width: 50%;
	float:left;
	margin-right: 20px;
}

article figure img{
	width: 100%;
	height: 100%;
}

.nebeneinander {
	display:flex;
}

.nebeneinander figure {
	width: 100%;
	margin-right: 5px;
}

.nebeneinander figure img{
	width: 100%;
	height: auto;
}

.unten {
	color: #06F;	
}


#e1, #e2, #e3, #e4 {
	position:absolute;
	width: 80px;
	height: 80px;
	background-color:black;	
}
#e1 {
	top: -40px;
	left:-40px;	
}
#e2 {
	top: -40px;
	right:-40px;	
}
#e3 {
	bottom: -40px;
	left:-40px;	
}
#e4 {
	bottom: -40px;
	right:-40px;	
}

footer {
	clear: left;
	text-align:center;	
}