<!--/* navcontainer */
#navcontainer { position: relative; width: 738px; height: 40px; visibility: visible; margin-top: 20px; margin-left: 40px; }
#navcontainer #hauptnav { height: 40px; overflow: hidden; margin: 0; padding: 0; }
#navcontainer #hauptnav li { display: inline; }
#navcontainer #hauptnav li a { overflow: hidden; float: left; padding-top: 40px; }
#navcontainer #hauptnav li a, #navcontainer { background-image: url(../styles/navigation.gif); background-repeat: no-repeat; background-position: 0 0; }
/* normal */
#navcontainer #hauptnav li#ueberuns a { background-position: 0 0; width: 80px; }
#navcontainer #hauptnav li#raum a { background-position: -80px 0; width: 140px; }
#navcontainer #hauptnav li#garten a { background-position: -220px 0; width: 190px; }
#navcontainer #hauptnav li#floristik a { background-position: -410px 0; width: 74px; }
#navcontainer #hauptnav li#gaertnerei a { background-position: -484px 0; width: 87px; }
#navcontainer #hauptnav li#inspiration a { background-position: -571px 0; width: 97px; }
#navcontainer #hauptnav li#kontakt a { background-position: -668px 0; width: 70px; }
/* over */
#navcontainer #hauptnav li#ueberuns a:hover { background-position: 0 -43px; }
#navcontainer #hauptnav li#raum a:hover  { background-position: -80px -43px; }
#navcontainer #hauptnav li#garten a:hover  { background-position: -220px -43px; }
#navcontainer #hauptnav li#floristik a:hover { background-position: -410px -43px; }
#navcontainer #hauptnav li#gaertnerei a:hover { background-position: -484px -43px; }
#navcontainer #hauptnav li#inspiration a:hover  { background-position: -571px -43px; }
#navcontainer #hauptnav li#kontakt a:hover { background-position: -668px -43px; }
/* press */
#navcontainer #hauptnav li#ueberuns a:active { background-position: 0 -43px; }
#navcontainer #hauptnav li#raum a:active  { background-position: -80px -43px; }
#navcontainer #hauptnav li#garten a:active  { background-position: -220px -43px; }
#navcontainer #hauptnav li#floristik a:active { background-position: -410px -43px; }
#navcontainer #hauptnav li#gaertnerei a:active { background-position: -484px -43px; }
#navcontainer #hauptnav li#inspiration a:active { background-position: -571px -43px; }
#navcontainer #hauptnav li#kontakt a:active { background-position: -668px -43px; }
/* ON STATES */
#navcontainer.ueberuns #hauptnav li#ueberuns a { background-position: 0 -86px; }
#navcontainer.raum #hauptnav li#raum a { background-position: -80px -86px; }
#navcontainer.garten #hauptnav li#garten a  { background-position: -220px -86px; }
#navcontainer.floristik #hauptnav li#floristik a{ background-position: -410px -86px; }
#navcontainer.gaertnerei #hauptnav li#gaertnerei a { background-position: -484px -86px; }
#navcontainer.inspiration #hauptnav li#inspiration a  { background-position: -571px -86px; }
#navcontainer.kontakt #hauptnav li#kontakt a { background-position: -668px -86px; }
/* navcontainer */
/*sidebar*/
#sidebar { font-size: 13px; font-family: Verdana, Helvetica, sans-serif; font-weight: normal; font-style: normal; text-align: left; margin: 0; padding: 20px 0 0; }
.haupt { background-image: url(../styles/pfeil.gif); background-repeat: no-repeat; background-position: left center; text-indent: 18px; width: 230px; height: 25px; list-style-type: none; display: block; }
.sub { background-image: url(../styles/pfeil.gif); background-repeat: no-repeat; background-position: 18px center; text-indent: 36px; list-style-type: none; display: block; width: 230px; height: 18px; }
#sidebar #subnav li a { color:#666; font-weight: normal; font-style: normal; margin: 0; text-decoration: none; padding: 0; }
#sidebar #subnav li a:visited { color:#666; text-decoration: none; margin: 0; }
#sidebar #subnav li#active a { color: #7da240; text-decoration: none; }
#sidebar #subnav li a:hover { color: #7da240; text-decoration: none; }
#sidebar #subnav { text-align: left; margin: 0; padding: 0; }
#sidebar #subnav li { line-height: 25px; background-image: url(../styles/linie.gif); background-repeat: no-repeat; background-position: 15px bottom; text-decoration: none; height: 25px; padding-bottom: 10px; list-style-type: none; }
#sidebar.p1 #subnav li#p1 a { color: #7da240; text-decoration: none; }
#sidebar.p2 #subnav li#p2 a { color: #d59b5b; text-decoration: none; }
#sidebar.p3 #subnav li#p3 a { color: #7da240; text-decoration: none; }
#sidebar.p4 #subnav li#p4 a { color: #7da240; text-decoration: none; }
#sidebar.p5 #subnav li#p5 a { color: #7da240; text-decoration: none; }
#sidebar.p6 #subnav li#p6 a { color: #7da240; text-decoration: none; }
#sidebar.p7 #subnav li#p7 a { color: #7da240; text-decoration: none; }
#sidebar.p8 #subnav li#p8 a { color: #d59b5b; text-decoration: none; }
#sidebar.p9 #subnav li#p9 a { color: #d59b5b; text-decoration: none; }
#sidebar.p10 #subnav li#p10 a { color: #d59b5b; text-decoration: none; }
#sidebar.p11 #subnav li#p11 a { color: #d59b5b; text-decoration: none; }
#sidebar.p12 #subnav li#p12 a { color: #d59b5b; text-decoration: none; }
#sidebar.p13 #subnav li#p13 a { color: #d59b5b; text-decoration: none; }
#sidebar.p14 #subnav li#p14 a { color: #d59b5b; text-decoration: none; }
#sidebar.p15 #subnav li#p15 a { color: #d59b5b; text-decoration: none; }
#sidebar.p16 #subnav li#p16 a { color: #d59b5b; text-decoration: none; }
#sidebar.p17 #subnav li#p17 a { color: #d59b5b; text-decoration: none; }
#sidebar.p18 #subnav li#p18 a { color: #d59b5b; text-decoration: none; }
#sidebar.p19 #subnav li#p19 a { color: #d59b5b; text-decoration: none; }
#sidebar.p20 #subnav li#p20 a { color: #d59b5b; text-decoration: none; }

#sidebar.a1 #subnav li#a1 a { color: #7da240; text-decoration: none; }
#sidebar.a2 #subnav li#a2 a { color: #7da240; text-decoration: none; }
#sidebar.a3 #subnav li#a3 a { color: #7da240; text-decoration: none; }
#sidebar.a4 #subnav li#a4 a { color: #7da240; text-decoration: none; }
#sidebar.a5 #subnav li#a5 a { color: #7da240; text-decoration: none; }
#sidebar.a6 #subnav li#a6 a { color: #7da240; text-decoration: none; }
#sidebar.a7 #subnav li#a7 a { color: #7da240; text-decoration: none; }
#sidebar.a8 #subnav li#a8 a { color: #7da240; text-decoration: none; }
#sidebar.a9 #subnav li#a9 a { color: #d59b5b; text-decoration: none; }

