/* @group wx-navigatie in Top */

#wx-navigatie {
	float: left;
	height: 50px;
	width: 640px;
	background: transparent;
	margin-bottom: 10px;
}

#wx-navigatie ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#wx-navigatie li {
	float: left;
	*width: 160px;
	*height: 50px;
}

#wx-navigatie ul li a {
	color: #ECB2C8;
	font-size: 13px;
	font-weight: bold;
	line-height: 20px;
	text-decoration: none;
	/*text-transform: uppercase;*/
}

a.link0,
a.link0:link,
a.link0:visited,
a.link0:active {
	width: 151px;
	height: 45px;
	padding-top: 5px;
	padding-left: 10px;	
	display: block;
	background: transparent url(DesignerImages/wx-navigatie-sprite.jpg) no-repeat scroll 0 0;
}

a.link0:hover {
	background: transparent url(DesignerImages/wx-navigatie-sprite.jpg) no-repeat scroll 0 -50px !important;
}

a.selected0 {
	width: 151px;
	height: 45px;
	padding-top: 5px;
	padding-left: 10px;	
	display: block;
	background: transparent url(DesignerImages/wx-navigatie-sprite.jpg) no-repeat scroll 0 -50px !important;
}

a.link1,
a.link1:link,
a.link1:visited,
a.link1:active {
	width: 150px;
	height: 45px;
	padding-top: 5px;
	padding-left: 10px;	
	display: block;
	background: transparent url(DesignerImages/wx-navigatie-sprite.jpg) no-repeat scroll -1px 0;
	
}

a.link1:hover {
	background: transparent url(DesignerImages/wx-navigatie-sprite.jpg) no-repeat scroll -1px -50px !important;	
}

a.selected1 {
	width: 150px;
	height: 45px;
	padding-top: 5px;
	padding-left: 10px;	
	display: block;
	background: transparent url(DesignerImages/wx-navigatie-sprite.jpg) no-repeat scroll -1px -50px !important;	
}

a.link2,
a.link2:link,
a.link2:visited,
a.link2:active {
	width: 150px;
	height: 45px;
	padding-top: 5px;
	padding-left: 10px;	
	display: block;
	background: transparent url(DesignerImages/wx-navigatie-sprite.jpg) no-repeat scroll -1px 0;
}

a.link2:hover {
	background: transparent url(DesignerImages/wx-navigatie-sprite.jpg) no-repeat scroll -1px -50px !important;
}

a.selected2 {
	width: 150px;
	height: 45px;
	padding-top: 5px;
	padding-left: 10px;	
	display: block;
	background: transparent url(DesignerImages/wx-navigatie-sprite.jpg) no-repeat scroll -1px -50px !important;
}

a.link3,
a.link3:link,
a.link3:visited,
a.link3:active {
	width: 149px;
	height: 45px;
	padding-top: 5px;
	padding-left: 10px;	
	display: block;
	background: transparent url(DesignerImages/wx-navigatie-sprite.jpg) no-repeat scroll 0 0;
}

a.link3:hover {
	background: transparent url(DesignerImages/wx-navigatie-sprite.jpg) no-repeat scroll 0 -50px !important;
}

a.selected3 {
	width: 149px;
	height: 45px;
	padding-top: 5px;
	padding-left: 10px;	
	display: block;
	background: transparent url(DesignerImages/wx-navigatie-sprite.jpg) no-repeat scroll 0 -50px !important;
}

/* tweede niveau */

#wx-navigatie ul ul {
	position: absolute;
        z-index: 20;
	*position: relative;
	*margin-top: 0px;
	*margin-left: 0px;
	*z-index: 20;
	width: 320px;	
	display: none;
	background: #ECB2C8 ;
}

#wx-navigatie ul ul li {
	clear: both;
}

#wx-navigatie ul ul li a,
#wx-navigatie ul ul li a:link,
#wx-navigatie ul ul li a:visited,
#wx-navigatie ul ul li a:active {
	float: left;
	color: #642d1d;
	text-decoration: none;
	height: 35px;
	width: 300px;	
	padding: 0 10px 0 10px;
	line-height: 35px;
	text-transform: none;
	border-bottom: 1px solid #ce95a2;
	font-weight: normal;
	}

#wx-navigatie ul ul li a:hover {
	color: #fff !important;
}

/* rollover activeren */
#wx-navigatie li:hover ul,
#wx-navigatie li ul:hover li,
#wx-navigatie li ul li:hover,
#wx-navigatie li.over ul,
#wx-navigatie li.on ul a:hover,
#wx-navigatie li.on ul a {
	display: block;
	color: #fff !important;
}

/* @end */

/* @group wx-menu */

#wx-menu {
	float:left;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
	width: 300px;
	border-top: 1px solid #efeae8;
}

#wx-menuhead {
	width: 300px;
	height: 10px;
	background: hotpink;
}

#wx-menu ul {
	width: 300px;
	padding: 0px;
	margin: 0;
	list-style: none;
}

#wx-menu ul li {
	padding: 0;
	margin: 0px;
	list-style: none;
	text-align: left;
}

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

/* EESTE NIVO */
#wx-menu ul li a,
#wx-menu ul li a:link,
#wx-menu ul li a:visited,
#wx-menu ul li a:active {
	width: 300px;
	display: block;
 	line-height:20px !important;
  	height: auto !important;
  	padding: 5px 0 5px 0;
  	color: #7a5243;
  	font-weight: normal;
  	font-size: 12px;
  	text-decoration: none;
  	border-bottom: 1px solid #efeae8;
}

#wx-menu ul li a:hover {
	color: #eebacd;
	text-decoration: none;
}

#wx-menu ul li a.selected {
	color: #eebacd !important;
	text-decoration: none;
	width: 285px;
	padding-left: 15px;
	background: url(DesignerImages/menu-select.gif) no-repeat left 10px;
}

/* TWEEDE NIVO */
#wx-menu ul li ul li a,
#wx-menu ul li ul li a:link,
#wx-menu ul li ul li a:visited,
#wx-menu ul li ul li a:active {
	display: block;
 	line-height:20px !important;
  	height: auto !important;
  	padding: 5px 0 5px 15px;
  	color: #7a5243;
  	font-weight: normal;
  	font-size: 12px;
  	width: 165px;
  	text-decoration: none;
}

#wx-menu ul li ul li a:hover {
	color: #eebacd !important;
	text-decoration: none;
}

#wx-menu ul li ul li  a.selected {
	color: #eebacd !important;
	text-decoration: none;
}

/* Derde NIVO */
#wx-menu ul li ul li ul li a,
#wx-menu ul li ul li ul li a:link,
#wx-menu ul li ul li ul li a:visited,
#wx-menu ul li ul li ul li a:active {
	display: block;
 	line-height:20px !important;
  	height: auto !important;
  	padding: 5px 0 0 25px;
  	color: #7a5243;
  	width: 180px;
  	font-weight: normal;
  	font-size: 12px;
  	text-decoration: none;
}

#wx-menu ul li ul li ul li a:hover {
	color: #eebacd !important;
	text-decoration: none;
}

#wx-menu ul li ul li ul li a.selected {
	color: #eebacd !important;
	text-decoration: none;
}

/* @end */