.akordeon
{
    width: 100%;
    
    color: White;
    font-family: Arial;
    font-size: 12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    behavior: url(PIE.html);
}
.akordeon-item
{
    position: relative;

}
.akordeon-item .akordeon-item-head
{
    height: 70px;
    background: url(../images/accordion-title-bkg.png) repeat-x;
    border:3px solid #eaeaea;
    border-radius: 5px;
    margin: 5px 0;
}
.akordeon-item .akordeon-item-body
{
    
    overflow: hidden;
}
.akordeon-icon { background: rgba(0, 0, 0, 0) url("../images/accrdn-nrml-arw.png") no-repeat scroll 0 0; float: right; height: 52px; margin: 8px 0 0; right: 0; width: 52px;}
.expanded .akordeon-icon,   .akordeon-item.puut:first-child .akordeon-icon{ background: rgba(0, 0, 0, 0) url("../images/accrdn-actve-arw.png") no-repeat scroll 0 0;}
.akordeon-heading
{
    float: left;
    padding-left: 10px;
    padding-top: 8px;
    font-weight: bold;
}
.akordeon-icon span
{
   
    position: absolute;
    right: 6px;
    top: -6px;
    
}
.akordeon-item.expanded .akordeon-icon span
{
    top: -9px;
    display: none;
}
.akordeon-item-head-container
{
    width: 100%;
    position: absolute;
    left: -8px;
    cursor: pointer;
}

.akordeon-item.expanded .akordeon-item-body
{
    
}
.akordeon-item.collapsed
{
}

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

.akordeon-item.expanded .akordeon-item-head, .akordeon-item.puut:first-child .akordeon-item-head
{
    height: 70px;
    background: url(../images/accordion-title-bkg-hvr.png) repeat-x;
    border:3px solid #e14c03;
    border-radius: 5px;
    margin: 5px 0;
}
.akordeon-item-content
{
    padding: 10px;
    min-height: 120px;
    background: transparent;
    border: 2px solid rgba(77,77,77,0.3);
    overflow:auto;
    padding: 25px;
    color: #4d4d4d;
}
.akordeon-border-bottom
{
    border-bottom: none;
}
.akordeon-border-top
{
    border-top:none;
}
.akordeon-item.expanded .akordeon-item-body.akordeon-border-bottom
{
    
}
.akordeon-item.akordeon-item-first .akordeon-item-head
{
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    behavior: url(PIE.html);
}

.akordeon-item.akordeon-item-last.collapsed .akordeon-item-head
{
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom: none;
    behavior: url(PIE.html);
}
.akordeon-item.akordeon-item-last.expanded .akordeon-item-head
{
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom: solid 1px black;
    behavior: url(PIE.html);
}
.akordeon-item.akordeon-item-last.expanded .akordeon-item-body
{
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    behavior: url(PIE.html);
}