/* ---------- mainnav ------------ */

  /* root level */

  #leftbox .mainmenu ul { list-style-type: none; margin: 0; padding: 0; }
    #leftbox .mainmenu li { position: relative; margin: 0; padding: 0; font-size: 14px; color: #ccc; }
    #leftbox .mainmenu li a 
    { display: block; margin: 0; padding: 7px 0 0 20px; height: 29px; font-weight: normal; font-size: 14px; font-family: 'Comic Sans MS', verdana, arial, helvetica, sans-serif; text-decoration: none; }
      #leftbox .mainmenu li.blue-men a { color: #fff; background: url(../../../../../fileadmin/bilder/grafik/nav07.png) no-repeat; }
      #leftbox .mainmenu li.green-men a { color: #fff; background: url(../../../../../fileadmin/bilder/grafik/nav06.png) no-repeat; }
      #leftbox .mainmenu li.red-men a { color: #fff; background: url(../../../../../fileadmin/bilder/grafik/nav08.png) no-repeat; }
      #leftbox .mainmenu li.yellow-men a { color: #fff; background: url(../../../../../fileadmin/bilder/grafik/nav09.png) no-repeat; }
      #leftbox .mainmenu li.grey-men a { color: #fff; background: url(../../../../../fileadmin/bilder/grafik/nav05.png) no-repeat; }
      #leftbox .mainmenu li.blue2-men a { color: #fff; background: url(../../../../../fileadmin/bilder/grafik/nav02.png) no-repeat; }
      #leftbox .mainmenu li.green2-men a { color: #fff; background: url(../../../../../fileadmin/bilder/grafik/nav01.png) no-repeat; }
      #leftbox .mainmenu li.red2-men a { color: #fff; background: url(../../../../../fileadmin/bilder/grafik/nav03.png) no-repeat; }
      #leftbox .mainmenu li.yellow2-men a { color: #fff; background: url(../../../../../fileadmin/bilder/grafik/nav04.png) no-repeat; }
      #leftbox .mainmenu li.grey2-men a { color: #fff; background: url(../../../../../fileadmin/bilder/grafik/nav05.png) no-repeat; }
    #leftbox .mainmenu li a:hover { color: #333; }
    #leftbox .mainmenu :hover > a { color: #333; }
    #leftbox .mainmenu li a.maindropact { color: #fff; }
      #leftbox .mainmenu li.blue-men a:hover, #leftbox .mainmenu li.blue-men a.maindropact { color: #0C8C8C; background: url(../../../../../fileadmin/bilder/grafik/nav07_hover.png) no-repeat; }
      #leftbox .mainmenu li.green-men a:hover, #leftbox .mainmenu li.green-men a.maindropact { color: #006729; background: url(../../../../../fileadmin/bilder/grafik/nav06_hover.png) no-repeat; }
      #leftbox .mainmenu li.red-men a:hover, #leftbox .mainmenu li.red-men a.maindropact { color: #C70102; background: url(../../../../../fileadmin/bilder/grafik/nav08_hover.png) no-repeat; }
      #leftbox .mainmenu li.yellow-men a:hover, #leftbox .mainmenu li.yellow-men a.maindropact { color: #c36900; background: url(../../../../../fileadmin/bilder/grafik/nav09_hover.png) no-repeat; }
      #leftbox .mainmenu li.grey-men a:hover, #leftbox .mainmenu li.grey-men a.maindropact { color: #333; background: url(../../../../../fileadmin/bilder/grafik/nav05_hover.png) no-repeat; }
      #leftbox .mainmenu li.blue2-men a:hover, #leftbox .mainmenu li.blue2-men a.maindropact { color: #0C8C8C; background: url(../../../../../fileadmin/bilder/grafik/nav02_hover.png) no-repeat; }
      #leftbox .mainmenu li.green2-men a:hover, #leftbox .mainmenu li.green2-men a.maindropact { color: #006729; background: url(../../../../../fileadmin/bilder/grafik/nav01_hover.png) no-repeat; }
      #leftbox .mainmenu li.red2-men a:hover, #leftbox .mainmenu li.red2-men a.maindropact { color: #C70102; background: url(../../../../../fileadmin/bilder/grafik/nav03_hover.png) no-repeat; }
      #leftbox .mainmenu li.yellow2-men a:hover, #leftbox .mainmenu li.yellow2-men a.maindropact { color: #c36900; background: url(../../../../../fileadmin/bilder/grafik/nav04_hover.png) no-repeat; }
      #leftbox .mainmenu li.grey2-men a:hover, #leftbox .mainmenu li.grey2-men a.maindropact { color: #333; background: url(../../../../../fileadmin/bilder/grafik/nav05_hover.png) no-repeat; }

  /* first level */

  #leftbox .mainmenu ul ul { display: block; visibility: hidden; position: absolute; z-index: 80; margin: -15px 0 0 150px; padding: 0; width: 220px; height: auto; }
      #leftbox .mainmenu ul li.blue-men ul { color: #0C8C8C; background: url(../../../../../fileadmin/bilder/grafik/nav07_hover.png) repeat-y; }
      #leftbox .mainmenu ul li.green-men ul { color: #006729; background: url(../../../../../fileadmin/bilder/grafik/nav06_hover.png) repeat-y; }
      #leftbox .mainmenu ul li.red-men ul { color: #C70102; background: url(../../../../../fileadmin/bilder/grafik/nav08_hover.png) repeat-y; }
      #leftbox .mainmenu ul li.yellow-men ul { color: #c36900; background: url(../../../../../fileadmin/bilder/grafik/nav09_hover.png) repeat-y; }
      #leftbox .mainmenu ul li.grey-men ul { color: #333; background: url(../../../../../fileadmin/bilder/grafik/nav05_hover.png) repeat-y; }
      #leftbox .mainmenu ul li.blue2-men ul { color: #0C8C8C; background: url(../../../../../fileadmin/bilder/grafik/nav02_hover.png) repeat-y; }
      #leftbox .mainmenu ul li.green2-men ul { color: #006729; background: url(../../../../../fileadmin/bilder/grafik/nav01_hover.png) repeat-y; }
      #leftbox .mainmenu ul li.red2-men ul { color: #C70102; background: url(../../../../../fileadmin/bilder/grafik/nav03_hover.png) repeat-y; }
      #leftbox .mainmenu ul li.yellow2-men ul { color: #c36900; background: url(../../../../../fileadmin/bilder/grafik/nav04_hover.png) repeat-y; }
      #leftbox .mainmenu ul li.grey2-men ul { color: #333; background: url(../../../../../fileadmin/bilder/grafik/nav05_hover.png) repeat-y; }
    #leftbox .mainmenu ul ul li { float: none; margin: 0; padding: 0; height: auto; border: none; background: transparent !important; }
    #leftbox .mainmenu ul ul a { margin: 0; padding: 7px 7px 7px 20px; width: auto; height: auto; font-size: 14px; font-weight: normal; text-align: left; line-height: 100%; color: #333; background: transparent !important; border: none; }
      #leftbox .mainmenu ul li.blue-men ul li a { color: #0C8C8C; }
      #leftbox .mainmenu ul li.green-men ul li a { color: #006729; }
      #leftbox .mainmenu ul li.red-men ul li a { color: #C70102; }
      #leftbox .mainmenu ul li.yellow-men ul li a { color: #c36900; }
      #leftbox .mainmenu ul li.grey-men ul li a { color: #333; }
      #leftbox .mainmenu ul li.blue2-men ul li a { color: #0C8C8C; }
      #leftbox .mainmenu ul li.green2-men ul li a { color: #006729; }
      #leftbox .mainmenu ul li.red2-men ul li a { color: #C70102; }
      #leftbox .mainmenu ul li.yellow2-men ul li a { color: #c36900; }
      #leftbox .mainmenu ul li.grey2-men ul li a { color: #333; }
    #leftbox .mainmenu ul ul a:hover { border: none; }
      #leftbox .mainmenu ul li.blue-men ul a:hover, #leftbox .mainmenu ul li.blue-men ul li a.dropact { color: #000 !important; moz-opacity: 0.4; opacity: 0.4; background: #fff/*url(../../../../../fileadmin/bilder/grafik/nav05.png) repeat-y*/ !important; }
      #leftbox .mainmenu ul li.green-men ul a:hover, #leftbox .mainmenu ul li.green-men ul li a.dropact { color: #000 !important; moz-opacity: 0.4; opacity: 0.4; background: #fff/*url(../../../../../fileadmin/bilder/grafik/nav05.png) repeat-y*/ !important; }
      #leftbox .mainmenu ul li.red-men ul a:hover, #leftbox .mainmenu ul li.red-men ul li a.dropact { color: #000 !important; moz-opacity: 0.4; opacity: 0.4; background: #fff/*url(../../../../../fileadmin/bilder/grafik/nav05.png) repeat-y*/ !important; }
      #leftbox .mainmenu ul li.yellow-men ul a:hover, #leftbox .mainmenu ul li.yellow-men ul li a.dropact { color: #000 !important; moz-opacity: 0.4; opacity: 0.4; background: #fff/*url(../../../../../fileadmin/bilder/grafik/nav05.png) repeat-y*/ !important; }
      #leftbox .mainmenu ul li.grey-men ul a:hover, #leftbox .mainmenu ul li.grey-men ul li a.dropact { color: #000 !important; moz-opacity: 0.4; opacity: 0.4; background: #fff/*url(../../../../../fileadmin/bilder/grafik/nav05.png) repeat-y*/ !important; }
      #leftbox .mainmenu ul li.blue2-men ul a:hover, #leftbox .mainmenu ul li.blue2-men ul li a.dropact { color: #000 !important; moz-opacity: 0.4; opacity: 0.4; background: #fff/*url(../../../../../fileadmin/bilder/grafik/nav05.png) repeat-y*/ !important; }
      #leftbox .mainmenu ul li.green2-men ul a:hover, #leftbox .mainmenu ul li.green2-men ul li a.dropact { color: #000 !important; moz-opacity: 0.4; opacity: 0.4; background: #fff/*url(../../../../../fileadmin/bilder/grafik/nav05.png) repeat-y*/ !important; }
      #leftbox .mainmenu ul li.red2-men ul a:hover, #leftbox .mainmenu ul li.red2-men ul li a.dropact { color: #000 !important; moz-opacity: 0.4; opacity: 0.4; background: #fff/*url(../../../../../fileadmin/bilder/grafik/nav05.png) repeat-y*/ !important; }
      #leftbox .mainmenu ul li.yellow2-men ul a:hover, #leftbox .mainmenu ul li.yellow2-men ul li a.dropact { color: #000 !important; moz-opacity: 0.4; opacity: 0.4; background: #fff/*url(../../../../../fileadmin/bilder/grafik/nav05.png) repeat-y*/ !important; }
      #leftbox .mainmenu ul li.grey2-men ul a:hover, #leftbox .mainmenu ul li.grey2-men ul li a.dropact { color: #000 !important; moz-opacity: 0.4; opacity: 0.4; background: #fff/*url(../../../../../fileadmin/bilder/grafik/nav05.png) repeat-y*/ !important; }
    #leftbox .mainmenu ul ul :hover > a { color: #fff; background: #fff; moz-opacity: 0.8; opacity: 0.8; }
    #leftbox .mainmenu ul ul a.dropact:hover { color: #fff; background: #fff; moz-opacity: 0.8; opacity: 0.8; }
    #leftbox .mainmenu ul ul :hover > a.dropact { color: #fff; background: #fff; moz-opacity: 0.8; opacity: 0.8; }

  /* second level */

  #leftbox .mainmenu ul ul ul 
  { visibility: hidden; position: absolute; top: 0; left: 0; z-index: 80; margin: 0; padding: 0; width: auto; height: auto; background: #fff; border: 1px solid #aaa; opacity: 1.0; }
    #leftbox .mainmenu ul ul ul li { display: block; margin: 0; padding: 0; height: auto; border: none; }
    #leftbox .mainmenu ul ul ul a { margin: 0; padding: 3px 10px; font-size: 12px; font-weight: normal; color: #333; background: transparent; border: none; }
    #leftbox .mainmenu ul ul ul a:hover { color: #333; background: transparent; border: none; text-decoration: underline; }
    #leftbox .mainmenu ul ul ul :hover > a { color: #333; background: transparent; border: none; text-decoration: underline; }
    #leftbox .mainmenu ul ul ul a.drop { color: #333; background: transparent; text-decoration: underline; }
    #leftbox .mainmenu ul ul ul a.drop:hover { color: #333; background: transparent; text-decoration: underline; }
    #leftbox .mainmenu ul ul ul :hover > a.drop { color: #333; background: transparent; text-decoration: underline; }

  /* third level */

  /* table - required for IE6 to work */

  #leftbox .mainmenu table { position: absolute; top: 0; left: 0;}

  /* visibility */

  #leftbox .mainmenu ul li:hover ul, .mainmenu ul a:hover ul { visibility: visible; }
  #leftbox .mainmenu ul :hover ul ul { visibility: hidden; }
  #leftbox .mainmenu ul :hover ul :hover ul { visibility: visible; }

/* ------- subnav -------- */

#centerbox .submenubox { padding-bottom: 10px; }
  #centerbox .submenubox ul { list-style: none; margin: 0; padding: 0; }
  #centerbox .submenubox ul li { float: left; margin: 0; padding: 0 2px; font-size: 12px; }
  #centerbox .submenubox ul li a { margin: 0; padding: 0; font-size: 12px; text-decoration: none; color: #555; }
  #centerbox .submenubox ul li a:hover, #centerbox .submenubox ul li.subactive a { text-decoration: underline; }
  
/* ----------- picnav ---------- */

#center ul.picnav { list-style: none; width: 580px; margin: 0; padding: 0 10px; }

  #center ul.picnav li { float: left; margin: 0 5px 5px 0; padding: 5px; width: 163px; height: 165px; overflow: hidden; line-height: 130%; background: transparent; border: 1px dotted #aaa; }
  #center ul.picnav li a { float: none; margin: 0; width: 163px; font-size: 12px; font-weight: normal; color: #1E527E; }
  #center ul.picnav li:hover { text-decoration: none; color: #fff; opacity: 0.6; moz-opacity: 0.6; }

  #center ul.picnav li div a { padding: 0px; width: 163px; color: #1E527E; }
  #center ul.picnav li div a:hover { text-decoration: none; color: #1E527E; }