/* Hier die Breite anpassen */
#akkordeon {
  width: 100%;
  overflow: hidden; }

/* Aussehen Titel */
#akkordeon h2 {
  font-size: 17px;
  color: #ffffff;
  background: url(http://img.webme.com/pic/f/find-templates/rechts.png) no-repeat right; }

/* Feld um Titel */
.thema {
  font-size: 14px;
  cursor: pointer;
  padding: 5px 10px 5px;
  margin-bottom: 5px;
  transition: all .2s ease-in-out; }


/* ausklappbare Feld mit Inhalt */
#akkordeon .inhalt {
  display: none;
  background-color: #ffffff;
  color:#505050;
  padding: 15px;
  margin-bottom: 5px;
  overflow: hidden;
  border: 1px solid #c9c9c9; }

/* Farbe Titelfeld wenn ausgeklappt */
#akkordeon .open { background-color: #6ca02f!important; }

/* Grafik rechts wenn ausgeklappt */
#akkordeon .open h2 {
  background: url(http://img.webme.com/pic/f/find-templates/unten.png) no-repeat right; }