/* Stylesheet wird ergaenzt durch Stylesheets style_201130b1.css oder style_201130b2.css */

/*Beginn Test zu Leerzeichen beinhaltende Class-Werte wie class="ebene2 pro"
der folgende Selektor wirkt auf das Element: 
li.ebene2.pro {
  background-repeat:no-repeat;
}
Test zu mit Leerzeichen beinhaltendem Class-Wert Ende*/
/*
Aendungshistorie

2022-07-10
Erreichbarkeit des unteren Endes des Inhaltelements bei Alex' Hardware
durch prozentuale / relative Angabe in padding-bottom statt absolute
Angabe 100px in margin-bottom hergestellt

2021-02-28
Klasse "beschluss" für Antraege integriert

2021-02-28
In Klasse "kontakt" Definition "font-size" inaktiviert, da der verfuegbare Hoehe im Fuss 
je nach Zeilenzahl bestmoeglich ausgenutzt werden soll 

2021-04-23
Endnotenbereich, Endnotennummer und Endnotentext als Klassen eingefuehrt

2022-08-14
Platz für von und bis-Angaben von Termine verändert

2022-12-01
Inhalt soll links und rechts etwas Abstand zum Fenster bekommen, Kopf, Fuss und Navi2 aber nicht

2025-01-01
Damit Fußleiste bei Smartphone nicht unteren Bereich des Inhalts verdeckt, muss hoher Wert für
padding-bottom bei Smartphone-Ansicht in Stylesheet b1 benutzt werden

2025-11-02
q-Element für Zitate soll in Blocksatz dargestellt werden, weil sonst rechtsbündiges cite-Element auskragt

2025-11-02
Font für cite-Element etwas verkleinert, nun wie Bild-Unterschrift
*/


body {
  /* margin: 0; bis 2022-12-01 */ 
  margin: 0 1em 0 1em; /* ab 2022-12-01 */
  padding: 0;
  font-family: sans-serif; /* soll bei Windows-Nutzern allgemein zur Darstellung in Calibri fuehren*/
  font-family: OpenSans,sans-serif; /* OpenSans ist als ttf-Datei auf dem Server bereitgestellt*/
  background-color: white; /* am 25.02.2021 eingefuegt - Barrierefreiheit Susanne Nieß */
  color: black; /* am 25.02.2021 eingefuegt - Barrierefreiheit Susanne Nieß */
}
body#bericht {
  font-size:11pt; /*Bericht ist ohne Layoutumschaltung, daher Spezifikation, die sonst in zweiter css-Datei*/
  /* margin: 0 2% 0 2%; /* bis 2022-12-01 bei Berichten links und rechts Rand, nun obsolet  */
}
div#kopf {
  position:relative;
  margin-left: -1em; /* ab 2022-12-01 */  
  margin-right: -1em; /* ab 2022-12-01 */  
  /*border: 1px solid grey; experimentell */
  height:100px;
  background-color: white; /* am 25.02.2021 eingefuegt - Barrierefreiheit Susanne Nieß */
  background-image: linear-gradient(rgba(0,0,0,0) 80%,rgba(255,100,0,1));/* am 25.02.2021 eingefuegt */
}
div#inhalt {
  margin-right:0;     /* Abstand zum rechten Seitenrand */
  /* margin-bottom:100px; ersetzt durch padding-bottom - Anweisung*/
  padding-top: 1em;
  padding-bottom: 12%; /* Abstandshalter verhindert ein Verdecken von Inhalt durch Fuss */
  /* border: 3px solid black; /* experimentell */
  /* background-color:#ccc;  /* experimentell */
}
div#fuss {
  clear:both;
  margin-left: -1em; /* ab 2022-12-01 */  
  margin-right:- 1em; /* ab 2022-12-01 */  
  position:fixed;
  top:88%;
  height:12%;
  width:100%; /*soll ganze Breite der Seite einnehmen */
  padding: 2% 1% 1% 1%;
  background-color: white; /* am 25.02.2021 eingefuegt - Barrierefreiheit Susanne Nieß */
  background-image: linear-gradient(rgba(0,0,0,0), rgba(255,100,0,1) 20%, rgba(255,100,0,1));/* am 25.02.2021 eingefuegt */
  /* border:1px solid silver; experimentell */
}
div#navi1 {
  position:fixed; /*hält die Navigation im sichtbaren Bereich*/
  border:0px solid grey;
  display:none;/*Element wird standardmäßig nicht angezeigt*/
  top:100px; /*starre Position bis 17.04.2020 */
  width:100%;
  padding:0 0;
  background-color: white; /*damit Inhalts-Text nicht hinter Navigationstext erscheint*/
}
div#navi1 {
    font-size:1.3em;

}
ul#navi2 {
  /* border:1px solid red;experimentell */
  float:left;
  width:20%; 
  /* margin: 0 ; bis 2022-12-01 */
  margin: 0 0 0 -1em; /* ab 2022-12-01 */  
  padding: 0;
}
*.navi3 {
  float:left;
  margin:0;
  width:33%; /* fuer dreispaltige Anordnung */
  /*border:1px solid silver; experimentell*/
}
div.kontakt {
  float:left;
  /* width:20%; fuer dreispaltige Anordnung */
  margin:0;
  padding:0 1em 0 0em;/**/
  /*border:1px solid silver; experimentell*/
  /* font-size:0.6em; inaktiviert am 28.02.2021 */
  line-height:100%;
}
/*
@font-face { font-family: 'OpenSans';
             src: local('OpenSans')
                       url('../fonts/truetype/open-sans/OpenSans-Regular.ttf') format('truetype'); }*/
