* {
	margin:0;
	padding:0;
	list-style:none;
	outline: none;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#basic-accordian{
	width:162px;
	height:600px;
	z-index:2;
}

#margin-menu{
	border:solid 1px #fff;
	width:160px;
	height:20px;
	background:#f2f2f2;
	z-index:2;
}

.accordion_child{
	background:#FFFFFF;
	padding-top:5px;
	padding-bottom:5px;
	line-height:20px;
}

.header_highlight{
	background:#345643;
}





.accordion_paars{
	padding:5px;
	background:url(../img/bg-menu-paars.jpg) repeat-x;
	color:#FFFFFF;
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	border-bottom:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
}

.accordion_paars:hover{
	background:url(../img/bg-menu-paars-hover.jpg) repeat-x;
}

.accordion_rood{
	padding:5px;
	background:url(../img/bg-menu-rood.jpg) repeat-x;
	color:#FFFFFF;
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	border-bottom:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
}

.accordion_rood:hover{
	background:url(../img/bg-menu-rood-hover.jpg) repeat-x;
}

.accordion_groen{
	padding:5px;
	background:url(../img/bg-menu-groen.jpg) repeat-x;
	color:#FFFFFF;
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	border-bottom:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
}

.accordion_groen:hover{
	background:url(../img/bg-menu-groen-hover.jpg) repeat-x;
}

.accordion_oranje{
	padding:5px;
	background:url(../img/bg-menu-oranje.jpg) repeat-x;
	color:#FFFFFF;
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	border-bottom:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
}

.accordion_oranje:hover{
	background:url(../img/bg-menu-oranje-hover.jpg) repeat-x;
}







.menu-paars{
	padding-left:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	color:#cda0e1;
}

.menu-paars:hover{
	background:url(../img/arrow-paars.gif) no-repeat;
	color:#9b5fb7;
}

.menu-rood{
	padding-left:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	color:#ef74a0;
}

.menu-rood:hover{
	background:url(../img/arrow-rood.gif) no-repeat;
	color:#c90049;
}

.menu-groen{
	padding-left:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	color:#aad25f;
}

.menu-groen:hover{
	background:url(../img/arrow-groen.gif) no-repeat;
	color:#87d100;
}

.menu-oranje{
	padding-left:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	color:#f48c59;
}

.menu-oranje:hover{
	background:url(../img/arrow-oranje.gif) no-repeat;
	color:#f55302;
}