html {
  width: 100%;
  height: 100%;
  background-position: center center; 
  background-size: cover; 
  background-repeat: no-repeat; 
  background-attachment: fixed;
  background-color: white;
  }
body {
  max-width: 60em;
  font-family:"Verdana","Arial","Helvetica","sans-serif";
  margin: 0.2em auto;
  border: 1px solid grey;
  min-height: 98%;
  background-color:rgb(255,255,255);
  background-color:rgba(255,255,255,0.3);
  background-image: url("pics/footer.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  }
nav {
  background-color: rgb(205,38,38);
  background-color: rgba(205,38,38,0.9);
  color:white;
  font-size:90%;
  border:none;
  border-bottom: 1px solid grey;
  padding-top:1em;
  padding-right:2em;
  padding-left:3em;
  padding-bottom:1.0em;
  line-height:1.2em;
  background-image: url("pics/Sp135tr50.png");
  background-position: top center;
  background-repeat: no-repeat;
  }
@media (min-width: 30em) {
  nav {
    float: left;
    border-right: 1px solid grey;
    border-bottom-right-radius: 0.5em;
    margin-right:2em;
    margin-bottom:1em;
    padding-left:0.5em;
    padding-right:1.5em;
    line-height:1.5em;
    }
  }
article {
  color:#110000;
  font-size:90%;
  padding:1em;
  margin-bottom:1.5em;
  }

a.menue {
  color:white;
  text-decoration:none;
  font-weight:bold;
  padding-left:0.2em;
  padding-right:0.2em;
  }
a.menue:hover {
  color:#8b1a1a;
  text-decoration:none;
  font-weight:bold;
  background-color:white;
  padding-left:0.2em;
  padding-right:0.2em;
  }
a.submenue {
  color:white;
  text-decoration:none;
  font-weight:normal;
  padding-left:0.2em;
  padding-right:0.2em;
  }
a.submenue:hover {
  color:#8b1a1a;
  text-decoration:none;
  font-weight:normal;
  background-color:white;
  padding-left:0.2em;
  padding-right:0.2em;
  }
a.normal {
  color:#cd2626;
  text-decoration:none;
  }
a.normal:hover {
  color:#ffffff;
  text-decoration:none;
  background-color:#cd2626;
  }
a.transparent {
  color:#cd2626;
  text-decoration:none;
  }
a.transparent:hover {
  color:#cd2626;
  text-decoration:none;
  background-color:transparent;
  }
p {
  text-align:left;
  }
span.menue {
  color:#8b1a1a;
  text-decoration:none;
  background-color:white;
  padding-left:0.2em;
  padding-right:0.2em;
  }
ul {
   list-style-type:circle;
  }