html
{
  height: 100%;
}

body
{
  background-color: rgb(90,90,90);
  background: linear-gradient(45deg, #AF0000, #0f0f0f);
  background-attachment: fixed;
  font: 12pt Arial, Helvetica, sans-serif;
  height: 100%;
  
}

div
{

  background-color: rgb(250,220,220);

}

/* Die ID's _gesamt und _footer werden benötigt, damit bei einem Kurzen Inhalt der 
   Website die Seite die komplette Höhe des Internetbereiches ausfüllen */

#_gesamt
{

  margin: 0px;
  padding: 0px;
  border: 0px;
  width: 1034px;
  border-left: 5px solid rgb(50,50,50);
  border-right: 5px solid rgb(50,50,50);
  margin-left: auto;		/* Zentriert Seite in der Mitte */		
  margin-right: auto;
  position: relative;
  min-height: 100%;
  height: auto;

}


#_footer
{

  position: absolute;
  bottom: 0;
  

}

* html #_gesamt					/* Für IE 6 */
{
  height: 100%;
}

.copyright
{

}


.gesamtbreite                       /* Berechnet sich zu links + mitte + rechts + 4 * 2 * div(margin + padding + evtl. border) + 2 (Sicherheit) 
                                       + padding bzw. margin von links, mitte, rechts*/
{
  clear: both;
  width: 100%;
  overflow: hidden;
  
}

.linie_unten
{

  border-bottom: 1px solid black;

}

.linie_oben
{

  border-top: 1px solid black;

}


.links
{
  padding: 5px;
  float: left;
  width: 250px;                      /* Beim Ändern der Breite gesamtbreite anpassen */
}

.mitte
{
  padding: 5px;
  float: left;
  width: 760px;                     /* Beim Ändern der Breite gesamtbreite anpassen */
}

.rechts
{
  padding: 5px;
  float: left;
  width: 250px;                      /* Beim Ändern der Breite gesamtbreite anpassen */
}

.oben
{
  
}

.oben_rechts
{

}

.zentrum_oben
{
}

.zentrum
{

  padding-bottom: 4em;			/* Platz für footer */ 

}

.breadcrumb_li				/* Breadcrumb */
{

  list-style: none;
  display:inline;
  padding-right: 1em;


}


/* **************** Für Bilder in Ganzseitenansicht ****************** */

.bild_gross
{

/*  box-shadow: 5px 5px 5px; */

}

.bild_gross_text
{

  text-align: center;

}


/* **************** Für Selbserzeugte Seiten (durch PHP) ************* */


.self_ul
{

  list-style: none;
  font-size: 150%;

}

.self_li
{

  padding-bottom: 10px;

}



/* ***************** MENU ***************** */


.menu
{

  /* border: 1px solid black;*/
  
}

.menu_ul_0
{

  padding-right: 20px;

}

.menu_ul
{

  list-style: none;
  margin-left: 10px;
  padding-left: 0px;

}

.menu_li
{

  border: 1px solid black;
  margin: 5px 0px;
  padding: 0px 0px;

  background-color: lightgrey;
/*  border-bottom: 1px solid dimgrey;
  border-right: 3px solid black;
  border-top: 3px solid black;
  border-left: 1px solid dimgrey;
*/
  box-shadow: 5px 2px 2px;

}

.menu_main li				/* Menü */
{

  list-style: none;
  margin: 1px; 
  padding: 0px;
  background-color: lightgrey;
  border-bottom: 1px solid dimgrey;
  border-right: 3px solid black;
  border-top: 3px solid black;
  border-left: 1px solid dimgrey;

}

.menu_main ul
{

  list-style: none;
  margin: 1px; 
  padding: 0px;
  background-color: lightgrey;
  border-bottom: 1px solid dimgrey;
  border-right: 3px solid black;
  border-top: 3px solid black;
  border-left: 1px solid dimgrey;

  margin-left: 3px;
  margin-right: 20px;
  padding: 0px;

}

.nav-child li			/* Untermenüs */
{

  border: 0px solid dimgrey;
  margin-left: 1em;
  margin-right: 0px;
  
}




.menu_li a
{
  
  display:block;
  text-decoration: none; 
  font-weight: bold;
  color: maroon; 
  background-color: lightgray;

}

.menu_li a:hover
{

  /* color: rgb(0,0,255); */
  background-color: grey;


}



.menu_horz li			/* Sondermenu Horizontal*/
{

  display:inline;
  padding-right: 2em;

}

.Underline			/* Kann zum Unterstreichen verwendet werden */
{

  border-bottom: 1px solid black;

}


.ffw_big
{

  font-size: 400%;

}

.ffw_ueber			/* Überschrift */
{

  text-align: center;
  text-shadow: 3px 3px 1px grey;

}

.ffw_bold			/* Fett */
{

  font-weight: bold;

}


.zentriert
{

  text-align: center;
  
}


.hinweis
{

  text-align: center;
  text-shadow: 3px 3px 1px grey;
  color: green;
  font-size: x-large;

}

.img_cent
{

  display: flex;
  align-items: center;
  justify-content: center;

}


/* *************************** Tabellen ************************************ */

.table
{

  display: table;
  border: 1px;
  border-color: black;

}

.table_row
{

  display: table-row;

}

.table_cell
{

  display: table-cell;
  padding-left: 0.75em;
  padding-bottom: .5ex;

}

.table_center
{

  margin-left: auto;
  margin-right: auto;

}



/* *******************  Für die Strukturierung von Terminen *********************  */

.Termin
{

  clear: both;
  width: 100%;
  overflow: hidden;
  margin: 0px;
  padding: 0px;
  padding-bottom: 0.4em;
  margin-bottom: 0.4em;

}

.Datum
{
  width: 7em;
  float: left;
  overflow: hidden;

}

.Gruppe
{
  float: left;
  width: 8em;
  overflow: hidden;

}

.Termintext
{
  overflow: hidden;

}

.Rot
{

  color: red;

}