@font-face {
    font-family: 'segoe_uiregular';
    src: url('font/segoeui.eot');
    src: url('font/segoeui.eot?#iefix') format('embedded-opentype'),
         url('font/segoeui.woff') format('woff'),
         url('font/segoeui.ttf') format('truetype'),
         url('font/segoeui.svg#segoe_uiregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.akordeon
{
    width: 100%;
   
    color: #000;
    font-family: Arial;
    font-size: 12px;
        
    behavior: url(PIE.htc);
    margin-left: 10px;
    margin-bottom: 30px;
}
.akordeon-item
{
    position: relative;
}
.akordeon-item .akordeon-item-head
{
    height: 54px;
background: #DADFE1;
border: 1px solid #fff;
padding-top: -4px;
}
.akordeon-item .akordeon-item-body
{
    background: transparent; /* Old browsers */
    
    border-bottom: none;
    overflow: hidden;
}
.akordeon-icon
{
    width: 25px;
    height: 25px;
    background: transparent; /* Old browsers */
    border: 1px solid #000;
    border-radius: 34px;
    -moz-border-radius: 34px;
    -webkit-border-radius: 34px; /* position: absolute;     left: -8px;       top:14px;*/
    padding: 0;
    margin: 0;
    float: left;
    cursor: pointer;
    behavior: url(PIE.htc);
    margin-left: 20px;
    margin-top: 14px;
}
.akordeon-heading
{
    float: left;
padding-left: 10px;
padding-top: 14px;
font-weight: 100;
width: 90%;
text-align: left;
font-family: 'segoe_uiregular';
}

.akordeon-years{
    float: left;
    text-align: right;
    width: 50.9%;
    font-weight: 700;
    font-size: 68px;
        margin-top: 35px;
        color: #beb9d0;
        font-family: 'segoe_uiregular';
}
.akordeon-icon span
{
    color: #000;
    font-size: 24px;
    position: absolute;
    left: 27px;
    top: 16px;
    font-weight: normal;
    text-align: center;
}
.akordeon-item.expanded .akordeon-icon span
{
    top: 14px;
    left: 28px;
}
.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: #000;
}

.akordeon-item.expanded .akordeon-item-head
{
    background: #7EA7AC ;
    border: 1px solid #fff;
}
.akordeon-item-content
{
    padding-top: 40px;
    min-height: 230px;
    font-family: 'segoe_uiregular'; font-size: 16px;
    text-align: left;
    color: #000 !important;
    overflow:auto;
}
.akordeon-border-bottom
{
   
}
.akordeon-border-top
{
    
}
.akordeon-item.expanded .akordeon-item-body.akordeon-border-bottom
{
    
}
.akordeon-item.akordeon-item-first .akordeon-item-head
{
    
}

.akordeon-item.akordeon-item-last.collapsed .akordeon-item-head
{
    
}
.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;
    
    behavior: url(PIE.htc);
}
.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.htc);
}