/*
 * MENU
 */

/* reset default styles */
#menu,
#menu ul { margin: 0; padding: 0; }
#menu li {
	list-style-type: none;
	width:130px;
	background-color: #2852A3;
}

/* set font for entire menu */
#menu { font: 12px Verdana, Arial; font-weight:400; text-transform: capitalize; line-height:16px; }


/*
 * FIRST LEVEL
 */

/* horizontal, default width */
#menu li,
#menu a { float: left; }
#menu a {
	display: block;
	padding: 6px;
	text-decoration: none;
	background-color: #2852A3;
	color: #FFF;
}
#menu a:hover,
#menu a.menu_open { background-color: #2852A3; color: #FFF; }


/*
 * SECOND LEVEL AND UP
 */

/* has a fixed width and border */
#menu ul { visibility: hidden; position: absolute; width: 200px; border: 1px solid #CCC; margin-top: 1px; }
#menu ul li { width: 200px;  background-color: #003d75;}
#menu ul a { width: 194px; padding: 3px;  background-color: #003d75;}

/* different box model in IE (non quirks mode) */
* html #menu ul a { width: 200px; }

/* (with another submenu requires an arrow) */
#menu ul a.submenu { background-color: #003d75;  background-image: url("http://www.hightechcampus.nl/data/static/images/www/menu_arrow_right.gif"); background-repeat: no-repeat; background-position: 188px 6px; }
#menu ul a.submenu:hover,
#menu ul a.submenu.menu_open { background-color: #2852A3;  background-image: url("http://www.hightechcampus.nl/data/static/images/www/menu_arrow_right_mo.gif"); }


/*
 * THIRD LEVEL AND UP
 */

/* these need a little compensation for the top border */
#menu ul ul { margin-top: -1px; }




/*
 * MENU 2
 */

/* reset default styles */
#menu2,
#menu2 ul { margin: 0; padding: 0; }
#menu2 li {
	list-style-type: none;
	width:150px;
	background-color: #3B58EC;
	 margin: 0; padding: 0;
}

/* set font for entire menu2 */
#menu2 { font: 12px Verdana, Arial; font-weight:200; line-height:16px; text-align:center;}


/*
 * FIRST LEVEL
 */

/* horizontal, default width */
#menu2 li,
#menu2 a { float: left; 
	background-color: #3B58EC;}
#menu2 a {
	display: block;
	padding: 6px;
	text-decoration: none;
	background-color: #3B58EC;
	color: #FFF;
}
#menu2 a:hover,
#menu2 a.menu2_open {
	background-color: #3B58EC;
	color: #FFF;
}


/*
 * SECOND LEVEL AND UP
 */

/* has a fixed width and border */
#menu2 ul { visibility: hidden; position: absolute; width: 150px; border: 1px solid #3B58EC; margin-top: 1px; }
#menu2 ul li {
	width: 144px;
	background-color: #3B58EC;
}
#menu2 ul a {
	width: 144px;
	padding: 3px;
	margin:0;
	background-color: #97B1EC;
}

/* different box model in IE (non quirks mode) */
* html #menu2 ul a { width: 130px; }

/* (with another submenu2 requires an arrow) */
#menu2 ul a.submenu { background-color: #3B58EC;  background-image: url("http://www.hightechcampus.nl/data/static/images/www/menu2_arrow_right.gif"); background-repeat: no-repeat; background-position: 122px 4px; }
#menu2 ul a.submenu:hover,
#menu2 ul a.submenu.menu_open { background-color: #3B58EC;  background-image: url("http://www.hightechcampus.nl/data/static/images/www/menu2_arrow_right_mo.gif"); }


/*
 * THIRD LEVEL AND UP
 */

/* these need a little compensation for the top border */
#menu2 ul ul { margin-top: -1px; }