/*stylesheet voor het menu van de website van Machinefabriek Börger*/
/*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;
	top: 163px;
	margin-left: -170px;
	left: 50%;
	width: 535px;
	}
#menuList ul {
	margin: 0px;padding: 0px;
	}
#menuList li {
	display:inline;list-style: none;
	}

/*onderstaande stijlen bepalen het main-menu*/
a.starter{
	color: #036232;
	text-decoration: none;
	display:block;
	float:left;
	text-align:center;
	font-family: "Arial Narrow", Helvetica-Narrow, sans-serif;
	font-size: 12px;
	padding-right: 10px;
	padding-left: 10px;
	background-image: url(images/but_main.gif);
	background-repeat: repeat-x;
	line-height: 15px;
	height: 17px;
}
a.starter-hover{
	color: #ffffff;
	text-decoration: none;
	display:block;
	float:left;
	text-align:center;
	font-family: "Arial Narrow", Helvetica-Narrow, sans-serif;
	font-size: 12px;
	color: #ffffff;
	background-image: url(images/but_main_over.gif);
	background-repeat: repeat-x;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 15px;
	height: 17px;
}

/*onderstaande stijlen bepalen het sub-menu*/
.menu_level_1 {
	text-align: left;
	position: absolute;
	width: 170px;
	visibility: hidden;
	font-family: Arial, Helvetica, sans-serif;
	top:0px;
	left:0px;
}
.menu_level_1 li a {
	color: #fff;
	display: block;
	line-height: 18px;
	margin: 0px;
	text-decoration: none;
	z-index: 102;
	background-image: url(images/dot_sub.gif);
	background-repeat: repeat-x;
	height: 20px;
	padding-right: 9px;
	padding-left: 9px;
	font-size: 11px;
	}
.menu_level_1 li a:hover {
	color: #FFFFFF;
	background-image: url(images/dot_sub_over.gif);
	background-repeat: repeat-x;
	}
.menu_level_1 li a:active {
	color: #FFFFFF;
	background-image: url(images/dot_sub.gif);
	background-repeat: repeat-x;
	}
.menu_level_1 li .sub {
	background-color: #2E5699;
	color: #fff;
	background-image: url(/images/but_sub_more.gif);
	background-repeat: no-repeat;
}
.menu_level_1 li .sub:hover {
	background-image: url(/images/but_sub_more_over.gif);
	background-repeat: no-repeat;
}

/*onderstaande stijlen bepalen het subsub-menu*/
.menu_level_2 {
	text-align: left;
	color: #003183;
	position: absolute;
	width: 150px;
	visibility: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
.menu_level_2 li a {
	color: #fff;
	line-height: 18px;
	margin: 0px;
	text-decoration: none;
	z-index: 102;
	background-image: url(images/dot_sub.gif);
	background-repeat: repeat;
	padding-right: 9px;
	padding-left: 9px;
	font-size: 11px;
	display: table;
	}
.menu_level_2 li a:hover {
	color: #FFFFFF;
	background-image: url(images/dot_sub_over.gif);
	background-repeat: repeat;
	}
.menu_level_2 li a:active {
	color: #FFFFFF;
	background-image: url(images/dot_sub.gif);
	background-repeat: repeat;
	}
.menu_level_2 li .sub {
	background-color: #2E5699;
	color: #fff;
	background-image: url(/images/but_sub_more.gif);
	background-repeat: no-repeat;
}
.menu_level_2 li .sub:hover {
	background-image: url(/images/but_sub_more_over.gif);
	background-repeat: no-repeat;
}


/*onderstaande stijlen bepalen het subsubsub-menu*/
.menu_level_3 {
	text-align: left;
	color: #003183;
	position: absolute;
	width: 200px;
	visibility: hidden;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
	}
.menu_level_3 li a {
	background-color: #B8C5DC;
	color: #2E5699;
	display: block;
	line-height: 18px;
	margin: 0px;
	padding: 2px 15px 2px 9px;
	text-decoration: none;
	background-image: url(images/dot_subsubsub.gif);
	background-repeat: repeat-x;
	z-index: 102;
	}
.menu_level_3 li a:hover {
	background-color: #7F98C1;
	color: #E1E7F0;
	background-image: url(images/dot_subsubsub_over.gif);
	background-repeat: repeat-x;
	}
.menu_level_3 li a:active {
	background-color: #FFFFFF;
	color: #F46311;
	}
	
	
}