/* common styling */
.menu
{
	font-family:arial, sans-serif;
	width:112px;
	height:150px;
	position:relative;
	margin:0;
	font-size:11px;
	margin-bottom:20px;
}

.menu ul li a,
.menu ul li a:visited
{
	display:block;
        background-image: url("gfx/balkje2.jpg"); 
	text-decoration:none;
	color:#fff;
	width:112px;
	height:18px;
	text-align:left;
        text-indent:5px;
	line-height:17px;
	font-size:10px;
}

.menu ul
{
	padding:0;
	margin:0;
	list-style-type:none;
}

.menu ul li
{
	float:left;
	position:relative;

}

.menu ul li ul
{
	display:none;
        z-index:100
}

/* specific to non IE browsers */
.menu ul li:hover a
{
	color:red;

}

.menu ul li:hover ul
{
	display:block;
	position:absolute;
	top:0;
	left:112px;
        border:1px solid #000;
}

.menu ul li:hover ul li a.hide
        background: #6E7388;
	color:#000;
}

.menu ul li:hover ul li:hover a.hide
{
	width:165px;
}

.menu ul li:hover ul li ul
{
	display:none;
}

.menu ul li:hover ul li a
{
	display:block;
        background: #6E7388;
	color:#fff;
	width:165px;
}

.menu ul li:hover ul li:hover{
	width:165px;
}

.menu ul li:hover ul li a:hover
{
        background: #6E7388;
	color:red;
	width:165px;
}

.menu ul li:hover ul li:hover ul
{
	display:block;
	position:absolute;
	left:165px;
	top:-1px;
	color:#000;
}

.menu ul li:hover ul li:hover ul li a
{
	display:block;
        background: #6E7388;
	color:#fff;
	width:165px;
}

.menu ul li:hover ul li:hover ul li a:hover
{
        background: #6E7388;
	color:red;;
}


.menu ul li ul li.active a,
.menu ul li.active a,
.menu ul li ul li a.active,
.menu ul li a.active
{
color:red;
}