/*  ====================
    Generic
====================  */
* {

margin: 0;
padding: 0;
}

body {
	width: 100%;

}

/*  ====================
    Akkordeon
====================  */
#akkordeon {
width: 620px;
margin: 0px;
	
	

}

#akkordeon h2 {
color:#ffffff;
font-size: 16px;
font-weight: normal;
text-transform: normal;
background: url("images/arrow-right.png") no-repeat right; 
}

#akkordeon h2 img {
	top: 0px;
	float: left;
	position:relative;
	margin-right: 10px;

}

#akkordeon .title {
cursor: pointer;
padding: 10px 0px 5px 0px;
margin-top: 0px;
border-top: 1px solid #ffffff;

}

#akkordeon .title_top {
cursor: pointer;
padding: 10px 0px 5px 0px;
margin-top: 5px;
border-top: 1px solid #ffffff;

}


#akkordeon .content {
display: none;
padding: 10px 0px 0px 0px;
margin-bottom: 5px;
color: #ffffff;
overflow:hidden;
	z-index: 100;
	
}

#akkordeon .content img {
float: left;
margin-right: 15px;
margin-bottom: 15px;
}

#akkordeon .content li {
	list-style-position: outside;
	list-style-image: url(bilder/punkt_list.png);
	padding-left: 5px;
	
}

#akkordeon .content a {
	color:#ffffff;
	font-weight: normal;
	text-decoration: underline;
}




/*  ==========================
    wenn Akkordeon offen
==========================  */
#akkordeon .open {

}

#akkordeon .open h2 {
background: url(images/arrow-down.png) no-repeat right; 
}



	
@media screen and (max-width: 600px) {
	#akkordeon {
width: 410px;

}
	
	
}