.akordeon
{
    width: 680px;

    color:#666;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;

}
.akordeon-item
{
    position: relative;
}
.akordeon-item .akordeon-item-head
{
    height: 34px; background-image:url(../images/back.png);
	line-height:34px;
   
    padding-top: 14px;
}
.akordeon-item .akordeon-item-body
{
    background: #fff; /* Old browsers */
    
    border-bottom: none;
    overflow: hidden;
}
.akordeon-icon
{
    width: 34px;
    height: 30px;

    padding: 0;
    margin: 0;
    float: right;
    cursor: pointer;

}
.akordeon-heading
{
    float: left;

    font-weight: bold;
}
.akordeon-icon span
{
    color: #666;
    font-size: 30px;
    position: absolute;
    right: 10px;
    background:#dedede;
    font-weight: bold;
    text-align: center;
}
.akordeon-item.expanded .akordeon-icon span
{
  color: #fff;
    font-size: 30px;
    position: absolute;
    right: 10px;
    background:#1c4e7c;
    font-weight: bold;
    text-align: center;
}
.akordeon-item-head-container
{ 
    width: 100%;
    position: absolute;
    left: 5px;
    cursor: pointer;
}

.akordeon-item.expanded .akordeon-item-body
{

	color: #000;
}
.akordeon-item.collapsed .akordeon-heading

{
    color: #666;
    background:#dedede;
    width:90%;
    padding-left:10px;
}

.akordeon-item.expanded .akordeon-heading
{
    color: #fff;
    background:#1c4e7c;
    width:90%;
    padding-left:10px;
}

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