body{margin:0;background-color:#F6FDFD/*AFAFAF*/;font-family:Arial, sans-serif;;line-height:2em; height:100%;   /* Mindestschriftgröße wird dem Browser, bzw. dem Nutzer überlassen! */}
#header{height:56px;width:100%;background-color:#0055a0;margin-top:30px;}
#header_flocke{background-image:url(../Fiedler_flocke.gif);background-repeat:no-repeat;height:100%;margin-left:20px;}
#logo{background-image:url(../Fiedler_logo2.gif);background-repeat:no-repeat;height:83px;width:195px;position:absolute;right:5%;margin-top:-23px;}
#text_script{color:#666666;font-size:12px;top:1px;left:8px;position:absolute;}    /*Datum Aktualisierung*/
#text{margin:0% 3% 0% 3%;font-weight:bold;color:#363636/*FFFFFF*/;position:absolute;left:10px;right:10px;top:120px;padding-bottom:1em;}
.kontakt{ width:235px; float:left; text-align:center;line-height:2em;  margin:1em 1em 1em 1em;opacity: 1;/*-Duchsichtigkeit*/}
.clear {clear: both;}                                                                         /* Reset Grundlayout.css bezüglich div-Elementen */

a:link{text-decoration:none;color:#0055a0/*blau*/;}                                                   /* auch für Bild Vordergrund*/
a:visited{text-decoration:none;color:#0055a0;}
a:hover{text-decoration:underline;color:#363636/*FFFFFF*/;}
a:active{text-decoration:underline;color:#008030;}
/*img{margin: 2em;float:left;text-align:center; width:154px; height:110px;}  */               /* id BILDausrichtung html*/
.img{margin:0em 1em 2em 1em;float:left;text-align:center;}                                              /* class BILDausrichtung html*/
h1{font-size:1.5em;line-height:1.5em;text-align:center}
h3{color:#0055a0;}

.ungerade td{padding:10px;color:#0055a0;line-height:30px;background-color:#e8eff5;}
.gerade td{padding:10px;color:#0055a0;line-height:30px;background-color:#b6efef;}

nav > ul { margin: 0; padding: 0;}
nav li { list-style: none /*(ul) Aufzählungsliste Buttet -Zeichen */; }                                    /*Liste Menü*/
nav ul ul {position: absolute;left: -24px; top: 0px;font: 0/0 serif/* Unternavigation ausblenden */;
z-index: -1;transition: font 0.5s/*Bild laden*/;}                                                          /*Menüleiste offen*/
nav ul li:hover ul, nav ul a:focus ~ ul {font: inherit;z-index: auto;}                                     /*Menüleiste öffnen */
nav a {   width:220px; float:left;margin:0em 0em 0em 0em; background-color:#F6FDFD/*AFAFAF*/;}                       /* Menüleiste offen Hintergrund */
nav li[aria-current] a { color: #FF0000;}                                                                  /*Farbe aktuelle Menüseite*/
                                    /* margin: 0 oben  0 rechts  0 unten  0 links;  Abstand: margin:Außen; border:Rahmen; padding: Innen: Inhalt width / height */



@-webkit-keyframes supersize { 0% { -webkit-transform:scale(.9); }100% { -webkit-transform:scale(1); }}

ul { list-style: none }                        /* keine Listenpunkte*/

li[id] {                                       /*Hintergrund angeklicktes Bild */
  overflow:hidden;                              /*Bilder im Hintergrund / nicht angezeigt*/
  position:absolute;                            /* Position angeklickte Bild zum Hintergrundrahmen*/

  width:0;                                       /*notwendig für Bildöffnung*/
  height:0;                                      /*notwendig für Bildöffnung*/
                                      /* Ausrichtung geöffnetes Bild zum Bildschirm*/
  top:-15%;                                      /* Ausrichtung geöffnetes Bild zum Bildschirm*/
  display: flex;
    justify-content: center;
    align-items: center;

  background:rgba(.1,0,0,.1);

}

li[id]:target { width:950px;height:750px;opacity:1; }    /*Hintergrundgröße bei geöffneten Bild*/
li[id]:target a {                                        /*Bildseite über webseite*/

display: flex;justify-content: center; align-items: center;  /*Bildausrichtung Untergrund*/
border:15px solid #fff;                                   /*Rahmen und Rahmenfarbe*/

-webkit-box-shadow:0 1px 8px #000;
  -moz-box-shadow:0 1px 8px #000;
  box-shadow:0 1px 8px #000;
  -webkit-animation:supersize .8s cubic-bezier(0,0,0,1);


/*  .closebutton {
    position: relative;
    top: -15px;
    left: 15px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: url(graphics/close.png);
}
    <div class="closebutton" onclick="return hs.close(this)" title="Close"></div> */