/* CSS-File generated by Christiane Müller, http://www.itib.de */

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

/* white (e.g. content-background)          #ffffff    weiss     */
/* black (e.g. font)                        #000000    schwarz   */
/* grey (e.g. inner-containers)             #f0eeeb    grau      */
/* orange (e.g. hover-links)                #ff9900    orange    */
/* blue (e.g. links)                        #000099    blau      */
/* light blue (e.g. website-background)     #dfefff    hellblau  */
/* violett (e.g. visited links)             #6060bf    violett   */

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

/* page general */
/* Seite generell */
body {
  background-image:url(bilder/colorful.jpg);
  background-color:#d6e1e3;
  color: #121c7d;              /* Textfarbe: schwarz */
  font-family: Arial, Helvetica, Serif; /* Schriftart: Arial, Helvetica, Serif */
  font-size: 83%;              /* Schriftgröße: 83% */
  margin: auto;                /* Außenabstand: automatisch */
  padding: 0;                  /* Innenabstand: keiner */
  text-align: left;            /* Horizontale Ausrichtung: linksbündig */
  width: 100%;                  /* Breite: 95% der Fensterbreite */
}

/* page-container including header-, main- and footer-container */
/* Seiten-Container mit Kopf-, Inhalts- und Fußbereich */
#page {
  background: #d6e1e3;         /* Hintergrund: weiss */
  margin: auto;                /* Außenabstand: automatisch */
  padding: 0;                  /* Innenabstand: keiner */
  min-width: 590px;            /* Mindestbreite: 590px */
  max-width: 65em;             /* Maximalbreite: 86em */
}

/* clearing floatings */
/* Fließumgebungen zurücksetzen */
.fixfloat {
  float: none;                 /* Textumfluss: keiner */
  clear: both;                 /* Fortsetzung bei Textumfluss: unterhalb */
  width: 1px;                  /* Breite: 1px */
  margin: 0;                   /* Außenabstand: keiner */
  padding: 0;                  /* Innenabstand: keiner */
  font-size: 0px;              /* Schriftgröße: 0px */
  line-height: 0px;            /* Zeilenhöhe: 0px */
  height: 0px;                 /* Höhe: 0px */
}

/* link general */
/* Verweis allgemein */
a:link {
  /*background: #ffffff;         /* Hintergrund: weiss */
  color: #9a2d56;              /* Textfarbe: blau */
  font-weight: bolder;         /* Schriftgewicht: extrafett */
  margin: 0;                   /* Außenabstand: keiner */
  padding: 0;                  /* Innenabstand: keiner */
  text-decoration: none;       /* Textdekoration: keine */
}

/* visited link */
/* Bereits besuchter Verweis */
a:visited {
  /*background: #ffffff;         /* Hintergrund: weiss */
  color: #9a2d56;              /* Textfarbe: violett */
  font-style: italic;          /* Schriftstil: kursiv */
  font-weight: bolder;         /* Schriftgewicht: extrafett */
  margin: 0;                   /* Außenabstand: keiner */
  padding: 0;                  /* Innenabstand: keiner */
  text-decoration: none;       /* Textdekoration: keine */
}

/* link on mouse-over */
/* Verweis bei Mouse-over */
a:hover {
  /*background: #ffffff;         /* Hintergrund: weiss */
  color: #c867ae;              /* Textfarbe: rot */
  font-weight: bolder;         /* Schriftgewicht: extrafett */
  margin: 0;                   /* Außenabstand: 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: #ff9900;         /* Hintergrund: rot */
  color: #9a2d56;              /* Textfarbe: weiss */
  font-weight: bolder;         /* Schriftgewicht: extrafett */
  margin: 0;                   /* Außenabstand: keiner */
  padding: 0;                  /* Innenabstand: keiner */
  text-decoration: underline;  /* Textdekoration: unterstrichen */
}

/* container for horizontal navigation */
/* Container um horizontale Navigationsleiste */
div#horizontalnavigation {
  /*background: #ffffff;         /* Hintergrund: weiss */
  color: #9a2d56;              /* Textfarbe: schwarz */
  margin: 0;                   /* Außenabstand: keiner */
  padding: 0;                  /* Innenabstand: keiner */
}

