body{
	#margin:5px;
}
.accordion,
.accordion ul,
.accordion li,
.accordion span {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}
.accordion {
	border:1px solid #e7cd3b;
}
.accordion li img{
	vertical-align:middle;
	margin:10px;
}
 
.accordion li {
	height:auto;
    list-style: none;
	display:block;
}

.accordion > li:hover{
	cursor:pointer;
	background:#e7cd3b;
}

.accordion > li:hover span{
	color:#000000;
}
.accordion > li{
	#margin-bottom:10px;
	line-height:20px;
	#border-bottom:1px dotted #e7cd3b;
	background:#576269;
		
}
.accordion > li span{
	color:#FFFFFF;
	#font-weight:bold;
	font-size:15px;
	text-align:center;
}

.accordion ul.sub-menu{
	display:none;
	background:#e5e5e5;
}

.sub-menu > li{
    list-style: none;
	padding:5px;
	margin-left:10px;
	line-height:15px;
	border-bottom:1px solid #e7cd3b;
}
.sub-menu li:hover{
	background:#dedede
}

li.aktif {
	background:#e7cd3b;
}
.accordion > li.aktif span{
	color:#000000;
}
/*
.sub-menu li:hover a{
	#color:#00F;
	
}
.accordion a:link{
	text-decoration:none;
	color:#000000;
	#font-weight:bold;
	font-size:15px;
	text-align:center;
}
.accordion a:visited{
	text-decoration:none;
	color:#000000;
	#font-weight:bold;
	font-size:15px;
	text-align:center;
}
.accordion a:hover{
	text-decoration:none;
	color:#00F;
	#font-weight:bold;
	font-size:15px;
	text-align:center;
}
.accordion a:active{
	text-decoration:none;
	color:#000000;
	#font-weight:bold;
	font-size:15px;
	text-align:center;
}*/