@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/truetype/open-sans/OpenSans-Regular.ttf') format('truetype');
} 
@media print {
  body {
    border: 1px solid silver; /**/
  }
  div#fuss {
    position:static; /* in Ausdrucken soll der Fuss nicht auf jeder Seite, sondern nur am Ende erscheinen */
  }
  div.navi3 {
    display:none /* nie drucken */
  }
}
div#navi1 .start, div#navi1 .ebene1, div#navi1 .ebene2,
div#navi1 .ebene3, div#navi1 .ebene4, div#navi1 .layoutwahl  {
  float:left;
/*  height:6em; deckt ein Untermenue mit 4 Zeilen ab*/
  height:120px; /*deckt ein Untermenue mit 4 Zeilen ab*/
  border-bottom: 1px solid grey; /* soll horizontale Felder der Navigation unten abschließen */
}
div#navi1 .start {
  /*ergibt weiss*/
  width:18%;
}
div#navi1 .ebene1 {
  background-image: linear-gradient(155deg,white,rgba(255, 100, 0, 0.4));
  width:18%;
}
div#navi1 .ebene2  {
  background-image: linear-gradient(155deg,white,rgba(255, 100, 0, 0.6));
  width:18%;
}
div#navi1 .ebene3  {
  background-image: linear-gradient(155deg,white,rgba(255, 100, 0, 0.8));
  width:18%;
}
div#navi1 .ebene4  {
  background-image: linear-gradient(155deg,white,rgba(255, 100, 0, 0.9)); 
  width:18%; 
}
div#navi1 .layoutwahl  {
    background-image: linear-gradient(155deg,white,rgba(255, 100, 0, 1));
  width:8%;
}
ul#navi2 li.ebene1 {
  background-image: linear-gradient(155deg,white,rgba(255, 100, 0, 0.4));
}
ul#navi2 .ebene2  {
  background-image: linear-gradient(155deg,white,rgba(255, 100, 0, 0.6));
}
ul#navi2 .ebene3   {
  background-image: linear-gradient(155deg,white,rgba(255, 100, 0, 0.8));
}
ul#navi2 .ebene4   {
  background-image: linear-gradient(155deg,white,rgba(255, 100, 0, 0.9)); 
}
ul#navi2 .layoutwahl  {
    background-image: linear-gradient(155deg,white,rgba(255, 100, 0, 1));
}
ul#navi2 li {
  margin: 0; 
  border: 1px solid silver;
  list-style-type: none;
  padding: 0.4em 0 0.4em 0;
}
ul#navi2 li.ebene1, ul#navi2 li.start {
  padding-left: 0.5em;
}
ul#navi2 li.ebene2 {
  padding-left: 1em;
}
ul#navi2 *.ebene3 {
  padding-left: 1.5em;
}
ul#navi2 li.ebene4 {
  padding-left: 2em;
}
div#endnoten {
  margin:6em 0 0 0;
}
div#endnoten div.nr {
  font-size:0.9em;
  clear:left;
  float:left;
}
div#endnoten div.note {
  font-size:0.9em;
  margin-left:1.74em; /* laesst Abstand fuer zweistellige Endnote */
  /* margin-left:2.32em; laesst Abstand fuer dreistellige Endnote */
}