/* horizontal navigation-list */
/* Liste für horizontale Navigationsleiste */
ol#horizontal {
  /*background: #ffffff;         /* Hintergrund: weiss */
  color: #444;              /* Textfarbe: schwarz */
  list-style: none;            /* Listendarstellung: keine */
  margin: 0;                   /* Außenabstand: keiner */
  padding: 0;                  /* Innenabstand: keiner */
  text-align: center;            /* Horizontale Ausrichtung: linksbündig */
}

/* item in the horizontal navigation-list */
/* Einzelne Listenpunkte in der horizontalen Navigationsleiste */
ol#horizontal li {
  /*background: #ffffff;      /* Hintergrund: weiss */
  color: #9a2d56;           /* Textfarbe: schwarz */
  float: left;              /* Textumfluss: alles nachfolgende rechts vom Element */
  font-size: 1em;           /* Schriftgröße: 1em */
  letter-spacing: 1px;      /* Zeichenabstand: 1px */
  margin: 0 1px 0 0;        /* Außenabstand: oben/unten/links keiner, rechts 4px */
  padding: 0;               /* Innenabstand: keiner */
  width: 15%;               /* Breite: 19% */
}

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

/* container for vertical navigation */
/* Container um vertikale Navigationsleiste */
div#verticalnavigation {
  /*background: #f0eeeb;         /* Hintergrund: grau */
  color: #9a2d56;              /* Textfarbe: schwarz */
  margin: 0;                   /* Außenabstand: keiner */
  padding: 0;                  /* Innenabstand: keiner */
}

/* vertical navigation-list */
/* Liste für vertikale Navigationsleiste */
ol#vertical {
  /*background: #ffffff;         /* Hintergrund: weiss */
  color: #9a2d56;              /* Textfarbe: schwarz */
  list-style: none;            /* Listendarstellung: keiner */
  margin: 0;                   /* Außenabstand: keiner */
  padding: 0;                  /* Innenabstand: keiner */
  text-align: left;            /* Horizontale Ausrichtung: linksbündig */
}

/* item in the vertical navigation-list */
/* Einzelne Listenpunkte in der vertikalen Navigationsleiste */
ol#vertical li {
  /*background: #ffffff;      /* Hintergrund: weiss */
  color: #9a2d56;           /* Textfarbe: schwarz */
  font-size: 1em;           /* Schriftgröße: 1em */
  letter-spacing: 1px;      /* Zeichenabstand: 1px */
  margin: 0 0 4px 0;        /* Außenabstand: oben/rechts/links keiner, unten 4px */
  padding: 0;               /* Innenabstand: keiner */
  width: 100%;              /* Breite: 100% */
}

/* active item in the vertical navigation-list */
/* Aktiver Listenpunkt in der vertikalen Navigationsleiste */
ol#vertical li strong.activated {
  /*background: #ffffff;         /* Hintergrund: weiss */
  border: 0px solid #000000;   /* Rahmen alle Seiten: 1px, durchgezogen, schwarz */
  color: #9a2d56;              /* Textfarbe: schwarz */
  display: block;              /* Anzeigeart: Block, Element erzeugt neue Zeile */
  margin: 0;                   /* Außenabstand: keiner */
  padding: 2px;                /* Innenabstand: 4px */
}

/* link general in navigation-lists */
/* Verweis allgemein in Navigationsleisten */
ol#horizontal li a:link,
ol#vertical li a:link {
  /*background: #dfefff;         /* Hintergrund: hellblau */
  border: 0px solid #000099;   /* Rahmen alle Seiten: 1px, durchgezogen, blau */
  color: #9a2d56;              /* Textfarbe: blau */
  display: block;              /* Anzeigeart: Block, Element erzeugt neue Zeile */
  font-weight: bolder;         /* Schriftgewicht: extrafett */
  margin: 0;                   /* Außenabstand: keiner */
  padding: 2px;                /* Innenabstand: 4px */
  text-decoration: none;       /* Textdekoration: keine */
}

