/* ############################################################## */
/* ###################### BODY DEFINITIONS ###################### */
/* ############################################################## */

* {
  border: 0;                   /* Rahmen: keiner */
  margin: 0;                   /* Aussenabstand: keiner */
  padding: 0;                  /* Innenabstand: keiner */
}

/* for older browsers */
header, nav, section, article, aside, footer {
  display: block;              /* Anzeigeart: Block, Element erzeugt neue Zeile */
}

/* page general */
/* Seite generell */
html {
	background-color: White;
}

body {
	font-family: Verdana, Calibri, Helvetica, Arial, sans-serif; /* Schriftart: Verdana bis sans-serif */
	margin: 0px; /* Aussenabstand */
	text-align: center;
	background-color: White;
}

/* page-container including header-, main- and footer-container */
/* Seiten-Container mit Kopf-, Inhalts- und Fussbereich */
#header {
	background-color: #175946; /*  */
	font-size: 120%; /* Schriftgroesse */
	line-height: 2.5em; /* Zeilenhohe: 2.5fach */
	max-width: 100%; /* Maximalbreite */
	text-align: center;
	margin: 0px;
}
#top {
	background-color: transparent; /*  */
	font-size: 110%; /* Schriftgroesse */
	line-height: 2.5em; /* Zeilenhohe: 2.5fach */
	max-width: 59.5em; /* Maximalbreite: 59.5em */
	text-align: center;
	margin: auto;
	color: #175946;
}

/* ########################## Verweise ########################## */

/* link general */
/* Verweis allgemein */
a:link {
	color: #175946; /* Textfarbe */
	padding: .2em; /* Innenabstand: 0.2em */
	text-decoration: underline; /* Textdekoration */
}

/* visited link */
/* Bereits besuchter Verweis */
a:visited {
  color: #175946;              /* Textfarbe */
}

/* link on mouse-over, active or focused link */
/* Verweis bei Mouse-over, aktiver Verweis oder Verweis mit Fokus */
a:hover, a:active, a:focus {
  color: #175946;              /* Textfarbe */
  text-decoration: underline;  /* Textdekoration: unterstrichen */
}

/* ###################### Sprungnavigation ##################### */

/* Skip-Navigation ('hidden' skip-anchors) */
/* Skip-Navigation ('unsichtbare' Sprungmarken) */
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 */
}

/* ###################### Navigationsliste ##################### */

/* vertical navigation-list */
/* Liste fuer vertikale Navigationsleiste */
ol#vertical {
  list-style: none;            /* Listendarstellung: keine */
}

/* item in the vertical navigation-list */
/* Einzelne Listenpunkte in der vertikalen Navigationsleiste */
ol#vertical li {
  letter-spacing: .1em;        /* Zeichenabstand: 0.1em */
}

/* active item in the vertical navigation-list */
/* Aktiver Listenpunkt in der vertikalen Navigationsleiste */
ol#vertical li strong {
  color: #000000;              /* Textfarbe: schwarz */
  display: block;              /* Anzeigeart: Block, Element erzeugt neue Zeile */
  padding: .5em;               /* Innenabstand: 0.5em */
}

/* link general in navigation-lists */
/* Verweis allgemein in Navigationsleisten */
ol#vertical li a:link {
	color: #2F4F4F; /* Textfarbe: dunkelgruen */
	display: block; /* Anzeigeart: Block, Element erzeugt neue Zeile */
	font-weight: bold; /* Schriftgewicht: fett */
	padding: .5em; /* Innenabstand: 0.5em */
	text-decoration: underline; /* Textdekoration */
}

/* visited link in navigation-lists */
/* Bereits besuchter Verweis in Navigationsleisten */
ol#vertical li a:visited {
	color: #505050; /* Textfarbe: ganz dunkles grau */
	display: block; /* Anzeigeart: Block, Element erzeugt neue Zeile */
	font-weight: bold; /* Schriftgewicht: fett */
	padding: .5em; /* Innenabstand: 0.5em */
	text-decoration: underline; /* Textdekoration */
}

/* active item in navigation-list if subnavigation exists */
/* Aktiver Listenpunkt in der Navigationsleiste wenn eine Subnavigation existiert */
ol#vertical li.displayed a:link,
ol#vertical li.displayed a:visited {
  color: #000000;              /* Textfarbe: schwarz */
}

/* link on mouse-over, active or focused link in navigation-lists */
/* Verweis bei Mouse-over, aktiver Verweis und Verweis mit Fokus in Navigationsleisten */
ol#vertical li a:hover,
ol#vertical li a:active,
ol#vertical li a:focus {
  color: #000000;              /* Textfarbe: schwarz */
  text-decoration: underline;  /* Textdekoration: unterstrichen */
}

/* horizontal navigation-list */
/* Liste fuer horizontale Navigationsleiste */
ol#horizontal {
	list-style: none; /* Listendarstellung: keine */
}

/* item in the horizontal navigation-list */
/* Einzelne Listenpunkte in der horizontalen Navigationsleiste */
ol#horizontal li {
  float: left;                 /* Textumfluss: alles nachfolgende rechts vom Element */
  letter-spacing: .1em;        /* Zeichenabstand: 0.1em */
  text-align: center;          /* Horizontale Ausrichtung: zentriert */
  width: 100%;                  /* Breite: 50% (Gleichverteilung wenn 2 Listenelemente) */
}

/* active item in the horizontal navigation-list */
/* Aktiver Listenpunkt in der horizontalen Navigationsleiste */
ol#horizontal li strong {
  color: #000000;              /* Textfarbe: schwarz */
  display: block;              /* Anzeigeart: Block, Element erzeugt neue Zeile */
  padding: .5em;               /* Innenabstand: 0.5em */
}

