#accordion {
	/* background: #ede1e4;*/
	width: 320px;
	margin: 10px auto 100px 30px;	
	color: #111;
	text-align:left;
	height: 100%;
}
/*heading styles*/

#accordion h3:before {content:'1'; font-family: 'WebSymbols'; margin-right:10px;}

#accordion h3 {
	font-size: 16px;
	font-weight:400;
	line-height: 34px;
	padding: 0 10px;
	cursor: pointer;
	/*fallback for browsers not supporting gradients*/
	/*background: #111; 
	background: linear-gradient(#111, #191919); */
	background-image:url(design/transparentDark.png);
	margin:0px;
	color:#ede1e4;
	border-top: 1px #333 solid;
}
/*heading hover effect*/
#accordion h3:hover {
	text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
}
/*iconfont styles*/
#accordion h3 span {
	font-size: 16px;
	margin-right: 10px;
}
/*list items*/
#accordion li {
	list-style-type: none;
}
/*tekst*/
#accordion ul ul li {
	color: 111;
	text-decoration: none;
	display: block;
	padding:15px;
	overflow:auto;
	height: auto;
	/*transition for smooth hover animation*/
	transition: all 0.10s;
}

#accordion ul ul li p { font-family:Helvetica, Arial, sans-serif; font-size: 11px; line-height: 16px; margin-top:10px; }

/*hover effect on links*/
#accordion ul ul li a:hover {
	
}
/*Lets hide the non active LIs by default*/
#accordion ul ul {
	display: none;
	background: #ede1e4;
}
#accordion li.active ul {
	display: block;
}
@media screen and (min-width:240px) and (max-width:568px), 
   screen and (min-device-width:240px) and (max-device-width:568px){

#accordion {
	margin: 0px 0px 100px 0px;
	width:auto;
}
#accordion h3 {
	background: #111; 
	background: linear-gradient(#222, #111); */
	background-image: none;
   }
}