/* Versuch, eine Dia-Show zu gestalten */


#pictures {
         width:800px;
         height:600px;
/* Dreimal "auto" heißt angeblich, dass das Bild zentriert ist. */
         margin:10px auto auto auto;
         overflow:hidden;
         position:relative;
/*       background:purple;               */
/*       animation-duration: 3s;          */
/*       animation-name: Photo_Show;      */
                 
}

.slider_img {
           position:absolute;
           top:0;
           left:0;
}

.Foto_Gerhard9_neu { animation: PICTURES_1 infinite 48000ms; }
.Foto_Gerhard2_neu { animation: PICTURES_2 infinite 48000ms; }
.Foto_Gerhard7 { animation: PICTURES_3 infinite 48000ms; }
.Foto_Gerhard6_neu { animation: PICTURES_4 infinite 48000ms; }
.Foto_Gerhard11 { animation: PICTURES_5 infinite 48000ms; }
.Foto_Gerhard12 { animation: PICTURES_6 infinite 48000ms; }
.Foto_Gerhard13_neu { animation: PICTURES_7 infinite 48000ms; }
.Foto_Gerhard14_neu { animation: PICTURES_8 infinite 48000ms; }
.Foto_Gerhard16_neu { animation: PICTURES_9 infinite 48000ms; }
.Foto_Gerhard19 { animation: PICTURES_10 infinite 48000ms; }
.Foto_Gerhard18_neu { animation: PICTURES_11 infinite 48000ms; }
.Foto_Gerhard20_neu { animation: PICTURES_12 infinite 48000ms; } 


@keyframes PICTURES_1 {
0%{ opacity:1;}
7%{ opacity:1;}
8%{ opacity:0;}
100% {opacity:0;}
  }

@keyframes PICTURES_2 {
0% { opacity:0; }
7% { opacity:0; }
8% { opacity:1; }
15% { opacity:1; }
16% { opacity:0; }
100% { opacity:0; }
  }

@keyframes PICTURES_3 {
0% { opacity:0; }
15% { opacity:0; }
16% { opacity:1; }
23% { opacity:1; }
24% { opacity:0; }
100% { opacity:0; }
  }

@keyframes PICTURES_4 {
0% { opacity:0; }
23% { opacity:0; }
24% { opacity:1; }
31% { opacity:1; }
32% { opacity:0; }
100% { opacity:0; }
  }

@keyframes PICTURES_5 {
0% { opacity:0; }
31% { opacity:0; }
32% { opacity:1; }
39% { opacity:1; }
40% { opacity:0; }
100% { opacity:0; }
  }

@keyframes PICTURES_6 {
0% { opacity:0; }
39% { opacity:0; }
40% { opacity:1; }
47% { opacity:1; }
48% { opacity:0; }
100% { opacity:0; }
  }

@keyframes PICTURES_7 {
0% { opacity:0; }
47% { opacity:0; }
48% { opacity:1; }
55% { opacity:1; }
56% { opacity:0; }
100% { opacity:0; }
  }

@keyframes PICTURES_8 {
0% { opacity:0; }
55% { opacity:0; }
56% { opacity:1; }
63% { opacity:1; }
64% { opacity:0; }
100% { opacity:0; }
  }

@keyframes PICTURES_9 {
0% { opacity:0; }
63% { opacity:0; }
64% { opacity:1; }
71% { opacity:1; }
72% { opacity:0; }
100% { opacity:0; }
  }

@keyframes PICTURES_10 {
0% { opacity:0; }
71% { opacity:0; }
72% { opacity:1; }
79% { opacity:1; }
80% { opacity:0; }
100% { opacity:0; }
  }

@keyframes PICTURES_11 {
0% { opacity:0; }
79% { opacity:0; }
80% { opacity:1; }
87% { opacity:1; }
88% { opacity:0; }
100% { opacity:0; }
  }

@keyframes PICTURES_12 {
0% { opacity:0; }
87% { opacity:0; }
88% { opacity:1; }
95% { opacity:1; }
96% { opacity:0; }
100% { opacity:0; }
  }



/* Zusatzangaben für die Bilder */
#form {
/*    float: center;       */
/*    width: 200px;        */
/*    height: 150px;       */
/*    margin-left: 90px;   */
    border: 3px solid red;
}