/* CSS */

/* Farbe hintergrund: dadada */
/* Farbe hintergrund body: ffffff */
/* Farbe header top: 0043a3 */
/* Farbe h1: 0046aa */
/* Farbe block: bddff3 */

/* Class: <p class="x">        p.x {} */
/* div:   <div x               #x {} */

html {
  background-color: #dadada;
  margin: 0; /* Aussenabstand */
  padding: 0; /* Innenabstand */
  border: 0;
  /* font-family: Thesis, helvetica, arial, sans-serif; */
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;*/
  font-weight: normal;
  /* font-style: inherit; */
  font-size: 90.00%; /* Schriftgroesse */ 
  vertical-align: baseline;
  outline: none;
}

body {
  background-color: #ffffff;

  /* Breite */
  width: 980px;
  /* min-width: 600px; */
  /* max-width: 800px; */
  margin-left:auto; /* Seitenabstand: links */
  margin-right:auto; /* Seitenabstand: rechts */ 

  text-align: justify; /* Schrift: Blocksatz */

  /* Abstaende */
  /*margin: 10px;*/
  padding: 10px;

  /* Schatten */
   box-shadow: 2px 2px 3px #30393D; 
  /* box-shadow: 10px 10px 8px #888; */ /* Attribute: x-Achse, y-Achse, Unschärfe (Blur-Wert), Farbe */

  /* Runde Ecken */
  border-top-left-radius: 10px; /**/
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}


/* Absatz */ 
hr {
  background-color: #bddff3;

  padding: 10px; /* Innenabstand */

  /* Runde Ecken */
  border-top-left-radius: 10px; /**/
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

#content {
  line-height: 1.4em; /* Zeilenabstand */
}

/* Ueberschrift */ 
h1, h2, h3, h4, h5 {
  color: #000000; /* Schriftfarbe */

  /* Border Style 1 */
  /*border-bottom: dashed 1.2px #0043a3;
  border-top: dashed 1.2px #0043a3; */

  /* Border Style 2 */
 /* border-bottom: solid 1px #0043a3;
  border-left: solid 1px #0043a3; */
  background-color: #bddff3;  /* Hintergrundfarbe */
  font-weight: bold; /* normal, bold */
  font-size: 100.00%;
  padding: 0.5px 0px 0px 5px;  /* Innenabstand: top, rigth, bottom, left */
}

/* Navigation */ 
ul#Navigation {
  width: 100%; /* Breite der Menueleiste */
  height: 29px; /* Hoehe der Menueleiste */
  margin: 0px 0px 0px 0px; /* Aussenabstand: top, rigth, bottom, left */
  padding: 10px 0px 0px 0px; /* Innenabstand: top, rigth, bottom, left */
  text-align: center; /* Textausrichtung der Menuepunkte */
  /* float: left; */ /* Ausrichtung */
  border: 0px solid black; /* Rahmen um die Menueleiste */
  font-size: 110%;
  background-color: #0043a3; /* Hintergrundfarbe Menueleiste */
}

ul#Navigation li {
  list-style: none;
  display: inline;
  text-decoration: none;
  border: 0px solid black; 
  margin: 0px 0px 0px 0px; /* Aussenabstand: top, rigth, bottom, left */
  padding: 10px 0px 10px 0px;  /* Innenabstand: top, rigth, bottom, left */
  color: white; /* Schriftfarbe */
  /* text-shadow: 0 1px 1px rgba(0, 0, 0, .75); */
  /* opacity: .9;*/ /* Schriftstaerke  */
}

ul#Navigation a, ul#Navigation span {
  display: inline;
  margin: 0px 0px 0px 0px; /* Aussenabstand: top, rigth, bottom, left */
  padding: 10px 10px 10px 10px;  /* Innenabstand: top, rigth, bottom, left */
  text-decoration: none; /* u.a. Behandlung von Links */
  color: white; /* Schriftfarbe Menuepunkt */ 
  /* background-color: grey; */ /* Hintergrundfarbe Menuepunkt */
  border: 0px solid black;
}

ul#Navigation a:hover, ul#Navigation span {
  padding: 9px 9px 9px 9px;  /* Innenabstand: top, rigth, bottom, left */
  border: 1px solid #0043a3; /* Rahmen um akiven Menuepunkt*/
  color: #0043a3; /* Schriftfarbe aktiver Menuepunkt */
  background-color: white; /* Hintergrundfarbe aktiver Menuepunkt */
}

.footer {
  text-align: center;  
  font-size: 80.00%;
}