/* visited link in navigation-lists */
/* Bereits besuchter Verweis in Navigationsleisten */
ol#horizontal li a:visited,
ol#vertical li a:visited {
  /*background: #dfefff;         /* Hintergrund: hellblau */
  border: 0px solid #dfefff;   /* Rahmen alle Seiten: 1px, durchgezogen, hellblau */
  color: #9a2d56;              /* Textfarbe: violett */
  display: block;              /* Anzeigeart: Block, Element erzeugt neue Zeile */
  font-style: italic;          /* Schriftstil: kursiv */
  font-weight: bolder;         /* Schriftgewicht: extrafett */
  margin: 0;                   /* Außenabstand: keiner */
  padding: 2px;                /* Innenabstand: 4px */
  text-decoration: none;       /* Textdekoration: keine */
}

/* link on mouse-over in navigation-lists */
/* Verweis bei Mouse-over in Navigationsleisten */
ol#horizontal li a:hover,
ol#vertical li a:hover {
  /*background: #ffffff;         /* Hintergrund: weiss */
  border: 0px solid #ff9900;   /* Rahmen alle Seiten: 1px, durchgezogen, rot */
  color: #9a2d56;              /* Textfarbe: rot */
  display: block;              /* Anzeigeart: Block, Element erzeugt neue Zeile */
  font-weight: bolder;         /* Schriftgewicht: extrafett */
  margin: 0;                   /* Außenabstand: keiner */
  padding: 2px;                /* Innenabstand: 4px */
  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#vertical li a:active,
ol#horizontal li a:focus,
ol#vertical li a:focus {
  /*background: #ff9900;         /* Hintergrund: rot */
  border: 0px solid #ff9900;   /* Rahmen alle Seiten: 1px, durchgezogen, rot */
  color: #9a2d56;              /* Textfarbe: weiss */
  display: block;              /* Anzeigeart: Block, Element erzeugt neue Zeile */
  font-weight: bolder;         /* Schriftgewicht: extrafett */
  margin: 0;                   /* Außenabstand: keiner */
  padding: 4px;                /* Innenabstand: 4px */
  text-decoration: underline;  /* Textdekoration: unterstrichen */
}

/* paragraph */
/* Absatz */
p {
  float: none;                 /* Textumfluss: keiner */
  clear: both;                 /* Fortsetzung bei Textumfluss: unterhalb */
}

/* bread crumb trail */
/* Brotkrumen-Pfad */
#breadcrumb {
  font-size: .8em;             /* Schriftgröße: 80% des Elternelementes */
  margin: 0;                   /* Außenabstand: keiner */
  padding: 0 4px;              /* Innenabstand: oben/unten keiner, rechts/links 4px */
}

/* heading level 1 */
/* Überschrift Ebene 1 */
h1 {
  background: #9a2d56;         /* Hintergrund: orange */
  color: #d6e1e3;              /* Textfarbe: schwarz */
  border-bottom: 1px solid #604848;   /* Rahmen unten: 1px, durchgezogen, schwarz */
  font-size: 1.4em;            /* Schriftgröße: 1.4em */
  font-weight: bolder;         /* Schriftgewicht: extrafett */
  margin: 0 0 6px 0;           /* Außenabstand: oben/rechts/links keiner, unten 6px */
  padding: 2px;                /* Innenabstand: 2px */
}

/* heading level 2 */
/* Überschrift Ebene 2 */
h2 {
  background: #9a2d56;         /* Hintergrund: orange */
  color: #d6e1e3;              /* Textfarbe: schwarz */
  border-bottom: 2px solid #604848;   /* Rahmen unten: 1px, durchgezogen, schwarz */
  font-size: 1.2em;            /* Schriftgröße: 1.2em */
  font-weight: bolder;         /* Schriftgewicht: extrafett */
  margin: 0;                   /* Außenabstand: keiner */
  padding: 2px;                /* Innenabstand: 2px */
}

/* inner-container */
/* Allgemeiner Container */
.container {
  /*background: #f0eeeb;         /* Hintergrund: grau */
  color: #121c7d;         /* Textfarbe: schwarz */
  margin: .5%;                 /* Außenabstand: 0,5% */
  padding: 0;                  /* Innenabstand: keiner */
}

/* cpoyright notice */
/* Urheber-Hinweis */
.copyright {
  font-size: .8em;             /* Schriftgröße: 80% des Elternelementes */
  margin: 0;                   /* Außenabstand: keiner */
  padding: 0;                  /* Innenabstand: keiner */
  text-align: center;          /* Horizontale Ausrichtung: zentriert */
}

