@charset "utf-8";


html    {
        background-color: #2F3E58; /*andi steel blue*/
        font-family: sans-serif ;
        }

body    {
        background-color: #2F3E58 ; /*andi steel blue */
        }

/* 1 oder 2 Zeilen Haupt-Navigation*/
nav     {
        display:            flex;
        background-color:   #111B2D; /*dark ocean blue */
        color:              lightgrey;
        border-color:       red ;
        margin-top:         0.5em ;
        margin-bottom:      0.5em ;
        justify-content:    space-around;
        flex-wrap:          wrap;
        align-items:        center;
        min-height:         2em;
        }

/*für text felder in user forms, (type=text) siehe scaffold css */
textarea    {
            width: 100%;
            height: 10em;
            }

/* 1 Zeile Unter-Navigation (Galarie: Blättern, Palavern: Seite vor/zurück) */
#dianav {
        display:            flex;
        background-color:   lightgray;
        margin-top:         0.5em ;
        margin-bottom:      0.5em ;
        justify-content:    space-around;
        flex-wrap:          wrap;
        align-items:        center;
        min-height:         2em;
        }

/* Kopfzeilen der Palaver-Beiträge */
#palaver_head {
        display:            flex;
        background-color:   lightgray;
        margin-top:         0.5em ;
        margin-bottom:      0.5em ;
        justify-content:    space-between;    /* between!*/
        flex-wrap:          wrap;
        align-items:        center;
        min-height:         2em;
        }

/*selbstbenannte elemente müssen mit # beginnen
Zwei Spalten (ehemals redigieren, nicht mehr genutzt) */
#twocol {
        display: flex;
        flex-direction: row ;
        background-color: #2F3E58 ;
        margin: 1em;
        margin-right: auto;
        margin-left: auto;
        }

#wrapper    {
            display: flex;
            flex-direction: column ;
            background-color: #2F3E58 ;
            max-width: 750px;
            margin: 1em;
            margin-right: auto;
            margin-left: auto;
            }


/* padding top, bottom 1px viel größer als 1 px!
   "collapsing margins"
   padding >0 verhindert zusammenfallen der margins von <p> und ...
   d. h.  default margin von <p> kommt mindestens zum tragen
   kann verhindert werden indem margin von <p> auf Null gesetzt wird,
   aber dann kein Abstand nach Absatz
        
   margin, padding: top, right, bottom, left */

article {
        background-color: lightgray ;
        text-align: justify ;
        margin: 0.5em 0px 0.5em 0px;
        padding: 1px 2em 1px 2em;
        }

.grid     {
	        display:                grid;
	        font-size:              0.65em;
	        grid-template-columns:  auto auto;
	        /* ist wohl bekannt und erforderlich */
}

a {
  text-decoration: none;
}

a.bdgg:link       {color: black;    }
a.bdgg:visited    {color: black;    }
a.bdgg:hover      {color: darkgrey; }
a.bdgg:active     {color: gold;     }

a.menue:link      {color: lightgrey;}
a.menue:visited   {color: lightgrey;}
a.menue:hover     {color: white;    }
a.menue:active    {color: gold;     }

a.heute:link      {color: dodgerblue; }
a.heute:visited   {color: dodgerblue; }
a.heute:hover     {color: deepskyblue;}
a.heute:active    {color: gold;       }