/* ######### Marker List Vertical Menu ######### */

.markermenu{
width: 21px; /*width of side bar menu*/
clear: left;
position: relative; /*Preserve this for "right" arrow images (added by script) to be positioned correctly*/

}

.markermenu ul{
list-style-type: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 21px;

}

.markermenu li{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 21px;

}

* html .markermenu li{
width: 21px;
margin-bottom: -2px;
}

/* erster Navipunkt*/

.markermenu li.firstitem{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 21px;

}

* html .markermenu li.firstitem{
width: 21px;
margin-bottom: -4px;
border-bottom: 1px solid #969796;
}


.markermenu ul li a{
font: 10px Verdana, Helvetica, sans-serif;
text-align: center;
background-color: #000000;
color: #ffffff;
display: block;
width: 21px;
text-decoration: none;
border-bottom: 1px solid #969796;
padding: 2px 0px 0px 0px;
margin: 0px 0px 0px 0px;
height: 16px;
}

* html .markermenu ul li a{ /*IE6 hack*/
height: 19px;


}

.markermenu ul li a:visited{
color: #ffffff;
}

.markermenu ul li a:hover{
color: #000000;
background-color: #ffffff;
}

.markermenu ul li a:active{
color: #ffffff;
}

.markermenu ul li a.selected{
color: #000000;
background-color: #ffffff;
}

.markermenu ul li a.selected:visited{
color: #000000;
background-color: #ffffff;
}

.markermenu ul li a.selected:hover{
color: #000000;
background-color: #ffffff;
}

.markermenu ul li a.selected:active{
color: #000000;
background-color: #ffffff;
}




/* ######### Customized Drop Down ULs CSS (inherits from ddlevelsmenu-base.css) ######### */

.blackwhite li a{
background-color: #000000;

}

.blackwhite li a:hover{
color: #ffffff;
text-decoration: none;
background-color: #752f2f
}