/*=============================*/
/* Allgemeines 
/*=============================*/


.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

.wrapper {
    max-width: 950px;
    margin: 0 auto;
    border: 2px solid black;
    /* background-color: rgb(240, 176, 133); */
}

a { 
    /* color: black;  */
    /* color: rgb(121, 121, 121); */
}

a:hover { 
    background-color: rgb(207, 207, 204); 
}


/* Benutzer UX */
a:active { 
    background-color: rgb(255, 180, 180); 
}

/* .grau a:hover */
.engl a:hover {
    background-color: rgb(243, 244, 245);
}

/* .grau a:active */
.engl a:active  {
    background-color: white;
}

body {
    background-color: #ffffff;
    /* font-family: Verdana, Geneva, Tahoma, sans-serif; */
}

h1 {
    /* background-color: lightgray; */
    font-size: 2em;
    text-align: center;
    margin: 1%;
    padding: 0.5%;
}

h2 {
    text-align: center;
}

h3 {
    text-align: center;
}


h4 {
    margin-top: 5px;
    margin-bottom: 5px;
}


ul { 
    list-style-type: none; 
}

ol, ul { 
    padding: 0; 
}

ol li.de, ol li.engl, 
ul li.de, ul li.engl, 
ul li.def { 
    /* margin-left: 0;  */
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.def {
    /* background-color: rgb(255, 255, 255); */
    list-style-position: inside; 
    border-style: double;
    margin: 2%; 
    padding: 1%;
}

.grau {
    background-color: rgb(233, 229, 229);
    border: 1px solid #000;
    list-style-position: inside; 
    margin: 4%; 
    padding: 3%;
}

 /* Pflichteingabe bei Eingabe.php */
.rot {
    color : red;
}

.engl {
    background-color: lightgray;
    border: 1px solid #000;
    list-style-position: inside; 
    margin: 2%; 
    padding: 1%;
}


.de {
    background-color: rgb(255, 255, 255);
    border: 1px solid #000;
    list-style-position: inside; 
    margin: 2%; 
    padding: 1%;
}

/* am 22.12.2019 wegen expedition-grundeinkommen in schleswig-holstein */
.rotrand {
    background-color: rgb(255, 255, 255);
    border: 2px solid red;
    border-radius: 7px;
    list-style-position: inside; 
    margin: 2%; 
    padding: 1%;
}
.tag-day {
    /* am 7.12.2019 von wr für archivierungs-zeile */
    background-color: rgb(255, 255, 255);
    border: 1px solid #000;
    list-style-position: inside; 
    margin: 2%; 
    padding: 1%;
}

.arc-date {
    /* am 7.12.2019 von wr für archivierungs-zeile */
    font-size: 0.8em;
    margin: 2%; 
    padding: 1%;
}


/* .start wird auf der Startseite eingesetzt, wr 20190426 */
.start {
    background-color: rgb(255, 255, 255);
    border-top-style: dashed;
    border-right-style: dashed;
    border-bottom-style: dashed;
    border-left-style: dashed;
    border-width: 1px;
    border-color: black;
    list-style-position: inside; 
    margin: 2%; 
    padding: 1%;
}

.rechts {
    text-align: right;
}

/* .karte {
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #000;
} */

.quelle {font-weight: bold;}
.datum-quelle {font-weight: bold;}
.datum-ort {font-weight: bold;}

.termine-trenner { 
    font-weight: bold;
    font-size: 1.2em;
    text-align: center;
}

.navi-variante-termine {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    /* border: double; */
}


header {
    /* background-color: rgb(202, 108, 108); */
    margin: 1em;
}

/* header a { */
    /* padding-top: 3em; */
    /* background-color: lightsalmon; */
    /* line-height: 3em; */
/* } */

#gallery {
    /* background-color: lightblue; */
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

#gallery img {
    border: 5px solid rgb(173, 173, 173);
    margin: 10px;
    float: left;     
}


/* übernahme aus index.html aus aktuelles...de am 02.12.2018 wr  */
img {
    width:80%;
	max-width: 650px;
    height:auto;
}
    

/*------- skaliert Bilder der Class "skaliere" ----*/ 
img.skaliere {
    width: 40%;
    height: auto;
}

img.skaliere40 {
    width: 40%;
    height: auto;
}
img.skaliere45 {
    width: 45%;
    height: auto;
}

