body {
  font-family:Arial, sans-serif;
  font-size: 0.8em;
  background-color: #F0F0F0;
  background-image: url(bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-attachment:fixed;
  height: 100%;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

div#site {
  background: white;
  border: 1px solid #aaaaaa;
  width: 80%;
  max-width: 1000px;
  margin-top: 50px;
  margin-left: auto;
  margin-right:auto;
  position: relative;
  padding: 1em;

}
div#header{
  background-color: #dddddd;
  margin: 0;
  min-height: 95px;

}

img#logo {
  float: left;
  padding: 10px 0 0 1em;
}

div#headline {
  text-align: center;
  padding: 0.5em;
}

div#headline h1, h2, h3 {
  margin: 0;
  padding:0;
}

div#headline p {
  margin: 0;
  padding: 0;
}

div#main{
  text-align:justify;
  margin: 0;
  padding: 1em 0 0 20em;
}

div#left {
  clear: left;
  float: left;
  width: 18em;
  margin: 0 1em  0 0;
  padding: 0.5em 1em 1em 0;
  background-color: #dddddd;

}

div#left ul {
  list-style: none outside;
  margin: 0.5em 0 -0.5em 0;
  padding: 0 0 0 1em;
}

div#left li{
  padding: 0 0 0.5em 0;
  margin: 0;
}


div#left a{
  color: black;
  background-color: white;
  font-weight: bold;
  border: 1px solid #777777;
  right: 12em;
  padding: 0.1em 0.4em 0.1em 0.4em;
  margin: 0;
  display: block;
}

div#left a:hover{
  background-color: #ecd58f;
  text-decoration: none;
}
div#footer {
  clear: both;
  background-color: #dddddd;
  text-align: center;
  padding: 0.5em;
  margin-top: 1em;
  font-size: 0.9em;
}