BODY {
	BEHAVIOR: url(/derozijnenkorf/_stylesheets/csshover.htc);
	background: #7b6f01;
	}

/* hier ben ik */

#currentlocation {
	color: #fff;
}

/* algemene positionering */

.menu-container
{
	margin-left:-411px;
    Z-INDEX: 2;
    LEFT: 50%;
    WIDTH: 980px;
    POSITION: absolute;
	height: 22px;
    TOP: 10px;
}

.menu-container ul#menu {
	position:absolute;
	left:0px;
    Z-INDEX: 3;
}




/* Het 100% CSS menu */

.menu-container ul, li, a {
	margin:0;
	padding:0;
	display:block;
}  

.menu-container ul {
	list-style:none;
	/* width:150px; desgewenst instellen breedte  */
	padding:0px;
	border:0px;
	color: #ffcf00;
	background:#7b6f01;
} 

.menu-container li {
	position:relative;
	padding-left: 7px;
	padding-right: 8px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	z-index:9;
	float: left;
	white-space:nowrap;
	cursor:default;
	border: 1px solid #7b6f01;
	border-top: 0px;
	line-height: 22px;
	margin-left: -1px;
}
.menu-container li a {
	font-weight:normal;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	color: #ffcf00;
	text-transform: uppercase;
	font-size: 20px;
	letter-spacing: 1px;
	cursor:default;
}

.menu-container li li {
	width: 180px;
	float: none;
	line-height: 22px;
	z-index: 10;
}
.menu-container li li a {
	text-transform: lowercase;
	font-size: 13px;
	cursor: pointer;
}
.menu-container li li li { 
	width: 180px;
	float: none;

}

/* decoratieve hover */


.menu-container li:hover {
	background-color:#ffcf00;
	border: 1px solid #7b6f01;
	border-top: 0px;
}

.menu-container li:hover a {
	color: #7b6f01; /* om te zorgen dat a verandert bij li:hover 1e niveau*/
}

.menu-container li li:hover {
	background-color: #7b6f01;
}

.menu-container li li:hover a {
	color: #ffcf00; /* om te zorgen dat a verandert bij li:hover 2e niveau */
}

.menu-container li li li:hover a {
	color: #ffcf00; /* om te zorgen dat a verandert bij li:hover 2e niveau */
}


 /* Alle subnavigatie verbergen */
 
.menu-container ul ul {
	position:absolute; /* positie 2e niveau */
	display:none;
	left: 0px;
	top:23px;
}

.menu-container ul ul ul {
	position:absolute; /* positie 3e niveau */
	display:none;
	left: 196px;
	top: 0px;
	float: left;
}   


  /* :hover, met specificity */

.menu-container li:hover ul ul {
   display:none;
   background:transparent; /*fixing bug background derde niveau blijft staan */
}

.menu-container li:hover ul, li:hover li:hover ul {
   display:block;
   background: #ffcf00; /*fixing bug background derde niveau blijft staan */
}
 

/*kleuren bij derde niveau*/ 

.menu-container li:hover li:hover ul li a {
  color: #7b6f01;
  }
 
.menu-container li:hover li:hover ul li:hover a {
  color: #ffcf00;
  }