img.skaliere50 {
    width: 50%;
    height: auto;
}

img.skaliere60 {
    width: 60%;
    height: auto;
}

img.skaliere80 {
    width: 80%;
    height: auto;
}

.bildabsatz {
    margin: 5px; 
    padding: 5px;
}




/*=============================*/
/* Navigation oben 
/*=============================*/

nav {
    /* background-color: rgb(204, 124, 124); */
    /* width: 50%; */
    display: table;    
    /* margin: auto; */
    margin-left: auto;
    margin-right: auto;
    /* border: 1px solid black; */
}
    
nav ul { 
    /* width: 90%; */
    /* background-color: rgb(218, 197, 197);     */
    /* margin-bottom: 5em; */
    margin-left: auto;
    margin-right: auto;
}

nav li {
    float: left;
    list-style: none;
    /* border: 1px solid black;  */
}

nav li:first-child a {
    padding-left: 5px;
}

nav li a {
    /* text-decoration:none; */
    /* color am 2.2.2019 raus  */
    /* color: rgb(7, 7, 7); */
    /* font-size: 1.3em; */
    /* padding-left: 0.5em; */
    /* padding-right:0.5em; */
    padding: 0.5em;
    display: block;
    margin: auto;
}
    
nav li a:hover {
    background-color: rgb(218, 218, 216);
} 

nav li:active, nav li:active a {
    background-color: rgb(197, 202, 200);
    border-top: 0;
}


/*=============================*/
/*  Aktive Seite kennzeichnen 
/*=============================*/

body#seite-home a[title="Zur Startseite und Begriffsklärung"],
body#seite-aktuelles a[title="Aktuelles aus dem BGE-Umfeld"],
body#seite-termine a[title="BGE-Termine"],
body#seite-galerie a[title="Galerie mit BGE-Motiven"],
body#seite-impressum a[title="Wer und Warum dieses Archiv?"],
body#seite-aussagen a[title="Aussagen von BGE-Aktiven zu diesem Archiv"],
body#seite-newsarchiv a[title="BGE-Archive seit 1987"],
body#seite-1987 a[title="taz-BGE-Zeitungsanzeigen 1987-89 als jpg"],
body#seite-galerie a[title="BGE-Bildergalerie"]
{
    /* background-color: red; */
    border: 2px solid red;
}


body#seite-impressum h3,
body#seite-aussagen h3, 
body#seite-newsarchiv h3,
body#seite-1987 h3,
body#seite-sitemap-pdf h3,
body#seite-galerie h3
{
    /* margin-left: auto;
    margin-right: auto;
    display: inline-block;
    border: 2px solid red; */
    text-align: center;
    text-decoration: underline overline red;
}


/*=============================================*/
/*  footer 
/*==============================================*/
footer {
    border: 1px solid #000;
    /* background-color: rgb(197, 195, 195); */
    padding: 3%;
    margin-top: 3em;
    margin-bottom: 2em;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

/*===========================================*/
/* Navi im Footer 
/*===========================================*/

footer li {
    float: right;
    list-style: none;
    /* border: 1px solid black;     */
}

footer li a {
    /* text-decoration:none; */
    /* color: rgb(7, 7, 7); */
    font-size: 0.7em;
    padding: 0 10px;
    display: block;
    margin: 0 1%;
}
    
footer li a:hover {
    background-color: rgb(218, 218, 216);
} 

footer li:active, footer li:active a {
    background-color: rgb(197, 202, 200);
    border-top: 0;
}

/* Navigation im Footer: */
/* .navu {
    border: 1px solid black;
} */



@media screen and (max-width: 600px)
{

    h1 {
        /* background-color: lightgray; */
        font-size: 1.5em;
        /* text-align: center; */
        /* margin: 1%; */
        /* padding: 0.5%; */
    }

    navi li a {
        /* padding: 10px 10px; */
        /* margin: 0 1%; */
        margin: 2%;
    }

    /* wr: neu am 13.02.2019:  */
    img.skaliere45 {
        /* 75% sieht besser aus */
        width: 75%;
        height: auto;
    }
    footer li a {
        /* text-decoration:none; */
        /* color: rgb(7, 7, 7); */
        font-size: 1em;
        /* padding: 0 10px; */
        padding: 10px 10px;
        display: block;
        margin: 0 1%;
        /* margin: 2%; */
    }

}