@charset 'UTF-8';

/**
 * ------------------------------------------------------------
 * @section menu item class
 * ------------------------------------------------------------
 */

div.menu-item {
  position: relative;
  padding: 1px 1px 0 1px;
}

div.menu-item div.menu-item-outer {
  position: relative; /* damit z-index funktioniert */
  z-index: 400;
  height: 24px;
}

div.menu-item div.menu-item-outer div.menu-item-inner {
  padding: 1px 5px 7px 5px;
}

div.menu-item:hover {
  background-image: url('../images/dots_cyan.gif');
}

div.menu-item:hover div.menu-item-outer {
  background-color: #FFF;
}

div.menu-item:hover div.menu-item-outer div.menu-item-inner a.arrow-right-down {
  color: #01B9FF;
  background-image: url('../images/stylespin_arrow_down_on.gif');
}

div.menu-item:hover div.submenu {
  display: block;
}

/**
 * ------------------------------------------------------------
 * @section submenu container class
 * ------------------------------------------------------------
 */

div.menu-item div.submenu {
  display: none;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 24px;
  padding: 1px;
  background-image: url('../images/dots_cyan.gif');
}

div.menu-item div.submenu div.submenu-outer {
  width: 370px;
  background-color: #FFF;
}

div.menu-item div.submenu div.submenu-outer div.submenu-inner {
  padding: 11px 5px 6px 5px;
}

div.menu-item div.submenu div.submenu-outer div.submenu-inner ul li {
  float: none;
  display: block;
  margin-left: 0;
}