body  { color: black; font-family:  Verdana, Arial, Helvetica, sans-serif; background-color: white }

/* Tooltipps zu Links */

#gaerten {background-color: #99cc00; visibility: visible; position: absolute; z-index: 0; top: 421; left: 190px; width: 145px;  height: 100px; color: #000; font-size: 11px; border: solid 1px #999; padding: 3px; }
#gaertner {background-color: #C36896; visibility: visible; position: absolute; z-index: 0; top: 421; left: 344px; width: 145px; height: 100px; color: #000; font-size: 11px; border: solid 1px #999; padding: 3px;}
#paedago {background-color: #ffcc00; visibility: visible; position: absolute; z-index: 0; top: 421; left: 498px; width: 145px; height: 100px; color: #000; font-size: 11px; border: solid 1px #999; padding: 3px;}
* html #gaerten {background-color: #99cc00; visibility: visible; position: absolute; z-index: 0; top: 421; left: 190px; width: 153px; height: 100px; color: #000; font-size: 11px; border: solid 1px #999; padding: 3px; }
* html #gaertner {background-color: #C36896; visibility: visible; position: absolute; z-index: 0; top: 421; left: 344px; width: 153px; height: 100px; color: #000; font-size: 11px; border: solid 1px #999; padding: 3px;}
* html #paedago {background-color: #ffcc00; visibility: visible; position: absolute; z-index: 0; top: 421; left: 498px; width: 153px; height: 100px; color: #000; font-size: 11px; border: solid 1px #999; padding: 3px;}


/* Navigation Hauptmenüs */

.me       { position: absolute; top: 500px; z-index: 2; }

.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 }

.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 }

.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 }

.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 }

/* 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 }
#rosaunten {background-color: #FFC6D1; visibility: visible; position: absolute; z-index: 0; top: 520; left: 10px; width: 180px; height: 30px}
#abschluss { background-color: #fc6; visibility: visible; position: absolute; z-index: 0; top: 550px; left: 10px; width: 796px; height: 20px }
#granatapfel { visibility: visible; position: absolute; z-index: 0; top: 70px; left: 190px }



/* 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: #aaa; }
.h1willkommen { background-color: #FFE0A2; }

/* 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 }
#haktindex   { font-size: 11px; background-color: #fc6; 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 }
#haktgaerten   { font-size: 11px; background-color: #99cc00; text-align: center; text-transform: uppercase; visibility: visible; padding-top: 10px; padding-bottom: 10px; position: absolute; top: 120px; 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: 120px; 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: 120px; left: 10px; width: 180px; vertical-align: middle }
#haktkontakt   { font-size: 11px; background-color: #aaa; text-align: center; text-transform: uppercase; visibility: visible; padding-top: 10px; padding-bottom: 10px; position: absolute; top: 120px; left: 10px; width: 180px; vertical-align: middle }
#karte  { visibility: visible; position: absolute; top: 160px; left: 10px; width: 180px }

/* Textbox Mitte (Inhalt) */

#content { visibility: visible; position: absolute; z-index: 1; top: 160px; left: 197px; width: 443px; height: 100px }
#granattext { visibility: visible; position: absolute; z-index: 1; top: 402px; left: 190px; width: 616px; height: 228px }
#willkommentext { font-size: 11px; visibility: visible; position: absolute; z-index: 1; margin: 5px }


.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 }

/* Textbox rechts (Links) */

#linkbox { font-size: 11px; visibility: visible; position: absolute; top: 173px; left: 650px; width: 100px; height: 100px