ul#sitemap li {
  list-style-type:none;
}
ul#sitemap li.ebene1 {
  margin: 0em 0.5em 0em 0em; 
  padding: 0.2em 0em;
}
ul#sitemap li.ebene2 {
  margin: 0em 0.5em 0em 1em; 
  padding: 0.2em 0em;
}
ul#sitemap li.ebene3 {
  margin: 0em 0.5em 0em 2em; 
  padding: 0.2em 0em;
}
ul#sitemap li.ebene4 {
  margin: 0em 0.5em 0em 3em; 
  padding: 0.2em 0em;
}
*.trenner {
  clear:both;
  border:0px solid silver;
}
div#kopf h1 {
  position:absolute;
  top:10px;
  left:10px;
  font-size:1.5em;
  color:rgb(255,100,0); 
}
h1 {
  margin: 0em 0 0.9em 0;
  border: 1px none silver;
  font-size:1.25em;
}
h2 {
  margin: 1.1em 0 0.9em 0;
  border: 1px none silver;
  font-size:1.15em;
}
h3 {
  margin: 1.1em 0 0.9em 0;
  border: 1px none silver;
  font-size:1.05em;
}
p {
  margin: 0 0 0.9em 0;
  /* border: 1px solid silver; experimentell */
  text-align:justify;
}
table {
    border: thin solid #aaa;
}
tr {
}
th {
    border: thin solid #aaa;
    text-align: left;
}
td {
    border: thin solid #aaa;
    vertical-align: top;
}
a {
  text-decoration:none;
  font-weight:bold; 
  color:black;
}
a:visited  {
  color:gray;
}
/* Ankerstelle nicht hervorheben vgl. [Laborenz(2013)70] */
a[name] {
   font-weight:normal;
}
div#inhalt a:link {
/* Links in Inhalten hervorheben */
    background-image:linear-gradient(rgba(0,0,0,0) 75%,rgba(255,100,0,0.75));
}
div#inhalt ul#sitemap a:link,   /* Links in Sitemap nicht hervorheben */ 
div#inhalt div#endnoten a:link, /* Links in Endnoten nicht hervorheben */ 
div#inhalt a[href^="#"]:link    /* Verweis auf Endnote nicht hervorheben */  {
   font-weight:normal;
   background-image:none;
}
*.anmerk {
  font-size:0.9em;
  font-style:italic;
}

