/* ---------- mainmenu ------------ */

.menu { position: relative; z-index: 100; }

  /* first level */

  .menu ul { list-style-type: none; padding: 0; margin: 0; width: 860px; }
    .menu li { position: relative; float: left; width: 215px; height: 200px; color: #fff; }
      .menu li.navi-logo { background: url(../../bilder/grafik/navi-logo.jpg) no-repeat; }
      .menu li.navi-01 { background: url(../../bilder/grafik/navi-01.jpg) no-repeat; }
      .menu li.navi-02 { background: url(../../bilder/grafik/navi-02.jpg) no-repeat; }
      .menu li.navi-03 { background: url(../../bilder/grafik/navi-03.jpg) no-repeat; }
    .menu a { display: block; margin-top: -10px; padding: 0; width: 210px; height: 210px; font-size: 1px; text-decoration: none; color: #fff; border: none; }
    .menu a:hover { color: #fff; }
    .menu :hover > a { color: #fff; }

  /*second level */

  .menu ul ul { visibility: hidden; position: absolute; z-index: 300; top: 0; padding: 20px 0 20px 2px; width: 213px; height: 180px; background: url(../../bilder/grafik/navi-hover.jpg) no-repeat; }
    .menu ul ul li { margin: 0; height: auto; border: none; }
    .menu ul ul a { position: relative; margin: 0; padding: 5px 20px; height: auto; font-size: 11px; font-weight: normal; text-transform: uppercase; color: #fff; border: none; }
    .menu ul ul a:hover { width: 171px; overflow: hidden; text-decoration: none; background: #0B37BF; }
    .menu ul ul :hover > a { width: 171px; overflow: hidden; text-decoration: none; background: #0B37BF; }

    .menu ul ul a.act { width: 171px; overflow: hidden; text-decoration: none; background: #1B47CF; }

  /* table - required for IE6 to work */
  .menu table { position: absolute; top: 0; left: 0;}

  /* visibility */

  .menu ul li:hover ul, .menu ul a:hover ul { visibility: visible; }
  .menu ul :hover ul ul { visibility: hidden; }
  .menu ul :hover ul :hover ul { visibility: visible; }

/* list content */

#textbox ul { list-style: none; margin: 0; padding: 0 0 10px 20px; width: 600px; }

  #textbox ul li { padding: 0 0 5px 20px; color: #555; background: url(../../bilder/grafik/list.gif) no-repeat; }
  #textbox ul li a { color: #555; text-decoration: underline; }
  
/* picnav */

#text-picnav-box { float: left; margin: 10px 0; width: 570px; }

#picnavbox ul.picnav { list-style: none; margin: 0; padding: 0; }

  #picnavbox ul.picnav li { float: left; margin: 0 14px 10px 0; padding: 0; width: 173px; height: 155px; overflow: hidden; line-height: 130%; background: #666; }

  #picnavbox ul.picnav li a { float: none; margin: 0; width: 172px; font-size: 10px; font-weight: bold; text-decoration: none; color: #f0f0f0; background: #666; }
  #picnavbox ul.picnav li:hover { text-decoration: none; color: #f0f0f0; opacity: 0.6; moz-opacity: 0.6; }

  #picnavbox ul.picnav li div a { padding: 5px; width: 172px; color: #f0f0f0; background: #666; }
  #picnavbox ul.picnav li div a:hover { text-decoration: none; color: #f0f0f0; }
  
/* rootline */

ul.rootline { list-style: none; margin: 0; padding: 0; }
  ul.rootline li { float: left; margin: 0; color: #fff; }
  ul.rootline li a { margin: 0 10px 0 0; padding: 0; font-size: 12px; text-decoration: none; color: #fff; }
  ul.rootline li a:hover { text-decoration: underline; color: #fff; } 
  ul.rootline li.rootactive a { font-weight: bold; text-decoration: none; color: #fff; }