body{
     background-attachment:fixed;    background-color:white ;
     padding-left:20px;padding-right: 20px;padding-top:10px;
     font-style:arial;}

* {
     margin:0;
     padding:0;
     list-style:none;
     text-decoration:none;
     }

ul#navi  {
     float:left;
     background:#fff;
     width:100%;
     }

ul#navi a {
    display:block;
    padding:0px;
    color:#afafaf;
    font-weight:bold;
    border-right:0px ;
    text-align:center;
    }

ul#navi li  {
   position:relative;
   float:left;                    /* hinzugefügt um eine horizontale Ausrichtung zu erzielen */
   width:110px;                  /* Hinzugefügt 150px / 16 = 9.375em */
   }

/* Alle Ebenen ausblenden */
ul#navi ul  ,
ul#navi  li:hover ul
   {
   position:absolute;
   left:-9999px;
   background:#afafaf;
   }

ul#navi  li:hover ul
   {
   background:#4f4f4f; left:0;
   }

/* Neue Position definiert 16px Schriftgröße + (2 x 5px) padding = 30px / 16 = 1.875em*/
ul#navi ul
   {
   top:auto;
   }

/* Einzelne Ebenen einblenden */

/* Hover Hinter- und Vordergrundfarbe für alle Ebenen */
ul#navi li:hover > a , ul#navi  ul li:hover  > a
  {
   background:#afafaf;
   color:#fff;
  }

ul#navi a span
   {
   float:right;
   font-weight:normal;
   }

p.nav2
    {
    font-size: 16px; font-family:"arial"; color:#ffffff;
    }
p.nav3
    {
    font-size: 13px; font-family:"arial"; color:#ffffff;
    }

p.arch
    {
     font-size:16px;font-family:"arial","verdana",sans-serif;  color:#a29985;
     }
p.arch2
    {
   width:90px;
    }
p.arch3
    {
   font-size: 18px; font-family:"arial"; text-transform :uppercase; color:#a29985; width:220px;
    }
p.arch4
    {
   font-size: 18px; font-family:"arial"; text-transform :uppercase; color:#a29985; width:300px;
    }

h3
    {
    font-size: 20px; font-family:"arial","verdana",sans-serif;
      text-transform:uppercase;color:#111a90;
    }

.return
    {
   text-align:right; font-family:"arial"; font-size:13px;
     }

hr.duenn
     {
   background-color:#a29985;color:#a29985;height:1px;
     }

figure-caption
     {
     font-size:16px;font-family: "arial","verdana",sans-serif; font-style: italic;text-align:center;
     }

p.cs
     {
   font-style:italic; color:#5f0000;
     }
p.kopf
     {
     font-size:16px;font-family:"arial","verdana",sans-serif;  text-transform:uppercase;color:#a29985;
     }
p.bericht
     {
   text-align:center;font-size:18px; line-height:150%; color:black; font-family:"arial","verdana",sans-serif;
     }
p
     {
   font-size: 17px; line-height:130%; font-family: "arial","verdana",sans-serif;
     }
p.veranst {
   font-size:15px; font-family:"arial","verdana",sans-serif;
     }
p.veranstkopf
     {
   font-size:16px; font-family:"arial","verdana",sans-serif;
     }
p.adresse
     {
   font-size:18px; font-family:"arial","verdana",sans-serif;
     }
p.kommentar
     {
   font-family: "arial","verdana",sans-serif; color:red;
     }
p.author {
   text-align:center;font-size:15px; font-family:"arial","verdana",sans-serif;font-style:italic;
     }
a:link {text-decoration:none; color:blue;
     }
a:hover
     {
     color:red;
     }
a.zitat:link,a.zitat:visited
    {
    font-size: 1.1em; text-decoration:none;color:#ffffff;
     }
a.zitat:hover {font-size: 1.1em; color:red;
     }

div.bild {
   font-family: "arial","verdana",sans-serif; font-size: 1.5em; color: black;
     }
ul.einr {  margin-left:50px;
     }
li.aufzaehlung
     {
   font-size:15px;;font-family: "arial","verdana",sans-serif;list-style-type:disc;
     }
li.aufzaehlung2
     {
   font-size:17px;line-height:130%;font-family: "arial","verdana",sans-serif;list-style-type:disc;
     }
.leftkl
     {
     padding-right: 30px;margin-bottom:50px;
     }
.leftgr
     {
     padding-right: 50px;margin-bottom:20px;
     }
table
     {
      text-align:center; font-family: "arial","verdana",sans-serif; font-size: 1.1em; color: black;
     }
td
    {
    text-align:right;
     }
ol
    {
    text-align:center; font-family: "arial","verdana",sans-serif; font-size: 1.0em; color:black;
     }
     ul { list-style-type:decimal; font-family: "arial","verdana",sans-serif; font-size: 0.9em; color:black;
     }

     div.foto {
    display: flex;
    justify-content: center;
    align-items: center;
}