/* Gernot 5.11.2019 */

/* Schriftgröße auf der ganzen Seite */

.body 
{
  font-size: 16px;
}


/* So ziemlich alles ohne Abstand */
.body .container
{
  padding: 0px;
  border-style: none;
}


/* Seitentitel: schwarz */

.site-title
{
  color: black;
  padding: 0.5em;
}


/* Hintergrundfarbe im Seitenkopf: Weiß durchscheinend */

.header-inner
{
  background-color: rgba(255,255,255,0.35); /* Transparenz mit Alpha-Kanal statt opacity, sonst werden die child-Elemente (Schrift) auch transparent */
  height: 100%; /* Volle Höhe, damit das ganze Hintergrundbild gedämpft wird */
  /* padding:0.5em; hier nicht! Abstand muss weiter innen kommen (site-title,-description), sonst betrifft er auch  Hintergrundbild bzw. Transparenz*/
}

.header
{
  margin-bottom: 0px;
}

/* Untertitel: Schwarz, fett und ein bisschen größer */

.site-description
{
  color: rgb(0,0,0);
  font-size: 1.5em;
  font-weight: bold;
  padding: 0.5em;
  margin-top: 2.5em;
}


/* Menü: Fett Hintergrund: auch hellgrün */

nav
{
  font-weight: bold;
  background-color: rgb(150,200,150);
}

.navigation
{
  margin-bottom: 0px;  
}


/* Gesamter Bereich unterhalb des Hauptmenüs */

.page-header
{
  border-style: none; 
}

.row-fluid
{
  background-color: rgb(236,225,180);  
}


/* Contentbereich: Am Rand etwas freilassen */

main
{
  padding: 10px;
}


/* Links im Text (in Absätzen) Link-blau und unterstrichen */

p > a
{
  color: #2673BF;
}

p > a:hover
{
  color: #2673BF;
}

/* Hintergrundbild im Div für Titel und Untertitel  9.11.2019 */

.titelbild
{
  background-image: url("../images/titel1.jpg");
  width: 940px;
  height: 164px;
}

/* Menüleiste dunkelviolett */

.navigation
{
  background-color: rgb(40,0,70);
}

/* Menüpunkte wie äußerer Hintergrund: */

li > a    /* Links, die Kinder von Listenelementen sind */
{
  color:#ECDBAB;
}

#sidebar
{
  padding: 0.5em;
  padding-top: 8em;
  font-size:1.2em;
}

/* Menüpunkte Untermenü schwarz */

.sidebar-nav a
{
  color:black;  /* Nachkommen der Klasse sidebar-nav */
  padding-bottom: 0.5em;
}


/* Aktiver Menüpunkt: rot */
/* Aktiver Menüpunkt (vom Script mit der Klasse current versehen): Rot */
/* Genau genommen färbe ich den in "current" eingeschlossenen Link a ein. */

/* Ganz am Ende, er muss die anderen Menüpunkt-Formatierungen überschreiben */

.current a
{
  color: rgb(240,20,20);
}