﻿.menu_left_top {
width:135px;
height:35px;
}
.menu_left_bottom {
width:135px;
height:35px;
}


.menu_left_top ul ul,
.menu_left_bottom ul ul  {list-style-type:none; padding:0; margin:0; width:135px;}

/* style the links for the top level */
.menu_left_top a,
.menu_left_bottom a {
font-size:medium;
background:url("blank_bar_darkgrey.gif");
color: white; 
}

/* style the links for the menu_left_top second level */
.menu_left_top ul ul a {
color: white;
font-size:small;
background:url("blank_bar_mediumgrey.gif"); 
}
/* style the links for the menu_left_bottom second level */
.menu_left_bottom ul ul a {
font-size:small;
background:url("blank_bar_mediumgrey.gif"); 
}

/* style the top level hover */
.menu_left_top a:hover,
.menu_left_bottom a:hover {
background:url("blankover_bar_blue.gif");
}
.menu_left_top a:active,
.menu_left_bottom a:active {
background:url("blank_bar_blue.gif");
}


/* style the second level hover */
.menu_left_top ul ul a:hover,
.menu_left_bottom ul ul a:hover {
color: white;
background:url("blankover_bar_blue.gif");
}
.menu_left_top ul ul a:active,
.menu_left_bottom ul ul a:active {
color: white;
background:url("blank_bar_blue.gif");
}

/* keep the 'next' level invisible by placing it off screen. */
.menu_left_top ul ul,
.menu_left_bottom ul ul {
position:absolute; left:-9999px; width:135px; top:0;
}

/* Position the flyout sub levels to 'pull-up' or 'drop-down' when hovering over the sub level list OR link.  the transparent gif is for IE7 only and need not actually exist. File transparent.gif supplied with zip file */
/* pull up */
.menu_left_top ul {
padding:0px; left:137px; top:72px; border-left:2px solid #c0c0c0;
}
.menu_left_top ul li:hover ul, .menu_left_top ul a:hover ul {
padding:0px; left:137px; top:30px; bottom: auto; border-left:2px solid #c0c0c0;
}

/*drop down step 31 px Hier position des pullout mxnu_footers einstellen*/
.menu_left_bottom ul {
padding:0px; left:137px; top:0px; border-left:2px solid #c0c0c0;
} 
.menu_left_bottom ul li:hover ul, .menu_left_bottom ul a:hover ul {
padding:0px; left:137px; top:auto; border-left:2px solid #c0c0c0;
} 

