/* CSS-File generated by ARGE Kirchhoff/Jacobs */
/* Version: 2009-10-15 */

/* USED COLORS ------------------------------------------------- */
/* BENUTZTE FARBEN --------------------------------------------- */

/* grey (e.g. content-background)          #f0eeeb    grau     */
/* black (e.g. font)                        #000000    schwarz   */
/* grey (e.g. inner-containers)             #f0eeeb    grau      */
/* red (e.g. hover-links)                   #b80000    rot       */
/* blue (e.g. links)                        #0000a3    blau      */
/* grey (e.g. website-background)     #f0eeeb    grau  */
/* violett (e.g. visited links)             #5d005d    violett   */

/* GENERAL ----------------------------------------------------- */
/* ALLGEMEIN --------------------------------------------------- */

/* page general */
/* Seite generell */
body {
  background-color: #f0eeeb;   /* Hintergrund: grau */
  color: #000000;              /* Textfarbe: schwarz */
  font-family: Verdana, Helvetica, Arial, sans-serif; /* Schriftart: Verdana bis sans-serif */
  font-size: 100.01%;          /* Schriftgroesse: ca. 100% */
  margin: 0 1em;                   /* Aussenabstand: oben/unten keiner, rechts/links 1em */
  padding: 0;                  /* Innenabstand: keiner */
  text-align: left;            /* Horizontale Ausrichtung: linksbuendig */
}

/* page-container including head-, navi-,  and content-container */
/* Seiten-Container mit Kopf-, Navigations- und Textbereich */
#top {
  background-color: #f0eeeb;   /* Hintergrund: grau */
  line-height: 1.5em;          /* Zeilenhohe: 1.5fach */
  margin: auto;                /* Aussenabstand: automatisch */
  padding: 0;                  /* Innenabstand: oben/unten keiner, rechts/links keiner */
  max-width: 65em;             /* Maximalbreite: 65em */
}

/* link general */
/* Verweis allgemein */
a:link {
  background-color: #ffffff;   /* Hintergrund: weiss */
  color: #0000a3;              /* Textfarbe: blau */
  margin: 0;                   /* Aussenabstand: keiner */
  padding: 0;                  /* Innenabstand: keiner */
  text-decoration: none;       /* Textdekoration: keine */
}

/* visited link */
/* Bereits besuchter Verweis */
a:visited {
  background-color: #ffffff;   /* Hintergrund: weiss */
  color: #5d005d;              /* Textfarbe: violett */
  font-style: italic;          /* Schriftstil: kursiv */
  margin: 0;                   /* Aussenabstand: keiner */
  padding: 0;                  /* Innenabstand: keiner */
  text-decoration: none;       /* Textdekoration: keine */
}

/* link on mouse-over */
/* Verweis bei Mouse-over */
a:hover {
  background-color: #ffffff;   /* Hintergrund: weiss */
  color: #b80000;              /* Textfarbe: rot */
  margin: 0;                   /* Aussenabstand: keiner */
  padding: 0;                  /* Innenabstand: keiner */
  text-decoration: underline;  /* Textdekoration: unterstrichen */
}

/* active or focused link */
/* Aktiver Verweis oder Verweis mit Fokus */
a:active,
a:focus {
  background-color: #b80000;   /* Hintergrund: rot */
  color: #ffffff;              /* Textfarbe: weiss */
  margin: 0;                   /* Aussenabstand: keiner */
  padding: 0;                  /* Innenabstand: keiner */
  text-decoration: underline;  /* Textdekoration: unterstrichen */
}

/* Skip-Navigation ('hidden' skip-anchors) */
/* Skip-Navigation ('unsichtbare' Sprungmarken) */
ol#skip {
  margin: 0;                   /* Aussenabstand: keiner */
  padding: 0;                  /* Innenabstand: keiner */
}

ol#skip li {
  display: inline;             /* Anzeigeart: Inline, Element erzeugt keine neue Zeile */
  list-style: none;            /* Listendarstellung: keine */
}

ol#skip a:link,
ol#skip a:visited,
ol#skip a:hover {
  left: -400em;                /* Positionierung: links ausserhalb des Anzeige-Bereiches */
  position: absolute;          /* Positionierung: absolut */
}

ol#skip a:active,
ol#skip a:focus {
  left: 0;                     /* Positionierung: links oben */
  text-align: center;          /* Horizontale Ausrichtung: zentriert */
  width: 20em;                 /* Breite: 20em */
}

/* horizontal navigation-list */
/* Liste fuer horizontale Navigationsleiste */
ol#horizontal {
  background-color: #f0eeeb;   /* Hintergrund: grau */
  color: #000000;              /* Textfarbe: schwarz */
  list-style: none;            /* Listendarstellung: keine */
  margin: 0;                   /* Aussenabstand: keiner */
  padding: 0;                  /* Innenabstand: keiner */
  text-align: center;            /* Horizontale Ausrichtung: zentriert */
}

