body {
         margin:0px;
         color:#cecece;
         font-family: Futura, Futura Md BT, sans-serif;
         background-color:#474635;
}

p {text-align:justify;
   -ms-hyphens: auto;
   -webkit-hyphens: auto;
   hyphens: auto;
}

a:link { text-decoration:none; color:#bac100; }
a:visited { text-decoration:none; color:#929800; }
a:focus { text-decoration:none; color:#474635; background-color:#bac100;}
a:hover { text-decoration:none; color:#474635; background-color:#cecece; }
a:active { text-decoration:none; color:#474635; background-color:#bac100; }

h1 {font-size: 1.8em;}

h2 {font-size: 1.3em;}

h3 {font-size: 1.2em;}

h4 {font-size: 1em;}

.zeitleiste { white-space: nowrap; }

.kein_zeilenumbruch { white-space:nowrap; }

.bildunterschrift { font-style: italic; font-size: smaller; vertical-align: top; }

.boxerstop { font-family: Times, serif; font-weight: bold; font-style: italic; color: #FF9900; }

.zentriert { text-align: center; }

.smiley {
    border: none;
    height: 1.4em;
    display: inline-block;
    vertical-align: top;
}

.bigsmiley {
    border: none;
    height: 2em;
    display: inline-block;
    vertical-align: top;
}

.biggersmiley {
    border: none;
    height: 4em;
    display: inline-block;
    vertical-align: top;
}

/* CSS FÜR DIE NAVIGATION
 * https://webdesignerhut.com/css-dropdown-menu/
 * Hintergrundfarbe Nav-Container */
nav {
    margin: 0px 0; /*Abstand oben*/
    background-color: #bac100;
    font-face: bold;
}

/* Entfernt padding, margin und "list-style" vom "ul",
 * fügt "position:relative" hinzu */
nav ul {
    padding:0;
    margin:0;
    list-style: none;
    position: relative;
    }

/* Abstand der Navigationselemente (WILLKOMMEN! etc.) */
nav ul li {
    margin: 0px -7px 0 0;
    display:inline-block;
    background-color: #bac100;
    }

/* Aussehen der Links */
nav a:link {
    display:block;
    padding:0 10px; /* Abstand der Links */
    color:#474635; /* Ändert die Farbe der Links */
    /* font-size: 20px; !!! nur wenn Schrift nicht vom Browser vorgegeben werden soll! */
    /* line-height: 30px;  Ändert die Höhe der Hintergrundlinie */
    text-decoration:none;
}

nav a:visited {
    color: #474635;
}

/* Farbwechsel bei Hover */
nav a:hover {
    color:#bac100;
    background-color: #474635;
}

/* Dropdowns verstecken
 * Position des Dropdowns */
nav ul ul {
    display: none;
    position: absolute;
    top: 100%;
}

/* Dropdowns bei Hover anzeigen */
nav ul li:hover > ul {
    display:inherit;
}

/* erstes Ausklappmenü */
nav ul ul li {
    min-width:100px;
    display:list-item;
    position: relative;
}

/* Zweites, drittes usw. Auklappmenü.
 * Folgende Ausklappmenüs zur linken Seite verschieben.
 * Um die Breite des vorhergehenden Menüs.
*/
nav ul ul ul {
    position: absolute;
    top:0;
    left:100%;
}

/* ' »' Zu den Ausklappbaren Menüpunkten hinzufügen */
li > a:after { content:  '»'; }          /* Menüpunkte mit weiterem Inhalt: + => Grafik mit <img>??? */
li > a:only-child:after { content: ''; }  /* Menüpunkte ohne weiteren Inhalt: nichts */

/* ENDE CSS FÜR DIE NAVIGATION */