.accordion 
{
	/* BOX MODEL*/
	padding:0;
	/* PRESENTATION*/
	background-color:transparent;
	font-family:Mangal, Calibri;
	font-size:1em;
	font-weight:600;
	overflow:hidden;
	min-height:98%;
	background-color:transparent;
}
.accordion .title
{
	height:9%;
	width:100%;
	color:#2777ba;
	text-align:center;
	font-family:Mangal, Calibri;
	font-weight:600;
	font-size:1.4em;
}
.accordion .subtitle
{
	height:6%;
	color:orange;
	text-align:center;
	font-size:1em!important;
	
}
.accordion .content /** this is page dependent. It is 100 - (Headline+title+ subttitle+ menubar^ lets say  **/
{
	position:absolute;
	top:8%;
	height:85%;
	border-style:none;
	border-color:palegoldenrod;
	color:gray;
	font-size:1em;
	font-family:Mangal, Calibri;
	width:100%;
	overflow:hidden;
}
.accordion .foot /** this is page dependent. It is 100 - (Headline+title+ subttitle+ menubar^ lets say  **/
{
	position:absolute;
	bottom:8.5%;
	left:5%;
	right:15%;
	height:8%;
	overflow:hidden;
	width:85%;
	color:#8A2BE2;
	background-color: palegoldenrod;
	border-top-color: gray;
	border-top-style: none;
	border-top-width: 1px;
}
 .accordion a
{
	display:block;
	padding:2%;
	text-decoration:none;
	outline:none;
	color:orange;
	text-align:justify;
	clear:both;
	cursor:pointer;
}
.accordion.item0
{
	display:block;
	height:8%;
	background-color:transparent;
	color:gray;
	font-size:1em;
	font-family:Mangal, Calibri;
}
 .accordion .head0
{
	color:gray;
	background-color:transparent;
	font-weight:600;
	font-size:1em;
	width:97.5%;
	padding:0.5%;
}
.accordion .head1
{
	color:blue;
	background-color:green;
	width:92%;
}
.accordion .head2
{
	color:blue;
	background-color:blue;
}
.accordion a .body .img
{
	border:none;
	margin:0 10px 10px 0;
}
.accordion .body
{
	line-height:1.2em;
	width:90%;
	background-color:grey; 
	color:#F0F0EB;
	margin-left:auto;
	margin-right:auto;
	z-index:10;
}

.accordion .body .img
{
	width:95%;
	float:left;
}
.accordion img
{
	width:100%;
}

.accordion ul 
{
	width:95%;
	margin-left:auto;
	margin-right:auto;
}
.hs:hover 
{
	border-color:gray;
	color:black;
}
