/*  ====================
    Akkordeon
====================  */
#akkordeon {text-align:center;margin:0px auto;padding:0px;width:100%;}

#akkordeon h2{
float:left;text-align:left;margin:0px;padding:0px;width:100%;height:90px;
font-size: 12px;
font-weight: bold;
color: #fff;
background: url(img/arrow-right.png.html) no-repeat right; 

}

#akkordeon .title {
float:left;text-align:left;margin:0px;padding:0px;width:100%;height:90px;
cursor: pointer;
background: #ddd;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;

}

#akkordeon .content {
display: none;
background: #eee;
padding: 0px;
float:left;text-align:center;margin:0px auto;width:100%;
}


/*  ==========================
    wenn Akkordeon offen
==========================  */
#akkordeon .open {
background: #8cb175;
}

#akkordeon .open h2 {
float:left;text-align:left;margin:0px;padding:0px;width:100%;height:90px;
background: url(img/arrow-down.png.html) no-repeat right;  
}