/* this is the main UL element*/
.dropdown{
	visibility:hidden;
	margin: 0;
	padding: 1px 0 0 0;	
	position: relative;
	z-index: 10;
	list-style-type: none;
	width: 880px;
	height: 30px;
}

.dropdown a:hover {
	cursor: pointer;
	border: none;
	text-decoration: none;
}

/* these are the inner menus*/
.dropdown ul{
	margin:0;
	padding:0;
	list-style:none;
}

/* these are all the LIs in the menu*/
.dropdown li{
	display: block;
	float: left;
	height: 30px;	
}

/* these are anchor in the menu, if you want to style them differently from the rest of you website*/
.dropdown li a{
	display: block;
	text-decoration:none;
	height: 30px;
	color:#fff;
	width:100%;
	text-transform: uppercase;
	font: normal 14px cambria, times new roman, sans-serif;
}

.dropdown li a span {
	display: block;
	width: 100%;
	height: 100%;
	text-indent:-999em;
}

.dropdown ul li a span {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: 0em;
}

.dropdown li.top a:focus {
	-moz-outline-style: none; 
    border:none;
    outline:none;
}

/* home */
.dropdown a.page-1 {		width: 80px; }
.dropdown a.page-1:hover,
.dropdown .curpage .page-1 { background: transparent url(../images/menu.png) 1px -37px no-repeat; 	 }

/* agenda */
.dropdown a.page-2 {		width: 96px; }
.dropdown a.page-2:hover,
.dropdown .curpage .page-2 { background: transparent url(../images/menu.png) -79px -37px no-repeat; 	 }

/* het cafe */
.dropdown a.page-3 {		width: 102px; }
.dropdown a.page-3:hover,
.dropdown .curpage .page-3 { background: transparent url(../images/menu.png) -175px -37px no-repeat; 	 }

/* gezellig */
.dropdown a.page-16 {		width: 112px; }
.dropdown a.page-16:hover,
.dropdown .curpage .page-16 {	background: transparent url(../images/menu.png) -277px -37px no-repeat; }

/* gespot */
.dropdown a.page-11 {		width: 92px; }
.dropdown a.page-11:hover,
.dropdown .curpage .page-11 { background: transparent url(../images/menu.png) -389px -37px no-repeat; }

/* links */
.dropdown a.page-13 {		width: 82px; }
.dropdown a.page-13:hover,
.dropdown .curpage .page-13 { background: transparent url(../images/menu.png) -481px -37px no-repeat; }
 
/* route */
.dropdown a.page-14 {		width: 86px; }
.dropdown a.page-14:hover,
.dropdown .curpage .page-14 {	background: transparent url(../images/menu.png) -563px -37px no-repeat; }

/* contact */
.dropdown a.page-12 {		width: 86px; }
.dropdown a.page-12:hover,
.dropdown .curpage .page-12 {	background: transparent url(../images/menu.png) -649px -37px no-repeat; }

/* facebook */
.dropdown a.facebook {		width: 50px; margin: 0 0 0 70px; }
.dropdown a.facebook:hover {	background: transparent url(../images/menu.png) -805px -37px no-repeat; }

/* twitter */
.dropdown a.twitter {		width: 24px; }
.dropdown a.twitter:hover {	background: transparent url(../images/menu.png) -855px -37px no-repeat; }

.dropdown a:hover,
.dropdown a.current {
	color: #000;
}

.dropdown ul a {
	color: #a79483;
	height: 24px;
	text-transform: none;
	font: normal 10px verdana, arial, helvetica, sans-serif;
	padding: 6px 0 2px 20px;
	background: transparent url(../images/submenuli.png) 8px 12px no-repeat;
}

.dropdown ul a:hover,
.dropdown ul a.current {
	color: #767261;
	background: transparent url(../images/submenulihover.png) 8px 12px no-repeat;
}

.dropdown ul {
	margin: 0;
	width: 140px;
	background-color: #422d1d;	
}

/* these are the LIs that only belong to submenu*/
.dropdown ul li{
	text-align: left;
	margin-left:-1px;
	text-indent: 0em;
	width: 125px;
}

/* these are the LIs that contains a submenu*/
.dropdown li.submenu{
	/*width:85px;
	padding: 5px;*/
}

/* these are the LIs that contains a submenu and which are in a sub-menu themselve*/
.dropdown ul li.submenu{
	padding:5px;
	width:125px;
}