.akordeon-item { position: relative; }
.akordeon-item .akordeon-item-head { height:38px;  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b4b4b', endColorstr='#303030', GradientType=0 ); /* IE6-9 */ /*position:relative;*/
}
.akordeon-item .akordeon-item-body { background: #424242; /* Old browsers */ overflow: hidden; }
.akordeon-heading { float: left; padding-left: 10px; padding-top: 8px; font-weight: bold; color: #000; font-size: 16px; text-transform: uppercase; }
.akordeon-icon span { color: #fff; display: none; font-size: 20px; position: absolute; top: 1px; font-weight: bold; text-align: center; }
.akordeon-item.expanded .akordeon-icon span { top: 1px; }
.akordeon-item-head-container { width: 100%; position: absolute; left: -8px; cursor: pointer; }
.akordeon-item-content ul li { list-style: none; font-size: 14px; text-transform: uppercase; line-height:40px; }
.akordeon-item-content ul li a { color: #000; text-decoration: none; }
.akordeon-item-content ul li a:hover { color: #000; text-decoration: none; }
#demo-wrapper { margin: 25px 0 25px 0; }
.akordeon-item.collapsed { }
.akordeon-item.expanded .akordeon-heading { color: #333; }
.akordeon-item.expanded .akordeon-item-head { color: red;  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424242', endColorstr='#303030', GradientType=0 ) !important;
}
.akordeon-item-content { background: none repeat scroll 0 0 hsl(0, 0%, 100%);
    color: hsl(0, 0%, 20%);
    overflow: auto;
    padding: 10px 10px 16px 3px;
    text-align: left; }
.akordeon-border-bottom { }
.akordeon-border-top { border-top: solid 1px black; }