body {
  background-image:url(img/zitrone.jpg);
  background-repeat:no-repeat;
  background-position:18% 90px;

  background-attachment:fixed;

  background-color:#FFF;

  padding:15px;
  max-width:1000px;

  font-size:0.9em;
  }

body, tr, td, p, div {
  font-family:arial,verdana,sans-serif;
  }

h1 {
  font-size:2.1em;
  margin-left:7em;

  margin-top:20px;
  padding:10px;

  color:#AC4;

  letter-spacing:3pt;
  }

h2 {
  margin:0px;
  margin-bottom:10px;

  font-size:1.1em;
  color:#014;
  }

h2:first-letter  {
  font-size:1.2em;
  }

p {
  margin:0px;
  padding:0px;
  padding-bottom:10px;
  }

address {
  padding-top:10px;
  padding-bottom:20px;
  font-style:normal;
  }

input, textarea {
  opacity:0.7;
  }

input.kontakt {
  width:15em;
  font-family:arial,verdana,sans-serif;
  }

textarea.kontakt {
  width:15em;
  height:8em;
  font-family:arial,verdana,sans-serif;
  }

textarea.scribble {
  width:15em;
  height:5em;
  font-family:arial,verdana,sans-serif;
  }

.absatz {
  background-image:url(img/back40.png);

  margin-left:15em;
  margin-top:20px;

  padding-top:10px;
  padding-right:100px;
  padding-left:15px;
  padding-bottom:10px;

  width:60%;

  color:#000;
  }

td {
  vertical-align:top;
  }

.quote {
  color:#888;
  font-size:0.85em;
  }

.comment {
  font-size:0.8em;
  color:#445;
  margin-left:30px;
  }

#navcontainer {
  position:fixed;
  top:115px;
  left:0px;
  font:0.7em Arial, sans-serif;

  width:15em;
  font-size:0.9em;
  }

ul {
  margin:0px;
  padding:0px;

  margin-left:15px;
  }

#navlist li {
  list-style:none;
  margin:0px;
  padding:0px;
  border-top:1px solid gray;
  }

#sublist li {
  list-style:none;
  margin:0px;
  padding:0px;
  border-top:1px solid gray;
  margin-left:1em;
  }

#navlist li a, #sublist li a {
  display: block;
  padding: 0.3em 0.5em 0.3em 0.75em;
  border-left: 1em solid #AAB;
  text-decoration: none;
  }

#navlist li a:link, #sublist li a:link {
  color:black;
  }

#navlist li a:visited, #sublist li a:visited {
  color:black;
  border-color: #AC4;
  }

#navlist li a:hover, #sublist li a:hover {
  color:white;
  border-color:#FE3;
  background-color:#332;
  }

#navlist li.active, #sublist li.active {
  padding: 0.3em 0.5em 0.3em 0.75em;
  border-left: 1em solid #AACC44;
  color:black;
  background-color:#CFDBE3;
  font-weight:bold;
  }

a:link  {
  color:#346;
  }

a:visited {
  color:#89C;
  }

a.pagectrl {
  text-decoration:none;
  color:black;

  padding-left:6px;
  padding-right:6px;

  margin-left:3px;
  margin-right:3px;

  border-left:   1px solid white;
  border-top:    1px solid white;
  border-right:  1px solid #BFCDD7;
  border-bottom: 1px solid #BFCDD7;
  }

a.pagectrl:link {
  color:black;
  }

a.pagectrl:visited {
  color:#606060;
  border-left:   1px solid #BFCDD7;
  border-top:    1px solid #BFCDD7;
  border-right:  1px solid white;
  border-bottom: 1px solid white;
  padding-left:6px;
  padding-right:6px;
  }

a.pagectrl:hover {
  color:black;
  border-left:   1px solid white;
  border-top:    1px solid white;
  border-right:  1px solid #BFCDD7;
  border-bottom: 1px solid #BFCDD7;
  padding-left:6px;
  padding-right:6px;
  background-color:#FAFAFA;
  }

a.pagectrl:active {
  }

#activelink {
  font-weight:bold;
  padding-left:9px;
  padding-right:9px;
  color:#207020;
  }

a.btn {
  text-decoration:none;
  font-size:0.9em;
  color:black;

  padding:2px;
  padding-left:10px;
  padding-right:10px;

  border-left:   1px solid white;
  border-top:    1px solid white;
  border-right:  1px solid #BFCDD7;
  border-bottom: 1px solid #BFCDD7;
  }

a.btn:link {
  }

a.btn:visited {
  }

a.btn:hover {
  background-color:#FAFAFA;
  }

a.btn:active {
  }