.leftmenu {
	height:185px;
	width:108px;
      	font-size:0.85em;
      	position:relative;
	left:-5px;
      	z-index:99;
	list-style-type:none;
      }
      /* remove all the bullets, borders and padding from the default list styling */
       .leftmenu ul {
      	padding:0;
      	margin:0;
      	list-style-type:none;
	font-weight:bold;
      }

      .leftmenu ul a{
        padding:5px 0px 5px 5px;
        margin:0;
        list-style-type:none;
	width: 115px;
	height: 20px;
      }

       .leftmenu ul ul {
      	width:110px;
      }
      /* float the list to make it horizontal and a relative positon so that you can control the dropdown leftmenu positon */
       .leftmenu li {
      	float:left;
      	position:relative;
	list-style-image:none;
	margin-bottom:0px;
      }

      /* Breite erstes Menue */
       .leftmenu li li {
        float:left;
	top:-30px;
	left:22px;
	padding:0px;
	background:#e1e7dd;
	z-index:98;
      }

       .leftmenu li li li{
	left:0px;
      }


      /* style the links for the top level */
       .leftmenu a {
	font-family: Verdana, Arial, sans-serif;
	padding: 0px;
      	display:block;
      	font-size:10px;
	font-weight:bold;
      	text-decoration:none;
	text-align:left;
      	width:124px;
	color: #000;
      	height:15px;
      	background:#f1f3ee;
      }

      /* a hack so that IE5.5 faulty box model is corrected */
      * html .leftmenu a, * html  .leftmenu a:visited {
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	display:block;
      }

      /* style the second level hover */
       .leftmenu ul ul a.drop:hover {
      	background:#c9ba65;
      }

       .leftmenu ul ul :hover > a.drop {
      	background:#c9ba65;
      }

      /* style the third level background */
       .leftmenu ul ul ul a,  .leftmenu ul ul ul a:visited {
      	background:#e2dfa8;
      }

      /* style the third level hover */
       .leftmenu ul ul ul a:hover {
      	background:#b2ab9b;
      }

      /* hide the sub levels and give them a positon absolute so that they take up no room */
       .leftmenu ul ul {
      	visibility:hidden;
      	position:absolute;
      	left:99px;
      }

      /* another hack for IE5.5 */
      * html .leftmenu ul ul {
      	top:25px;
      }

      /* position the third level flyout leftmenu */
       .leftmenu ul ul ul {
      	left:134px;
	width:130px;
	margin:0;
	padding:0;
      }

      /* style the table so that it takes no ppart in the layout - required for IE to work */
       .leftmenu table {
	position:absolute; top:0; left:0;
	}

      /* style the second level links */
       .leftmenu ul ul a, ul ul a:visited {
      	background:#e1e7dd;
      	color:#000;
	height: auto;
	text-align:left;
	font-weight: normal;
        border-bottom-width:2px;
        border-bottom-style:solid;
        border-bottom-color: #fff;
      }

       .leftmenu ul ul a:hover {
        background:#e1e7dd;
        color:#003366;
        height: auto;
        text-align:left;
        font-weight: normal;
        border-bottom-width:2px;
        border-bottom-style:solid;
        border-bottom-color: #fff;
      }



      /* style the top level hover */
       .leftmenu a:hover {
      	background:#ccd5c3;
	color:#000;
      }

       .leftmenu :hover > a {
      	background:#ccd5c3;
	color:#003366;
      }

      /* make the second level visible when hover on first level list OR link */
       .leftmenu ul li:hover ul,
       .leftmenu ul a:hover ul{
      	visibility:visible;
      }

      /* keep the third level hidden when you hover on first level list OR link */
       .leftmenu ul :hover ul ul{
      	visibility:hidden;
      }

      /* make the third level visible when you hover over second level list OR link */
       .leftmenu ul :hover ul :hover ul{
      	visibility:visible;
      }