html, body, div, table {
 padding: 0px;
 border: 0px;
    /* Wahlweise zum Debugging:
    border: #66ffff dashed 2px; */
 margin: 0px;
}
body {
 font-family: Arial, sans-serif;
 background: #eff7e7;
 color: #663300;
 font-size: 16px;
}
/* Seitencontainer für die positionierten Elemente */
#seite {
 position:absolute;
 width:100%;
 margin:0px;
 padding:0px;
}
/* Einrahmender Bogen */
#oben, #linkerrand, #rechterrand {
 position: absolute;
 z-index: 1;
 background: #006644;
}
#oben {
 top: 0px;
 left: 0px;
 width: 100%;
 height: 61px;
}
#linkerrand {
 top: 61px;
 left: 0px;
 width: 100px;
 height: 100%;
 background: url(img/struktur.png);
}
#rechterrand {
/* border: 3px dotted red; */
 top: 61px;
 right: 0px;
 width: 100px;
 height: 100%;
 background: url(img/struktur-r.png);
}
#eckelinks, #eckerechts {
 position: absolute;
 top: 61px;
 z-index: 1;
}
#eckelinks {left: 100px;} #eckerechts {right: 100px;}

/* Belegung des Rahmenbogens */
#logo {
 position: absolute;
 left: 0;
 top: 8px;
 z-index: 2;
 padding-left: 8px;
 background: #006644;
}
#kopf {
 position: absolute;
 min-width: 35em;
 top: 8px;
 right: 8px;
 z-index: 2;
 margin-left: 125px;
 text-align: right;
 background: #006644;
 color: #eff7e7;
 font-size: 13px;
}
#aponame {
 font-style: italic;
 font-weight: bold;
 font-size: 18px;
}
#stdlinks {
 position: absolute;
 right: 0;
 max-width: 105px;
 top: 61px;
 z-index: 2;
 padding-right: 6px;
 padding-bottom: 9px;
 background: #006644;
 text-align: right;
 font-size: 13px;
}
#kopf a, #stdlinks a {color: #ffcc33;}
#kopf a:hover, #stdlinks a:hover {color: #ffffff;}
#kopf a:active, #stdlinks a:active {color: #ff99cc;}
/* Navigation zwischen Rahmen und Inhalt */
.navigation {
 position: absolute;
 min-width: 25em;
 top: 75px;
 left: 0px;
 padding-left: 125px;
 padding-right: 125px;
}
.nav {
 width: 100%;
}
.brotkrumen {
 font-size: 13px;
}
.thema {
 font-size: 22px;
 font-weight: bold;
}
/* Seiteninhalte */
#inhalt {
 z-index: 1;
 /* min-width: 22em; */
 padding-left: 125px;
 padding-right: 125px;
 padding-top: 160px;
 margin: 0px;
 background: #eff7e7;
}
/* Die drei Farbschemata fuer die Inhalte: default=Service, Pflanzen */
/* *** Idee: Vereinfachung der vielfach-Angaben durch Klassenvergabe
       an die umhüllende Inhalts-DIV.
   *** */
h1, h2, h3, h4, h5, h6 {
 margin-top: 10px;
}
h1 { font-size: 25px; margin-bottom: 4px; }
h2 { font-size: 18px; margin-bottom: 4px; }
h3 { font-size: 16px; margin-bottom: 4px; }
.service h1, .service h2, .service h3, .service h4, .service h5, .service h6 {
 color: #ff3333;
}
.pflanzen h1, .pflanzen h2, .pflanzen h3, .pflanzen h4, .pflanzen h5, .pflanzen h6 {
 color: #339933;
}
a:link, strong, a.service:link, strong.service {
 color: #ff3333;
}
a.pflanzen:link, strong.pflanzen {
 color: #339933;
}

a:visited, a.service:visited  {
 color: #cc0000;
}
a.pflanzen:visited  {
 color: #006600;
}

a:hover, a.service:hover {
 color: #ffcc33;
}
a.pflanzen:hover {
 color: #66ff66;
}

a:active, a.service:active {
 color: #ff99cc;
}
a.pflanzen:active {
 color: #00cc99;
}


ul.service {
 list-style-image: url("/img/service-li.png");
}
ul.pflanzen {
 list-style-image: url("/img/pflanzen-li.png");
}

.textdn {
/* text-decoration: none; */
}
.leveleins {
 color: #ffffff;
}
.levelzwei {
 font-weight: bold;
}
.leveleins .textdn , .levelzwei .textdn {
}

.kleiner {
 font-size: 12px;
}

.fachterminus {
 border-bottom: dotted 1px;
 cursor: help;
}

.fusszeile {
 font-size: 10px;
 clear: left;
}

/* Abgesetzte Seitenelemente */
.kasten, .kastenlinks, .kastenrechts {
 background: #eff7e7;
 border-width: 3px;
 border-style: outset;
 border-color: #339933;
/* padding: 8px 8px 4px 8px; ggf. für Textkästen erforderlich */
}

.kastenlinks {
 margin-right: 1em;
 float: left;
}

.kastenrechts {
 margin-left: 1em;
 float: right;
}

.textkastenrechts {
 width: 38.2%;
 padding: 8px;
}

.dynapic {
 width: 61.8%;
 min-width: 150px;
 max-width: 300px;
}<link rel="stylesheet" href="apo-0.css" type="text/css">