/*
To disable multiline nav links, set white-space: nowrap in
a.navbutton and a.navbutton_f2, and remove the display: block from the
a.navbutton(_f2) span classes

To have different settings for hoofdnav/top menu items and
subnav/submenu items, first do the settings for top menu items, and
then do submenu items as more-specific overrides. See below for an
example.
*/

/* 
	BASIC REQUIREMENTS FOR THE DROPDOWN MENU
	Generally you do not have to edit this
*/
ul.dropdownmenu {
	display: block;
	margin:0px;
	padding: 0px;
}
ul.dropdownmenu li {
	display: block;
	float: left;
	position: relative;
	top: 0px;
	left: 0px;
	padding: 0px;
	margin: 0px;
}
ul.dropdownmenu li ul {
	position: absolute;
	left: 0px;
	z-index: 1;
	display: none;
	margin:0;
	padding:0;
	margin-left:2px;
}
ul.dropdownmenu li:hover > ul {
	display: block;
}
ul.dropdownmenu li ul li {
	width:100%;
}
ul.dropdownmenu a {
	white-space: nowrap;
	margin: 0px;
	width: auto;
}

/*	ADMIN TOP MENU, MAIN MENU ITEMS */

ul.dropdownmenu > li {
	background-color:#D7E6B5;
}

ul.dropdownmenu > li a { 
	padding:3px 15px 4px 15px;
	font-family:verdana;
	font-size:13px;
	color:#8DAD43;
	border-right:1px solid white;
	text-transform:lowercase;
}

ul.dropdownmenu > li:hover > a, ul.dropdownmenu li a.navbutton_f2 {
	background-color: #8DAD43;
	color:#FFF;
}

/*	ADMIN TOP MENU, FILLER AREA THAT ENABLES TOUCH-TO-CLOSE ON IPADS */

ul.dropdownmenu > li.filler {
	float: none;
	overflow: hidden;
}

ul.dropdownmenu > li.filler > a {
	padding-left: 0px;
	padding-right: 0px;
	border-left: 0px;
	border-right: 0px;
}

ul.dropdownmenu > li.filler:hover > a {
	background-color: transparent;
}

/*	ADMIN TOP MENU, SUBMENUS */

/* set styles specific for NON-selected nav-items here */
/* you can set the style on the li or a element, depending on the type of style you want to apply */
ul.dropdownmenu li ul {
	/* dropdown menu element: apply styles like backround-color and borders */
	padding-top:2px;
}

ul.dropdownmenu li ul li {
	background-color:#F4F9EC;
	outline:1px solid #C1DB83;
}


ul.dropdownmenu li ul li a {
	min-width: 100px;
	width:auto !important;
	width:100px;
	color:#8CAC43;
	font-size:13px;
	border:0px;
}

/* set styles specific for hover nav-items here */
/* you can set the style on the li or a element, depending on the type of style you want to apply */
ul.dropdownmenu li ul li:hover {
	/* hover menu item element: apply styles like background-color */
	
}
ul.dropdownmenu li ul li:hover > a, ul.dropdownmenu li ul li > a.navbutton_f2 {
	/* hover link element: apply styles like background-color, color, font-weight, text-decoration */
	background-color: #8DAD43;
	color:#FFF;
}

/*	ADMIN TOP MENU, SUBSUBMENUS */
ul.dropdownmenu li li ul {
	left: 100%;
	top: 0px;
	background-color:#FF0000;
}

/* ADMIN TOP MENU WEBSHOPADMIN */
.adminwebshop-content nav {
	float:left;
	border-right:1px solid #FFFFFF;
}

/*	ADMIN LEFT MENU */

span.navleftheader { 
  color: #FFFFFF;
  font-weight: bold;
  font-size: 12px;
  text-decoration:none;
}

.navleft a.navbutton, .navleft a.navbutton span { 
  color: #FFFFFF;
  font-weight: bold;
  text-decoration:none;
}

.navleft a.navbutton_f2, .navleft a.navbutton_f2 span { 
  color: #C1EB1D;
  font-weight: bold;
  text-decoration:none;
}

#navigationTable2 {
  margin-left: 12px;
  margin-right: 12px;
  background-color:#D7E6B5;
}


/* END OF ADMIN NAVIGATION STYLES */