/* =====================================
 * Style-Sheets für www.NachtHacker.de
 * Copyright (C) 2011-2015 Ulrich Keller
 * =====================================
 */

/* ----------------------------
 * Liste oft verwendeter Farben
 * ----------------------------
 * Vordergrund-Gelb:   #FFFF80
 */

/* Style für den HTML-Body */
body
{
  margin: 0px;
  border-width: 0px;
  padding: 0px;
  min-width: 770px;
  color: #FFFF80;
  background-color: Black;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11pt;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-align: left;
}

/* Style für einen Absatz */
p
{
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 0px;
  margin-right: 0px;
  border-width: 0px;
  padding: 0px;
}

/* Style für Links */
a
{
  color: #6060FF;
}

/* Styles für Überschriften und Untertitel */
h1
{
  margin-top: -57px;  /* 19px - (Höhe Hauptmenü [48px] + Höhe Untermenü [28px])
                       * Erforderlich damit Anker-Sprünge nicht hinter dem "Sticky"-Menü landen
                       */
  margin-bottom: 5px;
  margin-left: 0px;
  margin-right: 0px;
  border-width: 0px;
  padding-top: 76px;  /* 0px + Höhe Hauptmenü [48px] + Höhe Untermenü [28px]
                       * Erforderlich damit Anker-Sprünge nicht hinter dem "Sticky"-Menü landen
                       */
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 20pt;
  font-weight: bold;
  font-style: italic;
  font-variant: normal;
}
h2
{
  margin-top: -61px;  /* 15px - (Höhe Hauptmenü [48px] + Höhe Untermenü [28px])
                       * Erforderlich damit Anker-Sprünge nicht hinter dem "Sticky"-Menü landen
                       */
  margin-bottom: 5px;
  margin-left: 0px;
  margin-right: 0px;
  border-width: 0px;
  padding-top: 76px;  /* 0px + Höhe Hauptmenü [48px] + Höhe Untermenü [28px]
                       * Erforderlich damit Anker-Sprünge nicht hinter dem "Sticky"-Menü landen
                       */
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 16pt;
  font-weight: bold;
  font-style: italic;
  font-variant: normal;
}
h3
{
  margin-top: 11px;
  margin-bottom: 5px;
  margin-left: 0px;
  margin-right: 0px;
  border-width: 0px;
  padding: 0px; 
  font-size: 12pt;
  font-weight: bold;
  font-style: italic;
  font-variant: normal;
}
.Untertitel
{
  margin-top: 0px;
  margin-bottom: 5px;
  margin-left: 0px;
  margin-right: 0px;
  border-width: 0px;
  padding: 0px; 
  font-size: 10pt;
  font-weight: bold;
  font-style: italic;
  font-variant: normal;
}
.Listentitel
{
  margin-top: 0px;
  margin-bottom: 5px;
  margin-left: 0px;
  margin-right: 0px;
  border-width: 0px;
  padding: 0px; 
}

/* Style für eine unsortierte (Text-)Liste */
ul
{
  margin: 0px;
  border-width: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 18px; 
  padding-right: 0px;
}

/* Style für eine unsortierte Liste von Bildern */
.Bilderliste
{
  margin: 0px;
  border-width: 0px;
  padding: 0px;
  list-style-type: none;
  text-align: left;
  vertical-align: top;
}
.Bilderliste li
{
  display: inline-block;
  margin: 0px;
  border-width: 0px;
  padding: 0px;
  text-align: center;
  vertical-align: top;
}

/* Style für eine unsichtbare Tabelle ohne irgendwelche Ränder oder Abstände */
.UnsichtbareTabelle
{
  margin: 0px;
  border-width: 0px;
  border-collapse: collapse;
  padding: 0px;
}
.UnsichtbareTabelle thead,
.UnsichtbareTabelle tfoot,
.UnsichtbareTabelle tbody,
.UnsichtbareTabelle th,
.UnsichtbareTabelle tr
{
  margin: 0px;
  border-width: 0px;
  padding: 0px;
}
.UnsichtbareTabelle td
{
  margin: 0px;
  border-width: 0px;
  padding: 0px;
  text-align: left;
  vertical-align: top;
}

