#menu {

 position: relative;
 width: 42px;
 text-align: left;
 list-style: none;
 margin: 0 auto;

}

#menu li {

 position: relative;
 list-style: none;
 padding: 0;
 margin: 0;

}

#menu li a {

 width: 43px;
 height: 120px;
 background: no-repeat;
 display: block;

}

#menu li a span {

 visibility: hidden;

}

#menu li.menu_nav_software a {

 background-image: url(../img/new/button/blau.png);

}

#menu li.menu_nav_software ul {

 background: #77bdf2 url(../img/new/button/blau_drop.png);

}

#menu li.menu_nav_software ul li a {

 background-image: none;

}

#menu li.menu_nav_software ul li div {

 background-color: #488dc3;

}

#menu li.menu_nav_demo a {

 background-image: url(../img/new/button/lila.png);

}

#menu li.menu_nav_demo ul {

 background: #d77bf8 url(../img/new/button/lila_drop.png);

}

#menu li.menu_nav_demo ul li a {

 background-image: none;

}

#menu li.menu_nav_demo ul li div {

 background-color: #a448c7;

}

#menu li.menu_nav_shop a {

 background-image: url(../img/new/button/rot.png);

}

#menu li.menu_nav_shop ul {

 background: #f77d79 url(../img/new/button/rot_drop.png);

}

#menu li.menu_nav_shop ul li a {

 background-image: none;

}

#menu li.menu_nav_shop ul li div {

 background-color: #c44b47;

}

#menu li.menu_nav_ref a {

 background-image: url(../img/new/button/gruen.png);

}

#menu li.menu_nav_ref ul {

 background: #98f576 url(../img/new/button/gruen_drop.png);

}

#menu li.menu_nav_ref ul li a {

 background-image: none;

}

#menu li.menu_nav_ref ul li div {

 background-color: #66c343;

}

#menu li.menu_nav_admin a {

 background-image: url(../img/new/button/gelb.png);

}

#menu li.menu_nav_admin ul {

 top: auto;
 bottom: 0;
 background: #edf471 url(../img/new/button/gelb_drop.png);

}

#menu li.menu_nav_admin ul li a {

 background-image: none;

}

#menu li.menu_nav_admin ul li div {

 background-color: #bac13e;

}

#menu li ul {

 position: absolute;
 top: 0;
 left: 43px;
 list-style: none;
 background: #ccc;
 border: solid 1px #ffffbe;
 margin: 0;
 padding: 0;
 display: none;
 z-index: 99;
 display: none;
 clear: both;
 opacity: 0.95;

}

#menu li:hover ul {

 display: block;

}

#menu li ul li a {

 width: 200px;
 height: auto;
 color: #333;
 font-weight: bold;
 font-size: 12px;
 padding: 4px 5px 6px 5px;
 display: block;

}

#menu li ul li a:hover {

 color: #fff;

}

#menu li ul li a img {

 vertical-align: top;
 margin-right: 5px;

}

#menu li ul li div {

 width: 200px;
 color: #fff;
 font-weight: bold;
 font-size: 14px;
 padding: 4px 5px 6px 5px;

}