/*******************************************************************************/
/*** Übergeordnete Einstellungen ***********************************************/

html, body
{
  font-family: arial, helvetica, verdana, sans-serif;
  color: white; background-color: white;
  margin: 0; padding: 0;
  background-image: url(pics/bild-links.jpg);
  background-repeat: repeat-y;
}

table { border-collapse: collapse; border: 2px solid black; }
table td { border: 1px solid black; color: black; }

#logo { position: absolute; top: 0; left: 0; width: 172px; height: 100px; border-style: none; }

#bild-oben
{
  position: absolute; top: 0; left: 21%; width: 78%; height: 80px;
  background-image: url(pics/bild-oben-554-80.jpg);
  background-repeat: repeat-x;
  z-index: 0;
}

#hintergrund-inhalt
{
  position: absolute; top: 100px; left: 21%; height: 100%; width: 78%;
  margin: 0; padding: 0;
  background-color: rgb(220,220,220);
  z-index: 0;
}


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

#navi-oben
{
  position: absolute; top: 50px; left: 21%; width: 78%; height: 3em;
  text-align: center;
  font-size: 80%;
}

.navi-oben-11, .navi-oben-12, .navi-oben-13, .navi-oben-14, .navi-oben-15,
.navi-oben-21, .navi-oben-22, .navi-oben-23, .navi-oben-24, .navi-oben-25
{ position: absolute; width: 19%; height: 1em; }

.navi-oben-11, .navi-oben-12, .navi-oben-13, .navi-oben-14, .navi-oben-15 { top: 0; }
.navi-oben-21, .navi-oben-22, .navi-oben-23, .navi-oben-24, .navi-oben-25 { top: 1.5em; } 

.navi-oben-11 { left: 0%; }
.navi-oben-12 { left: 20%; }
.navi-oben-13 { left: 40%; }
.navi-oben-14 { left: 60%; }
.navi-oben-15 { left: 80%; }
.navi-oben-21 { left: 0%; }
.navi-oben-22 { left: 20%; }
.navi-oben-23 { left: 40%; }
.navi-oben-24 { left: 60%; }
.navi-oben-25 { left: 80%; }

/* Hyperlink-Eigenschaften oben */
div#navi-oben a:link, div#navi-oben a:visited, div#navi-oben a:hover, div#navi-oben a:active
{ background-color: rgb(0,102,153); color: white; display: block; text-decoration: none !important; }
div#navi-oben a:hover  { background-color: rgb(0,138,208); }
div#navi-oben a:active { color: black; }

/* Hyperlink (obere Navigationselemente) auf aktueller Seite einfärben... */
div#navi-oben div.navi-oben-11 a.aktiv, div#navi-oben div.navi-oben-12 a.aktiv,
div#navi-oben div.navi-oben-13 a.aktiv, div#navi-oben div.navi-oben-14 a.aktiv,
div#navi-oben div.navi-oben-15 a.aktiv, div#navi-oben div.navi-oben-21 a.aktiv,
div#navi-oben div.navi-oben-22 a.aktiv, div#navi-oben div.navi-oben-23 a.aktiv,
div#navi-oben div.navi-oben-24 a.aktiv, div#navi-oben div.navi-oben-25 a.aktiv
{ background-color: rgb(0,138,208); }


/*******************************************************************************/
/*** Navigation links **********************************************************/

#navi
{
  position: absolute; top: 100px; left: 0; width: 20%;
  text-align: left;
  font-size: 80%;
  list-style: none;
  margin: 0; padding: 0;
  line-height: 1.5em;
  background-color: rgb(0,102,153); /* Zum Verhindern waagr. Streifen im Menu */
}

/* 1. Navigationsstufe links */
ul#navi li
{
  /*color: white;*/
  font-weight: bold;
  border-top: 4px solid #A5B5C6;
  background-color: rgb(0,102,153);
}

/* 2. Navigationsstufe links */
ul#navi ul.subnavi
{
  list-style: none;
  margin-left: 5%; padding-left: 5%;
}

ul#navi ul.subnavi li
{
  font-weight: normal;
  border-top: 1px solid #A5B5C6;
}