/* Style für eine unsichtbare Tabelle ohne Ränder und mit Abständen zwischen den Zellen */
.UnsichtbareTabelleMitInnerenAbstaenden
{
  margin: 0px;
  border-width: 0px;
  border-collapse: collapse;
  padding: 0px;
}
.UnsichtbareTabelleMitInnerenAbstaenden thead,
.UnsichtbareTabelleMitInnerenAbstaenden tfoot,
.UnsichtbareTabelleMitInnerenAbstaenden tbody,
.UnsichtbareTabelleMitInnerenAbstaenden th,
.UnsichtbareTabelleMitInnerenAbstaenden tr
{
  margin: 0px;
  border-width: 0px;
  padding: 0px;
}
.UnsichtbareTabelleMitInnerenAbstaenden td
{
  margin: 0px;
  border-width: 0px;
  padding: 6px;
  text-align: left;
  vertical-align: top;
}
.UnsichtbareTabelleMitInnerenAbstaenden th:first-child td,
.UnsichtbareTabelleMitInnerenAbstaenden tr:first-child td
{
  padding-top: 0px;
}
.UnsichtbareTabelleMitInnerenAbstaenden th:last-child td,
.UnsichtbareTabelleMitInnerenAbstaenden tr:last-child td 
{
  padding-bottom: 0px;
}
.UnsichtbareTabelleMitInnerenAbstaenden th td:first-child,
.UnsichtbareTabelleMitInnerenAbstaenden tr td:first-child 
{
  padding-left: 0px;
}
.UnsichtbareTabelleMitInnerenAbstaenden th td:last-child,
.UnsichtbareTabelleMitInnerenAbstaenden tr td:last-child 
{
  padding-right: 0px;
}

/* Styles für den Seiteninhalt */
#Seiteninhalt
{
  margin: 0px;
  border-width: 0px;
  padding: 10px;
  height: 100%;  /* Bewirkt bei IE6, dass der Seiteninhalt nicht das Menü verdeckt */
}

/* Styles für den Seitenkopf */
#IFrameSeitenkopf
{
  margin: 0px;
  border-width: 0px;
  padding: 0px;
  width: 100%;
  height: 120px; 
  overflow: hidden;  /* Keine Scroll-Balken */
}
#Seitenkopf 
{
  margin: 0px;
  border-width: 0px;
  padding-top: 10px;
  padding-bottom: 0px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 16pt;
  white-space: nowrap;
  vertical-align: middle;
}

/* Styles für das Hauptmenü */
#IFrameHauptmenue
{
  position: sticky;
  top: 0px;
  margin: 0px;
  border-width: 0px;
  padding: 0px;
  width: 100%;
  height: 48px;
  overflow: hidden;  /* Keine Scroll-Balken */
}
#Hauptmenue
{
  margin: 0px; 
  border-width: 0px;
  padding: 0px;
  height: 48px;
  width: 100%;
  color: black;
  background-color: #FFFF80;  /* Für alte Browser, die keinen Gradienten darstellen können */
  background: linear-gradient(to bottom, black 0%, #FFFF80 40%, #FFFF80 60%, black 100%); 
}
#Hauptmenue thead,
#Hauptmenue tfoot,
#Hauptmenue tbody,
#Hauptmenue th,
#Hauptmenue tr
{
  margin: 0px;
  border-width: 0px;
  padding: 0px;
}
#Hauptmenue td
{
  margin: 0px;
  border-top-width: 3px;
  border-bottom-width: 3px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-style: solid;
  border-color: transparent; 
  padding: 0px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}
#Hauptmenue td:hover
{
  cursor: pointer;
  text-decoration: underline;
}
#Hauptmenue td.HauptmenueMenuepunktAktuelleSeite,
#Hauptmenue td.HauptmenueMenuepunktAktuelleSeite:hover
{
  border-color: red;
  text-decoration: inherit;
  cursor: inherit;
}

/* Styles für das Untermenü */
#Untermenue
{
  position: sticky;
  top: 48px;  /* Höhe des Hauptmenüs */
  margin: 0px; 
  border-width: 0px;
  padding: 0px;
  height: 28px;
  width: 100%;
  color: black;
  background-color: #FFFF80;  /* Für alte Browser, die keinen Gradienten darstellen können */
  background: linear-gradient(to bottom, black 0%, #FFFF80 40%, #FFFF80 60%, black 100%); 
}
#Untermenue thead,
#Untermenue tfoot,
#Untermenue tbody,
#Untermenue th,
#Untermenue tr
{
  margin: 0px;
  border-width: 0px;
  padding: 0px;
}
#Untermenue td
{
  margin: 0px;
  border-width: 0px;
  padding: 0px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}
#Untermenue td:hover
{
  cursor: pointer;
  text-decoration: underline;
}