#navigation
{
	position:			absolute;
	width:				123px;
	top:				76px;
	left:				5px;
	background:			url('/media/images/navi_back.gif') no-repeat; 
	border-top:			1px solid #cccccc;
	font-size:			8pt;
	z-index         : 50;
}

/* ---- Menu
*/
#navigation ul {
    margin          : 0;
    padding         : 0;
    list-style      : none;
    width           : 124px;
    border-bottom   : 0px solid #ccc;
}
#navigation ul ul {
    width           : 125px;
}
#navigation ul li {
    position        : relative;
    z-index         : 50;
}

/* ---- First menu layer
*/
#navigation li ul {
    position        : absolute;
    left            : 122px;
    top             : 0;
    display         : none;
    z-index         : 50;
}

/* ---- Second and all other menu layers
*/
#navigation li ul ul {
    position        : absolute;
    left            : 124px;
    top             : -1px;
    display         : none;
    z-index         : 50;
}

#navigation ul li a {
    display         : block;
    text-decoration : none;
    color           : #777;
    padding         : 5px;
    border          : 0px solid #ccc;
}

/* ---- Sub menu style
*/
#navigation ul ul li a {
    display         : block;
    text-decoration : none;
    color           : #777;
    padding         : 5px;
    border-left     : 1px solid #20158E;
    border-right    : 1px solid #20158E;
}


/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

#navigation li:hover ul, #navigation li.over ul {
    background      : #fff;
    display         : block;
}

/* ---- hover back & foreground
*/
#navigation li a:hover, #navigation ul li a:hover, #navigation ul li:hover, ul li.over {
    color           : #FFFFFF;
    background-color: #20158E;
}


/* ---- second menu
*/
#navigation li:hover ul ul, #navigation li.over ul ul {
    display         : none;
}
#navigation ul ul li:hover ul, #navigation ul ul li.over ul {
    display         : block;
}


/* ---- third menu
*/
#navigation li:hover ul ul ul, #navigation li.over ul ul ul{
    display         : none;
}
#navigation ul ul ul li:hover ul, #navigation ul ul ul li.over ul {
    display         : block;
}


/* ---- fourth menu
*/
#navigation li:hover ul ul ul ul, #navigation li.over ul ul ul ul{
    display         : none;
}
#navigation ul ul ul ul li:hover ul, #navigation ul ul ul ul li.over ul {
    display         : block;
}


/* ---- menue items
*/
#navigation .first_menu {
    border-top      : 1px solid #20158E;
    z-index         : 50;
}
#navigation .single_menu {
    border-top      : 1px solid #20158E;
    border-bottom   : 1px solid #20158E;
    z-index         : 50;
}
#navigation .last_menu {
    border-bottom   : 1px solid #20158E;
    z-index         : 50;
}