/* Breite des gesamten Menues */
       .topmenu {
      	width:940px;
      	font-size:0.85em;
      	position:relative;
	left:15px;
      	z-index:100;
      }
      /* remove all the bullets, borders and padding from the default list styling */
       .topmenu ul {
      	padding:0;
      	margin:0;
      	list-style:none;
      }

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

       .topmenu a {
	font-family: Verdana, sans-serif;
      	display:block;
      	font-size:10px;
	font-weight:bold;
      	text-decoration:none;
	text-align:center;
      	color:#fff;
      	width:152px;
      	height:24px;
      	background:#004f84;
      	line-height:12px;
      }

      /* a hack so that IE5.5 faulty box model is corrected */
      * html  .topmenu a, * html  .topmenu a:visited {
      	width:152px;
      }

      /* style the second level background */
       .topmenu ul ul a.drop,  .topmenu ul ul a.drop:visited {
      	background:#ccd5c3;
      }

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

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

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

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

      /* hide the sub levels and give them a positon absolute so that they take up no room */
       .topmenu ul ul {
      	visibility:hidden;
      	position:absolute;
      	height:0;
      	top:24px;
      	left:0;
      	width:152px;
      }

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

      /* position the third level flyout topmenu */
       .topmenu ul ul ul {
      	left:150px;
	#left:152px;
	_left:152px;
      	top:0;
      	width:152px;
      }

      /* position the third level flyout topmenu for a left flyout */
       .topmenu ul ul ul.left {
      	left:-152px;
      }
       
      /* style the table so that it takes no ppart in the layout - required for IE to work */
       .topmenu table {
	position:absolute; top:0; left:0;
	}

      /* style the second level links */
       .topmenu ul ul a, .topmenu ul ul a:link, .topmenu ul ul a:visited {
      	background:#e1e7dd;
      	color:#000;
      	height:auto;
	font-weight:normal;
	text-align:left;
      	line-height:1em;
      	padding:5px 2px 5px 2px;
	text-align:left;
	border-top-width:2px;
        border-top-style:solid;
        border-top-color: #fff;
	width:146px; /* IE7, Firefox */
      /* yet another hack for IE5.5 */
      }

      * .topmenu ul ul a{
	height:auto;
	width:146px; /* IE7, Firefox */
      }

      /* style the top level hover */
       .topmenu a:hover,  .topmenu ul ul a:hover {
      	color:#004f84;
      	background:#ccd5c3;
      }

       .topmenu :hover > a,  .topmenu ul ul :hover > a {
      	color:#004f84;
      	background:#ccd5c3;
      }

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

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

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