ul#navi li.aktiv, ul#navi ul.subnavi li.aktiv
{
  background-color: rgb(0,138,208);
}

/* Hyperlink-Eigenschaften links */
ul#navi li a:link, ul#navi li a:visited, ul#navi li a:hover, ul#navi li a:active
{ color: white; text-decoration: none !important; display: block; width: 100%; }
ul#navi li a:hover   { background-color: rgb(0,138,208); }

ul#navi ul.subnavi li a:link, ul#navi ul.subnavi li a:visited, ul#navi ul.subnavi li a:hover,
ul#navi ul.subnavi li a:active
{ color: white; text-decoration: none !important; }
ul#navi ul.subnavi li a:hover   { background-color: rgb(0,138,208); }
ul#navi ul.subnavi li a:active { color: black; }

/* Hyperlink (linke Navigationselemente) auf aktueller Seite einfärben... */
ul#navi li.aktiv, ul#navi ul.subnavi li.aktiv { background-color: rgb(0,138,208); }


/*******************************************************************************/
/*** Inhaltsbereich für "normale" Seiten ***************************************/

#inhalt
{
  position: absolute; top: 100px; left: 21%; width: 78%;
  margin-bottom: 20px;
  padding: 0;
  color: black;
  background-color: rgb(220,220,220);
  z-index: 1;
}

#inhalt h1, #inhalt h2, #inhalt h3, #inhalt h4, #inhalt h5
{
  margin: 0.5em 0em 0.5em 0em;
  padding-left: 0.5em;
  border: 2px solid rgb(0,102,153);
}

#inhalt h1 { font-size: 120%; border-left-width: 2em; }
#inhalt h2 { font-size: 110%; border-left-width: 1.5em; }
#inhalt h3 { font-size: 100%; border-left-width: 1em; }
#inhalt h4 { font-size: 100%; border-left-width: 1em; }
#inhalt h5 { font-size: 100%; border-left-width: 1em; }


#inhalt bild { float: right; position: absolute; }

/* Speziallink für Downloads in Überschriften 1. Ordnung */
#inhalt h2.download a:link, #inhalt h2.download a:visited, #inhalt h2.download a:active
{ color: red; background-color: rgb(220,220,220); font-weight: bold; text-decoration: none !important; }
#inhalt h2.download a:hover { color: rgb(102,102,102); background-color: rgb(220,220,220); font-weight: bold; }

/* Hyperlink-Eigenschaften im Inhaltsbereich */
#inhalt a:link, #inhalt a:visited, #inhalt a:active
{ color: rgb(102,102,102); background-color: white; font-weight: bold; text-decoration: none !important; }
#inhalt a:hover   { color: black; background-color: white; font-weight: bold; }

/*******************************************************************************/
/*** Inhaltsbereich für die Startseite *****************************************/

#inhalt-startseite
{
  position: absolute; top: 100px; left: 21%; width: 78%;
  margin-bottom: 20px;
  padding: 0;
  z-index: 1;
  color: rgb(0,0,0);
  background-color: white;
  background-image: url(pics/wasserzeichen-300-300.jpg);
  background-repeat: no-repeat;
  background-position: 75% 0%;
}


#inhalt-startseite h1, #inhalt-startseite h2, #inhalt-startseite h3,
#inhalt-startseite h4, #inhalt-startseite h5
{
  margin: 0.5em 0em 0.5em 0em;
  padding-left: 0.5em;
  border: 2px solid rgb(0,102,153);
}

#inhalt-startseite h1 { font-size: 150%; border-left-width: 2em; }
#inhalt-startseite h2 { font-size: 140%; border-left-width: 1.5em; }
#inhalt-startseite h3 { font-size: 130%; border-left-width: 1em; }
#inhalt-startseite h4 { font-size: 120%; border-left-width: 0.5em; }
#inhalt-startseite h5 { font-size: 110%; border-left-width: 0.2em; }


/*******************************************************************************/
/*** Anordnung von Fotos *******************************************************/

.foto { float: left; text-align: center; }
.foto img { margin: 5px; border-style: solid;  border-color: white;  }
.umbruch { clear: both; }