/*stylesheet voor het menu van de website van Junior Scientific Masterclass*/
/*copyright 2006 Strik Design, www.strikdesign.nl, office@strikdesign.nl*/

/*onderstaande stijlen bepalen de locatie van het menu*/
#menuList {
	margin: 0px;
	padding: 0px;
	z-index: 100;
	position: absolute;
	
	margin-left: -460px; /*negative marges :( :( */
	left: 50%;
	top:121px;
	width:700px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#menuList a {
	text-decoration: none;
	display:block;
	font-weight:bold;
}


#menuList ul {
	margin: 0px;padding: 0px;
	}
#menuList li {
	display:inline;list-style: none;
	}

/*onderstaande stijlen bepalen het main-menu*/
a.starter {	
	float:left;	
	padding-top: 10px;
	padding-bottom: 6px;
	
	padding-left:10px;		
	width: 90px;
	
	
	color: #ffffff;
	
}

a.starter.hover, a.starter.active {	
	color: #000000;
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url('../images/menu/back-main.png');		
}


/*onderstaande stijlen bepalen het sub-menu*/
.menu_level_1 {
	font-size: 11px;
	display:block;
	text-align: left;
	position: absolute;
	z-index: 100;
	top:0px;
	left:0px;
	visibility: hidden;	
}

#menuList  .menu_level_1 li a {
	color: #000000;
	display: block;	
	width:180px;	
	background-position: left top;
	background-repeat: no-repeat;
	font-weight: normal;
	padding-left: 10px;	
	padding-top: 3px;
	
}





#menuList .menu_level_1 li a.mtop, li a.mtop:hover
{
	padding-top: 10px;
	line-height: 15px;
	background-image: url('../images/menu/back-top.png');		
}
#menuList .menu_level_1 li a.mtop:hover
{
	background-image: url('../images/menu/back-top-hover.png');		
}
#menuList .menu_level_1 li a.mmiddle
{
	line-height: 17px;
	background-image: url('../images/menu/back-middle.png');	
	background-repeat: repeat-y;	
}
#menuList .menu_level_1 li a.mmiddle:hover
{
	background-image: url('../images/menu/back-middle-hover.png');		
}
#menuList .menu_level_1 li a.mbottom
{
	padding-bottom: 15px;	
	background-image: url('../images/menu/back-bottom.png');	
	
}
#menuList .menu_level_1 li a.mbottom:hover
{
	background-image: url('../images/menu/back-bottom-hover.png');		
}

#menuList .menu_level_1 li a.mone
{
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url('../images/menu/back-one.png');	
	
}
#menuList .menu_level_1 li a.mone:hover
{
	background-image: url('../images/menu/back-one-hover.png');		
}