* { 
  border: none;
  margin: 0px;
  padding: 0px;
  color: #fff9e6;
  font-family: sans-serif;
  font-weight: normal;
  text-decoration: none;
}

body {
  margin-top: 5%;
  background-color: #e6dde6;
}

a         { display: block; }
a:hover   { color: #817067; }
a:active  { color: #817067; }

p { margin-bottom: 0.5em; }

td { vertical-align: top; }

input {
  font-size: 1em;
  width: 16em;
  background-color: #817067;
}
.button { width: 7.5em; }

textarea {
  height: 7em;
  width: 16em;
  background-color: #817067;
}

div div {
  float: left;
  padding: 1em;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
  background-color: #99887f;
}

div#body {
  width: 50.5em;
  margin: auto;
}

div#header {
  width: 33em;
  height: 4em;
  padding-top: 3em;
  text-align: center;
  background-color: #fff9e6;
}

div#header > * { color: #99887f; }

div#navigation { 
  width: 12em;
  height: 6em;
}
  
div#content {
  height: 22em;
  width: 15em;
}

div#form {
  height: 22em;
  width: 29em;
}

div#impressum {
  height: 22em;
  width: 47.5em;
}

img {
  height: 24em;
  width: 32em;
}

img#port { width: 18em; }