/* this page only */
#haupt_menu {vertical-align:top}
#css_menu 		{font-size:11px; padding:0;margin:0 0 20px 0; background:#fff width:210px; top:0}
#css_menu h3		{font-size:11px; background-color:#eaeaea; color:#ab1a2b;font-weight:bold;line-height:20px;padding:0 0 0 3px;margin:0; width:210px}

/* remove all the bullets, borders and padding from the default list styling */
#css_menu ul 		{z-index:500;padding:0;margin:0;list-style-type:none;width:210px;}

/* style the list items */
#css_menu li 		{background:#fff url(shade.gif);line-height:25px; /* for IE7 */ float:left; border-bottom:1px solid #eaeaea;}


/* get rid of the table */
#css_menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
#css_menu a, #css_menu a:visited {
	display:block; text-decoration:none;line-height:20px;width:203px;color:#333;padding-left:10px;
	 height:100%
}
/* style the links for submenu */
#css_menu ul ul a, #css_menu ul ul a:visited {
	width:203px;
}

/* hack for IE5.5 */
* html #css_menu a, * html #css_menu a:visited {width:170px; w\idth:169px;}
/* style the link hover */
* html #css_menu a:hover 	{color:#333; background:red; position:relative;}

#css_menu li:hover {position:relative;}

/* For accessibility of the top level menu when tabbing */
#css_menu a:active, #css_menu a:focus {}

/* retain the hover colors for each sublevel IE7 and Firefox etc */
#css_menu li:hover > a {color:#333; background:#eaeaea;}
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
#css_menu li ul {
visibility:hidden;
position:absolute;
top:-30px;
/* set up the overlap (minus the overrun) */
left:210px;
/* set up the overrun area */
margin-top:30px;
/* this is for IE to make it interpret the overrrun padding */
background:transparent url(transparent.gif);
width:214px;
}

/* schatten */
#css_menu ul ul {paddning:3px; border:1px solid #bbb;border-width:1px 3px 2px 1px; background:#fff } 


/* for browsers that understand this is all you need for the flyouts */
#css_menu li:hover > ul {visibility:visible;}


/* for IE5.5 and IE6 you need to style each level hover */


/* make the second level visible when hover on first level link */
#css_menu ul a:hover ul {
visibility:visible;
}

}