/*css vertical version*/

.vertical{
margin:40px 15px 50px 15px;
}

.vertical ul{
list-style-type: none;
padding: 0px;
border-top: 1px solid #ccc;
width: 166px;


}
.vertical li a{
display: block;
text-decoration: none;
border: 1px solid #ccc;
border-top: 0px;
color: #C0FF00;
background: url(back-button-01.gif);
padding: 4px 0px;
width: 164px;
font:bold 13px verdana, sans-serif;
text-align:left;
text-indent:5px;

}

.vertical a:hover{
color: #2F2F2F;
background: url(back-button-b-01.gif);
}

.vertical a.pfeil {
background: url(back-button-01-black-02.gif);
cursor : default;
}

.vertical a.pfeil:hover, .vertical a.pfeil:focus,
.vertical a.pfeil.ofocus, .vertical a.pfeil.ofocus {
color: #2F2F2F;
background: url(back-button-b-01-green-02.gif);
}

.vertical :hover > a.pfeil{
color: #2F2F2F;
background: url(back-button-b-01-green-02.gif);
}

.vertical li{
/*Needed for IE.*/
display: inline;
}

.vertical li ul{
position: absolute;
margin-top: -26px;
margin-left: 165px;
list-style-type: none;
}

/*makes the menu not work in non-javascript*/
.inaccesible li ul{
display: none;
}

.vertical li ul li a{
font:bold 13px verdana, sans-serif;
}

.vertical a span{
font:bold 13px verdana, sans-serif;	
color:#2F2F2F;
}

.vertical :hover > a span, .vertical :focus > a span,
.vertical .ofocus > a span, .vertical .ofocus > a span {
	color: #C0FF00;
}

.vertical a:hover span {
	color: #C0FF00;
}