body {
  font: normal 100%  Arial, Helvetica, sans-serif;
  left:2em;
  margin:0 auto 0 0;
  padding:0;
}

div#inhalt {
  position:absolute;
  top:5ex;
  left:17em;
  right:2em;
  width:40em;
  
  margin:2;
  padding:.5em;
}


/*Liste unterhalb Navi: keine Bullets etc*/
ul#navigation {
  position:absolute;
  top:21ex;                /* Abstand Navigation von oben */
  left:3ex;               /* Abstand Navitasten von links */
  width: 9em;             /* Breite der Navitasten*/
  margin:0 auto 0 0;
  padding:1ex 0;
  list-style-type:none; 
}

ul#navigation ul {
  padding:0;
  margin:0 0 0 1em;  
  list-style-type:none;
}

ul#navigation li  {
  margin:0;
  padding:0;
  display:inline;          /*Hack für IE*/
}

ul#navigation li  a {
  display:block;
                           /*border:outset 1px #FFFFDF;*/
                           /*border:#FFFFDF;*/
  border:#FFFFFF;

  text-decoration:none;    /* Navischriften nicht als Links unterstreichen */
  color:#000000;           /* Farbe der non-visited links: weiss  */
  background-color:#F5B418;/* Farbe der Schaltflächen: beige*/
                           /*background-color:#AA0033;  weinrot*/
                           /*background-color:#FFFFDF;  vanille*/
  margin:5px 0;            /*Abstand der Schaltflächen: erste Angabe: oben/unten 2.Angabe re/li */
  padding:1,5;               /*Höhe der Schaltflächen */
  width:99.5%;             /*Hack für IE*/
  font-size:80%; 
}

ul#navigation li a:visited {  
/*  color:gray;           /* Farbe der visited links: gray */
}

ul#navigation li a:hover {    
 background-color:#99ccff; /* Farbe bei mouseover: hellblau */
}

ul#navigation li a:active {   
  border:inset 1px #fff;   /* bei mousedown: Umrandung */
}



ul#navigation li strong {  /* ausgewählte Seite: Behandlung wie oben   */
  display:block;
  border:inset 1px #fff;
  color:#f33;
  background-color:#efe;
  width:99.5%;
  font-size:90%;
}



/*Logo "Kontakt */
p#logo {
  position;
  top:6ex;
  /*left:2em;*/
  height:70;               /* Höhe des Logos */
  /*width:10em;*/
  margin:0 auto 0 0;       /*oben/rechts/unten/links=Uhrzeigersinn*/
  padding:0;               /* innerer Rand   */
  text-align:center;
                           /*border:solid 1px #999;*/
}
p#logo img {
 /*width:100%;*/
 height:100%;
}
 


/*Navigationsliste und Logo für Druck ausblenden*/
@media print {
  ul#navigation{
  display:none;
  }
  
  p#logo{
  display:none;
  border:#FFFFDF;
  }

  div#inhalt {
  position:static;
  }

  a {					/*damit Links im Druck nicht mehr blau und unterstrichen sind*/
   text-decoration:none;
   color:#000;
  }

  a:after {			´       /*damit Links im Druck ausgewiesen werden */
   content:'['attr(href)']';
}

}


#stapel {
    height: 22.5em;
    width: 30em;
    margin: 2em auto 0;
    border: 5px solid #eee;
    box-shadow: 1px 1px 5px 2px #777;
}

#stapel img {
    position: absolute;
    height: 22.5em;
    width: 30em;
    opacity: 0;
    animation: 20s ease-in-out infinite;
}

#stapel img:nth-of-type(1) {
    animation-name: fade1;
}

#stapel img:nth-of-type(2) {
    animation-name: fade2;
}

#stapel img:nth-of-type(3) {
    animation-name: fade3;
}

#stapel img:nth-of-type(4) {
    animation-name: fade4;
}

#stapel img:nth-of-type(5) {
    animation-name: fade5;
}

#stapel img:nth-of-type(6) {
    animation-name: fade6;
}

@keyframes fade1 {
     0% {opacity:1;}
    10% {opacity:1;}
    20% {opacity:0;}
    30% {opacity:0;}
    40% {opacity:0;}
    50% {opacity:0;}
    60% {opacity:0;}
    70% {opacity:0;}
    80% {opacity:0;}
    90% {opacity:0;}
   100% {opacity:1;}
}

@keyframes fade2 {
     0% {opacity:0;}
    10% {opacity:0;}
    20% {opacity:1;}
    30% {opacity:1;}
    40% {opacity:0;}
    50% {opacity:0;}
    60% {opacity:0;}
    70% {opacity:0;}
    80% {opacity:0;}
    90% {opacity:0;}
   100% {opacity:0;}
}

@keyframes fade3 {
     0% {opacity:0;}
    10% {opacity:0;}
    20% {opacity:0;}
    30% {opacity:0;}
    40% {opacity:1;}
    50% {opacity:1;}
    60% {opacity:0;}
    70% {opacity:0;}
    80% {opacity:0;}
    90% {opacity:0;}
   100% {opacity:0;}
}

@keyframes fade4 {
     0% {opacity:0;}
    10% {opacity:0;}
    20% {opacity:0;}
    30% {opacity:0;}
    40% {opacity:0;}
    50% {opacity:0;}
    60% {opacity:1;}
    70% {opacity:1;}
    80% {opacity:0;}
    90% {opacity:0;}
   100% {opacity:0;}
}

@keyframes fade5 {
     0% {opacity:0;}
    10% {opacity:0;}
    20% {opacity:0;}
    30% {opacity:0;}
    40% {opacity:0;}
    50% {opacity:0;}
    60% {opacity:0;}
    70% {opacity:0;}
    80% {opacity:1;}
    90% {opacity:1;}
   100% {opacity:0;}
}

@keyframes fade6 {
     0% {opacity:0;}
    10% {opacity:0;}
    20% {opacity:0;}
    30% {opacity:0;}
    40% {opacity:0;}
    50% {opacity:0;}
    60% {opacity:0;}
    70% {opacity:1;}
    80% {opacity:1;}
    90% {opacity:0;}
   100% {opacity:0;}
}