/*
Menu related selectors
*/
.jsdomenudiv {
	background-color: #FFFFFF;
	background-image:  url("/navigation/office_xp_menu_left.png");
	background-repeat: repeat-y;
	border: 1px solid #EDEBDA;
	cursor: default;
	padding-bottom: 1px;
	padding-top: 1px;
	position: absolute; /* Do not alter this line! */
	visibility: hidden;
	z-index: 10;
}

html>body .jsdomenudiv {
	background-color: #FFFFFF;
	background-image:  url("/navigation/office_xp_menu_left.png");
	background-repeat: repeat-y;
	border: 1px solid #EDEBDA;
	cursor: default;
	padding-bottom: 1px;
	padding-top: 1px;
	position: absolute; /* Do not alter this line! */
	visibility: hidden;
	z-index: 10;
	margin-top:253px;
}

.jsdomenuitem {
	background: transparent;
	border: none;
	color: #000000;
	font-family: Verdana, Helvetica, sans, Arial, sans-serif;
	font-size: 10px;
	padding-bottom: 3px;
	padding-left: 30px;
	padding-right: 15px;
	padding-top: 3px;
	position: relative; /* Do not alter this line! */
}

/* de hover bij de sublinken */
.jsdomenuitemover {
	background-color: #EDEBDA;
	border: 1px solid #990100;
	color: #000000;
	font-family: Verdana, Helvetica, sans, Arial, sans-serif;
	font-size: 10px;
	margin-left: 1px;
	margin-right: 1px;
	padding-bottom: 2px;
	padding-left: 28px;
	padding-right: 15px;
	padding-top: 2px;
	position: relative; /* Do not alter this line! */
}

.jsdomenuarrow {
	background-image:  url("/navigation/office_xp_arrow.png");
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 7px;
	position: absolute; /* Do not alter this line! */
	right: 8px;
	width: 4px;
}

.jsdomenuarrowover {
	background-image:  url("/navigation/office_xp_arrow_o.png");
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 7px;
	position: absolute; /* Do not alter this line! */
	right: 8px;
	width: 4px;
}

.jsdomenusep {
	padding-left: 28px;
}

.jsdomenusep hr {
}

/*
Menu bar related selectors
*/
/* navigatiebar volledig */

.jsdomenubardiv {
	background-color: #595858;
	background-image:  url("/navigation/office_xp_divider.png");
	background-position: left;
	background-repeat: no-repeat;
	border: 0px outset;
	cursor: default;
	padding-bottom: 3px;	
	padding-top: 3px;
	position: absolute; /* Do not alter this line! */
	visibility: visible;	
}
/* css hack voor alle browsers buiten internet explorer */
html>body .jsdomenubardiv {
	background-color: #595858;
	background-image:  url("/navigation/office_xp_divider.png");
	background-position: left;
	background-repeat: no-repeat;
	border: 0px outset;
	cursor: default;
	padding-bottom: 3px;
	padding-top: 3px;
	position: absolute; /* Do not alter this line! */
	visibility: visible;	
}


.jsdomenubardragdiv {
	cursor: move;
	display: inline;
	font-family: Verdana, Helvetica, sans, Arial, sans-serif;
	font-size: 10px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	position: relative; /* Do not alter this line! */
	visibility: hidden;
	width: 9px;
}
/* de upstate van de hoofdlinken */
.jsdomenubaritem {
	background-color: #595858;
	border: none;
	color: #FFFFFF;
	font-weight:bold;
	display: inline;
	font-family: Verdana, Helvetica, sans, Arial, sans-serif;
	font-size: 9px;
	padding-bottom: 2px;
	padding-left: 29px;
	padding-right: 12px;
	padding-top: 2px;
	position: relative; /* Do not alter this line! */
}

/* de hoverfunctie van de hoofdlinken */
.jsdomenubaritemover {
	background-color: #D0CBAF;
	border: 0px solid #316AC5;
	color: #000000;
	font-weight:bold;
	display: inline;
	font-family: Verdana, Helvetica, sans, Arial, sans-serif;
	font-size: 9px;
	padding-bottom: 2px;
	padding-left: 29px;
	padding-right: 12px;
	padding-top: 2px;
	position: relative; /* Do not alter this line! */
}
/* bij klikken op een hoofdlink het event dat hierna gebeurt */
.jsdomenubaritemclick {
	background-color: #D0CBAF;
	border: 0px solid #8A867A;
	color: #000000;
	font-weight:bold;
	display: inline;
	font-family: Verdana, Helvetica, sans, Arial, sans-serif;
	font-size: 9px;
	padding-bottom: 2px;
	padding-left: 29px;
	padding-right: 12px;
	padding-top: 2px;
	position: relative; /* Do not alter this line! */
}

/*
Example of selectors for icons. Change the height and width to match the actual 
height and width of the icon image.
*/

.nieuwsicon {
	background-image:     url("/navigation/nieuws.gif");
	background-repeat: no-repeat; 
	height: 16px;
	left: 10px;
	position: absolute; 
	width: 16px;
}

.contacticon {
	background-image:  url("/navigation/contact.gif");
	background-repeat: no-repeat; 
	height: 16px;
	left: 10px;
	position: absolute; 
	width: 16px;
}

.jeugdcentrumicon {
	background-image:  url("/navigation/jeugdcentrum.gif");
	background-repeat: no-repeat; 
	height: 16px;
	left: 10px;
	position: absolute; 
	width: 16px;
}

.leeftijdicon {
	background-image:  url("/navigation/leeftijd.gif");
	background-repeat: no-repeat; 
	height: 16px;
	left: 10px;
	position: absolute; 
	width: 16px;
}

.inspraakicon {
	background-image:  url("/navigation/inspraak.gif");
	background-repeat: no-repeat; 
	height: 16px;
	left: 10px;
	position: absolute; 
	width: 16px;
}

.interactieficon {
	background-image:  url("/navigation/interactief.gif");
	background-repeat: no-repeat; 
	height: 16px;
	left: 10px;
	position: absolute; 
	width: 16px;
}

.jeugdwerkicon {
	background-image:  url("/navigation/jeugdwerk.gif");
	background-repeat: no-repeat; 
	height: 16px;
	left: 10px;
	position: absolute; 
	width: 16px;
}