@charset "UTF-8";
/* Hier die Breite anpassen */
#akkordeon {
	width: 45%;
	padding-left:30%;
	overflow: hidden;
		
}
/* Aussehen Titel */
#akkordeon h2 {
	color: #868788;
background-image: url(../images/icons/pfeil_black_weiter.png);
	background-repeat: no-repeat;
	background-position: right;  
	padding-left:0%;
  width:100%;

  
  }

/* Feld um Titel */
.thema {
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #333;
 
  cursor: pointer;
  padding: 5px 10px 5px;
  margin-bottom: 5px;
  -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; }

/* ausklappbare Feld mit Inhalt */
#akkordeon .inhalt {
		color: #868788;
  padding: 15px;
  margin-bottom: 5px;
  overflow: hidden;
  display:none;
}
/* Farbe Titelfeld wenn ausgeklappt */
#akkordeon .open { 
 }

/* Grafik rechts wenn ausgeklappt */
#akkordeon .open h2 {
	background-image: url(../images/icons/pfeil_black_hoch.png);
	background-repeat: no-repeat;
	background-position: right;
}