body { text-align: center; }

nav { width: 800px;
margin:0 auto;
list-style: none;}

ul {
    list-style-type: none;
    margin: 10;
    padding: 0;
    overflow: hidden;
    background-color: black;
}

li {
    float: left;
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

/* Change the link color to #111 (black) on hover */
li a:hover {
    background-color: #111;
}
#gallery { position: relative; text-align: center; }
#gallery figure { text-align: center;
position: fixed;
top: 50%;
left: 50%;
margin-top: -200px;
margin-left: -400px;
z-index: 1;
}
#gallery_label { position: relative; text-align: center; }
#gallery_label figure { text-align: center;
position: fixed;
top: 50%;
left: 50%;
margin-top: -150px;
margin-left: -300px;
z-index: 1;
}
#gallery_label2 { position: relative; text-align: center; }
#gallery_label2 figure { text-align: center;
position: fixed;
top: 50%;
left: 50%;
margin-top: -150px;
margin-left: -300px;
z-index: 1;
}
#gallery figcaption {
position: absolute;
left: 1em;
bottom: 0.5em;
z-index: 2;
}
#gallery_label figcaption {
position: absolute;
left: 1em;
bottom: 0.5em;
z-index: 2;
}
#gallery_label2 figcaption {
position: absolute;
left: 1em;
bottom: 0.5em;
z-index: 2;
}
#gallery figure { animation: wechseln 9s infinite; }
#gallery_label figure { animation: wechseln 9s infinite; }
#gallery_label2 figure { animation: wechseln 6s infinite; }
@keyframes wechseln {
0% {opacity: 1;}
25% {opacity: 1;}
40% {opacity: 0;}
92% {opacity: 0;}
100% {opacity: 1;}
}

#gallery figure:nth-of-type(2) {
	animation-delay: 3s;
}
#gallery figure:nth-of-type(1) {
 animation-delay: 6s;
}
#gallery_label figure:nth-of-type(2) {
	animation-delay: 3s;
}
#gallery_label figure:nth-of-type(1) {
 animation-delay: 6s;
}
#gallery_label2 figure:nth-of-type(2) {
	animation-delay: 3s;
}
#gallery_label2 figure:nth-of-type(1) {
 animation-delay: 6s;
}