@import "/css/csssubmenu.css";

/* UL properties */
div#sidebar ul {
	margin: 0  0 0 0px;
	padding: 0;
	color: #bbb;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.8em;
 }

div#sidebar li {
	position: relative;
	list-style: none;
	margin: 0 2px 0 0;
	padding: 0;
	float: left;
	color: #717075;  /* devo-grijs */  
}


/* highlight active top menu */
div#sidebar ul li.active a {
	color: #0093d0;  /* devo-blauw */
}

div#sidebar li a {
	display: block;
	margin: 0;
	padding: 0 10px 0 10px;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	color: #717075;  /* devo-grijs */  
}



div#sidebar ul.level1 li:hover  {
	background-color: yellow;
	background: url('/img/nav/tab_left.gif') top left no-repeat #e5e5e5;  /*devo-ligrijs */ 
}

div#sidebar ul.level1 li:hover a  {
	background: url('/img/nav/tab_right.gif') top right no-repeat transparent;  /*devo-ligrijs */ 
}

div#sidebar ul.level1 li:hover li,
div#sidebar ul.level1 li:hover li a,
div#sidebar ul.level1 li.activenavigation li a {
	background: none  #e5e5e5;  /*devo-ligrijs */ 
}

div#sidebar ul.level1 li.activenavigation a   {
	color: #0093d0;  /* devo-blauw */
}

div#sidebar li.submenu ul li a {
	text-align: left;
	padding: 0 0 1px 6px 12px;
}


/* level 2 */
div#sidebar ul.level2 li    {
	background: #e5e5e5;  /*devo-ligrijs */
	float: none;
	padding: 0 6px;
	color: #717075;  /* devo-grijs */  
}

div#sidebar ul.level2 li:hover  {
	background: #e5e5e5;  /*devo-ligrijs */
}


div#sidebar ul.level2 li a,
div#sidebar ul.level1 li.activenavigation ul.level2 li a  {
	color: #717075;  /* devo-grijs */ 
	padding: 0;
	text-transform: none;
	font-weight: normal;
	white-space: nowrap;
	border-bottom: 1px solid #fff;
}

/* hovertjes ------------------------------------------------ */ 



div#sidebar li.submenu a:hover,
div#sidebar li.submenu a:active,
div#sidebar li a:hover,
div#sidebar li a:active {
	background: url('/img/nav/tab_right.gif') top right no-repeat transparent;  /*devo-ligrijs */ 
	color: #0093d0;  /* devo-blauw */
}

div#sidebar li.submenu ul li a:hover,
div#sidebar li.submenu ul li a:active,
div#sidebar ul.level1 li.activenavigation ul.level2 li a:hover,
div#sidebar ul.level1 li.activenavigation ul.level2 li a:active  {
	color: #0093d0;  /* devo-blauw */
	background: none  #e5e5e5;  /*devo-ligrijs */ 
}

div#sidebar ul ul li a {
	border: none;
}


/* hide all nested ul's by default */
div#sidebar ul ul {
	position: absolute;
	display: none;
	z-index: 255;
}

/* display nested ul's at hover */
div#sidebar li.submenu li.submenu:hover {
	color: #000;
	background: #e5e5e5;  /*devo-ligrijs */
}

/* display nested ul's at hover */
div#sidebar ul.level1 li.submenu:hover ul.level2  {
	display: block;
}



div#sidebar ul.level2 a {
	border-top: 0px solid #fff;
}



/* sidebar left ------------------------------------------------ */ 

#sidebar_left  {
	width: 142px;
	float: left;
	margin: 15px 0 0 90px;
}


#sidebar #search  {
	border: 0px solid red;
	width: 128px;
	float: right;
	margin: 0 82px; 0 0;
	text-align: right;
}

#sidebar #search input#pattern  {
	width: 100px;
	float: left;
	height: 16px;
	
}

#sidebar #search #buttonSearch  {
	width: 20px;
	height: 20px;
	margin-right: 0;
	background: url('/img/loepje.jpg') 0 0px no-repeat #fff;  /*devo-ligrijs */ 

}

#sidebar #search .spanSearch  {
	display: none;
}