/* Hintergrund */
BODY { background-color: #000000; }


.logo {  height: 120px; width: 100%; left: 0px; top: 0px; clip:           rect(   ); position: absolute; background-repeat: repeat-x; background-position: left center; background-attachment: scroll; background-color: #000000; border-style: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}



.topnavi {  height: 30px; width: 100%; left: 0px; top: 120px; clip:             rect(   ); position: absolute; background-image: url(topnavi.jpg); usemap="#Map"; background-repeat: repeat-x; list-style-position: inside; border-style: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}


.text {  height: 450px; width: 615px; left: 0px; top: 216px; clip:                rect(   ); position: absolute;
background-repeat: repeat-x; background-position: left center; background-attachment: scroll; background-color: #cccccc; border-style: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}


.nav-unten {  height: 40px; width: 615px; left: 216px; top: 650px; clip:                  rect(   ); position: absolute; background-position: center center; background-attachment: scroll; background-color: #000000; list-style-position: inside; border-style: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}




.webstatistik {  height: 56px; width: 160px; left: 50px; top: 450px; clip:                  rect(   ); position: absolute; background-position: center center; background-attachment: scroll; background-color: #000000; list-style-position: inside; border-style: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}






a#buch { display:block; width:160px; height:56px; ; background-image: url(grafik-org.jpg); background-repeat: no-repeat; border: 0px none; left: 50px; top: 155px; clip:         rect(   ); position: absolute; list-style-position: inside}

a#buch:link { background-image: url('grafik-org.jpg')}
a#buch:visited { background-image: url('grafik-org.jpg')}
a#buch:hover { background-image: url(grafik-gelb.jpg)}



a#buch1 { display:block; width:160px; height:56px; ; background-image: url(layout-org.jpg); background-repeat: no-repeat; border: 0px none; left: 50px; top: 205px; clip:         rect(   ); position: absolute; list-style-position: inside}

a#buch1:link { background-image: url('layout-org.jpg')}
a#buch1:visited { background-image: url('layout-org.jpg')}
a#buch1:hover { background-image: url(layout-orange.jpg)}



a#buch2 { display:block; width:160px; height:56px; ; background-image: url(web-org.jpg); background-repeat: no-repeat; border: 0px none; left: 50px; top: 260px; clip:         rect(   ); position: absolute; list-style-position: inside}

a#buch2:link { background-image: url('web-org.jpg')}
a#buch2:visited { background-image: url('web-org.jpg')}
a#buch2:hover { background-image: url(web-rot.jpg)}




a#pflanzenkatalog { display:block; width:160px; height:56px; ; background-image: url(pflanzen-org.jpg); background-repeat: no-repeat; border: 0px none; left: 836px; top: 155px; clip:         rect(   ); position: absolute; list-style-position: inside}

a#pflanzenkatalog:link { background-image: url('pflanzen-org.jpg')}
a#pflanzenkatalog:visited { background-image: url('pflanzen-org.jpg')}
a#pflanzenkatalog:hover { background-image: url(pflanzen-gruen.jpg)}


a#projekt { display:block; width:160px; height:56px; ; background-image: url(projekt-org.jpg); background-repeat: no-repeat; border: 0px none; left: 836px; top: 155px; clip:         rect(   ); position: absolute; list-style-position: inside}

a#projekt:link { background-image: url('projekt-org.jpg')}
a#projekt:visited { background-image: url('projekt-org.jpg')}
a#projekt:hover { background-image: url(projekt-gruen.jpg)}




a#plan { display:block; width:160px; height:56px; ; background-image: url(plan-org.jpg); background-repeat: no-repeat; border: 0px none; left: 836px; top: 260px; clip:         rect(   ); position: absolute; list-style-position: inside}

a#plan:link { background-image: url('plan-org.jpg')}
a#plan:visited { background-image: url('plan-org.jpg')}
a#plan:hover { background-image: url(plan-gruen.jpg)}









a#comic { display:block; width:160px; height:56px; ; background-image: url(comic-org.jpg); background-repeat: no-repeat; border: 0px none; left: 50px; top: 345px; clip:         rect(   ); position: absolute; list-style-position: inside; background-position: right}

a#comic:link { background-image: url('comic-org.jpg')}
a#comic:visited { background-image: url('comic-org.jpg')}
a#comic:hover { background-image: url(comic-rot.jpg)}





a#garten { display:block; width:160px; height:56px; ; background-image: url(garten-org.jpg); background-repeat: no-repeat; border: 0px none; left: 50px; top: 400px; clip:         rect(   ); position: absolute; list-style-position: inside; background-position: right}

a#garten:link { background-image: url('garten-org.jpg')}
a#garten:visited { background-image: url('garten-org.jpg')}
a#garten:hover { background-image: url(garten-rot.jpg)}