/*
* STYLESHEET DEFACTO.NL
* BY MATTHIJS KUIPER
* INFO@MATTHIJSKUIPER.NL
*/


/* MAIN MENU */

#menu {
	position: relative;
	float: right;
	top: 0;
	right: 0;
	display: inline;
	height: 91px;
	margin: 0; 
	padding: 0;
 	font-family: Verdana, sans-serif;
 	font-size: 10px;
	line-height: 0px;
	z-index: 2;
}

#menu .main {
	position: relative;
	float: left;
	height: 91px;
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

#menu .mainlink, #menu .mainlink {
	display: block;
	height: 91px;
	text-decoration: none;
	cursor: pointer;
	color: #3b3b3b;
	background-image: url(../uploads/defacto/img/menu/knoppen.gif);
	background-repeat: no-repeat;
}

#menu #b1 .mainlink {left: 0; width: 99px; background-position: 0 0;}
#menu #b2 .mainlink {left: 99px; width: 98px; background-position: -99px 0;}
#menu #b3 .mainlink {left: 197px; width: 98px; background-position: -197px 0;}
#menu #b4 .mainlink {left: 295px; width: 98px; background-position: -295px 0;}
#menu #b5 .mainlink {left: 393px; width: 98px; background-position: -393px 0;}
#menu #b6 .mainlink {left: 491px; width: 98px; background-position: -491px 0;}
#menu #b7 .mainlink {left: 589px; width: 98px; background-position: -589px 0;}

#menu #b1 .mainlink:hover {background-position: 0 -91px;}
#menu #b2 .mainlink:hover {background-position: -99px -91px;}
#menu #b3 .mainlink:hover {background-position: -197px -91px;}
#menu #b4 .mainlink:hover {background-position: -295px -91px;}
#menu #b5 .mainlink:hover {background-position: -393px -91px;}
#menu #b6 .mainlink:hover {background-position: -491px -91px;}
#menu #b7 .mainlink:hover {background-position: -589px -91px;}

#menu .mainlink span {
	display: none;
}


/* DROPDOWN MENU */

#menu ul {
	margin: 0;
}
#menu li {
	padding: 0;
}

#menu ul ul li {
	display: block;
	position: relative;
	width: 128px;
	font-size: 1px;
}

#menu ul ul a {
	line-height: 12px;
	display: block;
	/*width: 200px;*/
	width: 120px;
	height: 15px;
	padding: 6px 0px 2px 8px;
	color: #fff;
	font-size: 10px;
	text-decoration: none;
	/*background: #000 url(../uploads/defacto/img/menu/subMenuNormalState.gif) no-repeat;*/
	background-color: #1d165c;
	border-bottom: 1px solid #556187;
	/*border-top: 0;*/
}


#menu table ul li {
	display: inline;
	height: 23px;
	height: 0px;
}

#menu ul ul ul a {
	background: url(../uploads/defacto/img/menu/subMenuNormalState.gif) no-repeat;
}
* html #menu ul ul ul a {
	width: 120px;
}

#menu ul :hover a.sub1 {
	background: url(../uploads/defacto/img/menu/subMenuNormalStateSub.gif) no-repeat;
	height: 18px;
	border-bottom: 1px solid #556187;
}

#menu ul ul :hover a.sub2 {
	background: url(../uploads/defacto/img/menu/subMenuNormalStateSub.gif) no-repeat;
}

#menu ul ul a:hover {
	/*background: #030303 url(../uploads/defacto/img/menu/subMenuOverState.gif) no-repeat;*/
	/*background-color: #629abf;*/
	color: #5ea6eb;
	color: #e1a900;
}
* html #menu ul ul a:hover{
	width: 120px;
}

#menu ul ul :hover > a {
	/*background: #030303 url(../uploads/defacto/img/menu/subMenuOverState.gif) no-repeat;*/
	/*background-color: #629abf;*/
	color: #5ea6eb;
	color: #e1a900;
}

#menu ul ul ul ul a:hover {
	background: #191919;
}

#menu ul ul {
	position: absolute;
	visibility: hidden;
	left: 0px;
	top: 91px;
	height: 0px;
}
* html #menu ul ul {
	top: 91px;
}

#menu ul ul ul {
	left: 128px;
	width: 128px;
}

#menu ul ul ul.left {
	left: -14em;
}
#menu ul li:hover ul {
	visibility: visible;
	height: auto;
}
#menu ul a:hover ul {
	visibility: visible;
	height: auto;
}
#menu ul :hover ul ul {
	visibility: hidden;
}
#menu ul :hover ul :hover ul ul {
	visibility: hidden;
}
#menu ul :hover ul :hover ul {
	visibility: visible;
}
#menu ul :hover ul :hover ul :hover ul {
	visibility: visible;
}


/* manual adjusting of the dropdowns */

#menu #b2 ul a {width: 240px;}
#menu #b3 ul a {width: 280px;}
#menu #b4 ul a {width: 140px;}
#menu #b5 ul a {width: 130px;}
#menu #b7 ul a {width: 130px;}

#menu #b7 ul {
	left: -40px;
	top: 91px;
}