footer {
   vertical-align: middle;          /******************** NÖTIG ??? ********************/ 
   text-align: center;              /******************** NÖTIG ??? ********************/
   display: table-row;
   font-family: 'arca-majora2-heavy', 'verdana', 'sans-serif'; /* Schriftart */
   letter-spacing: 0.6rem; /* Buchstabenabstand */
   word-spacing: 1rem; /*Abstand der Wörter */
   width: 100%; /* macht Footer so breit wie Bildschirm */
   display: table; /* erzeugt neue Zeile mit tabellarisch angeordneten Kindelementen. Hier wichtig um das Manü mittig auszurichten. Nur wichtig für manche Seiten z.B. unter Portfolio */
   /* background: blue; */
}
 
footer ul { /* Bereich in dem sich das Menü befindet */
   display: table-cell; 
   height: 40px;
   /* background: orange; */ 
}

footer a { /* Bereich in dem geklickt werden kann */
   text-decoration: none; /* Links ohne Unterstreichung */
   padding: 1px 1px; /* Innenabstand oben&unten re&li */
   color: white; /* Schriftfarbe */
   font-size: 0.5rem; /* Schriftgröße - relativ. 1rem = Standardschriftgröße des Browsers (i. d. R. 16px), sofern im Elternelement für Schriftgröße 100% eingestellt ist */
   /* background: maroon; */
}

footer li { /* Bereich in dem der Text steht */
   display: inline; /* Listenelemente (Menüpunkte) nebeneinander (waagerechtes Menü) */
   list-style-type: none; /* Aufzählungszeichen (Punkte vor den Menüpunkten) entfernen */
}

/* Mouseover -> Farbwechsel */
footer a:hover { /* Schriftfarbenänderung bei Mouseover */
   color: #cc0033; /* Vorschläge: ccffcc - cc0033 - red - 33ccff*/
}
 
/* aktuellen Menüpunkt hervorheben: */
footer, /* im Hauptmenü... */ 
#impressum #navi03 a,  /* ...werden alle Hyperlinks mit der ID navi05, die in einer Kiste mit der ID impressum liegen... */
#datenschutz #navi04 a { /* ...werden alle Hyperlinks mit der ID navi08, die in einer Kiste mit der ID ueber liegen... */
color: #33ccff; /* ...eingefärbt */
}

/* Einbindung der Schrift */

@font-face { /* einbinden einer eigenen Schrift */
    font-family: 'arca-majora2-heavy'; /* Name der Schrift */
    src: url('schriften/arcamajora2_heavy_webfont.eot#') format('eot'),
       url('schriften/arcamajora2_heavy_webfont.woff') format('woff'),
         url('schriften/arcamajora2_heavy_webfont.woff2') format('woff2'),
         url('schriften/arcamajora2_heavy_webfont.ttf') format('truetype'),
         url('schriften/arcamajora2_heavy_webfont.svg#arca-majora2-heavy') format('svg'); /* Links zu den Schrift-Dateien in verschiedenen Formaten. Nach der eot steht ein #, so daß der Internet-Explorer nur dieses Format ließt und nicht weiter ließt. */
}