/* link general in navigation-lists */
/* Verweis allgemein in Navigationsleisten */
ol#horizontal li a:link {
	color: #2F4F4F; /* Textfarbe: dunkelgruen */
	display: block; /* Anzeigeart: Block, Element erzeugt neue Zeile */
	font-weight: bold; /* Schriftgewicht: fett */
	padding: .5em; /* Innenabstand: 0.5em */
	text-decoration: underline; /* Textdekoration */
}

/* visited link in navigation-lists */
/* Bereits besuchter Verweis in Navigationsleisten */
ol#horizontal li a:visited {
	color: #505050; /* Textfarbe: ganz dunkles grau */
	display: block; /* Anzeigeart: Block, Element erzeugt neue Zeile */
	font-weight: bold; /* Schriftgewicht: fett */
	padding: .5em; /* Innenabstand: 0.5em */
	text-decoration: underline; /* Textdekoration */
}

/* active item in navigation-list if subnavigation exists */
/* Aktiver Listenpunkt in der Navigationsleiste wenn eine Subnavigation existiert */
ol#horizontal li.displayed a:link,
ol#horizontal li.displayed a:visited {
  color: #000000;              /* Textfarbe: schwarz */
}

/* link on mouse-over, active or focused link in navigation-lists */
/* Verweis bei Mouse-over, aktiver Verweis und Verweis mit Fokus in Navigationsleisten */
ol#horizontal li a:hover,
ol#horizontal li a:active,
ol#horizontal li a:focus {
  color: #000000;              /* Textfarbe: schwarz */
  text-decoration: underline;  /* Textdekoration: unterstrichen */
}

/* active item in navigation-list if subnavigation exists: link on mouse-over, active or focused link */
/* Aktiver Listenpunkt in der Navigationsleiste wenn eine Subnavigation existiert: Verweis bei Mouse-over, aktiver Verweis und Verweis mit Fokus */
ol#horizontal li.displayed a:hover,
ol#vertical li.displayed a:hover,
ol#horizontal li.displayed a:active,
ol#vertical li.displayed a:active,
ol#horizontal li.displayed a:focus,
ol#vertical li.displayed a:focus {
  color: #000000;              /* Textfarbe: schwarz */
}

/* ##################### Textauszeichnungen ##################### */

/* paragraph */
/* Absatz */
article p,
aside p {
	padding: 0em 2em; /* Innenabstand:  */
}

/* Brotkrumenpfad */
article nav#breadcrumb {
  font-size: .85em;            /* Schriftgroesse: 0.85em */
  padding: .5em 2.5em;         /* Innenabstand: oben/unten 0.5em, rechts/links 2.5em */
}

/* Teaser: Was auf der Seite zu finden ist (Zusammenfassung) */
article p#teaser {
  color: #000000;              /* Textfarbe: schwarz */
}

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

/* ###################### Ueberschriften ####################### */

/* heading level 1 */
/* Ueberschrift Ebene 1 */
article h0 {
	font-size: 1.45em; /* Schriftgroesse */
	font-weight: bold; /* Schriftgewicht: fett */
	line-height: 2.5em; /* Zeilenhohe */
}
article h1 {
	font-size: 1.4em; /* Schriftgroesse: 1.4em */
	font-weight: bold; /* Schriftgewicht: fett */
	line-height: 1.5em; /* Zeilenhohe: 1.5fach */
	padding: .5em 0.5em; /* Innenabstand  */
}

/* heading level 2 */
/* Ueberschrift Ebene 2 */
article h2 {
	color: #175946; /* Textfarbe */
	font-size: 1.2em; /* Schriftgroesse: 1.2em */
	font-weight: bold; /* Schriftgewicht: fett */
	line-height: 1.3em; /* Zeilenhohe: 1.3fach */
	margin: 0em 0.5em 0; /* Aussenabstand: oben  */
	padding: 0em; /* Innenabstand: oben/unten  */
}

/* heading level 3 */
/* Ueberschrift Ebene 3 */
article h3 {
  font-size: 1em;              /* Schriftgroesse: 1em */
  padding: .5em 2em;           /* Innenabstand: oben/unten 0.5em, rechts/links 2em */
}

/* ########################### Listen ########################### */

/* sorted list */
/* sortierte Liste */
article ol {
  list-style-type: decimal;    /* Listenzeichen: Dezimalzahl */
  margin: .5em 4.5em;          /* Aussenabstand: oben/unten 0.5em, rechts/links 4.5em */
}

/* unsorted list */
/* unsortierte Liste */
article ul {
  list-style-type: square;     /* Listenzeichen: Quadrat */
  margin: .5em 4.5em;          /* Aussenabstand: oben/unten 0.5em, rechts/links 4.5em */
}

/* ############################################################## */
/* ######################### CONTAINER  ######################### */
/* ############################################################## */

#footerm {
	display: none;
}

footer {
	background-color: #175946; /*  */
	clear: both; /* Fortsetzung bei Textumfluss: unterhalb */
	color: White; /* Textfarbe */
	float: none; /* Textumfluss: keiner */
	font-size: 1.2em; /* Schriftgroesse: */
	padding: 1.6em 0 1.6em 0; /* Innenabstand: */
	text-align: center; /* Horizontale Ausrichtung: zentriert */
	width: 100%; /* Breite: 100% */
}

footer a:link,
footer a:visited {
	color: White; /* Textfarbe */
	text-decoration: none;
}

footer a:hover,
footer a:active,
footer a:focus {
	color: White; /* Textfarbe */
	text-decoration: none;
}