body{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10pt;
	font-color:#fff;
	background-color:#000;
}
#wrapper{
	background-color:#000;
	border:1px solid #000;
	/*NEU auto*/
	width:auto;
	padding:1px;
	margin:20px auto;
	box-sizing:border-box;
	/*Die Größe des Contents ist hier 1012px - 2 x 1px (border) - 2 x 5px (padding) = 1000px*/
}
header{
	background-image:linear-gradient(to top, #126a57 0%,#1da084 50%,#30deb8 100%);
	/*background-image:linear-gradient(to top, #7db9e8 0%,#2989d8 50%,#1e5799 100%);*/
	/*background-image:linear-gradient(to top, #30deb8 0%,#1da084 50%,#126a57 100%);*/
	/*background-image:linear-gradient(to top, #1e5799 0%,#2989d8 50%,#7db9e8 100%);*/
	border:1px solid #000;
	margin-bottom:5px;
	height: 80px;
	box-sizing:border-box;
	/*Bei der Border-Box ist Border und Padding schon in Width und Height berücksichtigt*/
	padding:5px;
}
nav{
	background-image:linear-gradient(to top, #30deb8 0%,#1da084 50%,#126a57 100%);
	/*background-image:linear-gradient(to top, #1e5799 0%,#2989d8 50%,#7db9e8 100%);*/
	border:1px solid #000;
	margin-bottom:5px;
	height:30px;
	box-sizing:border-box;
	padding:5px;
}
nav	a{
	font-family:verdana,arial,helvetica,sans-serif;
	color:#ffffff; 
	text-decoration:none;
	margin-left:20px;
	margin-right:20px;
	font-size:12pt;
}
nav ul{
	list-style-type:none;
	margin:0;
	padding:2px;
}
nav ul li{
	display:inline;
}
a:hover{
	color:#0f0;
	/*background-image:none;*/
	/*color:#ffff00;*/
}
main{
	background-color:#000;
	/*background-image:linear-gradient(to top, #30deb8 0%,#1da084 50%,#126a57 100%);*/
	border:1px solid #000;
	/*ausschalten für einspaltig*/
	/*float:left;*/
	/*neu 0.5%*/
	
	/*margin-right:0.5%;*/
	/*neu 69.5%*/
	/*width:69.5%;*/
	height:700px;
	box-sizing:border-box;
	padding:5px;
	/*Für IE*/
	display:block;
}
main figure{
	margin:0;
	background-color:#ddd;
	padding:5px;
}
main figure img {
	width:100%;
	/*Margin das weiter unten gesetzt wird hier zurücknehmen*/
	margin:0;
}
main img{
	width:100%;
	display:block;
	/*Margin für Bilder im Main einstellen, Gilt aber auch für das Bild in der Figure, genauso wie das display:block*/
	margin:1em 0;
}aside{
	background-image:linear-gradient(to top, #30deb8 0%,#1da084 50%,#126a57 100%);
	background-color:#000;
	border:1px solid #000;
	height:700px;
	/*ausschalten für einspaltig*/
	/*float:left;*/
	/*neu 30%*/
	/*width:30%;*/
	box-sizing:border-box;
	padding:5px;
	/*neu verstecken*/
	display:none;
}
footer{
	background-image:linear-gradient(to top, #30deb8 0%,#1da084 50%,#126a57 100%);
	border:1px solid #000;
	height:50px;
	margin-top:5px;
	box-sizing:border-box;
	padding:5px;
}
footer a{
	font-family:verdana,arial,helvetica,sans-serif;
	color:#addfff; 
	text-decoration:none;
	margin-left:20px;
	margin-right:20px;
	font-size:12pt;

	
	font-family:verdana,arial,helvetica,sans-serif;
	color:#ffffff; 
	text-decoration:none;
	margin-left:20px;
	margin-right:20px;
	font-size:12pt;
}
.clear{
	clear:both;
}
h1     {color:#ff9933; font-family:verdana,arial,helvetica,sans-serif; font-size: 16pt;}
h2     {color:#fff; font-family:verdana,arial,helvetica,sans-serif; font-size: 14pt;}
h3     {color:#fff; font-family:verdana,arial,helvetica,sans-serif; font-size: 10pt;}
h4     {color:#ff9933; font-family:verdana,arial,helvetica,sans-serif; font-size: 10pt;}
h5     {color:#ff9933; font-family:verdana,arial,helvetica,sans-serif; font-size:  8pt;}

#mainbackgroudpictures{
	background-image:url(Graphics/KeepSimpleMain.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	/*background-size: 100% 100%;*

	/*background-position: 0 0, 100px 0, 680px 0;
	background-size: 170px 70px, 2550px 70px, 70px, 70px;
	height:70px;*/
}
#backgroudpictures{
	background-color:#000;
	background-image:url(Graphics/KeepSimple0.jpg);
	background-repeat:no-repeat;
	background-position: 0 0, 100px 0, 680px 0;
	background-size: 170px 70px, 2550px 70px, 70px, 70px;
	height:70px;
}

/*Mediaquerys für unterschiedlich breite Gräte*/
@media (min-width:450px){
	main figure{
		float:left;
		margin-right:1em;
		width:95%;
	}
}
@media (min-width:600px){
	main figure {
		width:70%;
	}
}
@media (min-width:800px){
	main{
		float:left;
		/*neu 0.5%*/
		margin-right:0.5%;
		/*neu 69.5%*/
		width:69.5%;

		main figure {
			width:90%;
		}
	}
	aside{
		float:left;
		/*neu 30%*/
		width:30%;
		/*neu jetzt wieder anzeigen*/
		display:block;
	}
}/*Ende Mediaquery*/
@media (min-width:1000px){
	nav{
		float:left;
		width:14.5%;
		margin-right:0.5%;
		height:700px;
		margin-bottom:0;
	}
	main{
		width:69.5%;
	}
	aside{
		width:15%;
	}
}