/** IE bugs: a:link, a:visited, a:hover need to be styled as well; does not display separator... workaround? */
/** customize colors here */
a.mainlevel-vmenu, a.mainlevel_active-vmenu, a.mainlevel_current-vmenu,
a.mainlevel-vmenu:link, a.mainlevel_active-vmenu:link, a.mainlevel_current-vmenu:link,
a.mainlevel-vmenu:visited, a.mainlevel_active-vmenu:visited, a.mainlevel_current-vmenu:visited ,
a.sublevel-vmenu, a.sublevel_active-vmenu, a.sublevel_current-vmenu,
a.sublevel-vmenu:link, a.sublevel_active-vmenu:link, a.sublevel_current-vmenu:link,
a.sublevel-vmenu:visited, a.sublevel_active-vmenu:visited, a.sublevel_current-vmenu:visited,
ul.mainlevel-vmenu ul ul a.sublevel-vmenu, ul.mainlevel-vmenu ul ul a.sublevel_active-vmenu, ul.mainlevel-vmenu ul ul a.sublevel_current-vmenu,
ul.mainlevel-vmenu ul ul a.sublevel-vmenu:link, ul.mainlevel-vmenu ul ul a.sublevel_active-vmenu:link, ul.mainlevel-vmenu ul ul a.sublevel_current-vmenu:link,
ul.mainlevel-vmenu ul ul a.sublevel-vmenu:visited, ul.mainlevel-vmenu ul ul a.sublevel_active-vmenu:visited, ul.mainlevel-vmenu ul ul a.sublevel_current-vmenu:visited {
	color: white;
}

a.mainlevel-vmenu:hover, a.mainlevel_active-vmenu:hover, a.mainlevel_current-vmenu:hover,
a.sublevel-vmenu:hover, a.sublevel_active-vmenu:hover, a.sublevel_current-vmenu:hover,
ul.mainlevel-vmenu ul ul a.sublevel-vmenu:hover, ul.mainlevel-vmenu ul ul a.sublevel_active-vmenu:hover, ul.mainlevel-vmenu ul ul a.sublevel_current-vmenu:hover {
	color: grey;
}

ul.mainlevel-vmenu .expanded {
	display: block;
	background-image: url("../images/arrow_right.gif");
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 10px;
}

/** customize style / layout here */
a.mainlevel-vmenu, a.mainlevel_active-vmenu, a.mainlevel_current-vmenu, span.mainlevel-vmenu,
a.mainlevel-vmenu:link, a.mainlevel_active-vmenu:link, a.mainlevel_current-vmenu:link,
a.mainlevel-vmenu:visited, a.mainlevel_active-vmenu:visited, a.mainlevel_current-vmenu:visited,
a.mainlevel-vmenu:hover, a.mainlevel_active-vmenu:hover, a.mainlevel_current-vmenu:hover,
a.sublevel-vmenu, a.sublevel_active-vmenu, a.sublevel_current-vmenu, span.sublevel-vmenu,
a.sublevel-vmenu:link, a.sublevel_active-vmenu:link, a.sublevel_current-vmenu:link,
a.sublevel-vmenu:visited, a.sublevel_active-vmenu:visited, a.sublevel_current-vmenu:visited,
a.sublevel-vmenu:hover, a.sublevel_active-vmenu:hover, a.sublevel_current-vmenu:hover,
span.mainlevel-vmenu, span.mainlevel_active-vmenu, span.sublevel-vmenu, span.sublevel_active-vmenu {
	background-color:#d21242;
	font-weight: normal;
	font-size: 1.1em;
	text-align: left;
	text-decoration: none;
	display: block;
	padding: 0.3em 0.5em 0.3em 0.5em;	/* top, right, bottom, left */
	height: 1em;
	line-height: 1em;
}

a.mainlevel-vmenu, a.mainlevel_active-vmenu, a.mainlevel_current-vmenu, span.mainlevel-vmenu,
a.sublevel-vmenu, a.sublevel_active-vmenu, a.sublevel_current-vmenu, span.sublevel-vmenu {
	color:white;
}

a.mainlevel-vmenu:hover, a.mainlevel_active-vmenu:hover, a.mainlevel_current-vmenu:hover, 
a.sublevel-vmenu:hover, a.sublevel_active-vmenu:hover, a.sublevel_current-vmenu:hover  {
	color:grey;
}

#active_menu-vmenu,
a.mainlevel_active-vmenu, a.mainlevel_current-vmenu,
a.mainlevel_active-vmenu:link, a.mainlevel_current-vmenu:link,
a.mainlevel_active-vmenu:visited, a.mainlevel_current-vmenu:visited,
a.mainlevel_active-vmenu:hover, a.mainlevel_current-vmenu:hover,
a.sublevel_active-vmenu, a.sublevel_current-vmenu,
a.sublevel_active-vmenu:link, a.sublevel_current-vmenu:link,
a.sublevel_active-vmenu:visited, a.sublevel_current-vmenu:visited,
a.sublevel_active-vmenu:hover, a.sublevel_current-vmenu:hover,
span.mainlevel_active-vmenu, span.sublevel_active-vmenu {
	font-weight: bold;
	color:white;
}

ul.mainlevel-vmenu, .mainlevel-vmenu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	width: 170px;
}

ul.mainlevel-vmenu {
	z-index:10;
}

ul.mainlevel-vmenu ul {
	z-index:10;
}

ul.mainlevel-vmenu ul ul {
	z-index:10;
}

ul.mainlevel-vmenu li {
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
	clear: left;
	position: relative;
	width: 170px;
	z-index:10;
}

ul.mainlevel-vmenu li li {
	width: 16em;
	padding-left:2px;
	z-index:10;
}

ul.mainlevel-vmenu ul {
	display: none;
	position: absolute;
	top: 0;
	margin-left: 170px;
}

ul.mainlevel-vmenu li:hover ul,
ul.mainlevel-vmenu li.hover ul {
	display: block;
}

ul.mainlevel-vmenu li:hover ul ul,
ul.mainlevel-vmenu li.hover ul ul {
	display: none;
}

ul.mainlevel-vmenu li:hover ul li:hover ul,
ul.mainlevel-vmenu li.hover ul li.hover ul {
	display: block;
}

ul.mainlevel-vmenu, ul.mainlevel-vmenu li li {
	clear: left;
}

div.menu-vmenu {
	background-image: url(../images/menu-line.gif);
	background-repeat: no-repeat;
	background-position: 0em 3.6em;
	padding-top:4em;
}

span.mainlevel-vmenu, span.mainlevel_active-vmenu, a.mainlevel-vmenu, a.mainlevel_current-vmenu {
  background-image: url(../images/menu-line.gif);
  background-repeat: no-repeat;
  background-position: bottom center;
  margin-bottom: 0.3em !important;
  padding-bottom: 0.6em !important;
}


ul.mainlevel-vmenu ul#menulist_3-vmenu{
margin-left: 16em;
} 

ul.mainlevel-vmenu ul#menulist_3-vmenu li a{
color:#ffffff;
background-color:#D21242;
display:block;
font-size:1.1em;
font-weight:normal;
height:1em;
line-height:1em;
padding:0.3em 0.5em;
text-align:left;
text-decoration:none;
}

ul.mainlevel-vmenu ul#menulist_3-vmenu li a:hover{
color: grey;
}