#navigation {
   background-color: transparent;   
   top: 7px;
   left: 7px;
   }

#navigation LI {
   background-color: transparent;
   padding: 0;
   margin: 0;
   list-style: none;
   display: inline;
   width: 170px;
   }

#navigation UL {
   background-color: transparent;
   padding: 0;
   margin: 0;
   }

#navigation A {
   font: verdana bold em sans-serif;
   color: #808080;
   text-decoration: none;
   display: block;
   padding: 3px 6px;
   border: 1px solid #808080;
   margin: 2px 0 0;
   width: 170px;
   }

/*farbe für hintergrund bestimmen */
#navigation A:link,
#navigation A:visited {
   background-color: #E4E2E2;
   margin: 2px 0 0;
   }



/*farbe für hover-effect */
#navigation A:hover,
#navigation A:focus,
#navigation A:active {
   background-color: #AED9A7;
   margin: 2px 0 0; 

   }

/*test active */
#navigation A:active {
   background-color: #DDF1B1;
   margin: 2px 0 0;

   }

#ia #navigation A.ca,
#ib #navigation A.cb,
#ic #navigation A.cc,
#id #navigation A.cd {
   font: verdana bold em sans-serif;
   color: #808080;
   text-decoration: none;
   display: block;
   padding: 3px 6px;
   border: 1px solid #808080;
   width: 170px; 
   margin: -1px 0 0 0;
   }  

/*test active */
#ia #navigation A.ca:active,
#ib #navigation A.cb:active,
#ic #navigation A.cc:active,
#id #navigation A.cd:active {
   font: verdana bold em sans-serif;
   color: #808080;
   text-decoration: none;
   display: block;
   padding: 3px 6px;
   border: 1px solid #808080;
   width: 170px; 
   margin: -1px 0 0 0;
   background-color: #DDF1B1;
   }

#navigation A.n  {
   display: none;
   }