.akordeon {
	width: 100%;
	font-size: 12px;
}

.akordeon-item {
	position: relative;
	margin-bottom:2px;
}

.akordeon-item .akordeon-item-head {
	height: 43px;
	padding-top: 12px;
	background:#ededed;
}

.akordeon p {
	color:#2e2e2e;
	margin-bottom:10px !important;
	line-height:17px;
}

.akordeon-item .akordeon-item-body {
	border-bottom: none;
	overflow: hidden;
}

.akordeon-icon {
	width: 25px;
	height: 25px;
	/* Old browsers */
	padding: 0;
	margin: 0 0px 0 15px;
	float: left;
	cursor: pointer;
	position:relative;
	top:-5px;
}

.akordeon-heading {
	float: left;
	padding-left: 15px;
	padding-top: 8px;
	font-weight: normal;
	margin-top:-8px;
	font-size:14px;
	font-weight:400;
	color:#353535;
}

.akordeon-icon span {
	color: #353535;
	border:1px solid #353535;
	font-size: 16px;
	position: absolute;
	left: 15px;
	right: 0px;
	top: 5px !important;
	line-height: 12px;
	font-weight: bold;
	text-align: center;
	border-radius: 100%;
	width: 15px;
	height: 15px;
}

.akordeon-item.expanded .akordeon-icon span {
	top: -3px;
	color: #fff;
	border:1px solid #fff;
	line-height: 11px;
}

.akordeon-item-head-container {
	width: 100%;
	position: absolute;
	left: -8px;
	cursor: pointer;
}

.akordeon-item.expanded .akordeon-item-body {
	background:url(../images/accordion-shadow.png) no-repeat center bottom;
}

.akordeon-item.expanded .akordeon-heading {
	color: #fff;
}

.akordeon-item.expanded .akordeon-item-head {
	background:#0099ff;
}

.akordeon-item-content {
	padding: 25px;
	min-height: 10px;
	overflow:auto;
}