div.cbox50 {
  /*position:relative; am 17.04.2020 auskommentiert, da Element so vor fixes navi2 erscheint
                       und es beim Scrollen überwandert*/
  width:50%;
  margin:0 auto;
  left:25%;
  border:1px none silver;
}
div.cbox80 {
  /*position:relative; am 17.04.2020 auskommentiert, da Element so vor fixes navi2 erscheint
                       und es beim Scrollen überwandert*/
  width:80%;
  margin:0 auto;
  left:10%;
  border:1px none silver;
}
div.bildbox {
  /* border: 1px solid black; experimentell */
  background-color:#eee; /*hellstgrauer Hintergrund für Bildboxen  */
}
div.bildbox.c {
  margin-left:auto; /*fuer horizontale Zentrierung*/
  margin-right:auto; /*fuer horizontale Zentrierung*/
}
div.bildbox.l {
  float:left;
  margin:0 4% 2% 0;
}
div.bildbox.r {
  float:right;
  margin:0 0 2% 4%;
}
div.bildtext {
  font-size:0.9em;
}
div.bildtext.quelle {
  text-align:right;
}
/* Beginn Spezifikationen für Inhalt1 und Inhalt11, Aktuelles und Termine*/
div.termin {
    font-size: 0.85em; /*eingefuegt am 17.04.2020, 
                        da groesserer und andere Schriftart in body hinterlegt
                        aber 5 Detailangaben zum Termin in einer Zeile erscheinen sollen*/
    width:100%;
    margin-top:3em;
    /* border:1px solid silver; experimentell */
}
div.termin div.von {
    font-weight: bold;
    /* width:25%; geaendert 2022-08-14 */ 
    width:11em;
    float:left;
    /*border:1px solid green; experimentell*/
}
div.termin div.bis {
    font-weight: bold;
    /* width:10%; geaendert 2022-08-14 */
    width:15em;
    float:left;
    /*border:1px solid green; experimentell*/
}
div.termin div.ort {
    font-weight: bold;
    border:0 solid green;
}
div.termin div.titel {
    margin: 0 0 0 0;
    font-weight: bold;
    border:0 solid green;
}
div.termin div.beschreibung {
    margin: 1em 0 0 0;
    border:0 solid green;
}
div.termin div.vort {
    width:25%;
    float:left;
    border:0 solid green;
}
div.termin div.adresse {
    width:25%;
    float:left;
    border:0 solid green;;
}
div.termin div.veranstalter {
    width:25%;
    float:left;
    border:0 solid green;
}
div.termin div.anmelden {
    width:12%;
    float:left;
    border:0 solid green;
}
div.termin div.berichte {
    border:0 solid green;;
}
div.hvort, div.hadresse, div.hveranstalter, div.hanmelden, div.hberichte {
  font-size:0.9em;
  color:grey;
}
/* Spezifikationen für Inhalt1, Aktuelles Ende*/

/* Beginn Spezifikationen für Inhalt4, Dokumentation */
div.dokument {
    width:100%;
    margin-top:3em;
    /* border:1px solid silver; experimentell */
}
div.dokument div.datum {
    width:15%;
    float:left;
    border:0 solid green;
    font-weight:bold;
}
div.dokument div.ort {
    border:0 solid green;
    font-weight:bold;
}
div.dokument div.titel {
    border:0 solid red;
}
div.dokument div.link {
/*    width:25%; Breitenangabe wird erst sinnvoll, wenn float-Attribut wirkt, also div.typ ausgegeben werden sollt*/
    float:right;
    border:0 solid green;
}
/*
div.dokument div.typ {
    text-align: right;
    border:0 solid green;
}
*/
/* Spezifikationen für Inhalt4, Dokumentation Ende*/

/* Beginn Spezifikationen für Antraege */
    *.beschluss {
    color:blue;
    /*border:1px solid blue;*/
    }
/* Spezifikationen für Anträg Ende  */

em {
  font-weight:bold;
  font-style:italic;
}
strong {
  font-weight:bolder;
  /* font-style:italic; */  
}
samp {
  
}
var {
  
}
q {   /* Quotation-Element */
  display:block;
  font-style:italic;
  text-align:justify;
  margin:0 0 0 5%;
}
cite {
  display:block;
  font-size:0.9em;
  text-align:right;
  margin:0 0 0.9em 5%;
  
}
dfn {
  
}
abbr {
  
}
acronym {
  
}