/* item in the horizontal navigation-list */
/* Einzelne Listenpunkte in der horizontalen Navigationsleiste */
ol#horizontal li {
  background-color: #f0eeeb;   /* Hintergrund: grau */
  color: #000000;              /* Textfarbe: schwarz */
  float: left;                 /* Textumfluss: alles nachfolgende rechts vom Element */
  letter-spacing: .1em;        /* Zeichenabstand: 0.1em */
  margin: 0;                   /* Aussenabstand: keiner */
  padding: 0 +.5em .5em 0em;      /* Innenabstand: oben/rechts keiner, unten/links -0.5em */
  width: 18% 13% 15% 18%;       /* Breite: unterschiedlich % */
/*  width: 7.8em 5.3em 6.3em 7.3em 7.8em;                   Breite: unterschiedlich em */
}

/* active item in the horizontal navigation-list */
/* Aktiver Listenpunkt in der horizontalen Navigationsleiste */
ol#horizontal li strong.activated {
  background-color: #ffffff;   /* Hintergrund: weiss */
/*  border: 1px solid #000000;    Rahmen alle Seiten: 1px, durchgezogen, schwarz */
  color: #000000;              /* Textfarbe: schwarz */
  display: block;              /* Anzeigeart: Block, Element erzeugt neue Zeile */
  margin: 0;                   /* Aussenabstand: keiner */
  padding: .5em;               /* Innenabstand: 0.5em */
}

/* link general in navigation-lists */
/* Verweis allgemein in Navigationsleisten */
ol#horizontal li a:link {
  background-color: #efefff;   /* Hintergrund: hellblau */
 /* border: 1px solid #0000a3;    Rahmen alle Seiten: 1px, durchgezogen, blau */
  color: #0000a3;              /* Textfarbe: blau */
  display: block;              /* Anzeigeart: Block, Element erzeugt neue Zeile */
  font-weight: bold;           /* Schriftgewicht: fett */
  margin: 0;                   /* Aussenabstand: keiner */
  padding: .5em;               /* Innenabstand: 0.5em */
  text-decoration: none;       /* Textdekoration: keine */
}

/* visited link in navigation-lists */
/* Bereits besuchter Verweis in Navigationsleisten */
ol#horizontal li a:visited {
  background-color: #efefff;   /* Hintergrund: hellblau */
/*  border: 1px solid #efefff;    Rahmen alle Seiten: 1px, durchgezogen, hellblau */
  color: #5d005d;              /* Textfarbe: violett */
  display: block;              /* Anzeigeart: Block, Element erzeugt neue Zeile */
  font-style: italic;          /* Schriftstil: kursiv */
  font-weight: bold;           /* Schriftgewicht: fett */
  margin: 0;                   /* Aussenabstand: keiner */
  padding: .5em;               /* Innenabstand: 0.5em */
  text-decoration: none;       /* Textdekoration: keine */
}

/* link on mouse-over in navigation-lists */
/* Verweis bei Mouse-over in Navigationsleisten */
ol#horizontal li a:hover {
  background-color: #ffffff;   /* Hintergrund: weiss */
/*  border: 1px solid #b80000;    Rahmen alle Seiten: 1px, durchgezogen, rot */
  color: #b80000;              /* Textfarbe: rot */
  display: block;              /* Anzeigeart: Block, Element erzeugt neue Zeile */
  font-weight: bold;           /* Schriftgewicht: fett */
  margin: 0;                   /* Aussenabstand: keiner */
  padding: .5em;               /* Innenabstand: 0.5em */
  text-decoration: underline;  /* Textdekoration: unterstrichen */
}

/* active or focused link in navigation-lists */
/* Aktiver Verweis und Verweis mit Fokus in Navigationsleisten */
ol#horizontal li a:active,
ol#horizontal li a:focus {
  background-color: #b80000;   /* Hintergrund: rot */
/*  border: 1px solid #000000;    Rahmen alle Seiten: 1px, durchgezogen, schwarz */
  color: #ffffff;              /* Textfarbe: weiss */
  display: block;              /* Anzeigeart: Block, Element erzeugt neue Zeile */
  font-weight: bold;           /* Schriftgewicht: fett */
  margin: 0;                   /* Aussenabstand: keiner */
  padding: .5em;               /* Innenabstand: 0.5em */
  text-decoration: underline;  /* Textdekoration: unterstrichen */
}

/* inner-container */
/* Allgemeiner Container */
div.container p {
  background-color: #f0eeeb;   /* Hintergrund: grau */
  color: #000000;              /* Textfarbe: schwarz */
  margin: 0;              /* Aussenabstand: oben/unten keiner, rechts/links keiner */
  padding: 0;               /* Innenabstand: keiner */
}

/* uppercase word */
/* Text in Grossbuchstaben */
.grossbuchstaben {
  text-transform: uppercase;   /* Text in Grossbuchstaben */
}

/* date */
/* Datum */
.date {
  font-size: .85em;            /* Schriftgroesse: 85% des Elternelementes */
  margin: 0;                   /* Aussenabstand: keiner */
  padding: 0;                  /* Innenabstand: keiner */
  text-align: right;           /* Horizontale Ausrichtung: rechts */
}

