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

/* Aussehen Titel */
#akkordeon h2 {
  font-size: 20px;
  color: #0D2141;
  font-face:tahoma;
  font-weight:500;
  background: url(http://img.webme.com/pic/f/find-templates/rechts.png) no-repeat right; }

/* Feld um Titel */
.thema {
  font-size: 20px;

  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: #0D2141;
  font-face:tahoma;
  font-weight:500;
  padding: 15px;
  margin-bottom: 5px;
  overflow: hidden;
  border: 0px solid #c9c9c9; }

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

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