/* HEADER ------------------------------------------------------ */

/* Header-Container */
#header_main {
  background: #CCCCCC;      /* Hintergrund: weiss */
  border-bottom: 1px solid #550000;   /* Rahmen oben: 1px, durchgezogen, blau */
  clear: both;              /* Fortsetzung bei Textumfluss: unterhalb */
  color: #121c7d;           /* Textfarbe: schwarz */
  float: none;              /* Textumfluss: keiner */
  height: 20%;              /* Höhe: 20% */
  margin: 0;                /* Außenabstand: keiner */
  padding: 0;               /* Innenabstand: keiner */
}

/* Center Header-Container */
#header_center {
  background: #CCCCCC;      /* Hintergrund: weiss */
  color: #121c7d;           /* Textfarbe: schwarz */
  float: left;              /* Textumfluss: alles nachfolgende rechts vom Element */
  height: 80%;              /* Höhe: 90% */
  margin: 0;              /* Außenabstand: 0,5% */
  padding: 0;               /* Innenabstand: keiner */
  width: 100%;               /* Breite: 50% */
}

/* MAIN -------------------------------------------------------- */

/* Main-Container */
#main {
  background: #CCCCCC;      /* Hintergrund: weiss */
  border-bottom: 1px solid #550000;   /* Rahmen oben: 1px, durchgezogen, blau */
  clear: both;              /* Fortsetzung bei Textumfluss: unterhalb */
  color: #121c7d;           /* Textfarbe: schwarz */
  float: none;              /* Textumfluss: keiner */
  height: 60%;              /* Höhe: 70% */
  margin: 0;                /* Außenabstand: keiner */
  padding: 0;               /* Innenabstand: keiner */
  width: 100%;              /* Breite: 100% */
}

/* Left Main-Container */
#main_left {
  background: #CCCCCC;      /* Hintergrund: weiss */
  color: #222;           /* Textfarbe: schwarz */
  float: left;              /* Textumfluss: alles nachfolgende rechts vom Element */
  height: 95%;              /* Höhe: 95% */
  margin: .5%;              /* Außenabstand: 0,5% */
  padding: 0;               /* Innenabstand: keiner */
  width: 19%;               /* Breite: 23% */
}

/* Center Main-Container */
#main_center {
  background: #CCCCCC;      /* Hintergrund: weiss */
  color: #121c7d;           /* Textfarbe: schwarz */
  float: left;              /* Textumfluss: alles nachfolgende rechts vom Element */
  height: 95%;              /* Höhe: 95% */
  margin: .5%;              /* Außenabstand: 0,5% */
  padding: 0;               /* Innenabstand: keiner */
  width: 79%;               /* Breite: 50% */
}

/* Center Main-Container */
#main_normal {
  background: #CCCCCC;      /* Hintergrund: weiss */
  color: #121c7d;           /* Textfarbe: schwarz */
  float: left;              /* Textumfluss: alles nachfolgende rechts vom Element */
  height: 95%;              /* Höhe: 95% */
  margin: 0;              /* Außenabstand: 0,5% */
  padding: 0;               /* Innenabstand: keiner */
  width: 100%;               /* Breite: 50% */
}

/* FOOTER ------------------------------------------------------ */

/* Footer-Container */
#footer_main {
  background: #CCCCCC;      /* Hintergrund: weiss */
  clear: both;              /* Fortsetzung bei Textumfluss: unterhalb */
  color: #121c7d;           /* Textfarbe: schwarz */
  float: none;              /* Textumfluss: keiner */
  height: 10%;              /* Höhe: 10% */
  margin: 0;                /* Außenabstand: keiner */
  padding: 0;               /* Innenabstand: keiner */
  width: 100%;              /* Breite: 100% */
}

/* Center Footer-Container */
#footer_center {
  background: #CCCCCC;      /* Hintergrund: weiss */
  color: #121c7d;           /* Textfarbe: schwarz */
  float: left;              /* Textumfluss: alles nachfolgende rechts vom Element */
  height: 5%;              /* Höhe: 80% */
  margin: 0;              /* Außenabstand: 0,5% */
  padding: 0;               /* Innenabstand: keiner */
  width: 100%;               /* Breite: 50% */
}