body    {
	  text-align: center;
	  vertical-align: center;
          background-image: url(bilder/Background3_1600.jpg);
          background-repeat: no-repeat;
          background-position: top center;
          font-family: Arial; 
          /*margin: 1em auto; */
        }

#seite	{
	  width: 1010px;
	  height: 821px;
	  text-align: center;
	  vertical-align: center;
	  margin-left: auto; 
          margin-right: auto;
	  background-position: top center;
	  background-image: url(bilder/page2_bg_trans.png);
          background-repeat: no-repeat;
	}
	
#seite_corona	{
	  width: 1010px;
	  height: 821px;
	  text-align: center;
	  vertical-align: center;
	  margin-left: auto; 
          margin-right: auto;
	  background-position: top center;
	  background-image: url(bilder/page2_bg_trans_corona3.png);
          background-repeat: no-repeat;
	}

#banner {
	  width: 1010px;
          height: 131px;
	  margin-top: -20px;
	  margin-left: auto;
	  margin-right: auto;
          /*margin-left: 50px;*/
          padding-left: -10px;
          vertical-align: middle;
          background-repeat: no-repeat;
          /*background-color: #eee;*/
          font-size: 32pt;
          text-align: center;
          /*background-image: url(bilder/banner_bg_trans.png);
          background-repeat: no-repeat;*/
	}

#zweispaltig
	{
	  display: table;
	  width: 1010px;
	  height: 670px;
	  margin-left: auto;    
          margin-right: auto;
	  margin-top: 10px;
	}
#navigation
	{
	  display: table-cell;
          width: 175px;
          /*height: 670px;*/
          /*background-image: url(bilder/menu_bg_trans.png);
          background-repeat: no-repeat;*/
	}

#navigation ul
	{
	  /*display: table-cell;*/
          vertical-align: top; 
	  margin-left: 0px;
          margin-top: 125px;
          list-style-type: none;
	  padding-top: 30px;
          padding-left: 0px;          /* Für alle anderen Browser */
	  padding: .5em;
/*        width: 12.7em;*/
          line-height: 125%;            /* Höhere Schaltflächen */
	}
#navigation ul ul {
          vertical-align: top; 
          /*height: 224px;*/
          height: auto;
          list-style-type: none;
          margin-top: 3px;
          margin-bottom: 3px;
          margin-left: 5px;            /* Für den InternetExplorer */
          padding-left: 5px;           /* Für alle anderen Browser */
          background-image: none;
          padding-left: 20px;
	  padding-top: 0em;
	  padding-bottom: 0em;
          width: 9em;
          line-height: 125%;            /* Höhere Schaltflächen */
        }
#navigation a,
#navigation strong
        {
          display: block;               /* Hierdurch wird der gesamte Kasten (Listeneintrag) klickbar */
          border: 1px solid #008;       /* Gleiche Farbe wie der Hintergrund - wird erst sichtbar beim Überfahren mit der Maus */
          border-left-width: 4px;
          font-weight: bold;
          margin: 2px 0;                /* Abstand nur für oben und unten, links und rechts 0 */
          padding: 3px 3px 3px 5px;
          text-decoration: none;
          width: 8em;
        }
#navigation a:link,
#navigation a:visited
        {
          color: #fff;
          background-color: #333333;
          text-decoration: none;
        }
#navigation a:active,
#navigation a:hover
        {
          color:#008;
          background-color:#fff;
        }
strong  {
          background-color: #dddddd;
        }

#inhalt {
	  display: table-cell;
	  margin-top: 10px;
	  padding-left: 20px;
          padding-top: 10px;
          color: black;
          font-size: 16pt;
          /*border-top: 7px solid #fff;*/
/*        border-top: 17px;*/
          vertical-align: top;
          /*background-image: url(bilder/article_bg_trans.png);
          background-repeat: no-repeat;*/
        }
article {
          height: 658px;
	  width: 770px;
	  color: black;
          font-size: 16pt;
	  vertical-align: top;
	  text-align: left;
	  padding-left: 15px;
	  padding-right: 10px;
	  overflow-y: auto;
	}
figure {
  position: relative;
  margin: 0;
  padding: 5px;
  /*width: 350px;*/
  border: 0px solid gainsboro;
  background: white;
  float:right;
  margin-right:10px;
  padding-bottom:5px;
  display:block
}
 
figcaption {
  padding: 10px;
  text-align: center;
}

h4::after {
    position: right ;
    content: attr( data-date ) ;
    padding-left: 0.625em ;
    font-size: 0.625em ;
    font-style: italic ;
    /*color: #bbb ;*/
}


/* Fotoalbum */
/* Die Fotogalerie wird rein durch CSS realisiert. Für jedes Bild wird ein
   div erstellt mit dem Namen pic<n>. Für dieses dic wird ein Anker
   angelegt, über den es angesteuert wird. Da die Höhe des div höher ist als
   der Sichtbare Berei ist immer nur das ausgewählte Bild zu sehen.
*/
 #albumwrapper {
     width:770px;
     height:658px;
     margin:0 auto;
     position:relative;
     /*font-family:verdana, arial, sans-serif;*/
 } 

 #albumwrapper #album {
     position:absolute;
     left:0;
     top:0;
     width:770px;
     height:658px;
     overflow:hidden;
     text-align:center;
     /*overflow-y: auto; */
 }

 #albumwrapper #album div {
     width:770px;
     /*height:900px; */
     height:650px;
     padding-top:10px; 
     position:relative;
 } 

/*
 #albumwrapper #album div img {
     clear:both; 
     display:block; 
     margin:0 auto; 
     border:0;
 }
*/ 
 #albumwrapper #album div p {
    /* padding:5px 0; */
     margin:0; 
     font-size:14pt; 
     text-align: left;
     padding-left: 15px;
     padding-right: 10px;
     /*line-height:18px;*/
 }