html {
background-color: #F3FFE5;
}
body {	
  font-family: sans-serif;
  width:70%;
  margin-left: auto;
margin-right: auto;
background-color: white;
  }
header,nav, img,article, footer {
  display:block;
  }

header {
background-color: white;
border-bottom-style:solid;
border-bottom-width:1px; 
border-bottom-color:black;
margin-left: 20px;
margin-right: 20px;
padding-top: 40px;
line-height: 0.3;
}
section {border:solid;
    max-height:50em;
	overflow: auto;
	display: table;
	border-width:1px;
	border-color:orange;}
aside {
	
	width: 15em;
	padding:0.8em;
	margin:0.3em;
	border:solid;
	display: table-cell;
}

#piclist{
	
	overflow: auto;
	border:solid;}


li {
	display: inline-block;	
	list-style-type: none;
	width: 45%;
}
 
img {
	padding: 0;
	margin: 0;	
	width: 100%;  /* Bild passt sich an verfügbaren Raum im li an */
}
 
button {
  padding: 0.1em;
}
 
     /* Large screens */
@media all and (min-width: 35em) {
	/* Large screens */

	li {
		width: 20em;
	}
 
	img {
		padding: 0;
		margin: 0;	
		width: 100%;  /* Bild passt sich an verfügbaren Raum im li an */
	}
 
	button {
		padding: 0.1em;
	}
 
	button:focus, 
	button:hover {
		background: #09c;
	}
}
	

a:link, a:visited {text-decoration:none;
	color:green;}
nav h2 {display:none;}
nav li {display: inline; margin-right: 30px; list-style-type:none;}
article {float:left; width:79%;}

footer {clear:both;
	text-align: center;}
footer li {display: inline; margin-right: 40px; list-style-type:none;}