html {
  height: 100%;
}

body {
  height: 100%;
  background-color: white;
  color: black;
  font-size: 100.01%;
  font-family: Helvetica,Arial,sans-serif;
  margin: 0;
}

/* prepares the background image to full capacity of the viewing area */
#bg {position:absolute; top:0; left:0;}
/* places the content ontop of the background image */
#content {position:relative; z-index:1;}

img {
  border:0;
}

/* Demnächst ein ersatz für target="_blank" in CSS3 */
/*
a[rel~="external"] {
  target-new: tab;
}
*/

.rule {
  width:1280px; margin:1em 0;
}
div#Titel {
  border: 0px dashed silver;
  margin-top: 3.13em;
  margin-left: 5em;
  margin-bottom: 0;
}
div#Titel p {
  font-style: italic;
  font-size: 2.2em;
}
div#Titel a {
  text-decoration: none;
 }
div#Titel a:link {
  color: black;
}
div#Titel a:visited {
  color: black; 
}
div#Titel a:hover {
  color: grey;
}
div#Titel a:active {
  color: red;
}

div#links {
  position: absolute;
  left: 0em;
  top: 0em;
  width: 20em;
  height: 40em;
  border: 0px dashed silver;
  margin: 0;
}

div#Fusszeile {
  margin-top: 3.13em;
  color: white;
}

.Info {
  border: 0px dashed silver;
  margin: 0 0 0 1.25em;
  width: 20em;
  height: 14em;
}
.Info p {
  font-size: 0.8em;
}
.Info a {
  font-size: 0.8em;
  text-decoration: none;
  white-space: nowrap;
 }
.Info a:link {
  color: black;
}
.Info a:visited {
  color: black; 
}
.Info a:hover {
  color: grey;
}
.Info a:active {
  color: red;
}
.Info div.weiter {
  text-align:right; 
  margin-top: -1em;
}

.Navigation {
  width: 20em;
  height: 26em;
  border: 0px dashed silver;
  margin-left: 1.25em;
  line-height: 1.4em;
  font-weight:bold;
}
.Navigation a {
    text-decoration: none;
 }
.Navigation a:link {
    color: black;
}
.Navigation a:visited {
    color: black;
}
.Navigation a:hover {
    color: grey;
}
.Navigation a:active {
    color: red;
}

.Navigation a.aktiv {
    text-decoration: none;
 }
.Navigation a.aktiv:link {
    color: black; 
}
.Navigation a.aktiv:visited {
    color: black; 
}
.Navigation a.aktiv:hover {
    color: grey;
}
.Navigation a.aktiv:active {
    color: red; 
}
.Navigation p {
  font-size: 0.7em;
}

div#Inhalt {
  border: 0px dashed silver;
  margin-top: 16em;
  margin-left: 22.81em;
  margin-bottom: 0;
}
div#Inhalt h1 {
  font-size: 1.5em;
}
div#Inhalt h2 {
  width: 26em;
  font-size: 1.2em;
}
div#Inhalt p {
  font-size:1em;
}
div#Inhalt p.text {
  width: 31.25em;
  font-size:1em;
  text-align: justify;
}
div#Inhalt p.textleftalign {
  width: 31.25em;
  font-size:1em;
  text-align: left;
}
div#Inhalt p.fussnotentext {
  width: 31.25em;
  font-size:0.8em;
}
div#Inhalt hr.text {
  background-color: white;
  color: black;
  margin: 0;
  width: 31.25em;
  text-align: left;
  height: 0.13em;
}
div#Inhalt ul {
  list-style-type:circle;
  width: 24em;
}
div#Inhalt li {
  margin: 1em;
}
div#Inhalt a {
  color: black;
  font-size: 1em;
  text-decoration: none; 
}
div#Inhalt a.line {
  color: black;
  font-size: 1em;
  text-decoration: underline;
}
div#Inhalt a.line:hover {
    color: grey;
}

div#Inhalt td {
  width: 15em;
}
div#Inhalt dl{
  line-height:1.5em;
}
div#Inhalt dd{
  position: relative;
  top: -1.5em;
  left: 6em;
  width: 22em;
}

div.Inhalt_rechts {
  border: 0px dashed silver;
  margin-left: 26.5em;
  white-space: nowrap;
 }
div.Inhalt_rechts a {
  color: black;
  font-size: 1em;
  text-decoration: none; 
}
div.Inhalt_rechts a:hover {
    color: grey;
}
div#rechts {
  position: absolute;
  left: 40em;
  top: 0em;
  width: 20em;
  border: 0px dashed silver;
}
div#Inhalt.Bild {
  width: 600px;
  height: 450px;
}

div.fotoalbum img {margin:20px 20px 20px 20px; border:0; vertical-align: middle}