@charset "ISO-8859-1";

body {
  color: black; background-color: white;
  background-color: white; /*#fdf9f0;*/
  margin: 0; padding: 1em;
  font-size: 100.01%; font-family: Trebuchet MS,Arial,sans-serif;
  text-decoration: none;
}
h1, h2, h3 { color: maroon };

/* ----- Farben für alle Links ----- */
a         { color: #2F4F4F; }
a:link    { color: #2F4F4F; }
a:visited { color: #2F4F4F; }
a:hover   { color: #008080; }
a:active  { color: black ;  }
a:focus   { color: black;   }

/* ----- Kopfzeile der Seite ----- */
div#Kopfzeile {
  background-color: #FFF299;
  background-image: url(bilder/logoGadenz.gif); background-repeat: no-repeat;
  margin 0; padding: 0.5em 2em 0.5em 0.5em;
/*  border: 1px outset gray; */
  border: 1px solid gray;
  border-top-color: #ccc;
  border-left-color: #ccc;
}
div#Kopfzeile h1 {
  margin-top: 0em;
  font-size: 1.8em; text-align: right; font-weight: bold;
}
div#Kopfzeile p {
  margin-top: -1em; margin-bottom: 0.6em;
  font-size: 0.9em; text-align: right;
  color: black;
}

/* ----- Navigation unter der Kopfzeile der Seite ----- */
ul#NavigationKopf {
  margin: 0; padding: 0em 0em 0em 15em;
/*  border: 1px outset gray; */
  border: 1px solid gray;
  border-top-color: #ccc;
  border-left-color: #ccc;
  background-color: #ddd;/*#ffdead;*/
  text-align: left;
}
ul#NavigationKopf li {
  list-style: none;
  display: inline;
  margin: 0; padding: 0;
}
ul#NavigationKopf a, ul#NavigationKopf span {
  float: left; width: 6em;
  margin: 0.2em; padding: 0.1em 0.1em 0.1em 1em;
  background-color: #eee;
  border-left: 1px solid #008080;
  font-weight: bold; text-decoration: none;
}
ul#NavigationKopf div {
  clear: left;
}

/* ----- Navigation an der Seite ----- */
ul#NavigationSeite {
  position: relative; top:-15px; left:10px;
  float: left; width: 12em;
  margin: 0 2em 0 0; padding: 0em 0.9em 0.9em 0.9em;
/*  border: 1px outset gray; */
  border: 1px solid gray;
  border-top-color: #ccc;
  border-left-color: #ccc;
  color: #2F4F4F; background-color: #eee;
}
ul#NavigationSeite li {
  list-style: none;
  position: relative;
  margin-top: 0.9em; padding: 0.5em 0 0 0;
  border-top: 1px solid #008B8B;
}
ul#NavigationSeite ul li {
  border-top: 0;
  margin: 0; padding: 0;
}
ul#NavigationSeite li ul {
  margin: 0 0 0 1em; padding: 0;
}

ul#NavigationSeite li h1, ul#NavigationSeite li h2 {
  font-size: 1em; font-weight: normal;
  border-top: 2px solid gray;
/*  margin: 0.5em 0 -0.3em;
  padding: 0.2em 0.5em;*/
}
ul#NavigationSeite li h2 {
/*  font-size: 0.9em;*/
  border-top-width: 1px;
  margin-bottom: 0.1em;
}
ul#NavigationSeite a, ul#NavigationSeite span, ul#NavigationSeite li {
  padding: 0.2em 0.5em;
  font-weight: bold; text-decoration: none;
/*  font-size: 0.9em;*/
}
/*ul#NavigationSeite li ul li a,*/ ul#NavigationSeite li ul li span, ul#NavigationSeite li ul li {
  font-size: 0.9em; font-weight: normal;
}
ul#NavigationSeite li ul li a
{
  padding: 0 0 0 0;
  font-weight: normal;
}

/* ----- Inhalt allgemein, Bilder zentriert/mit Umfluss ----- */

div#BildZentriert {
  text-align:center;
  margin: 0; padding: 0.4em;
}
div#BildUmflussRechts {
  position: relative;
  float: right;
  margin: 0; padding: 0.4em;
}
div#ClearRight {
  clear: right;
}

div#Inhalt {
  min-width: 16em; /* Mindestbreite verhindert Anzeigefehler in modernen Browsern */
  margin-left: 18em;
  font-size: 0.9em;
  text-align: center;
}

div#Inhalt h1 {
  font-size: 1.4em;
  margin-bottom: 0.3em; padding-top: 0.5em;
}
div#Inhalt h2 {
  font-size: 1.1em;
  margin-bottom: 0.2em; padding-top: 0.3em;
}
div#Inhalt h3 {
  font-size: 1em; font-weight: normal;
  padding-top: 0.2em;
}

div#Inhalt a {
  text-decoration: none;
}
ul#LinkListe {
  list-style: none;
}

/* ----- Fusszeile --- */

p#Fusszeile {
  clear: both;
  background-color: #FFF299;
  text-align: center;
/*  border: 1px outset gray; */
  border: 1px solid gray;
  border-top-color: #ccc;
  border-left-color: #ccc;
}

/* ----- Tabelle mit Spalte 0/1:    dunkelgrau bzw. grau, Schrift fett zentriert
                     Spalte 2:      hellgrau, Schrift normal
                     Trennzeile:    Es kann eine Trennzeile eingefügt werden, um
                                    Tabellenabschnitte zu trennen  
                                    
         Wird hier verwendet um Erklärungen zu verschiedenen Funktionen aufzulisten.                              ----- */

table#TabelleFunktionen {
  border-collapse: collapse;
  margin: 1em;
}
table#TabelleFunktionen td {
  border: 1px solid #000; padding: 0.2em;
  font-size: 1em;
}
table#TabelleFunktionen td.s0 {
  background-color: #ccc;
  font-weight: bold; text-align: center;
}
table#TabelleFunktionen td.s1 {
  background-color: #e0e0e0;
  font-weight: bold; text-align: center;
}
table#TabelleFunktionen td.s2 {
  background-color: #eee;
  padding: 0.5em;
  font-size: 0.9em; font-weight: normal;
}
table#TabelleFunktionen tr.Trennzeile {
  font-size: 0.1em;
}

/* ----- Tabelle mit verschiedenen Grautönen pro Spalte, max. 4 Spalten,
         Tennlinien weiß  
         
         Wird hier verwendet um eine Preisliste für die verschiedenen Produkte
         und deren Unterschiede aufzulisten                                                 ----- */

table#TabellePreisliste {
  border-collapse: collapse;
}
table#TabellePreisliste td {
  background-color: #eee; border: 1px solid white;
  padding: 0.5em;
  font-size: 0.8em;
}
table#TabellePreisliste td.s1 {
  background-color: #eee;
}
table#TabellePreisliste td.s2 {
  background-color: #ddd;
}
table#TabellePreisliste td.s3 {
  background-color: #ccc;
}
table#TabellePreisliste td.s4 {
  background-color: #bbb;
}
table#TabellePreisliste ul {
  font-size: 1em;
  padding-left: 1em;
}

/* ----- Tabelle ohne Rahmen, kleinere Schrift, Spalte 1: maroon
         Diese Tabelle wird für Impressum, Kontakt, ua. verwendet ----- */

table#TabelleImpressum {
  border: 0;
  font-size: 0.9em;
}
table#TabelleImpressum td.s1 {
  color: maroon;
}