/* Styles für das jQuery Accordion Light */



.accordionlight {
	/* 
	Optional: Feste Höhe für gesamtes Accordion
	--> etl. sinnvoll wenn jQuery accordionLight im singleModus eingesetzt wird
	height: 340px; 
	*/
}

/* 	Gestaltung der Accordionleisten
	Mögliche Elemente --> nur Überschriften */
.accordionlight > h1,
.accordionlight > h2,
.accordionlight > h3,
.accordionlight > h4,
.accordionlight > h5,
.accordionlight > h6 {
	padding: 10px 10px 10px 50px;
	margin-top: 2px; 
	margin-bottom: 2px;
	background-color: #eeeeee;
	color: #000000;
	border: 1px solid #d8d8d8;
	background-image: url("./images/arrow-closed.png");
	background-repeat: no-repeat;
	background-position: 10px 10px;
} 


/*	Anpassung/Veränderung für geöffnete Accordionleisten
	mögliche Elemente --> nur Überschriften */ 
.accordionlight > h1.open,
.accordionlight > h2.open,
.accordionlight > h3.open,
.accordionlight > h4.open,
.accordionlight > h5.open,
.accordionlight > h6.open {
	background-image: url("./images/arrow-opened.png");
}


/* 	Gestaltung der Content-Boxen für Accordiion
	Mögliche Elemente --> nur DIV-Elemente */

.accordionlight > div {
	display: none;
	padding: 20px;
	border: 1px solid #d8d8d8;
	/* 	Optional --> Feste Höhe erforderlich wenn jQuery accordionLight im singleModus aufgerufen wird
	height: 270px;
	overflow: auto;
	*/

	
}

/* Content-Box des Accordions, die beim Start geöffnet angezeigt werden soll */
.accordionlight > div.open {
	display: block;
}