body  { color: black; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: white }
/* Navigation Untermenüs */
.me       { position: absolute; top: 70px; z-index: 3; }
.subme { position: absolute; top: 70px; z-index: 2; visibility: hide; visibility: hidden; }

/* Textbox rechts (Links) */
#linkbox { font-size: 11px; visibility: visible; position: absolute; top: 173px; left: 659px; width: 100px }

ul#gaerten { margin: 0; padding: 0; width: 100% }
ul#gaerten li { list-style: none; padding: 0; margin: 0; background-color: #99cc00; width: 154px;  }
ul#gaerten a, ul#gaerten span   { color: #000; font-size: 11px; text-decoration: none; display: block; padding: 1px 0 1px 6px; border-style: solid; border-width: 1px; border-color: #fff #e0e0e0 #8e836e #fff }
* html ul#gaerten a, ul#gaerten span  { width: 143px; w\idth: 154px  }
ul#gaerten a:hover, ul#gaerten span  { color: #000; font-size: 11px; background-color: #DAFF71; border: solid 1px #e0e0e0 }

ul#gaertner { margin: 0; padding: 0; width: 100% }
ul#gaertner li { list-style: none; padding: 0;  margin: 0; background-color: #C36896; width: 154px; }
ul#gaertner a, ul#gaertner span   { color: #000; font-size: 11px; text-decoration: none; display: block; padding: 1px 0 1px 6px; border-style: solid; border-width: 1px; border-color: #fff #e0e0e0 #8e836e #fff }
* html ul#gaertner a, ul#gaertner span  { width: 143px; w\idth: 154px  }
ul#gaertner a:hover, ul#gaertner span  { color: #000; font-size: 11px; background-color: #FFC6D1; border: solid 1px #e0e0e0 }

ul#paedago { margin: 0; padding: 0; width: 100% }
ul#paedago li { list-style: none; padding: 0; background-color: #ffcc00; width: 154px;  }
ul#paedago a, ul#paedago span   { color: #000; font-size: 11px; text-decoration: none; display: block; padding: 1px 0 1px 6px; border-style: solid; border-width: 1px; border-color: #fff #e0e0e0 #8e836e #fff }
* html ul#paedago a, ul#paedago span  { width: 143px; w\idth: 154px  }
ul#paedago a:hover, ul#paedago span  { color: #000; font-size: 11px; background-color: #ffec99; border: solid 1px #e0e0e0 }

