/*  ====================
    Generic
====================  */

/*  ====================
    Akkordeon
====================  */
#akkordeon {
width: 600px;
margin: 20px auto 0;

}

#akkordeon h2 {
font-size: 14px;
font-weight: bold;
color: #fff;
background: url(images/arrow-right.png) no-repeat right; 
}

#akkordeon .title {
cursor: pointer;

padding: 10px 10px 10px;
margin-bottom: 5px;
border-top: 1px solid #c15b08;
background: #e76801;
-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;
border-radius:5px;
}

#akkordeon .title:hover {
	background: #6ca02f;border-top: 1px solid #a0c279;
}

#akkordeon .content {
display: none;
background: #fff;
padding: 12px 13px 12px;
margin-bottom: 5px;
}


/*  ==========================
    wenn Akkordeon offen
==========================  */
#akkordeon .open {
border-top: 1px solid #a0c279;
background: #6ca02f;
}

#akkordeon .open h2 {
background: url(images/arrow-down.png) no-repeat right; 
}