/* source: http://ebene11.com/slider-mit-purem-css.html */

.toggleBox {
    position: relative;
    border: 0px solid #fff;
	#z-index: -1;
}
 
/* Ausblenden des input-Feldes */
.toggleBox input {
    position: absolute;
    left: -99999px;
	#'z-index: -1;
}
 
/* Gestaltung der labels */
.toggleBox label {
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-size: 10pt;
    display: block;
    background: #fff;
    color: #00C;
    padding-bottom: .6em;
    text-align: left;
    cursor: pointer;
	#z-index: -1;
}
 
.toggleBox label:hover {
    background: #ddd;
	text-decoration: underline;
}
 
/* Der Aufklappmechanismus */
.toggleBox input:not(:checked) ~ div {
    opacity: 0;
    height: 0;
	
}
 
.toggleBox input:checked ~ div {
    opacity: 1;
    padding: .0em;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
	#z-index: -1;
}
 
/* Steuerung der Sichtbarkeit der labels */
.toggleBox input:not(:checked) ~ .close,
.toggleBox input:checked ~ .open {
    display: none;
}