body, table{
  font-family: Arial, Helvetica, FreeSans, sans-serif;
  font-size:  100%;
  background-color:#FFFFFF;
  width:    1500px;
  }

  .wrapper{ font-size:1em; }

  h1 { font-size:  2em; line-height:1.5em; }
  h2 { font-size:1.8em; line-height:1.5em; }
  h3 { font-size:1.6em; line-height:1.5em; }
  h4 { font-size:1.4em; line-height:1.5em; }
  h5 { font-size:1.2em; line-height:1.2em; }
  h6 { font-size:  1em; line-height:0.8em; }

  a:link     { color: #ad351a;        text-decoration: none;      }
  a:visited  { color: #ad351a;        text-decoration: underline; }
  a:hover    { color: #1509FA;        text-decoration: underline }
  a:active   { color: #ad351a;        text-decoration: underline }

  p#kopf {
    clear:       both;
    width:       1100px;
    font-size:   30px;
    height:      320px;
    margin:      10px;
    padding-left: 50px;
    text-align: left;
    color: #FFFF00;
   }

  #linkweg {
   margin: 5;
  font-size: 75%;
  padding-left: 20;
  list-style-type: none;
  background: #800000; border: 1px solid grey;
  color:  #FFFF00;
  overflow: auto;
  }
  #linkweg li { float: left; }
  #linkweg a {
  font-family: Verdana;
  font-size: 75%;
  text-decoration: none;
  width: 100px;
  height: 20px;
  display: block;
  color: #FFFF00;
  text-align: center;
  line-height: 19px;
  font-weight: bold;
  }
  #linkweg a:visited { color: #FFFF00; text-decoration: none; background-color: #FFFFFF; }
  #linkweg a:hover   { color: #FFFFFF; background-color: #736F6E; }

  #links  {
  float:left;
  width:         240px;
  border:        1px solid gray;
  background-color: #C0C0C0;
  margin:        5px;
  margin-left:   3em;
  padding:       1px;
  color:         #0000FF;
  }
  #links  a:link    { color: #0000FF; text-decoration: none;   background-color: #C0C0C0;  }
  #links  a:visited { color: #736F6E; text-decoration: none;   background-color: #C0C0C0;   }
  #links  a:hover   { color: #FFFFFF; background-color: #C0C0C0;  }
  #links  a:active  { color: #736F6E; background-color: #C0C0C0;  }

  #rechts {
  width:           800px;
  padding-top:     0px;
  padding-right:   3em;
  padding-bottom:  1em;
  padding-left:    4em;
  margin-left:     200px;
  color:           #150517; }

nav ul {
  list-style: none;
  padding: 2;
  margin: 2;
}

nav {
  float: left;
}

li {
  display: inline;
  margin: 20px;
}

nav a {
  text-decoration: none;
  color: #353535;
}


  p#fusszeile {
    clear:       both;
    width:       75%;
    font-size:   0.8em;
    margin:      5px;
    padding-right: 150px;
    text-align:  left;
    color:       #FFFF00;
    background-color: #800000; border: 1px solid grey;
  }
  p#box     { width: 675px;  margin: 5px; text-align: left; border:double medium #808080; padding:1em }

  p#box-o    { width: 675px;  margin: 5px; text-align: left; padding:1em }

  p#box1    { border: 3px; solid #C0C0C0; width: 30em; padding:2em; clear: left;}

  p#box2    { border: 1px; solid #C0C0C0; width: 40em; padding:2em; clear: left;}

  p#box3    { border: 1px; solid #C0C0C0; width: 60em; padding:2em; clear: left;}

  p#box4 {   padding-top:     1em;
             padding-right:   5em;
             padding-bottom:  1em;
             padding-left:    1em;
             margin-left:     13em;
             color:           #150517;
             box-shadow: 5px 5px 0px #000000 ;}

div.figure {
  float: right;
  width: 25%;
  margin: 1.0em;
  padding: 1.0em;

  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}

img.scaled {
  width: 100%;
}


}