/* Navigation Hauptmenüs */
.gaerten   { color: #000; font-size: 11px; line-height: 30px; text-decoration: none; background-color: #e0e0e0; text-indent: 7px; display: block; width: 153px; height: 29px; border-top: 1px solid #999; border-right: 1px solid #999 }
* html .gaerten   { color: #000; font-size: 11px; line-height: 30px; text-decoration: none; background-color: #e0e0e0; text-indent: 7px; display: block; width: 154px; height: 29px; border-top: 1px solid #999; border-right: 1px solid #999 }
.gaerten:hover  { background-color: #99cc00 }
.gaertenact   { color: #000; font-size: 11px; line-height: 30px; text-decoration: none; background-color: #99cc00; text-indent: 7px; display: block; width: 153px; height: 29px; border-top: 1px solid #999; border-right: 1px solid #999 }
* html .gaertenact   { color: #000; font-size: 11px; line-height: 30px; text-decoration: none; background-color: #99cc00; text-indent: 7px; display: block; width: 154px; height: 29px; border-top: 1px solid #999; border-right: 1px solid #999 }

.gaertner   { color: #000; font-size: 11px; line-height: 30px; text-decoration: none; background-color: #e0e0e0; text-indent: 7px; display: block; width: 153px; height: 29px; border-top: 1px solid #999; border-right: 1px solid #999 }
* html .gaertner   { color: #000; font-size: 11px; line-height: 30px; text-decoration: none; background-color: #e0e0e0; text-indent: 7px; display: block; width: 154px; height: 29px; border-top: 1px solid #999; border-right: 1px solid #999 }
.gaertner:hover  { background-color: #C36896 }
.gaertneract   { color: #000; font-size: 11px; line-height: 30px; text-decoration: none; background-color: #C36896; text-indent: 7px; display: block; width: 153px; height: 29px; border-top: 1px solid #999; border-right: 1px solid #999 }
* html .gaertneract   { color: #000; font-size: 11px; line-height: 30px; text-decoration: none; background-color: #C36896; text-indent: 7px; display: block; width: 154px; height: 29px; border-top: 1px solid #999; border-right: 1px solid #999 }

.paedago   { color: #000; font-size: 11px; line-height: 30px; text-decoration: none; background-color: #e0e0e0; text-indent: 7px; display: block; width: 153px; height: 29px; border-top: 1px solid #999; border-right: 1px solid #999 }
* html .paedago   { color: #000; font-size: 11px; line-height: 30px; text-decoration: none; background-color: #e0e0e0; text-indent: 7px; display: block; width: 154px; height: 29px; border-top: 1px solid #999; border-right: 1px solid #999 }
.paedago:hover  { background-color: #ffcc00 }
.paedagoact   { color: #000; font-size: 11px; line-height: 30px; text-decoration: none; background-color: #ffcc00; text-indent: 7px; display: block; width: 153px; height: 29px; border-top: 1px solid #999; border-right: 1px solid #999 }
* html .paedagoact   { color: #000; font-size: 11px; line-height: 30px; text-decoration: none; background-color: #ffcc00; text-indent: 7px; display: block; width: 154px; height: 29px; border-top: 1px solid #999; border-right: 1px solid #999 }

.kontakt   { color: #000; font-size: 11px; line-height: 30px; text-decoration: none; background-color: #e0e0e0; text-indent: 7px; display: block; width: 153px; height: 29px; border-top: 1px solid #999; border-right: 1px solid #999 }
* html .kontakt   { color: #000; font-size: 11px; line-height: 30px; text-decoration: none; background-color: #e0e0e0; text-indent: 7px; display: block; width: 154px; height: 29px; border-top: 1px solid #999; border-right: 1px solid #999 }
.kontakt:hover   { background-color: #B7DBFF }
.kontaktact   { color: #000; font-size: 11px; line-height: 30px; text-decoration: none; background-color: #B7DBFF; text-indent: 7px; display: block; width: 153px; height: 29px; border-top: 1px solid #999; border-right: 1px solid #999 }
* html .kontaktact   { color: #000; font-size: 11px; line-height: 30px; text-decoration: none; background-color: #B7DBFF; text-indent: 7px; display: block; width: 154px; height: 29px; border-top: 1px solid #999; border-right: 1px solid #999 }


/* Hintergrund-Elemente */

#rosa { background-color: #ffc6d1; visibility: visible; position: absolute; z-index: 0; top: 0; left: 10px; width: 180px; height: 116px }
#balken { background-color: #fc6; visibility: visible; position: absolute; z-index: 0; top: 30px; left: 190px; width: 616px; height: 40px }
#logo  { background-color: #f96; visibility: visible; position: absolute; z-index: 1; top: 30px; left: 10px; width: 180px; height: 40px }

/* Logo */

#logoblume { visibility: visible; position: absolute; z-index: 2; top: 4px; left: 72px }
#logoschrift { visibility: visible; position: absolute; z-index: 3; top: 15px; left: 437px }


/* Überschriften (farblich hinterlegt) */

h1    { font-size: 11px; font-weight: bold; line-height: 14px; margin: 0; padding: 5px }
.h1gaertner { background-color: #FFC6D1; }
.h1gaerten { background-color: #DAFF71; }
.h1paedago { background-color: #ffec99; }
.h1kontakt { background-color: #B7DBFF; }

/* Pfadangabe */

h2    { font-size: 14px; font-weight: bold; line-height: 14px; margin: 0; padding: 5px }

#pfad { font-size: 11px; text-indent: 7px; visibility: visible; position: absolute; top: 105px; left: 190px; width: 600px }

/* Textbox links (aktuell) */

#textaktuell  { font-size: 11px; visibility: visible; position: absolute; top: 173px; left: 17px; width: 166px }
#haktgaerten   { font-size: 11px; background-color: #99cc00; text-align: center; text-transform: uppercase; visibility: visible; padding-top: 10px; padding-bottom: 10px; position: absolute; top: 133px; left: 10px; width: 180px; vertical-align: middle }
#haktpaedago   { font-size: 11px; background-color: #ffcc00; text-align: center; text-transform: uppercase; visibility: visible; padding-top: 10px; padding-bottom: 10px; position: absolute; top: 133px; left: 10px; width: 180px; vertical-align: middle }
#haktgaertner   { font-size: 11px; background-color: #C36896; text-align: center; text-transform: uppercase; visibility: visible; padding-top: 10px; padding-bottom: 10px; position: absolute; top: 133px; left: 10px; width: 180px; vertical-align: middle }
#haktkontakt   { font-size: 11px; background-color: #6CB6FF; text-align: center; text-transform: uppercase; visibility: visible; padding-top: 10px; padding-bottom: 10px; position: absolute; top: 133px; left: 10px; width: 180px; vertical-align: middle }
#karte  { visibility: visible; position: absolute; top: 173px; left: 10px; width: 180px }

/* Textbox Mitte (Inhalt) */

#content    { font-size: 11px; visibility: visible; position: absolute; top: 167px; left: 197px; width: 454px; height: 100px }

.url { font-size: 22px; font-weight: bold; line-height: 10px; text-align: right; margin: 0.67em 0 }
.urllink { color: #000; text-decoration: none; }
p  { font-size: 11px; line-height: 13px; margin-top: 10px; margin-bottom: 10px; padding: 0 }
ul { font-size: 11px }
.textlink { color: #36f; text-decoration: none; }
.textlink:visited { color: #36f }
.textlink:hover { color: #99cc00; font-weight: bold; }
.textlink:active { color: #3cc }