/* Navi ------------------------------------------------------ */

/* Navi-Container */
/* Navigationszeile */
#navi {
  background-color: #f0eeeb;   /* Hintergrund: grau */
  border-top: 1px solid #0000a3;   /* Rahmen oben: 1px, durchgezogen, blau */
  border-bottom: 1px solid #0000a3;   /* Rahmen unten: 1px, durchgezogen, blau */
  clear: both;                 /* Fortsetzung bei Textumfluss: unterhalb */
  color: #000000;              /* Textfarbe: schwarz */
  float: none;                 /* Textumfluss: keiner */
  margin: 0;                   /* Aussenabstand: keiner */
  padding: .2em 0 0;             /* Innenabstand: oben 0.2em/unten keiner, rechts/links keiner */
  width: 100%;                 /* Breite: 100% */
}

/* Head ----------------------------------------------------- */

/* Head-Container */
/* Inhaltsbereich */
#head {
  background-color: #f0eeeb;   /* Hintergrund: grau */
  clear: both;                 /* Fortsetzung bei Textumfluss: unterhalb */
  color: #000000;              /* Textfarbe: schwarz */
  float: none;                 /* Textumfluss: keiner */
  margin: 0;                   /* Aussenabstand: keiner */
  padding: 1em 0 1em 0;             /* Innenabstand: oben/unten 1em, rechts/links keiner */
  width: 100%;                 /* Breite: 100% */
}

/* heading level 1 */
/* Ueberschrift Ebene 1 */
#head h1 {
  font-family: Book Antiqua; /* Schriftart: Book Antiqua */
  font-size: 1.8em;            /* Schriftgroesse: 1.8em */
  font-weight: bold;           /* Schriftgewicht: fett */
  line-height: 1.5em;          /* Zeilenhohe: 1.5fach */
  margin: 0 ;              /* Aussenabstand: oben/unten keiner, rechts/links keiner */
  padding: 0;          /* Innenabstand: keiner */
}

/* heading level 2 */
/* Ueberschrift Ebene 2 */
#head h2 {
  font-size: 1.2em;            /* Schriftgroesse: 1.2em */
  font-weight: bold;           /* Schriftgewicht: fett */
  line-height: 1.2em;          /* Zeilenhohe: 1.2fach */
  margin: .5em 0 0;                      /* Aussenabstand: keiner */
  padding: 0;                   /* Innenabstand: keiner */
}

/* paragraph */
/* Absatz */
#head p {
  margin: 0;                   /* Aussenabstand: keiner */
  padding: 0 0 .5em 0;               /* Innenabstand: oben/rechts keiner, unten 0.5em/links keiner */
}



/* CONTENT ------------------------------------------------------ */

/* Content-Container */
/* Textbereich */
#content {
  background-color: #f0eeeb;   /* Hintergrund: grau */
  clear: both;                 /* Fortsetzung bei Textumfluss: unterhalb */
  color: #000000;              /* Textfarbe: schwarz */
  float: none;                 /* Textumfluss: keiner */
  margin: 0;                   /* Aussenabstand: keiner */
  padding: 0;             /* Innenabstand: oben/unten keiner, rechts/links keiner */
  width: 100%;                 /* Breite: 100% */
}

/* heading level 3 */
/* Ueberschrift Ebene 3 */
#head h3 {
  font-size: 1.2em;            /* Schriftgroesse: 1.2em */
  font-weight: bold;           /* Schriftgewicht: fett */
  line-height: 1em;          /* Zeilenhohe: 1fach */
  margin: .4em 0 0 0;    /* Aussenabstand: oben 0.4em/unten keiner, rechts/links keiner */
  padding: 0;                  /* Innenabstand: oben/unten keiner, rechts/links keiner */
}

/* heading level 4 */
/* Ueberschrift Ebene 4 */
#head h3 {
  font-weight: bold;           /* Schriftgewicht: fett */
  line-height: 1em;          /* Zeilenhohe: 1fach */
  margin: 0;                      /* Aussenabstand: keiner */
  padding: 0;                  /* Innenabstand: keiner */
}

/* paragraph */
/* Absatz */
#content p{
  margin: 0;                   /* Aussenabstand: keiner */
  padding: 0 0 1em 0;               /* Innenabstand: oben keiner/unten 1em, rechts/links keiner */
}

/* paragraph linking to the top of the site */
/* Absatz mit Sprungmarke zum Seitenanfang */
#head p.up {
   font-size: .85em;            /* Schriftgroesse: 85% des Elternelementes */
  line-height: 1.3em;          /* Zeilenhohe: 1.3fach */
  margin: 0;              /* Aussenabstand: oben/unten keiner, rechts/links keiner */
  padding: 0;                  /* Innenabstand: oben/unten keiner, rechts/links keiner */
  text-align: right;           /* Horizontale Ausrichtung: rechts */
}