#slide{
	border:1px solid white;
}

.header{
	text-align:center;
	padding:5px;
	background:black;
	color:white;
}

.liste{
	flex:100%;
} 

.article{
	flex:60%;
	text-align:center;
}

	nav {	
		padding:5px;
		text-align:center;
		}

nav a, 
nav span {
    display: inline-block;
    width: 12em; 	/* Breite den in li enthaltenen Elementen zuweisen */
	margin:5px;
    padding: 5px;
    text-decoration: none; 
    font-weight: bold;
    border: 1px solid grey;		/*rand*/
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0px 5px 10px white inset;
    color: black; 
    background-color: silver;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }
			
			nav a:focus,
			nav a:hover, 
			nav span {   			/* aktuelle Unterseite kennzeichnen */

			}
	a:hover{
	opacity:0.7;
}

.aside{
	flex:15%;
	text-align:center;
}

input[type=submit]{
	width:8em;
	border:1px solid grey;
	background:silver;
	border-radius:5px 5px 5px 5px;
	box-shadow:0px 5px 5px 5px white inset;
	padding:2px;
}

input[type=submit]:hover , #prev:hover , #next:hover{
	opacity:0.6;
}

#prev , #next{
	position:relative;
	top:32%;
	margin:auto;
	padding:auto;
	text-align:center;
}

.trennung{
	flex:100%;
}

.footer{
	text-align:center;
	padding-top:5px;
}