* {
	margin:0;
	padding:0;
	list-style:none;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin:5px;
}

#basic-accordian{
	border:1px solid #fff;
	padding:5px;
	width:380px;
	z-index:2;

}

.accordion_headings{
	padding-left: 6px;
	background:#99CC00;
	color:#FFFFFF;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
}

.accordion_headings:hover{
	background:#CC0000;
}

.accordion_child{
	padding:5px;
	background:#fff;
}

.header_highlight{
	background:#CC0000;
}
.style1 {color: #FFFFFF;}
.style2 {color: #CCFF00;}
.style3 {font-size: 24px;font-color:#CC0000}
.style4 {font-size: 9px}
.style5 {font-size: 8px}
.style6 {color: #CC0000}
.style8 {font-size: 16px}
.style9 {font-size: 12px}
.style10 {font-size: 18px}
.style13 {font-size: 10px;font-style: italic;}
body {
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: normal;
	background: #00501d;
	background-image:url(../i/b.gif);
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000
}
a {color: #DB7093; font-weight:bold;}
a:visited {color:#CCFF00; text-decoration: none;  font-weight:bold;}
a:hover {color: #CCFF00; text-decoration: none; font-weight:bold;}
a:active { color:#CCFF00; text-decoration: none; font-weight:bold;}

img.download {vertical-align:middle;}

/* ----------container zentriert das layout-------------- */
#container {
width: 900px;
margin-top:0px;
margin: auto;
background-image:url(../i/back.jpg);
background-repeat:no-repeat;
background-color:#FFFFFF;
}

/* -----------------Main Content--------------------- */
#content {
width: 420px;
padding: 130px 0px 0px 0px;
margin: 0 200px;
line-height:17px;
}
#content a {color: #B9004A;text-decoration: none;}
#content a:visited {color:#B9004A; text-decoration: none;}
#content a:hover {color: #8B0038; text-decoration: none;}
#content a:active { color:#8B0038; text-decoration: none;}

div#content { 
min-height:510px;
}
/* ----------------- removed.....height:expression(this.scrollHeight > 370px);  --------------------- */
p, pre{
padding: 5px 10px;
margin:0;
}

/* --------------left navigation------------- */
#left {
float: left;
width: 180px;
margin: 0px;
padding: 150px 0px 0px 0px;
}
#left a {
	font-size: 14px;
	color: #ffffff;
	line-height:25px;
}
#left a:link {
	text-decoration: none;
	color: #ffffff;
	font-weight:500 ;
}
#left a:visited {
	text-decoration: none;
	color: #ffffff;
	font-weight:500 ;
}
#left a:hover {
	text-decoration: none;
	color: #ff6600;
	font-weight:500 ;
}
#left a:active {
	text-decoration: none;
	color: #ff6600;
	font-weight:500 ;
}
#right {
	float: right;
	width: 260px;
	margin: 0;
	padding: 350px 0px 15px 0px;
}
/* -----------footer--------------------------- */
#footer {
clear: both;
	margin: 0px; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 4px ; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
background-image:url(../i/footback.jpg);
background-color:#00501d;
background-repeat:no-repeat;
}
#footer a {
	font-size: 9px;
	font-family:Arial, Helvetica, sans-serif;
	color: #ffffff;
}
#footer a:link {
	text-decoration: none;
	color: #ffffff;
}
#footer a:visited {
	text-decoration: none;
	color: #ffffff;
}
#footer a:hover {
	text-decoration: none;
	color: #131700;
}
#footer a:active {
	text-decoration: none;
	color: #131700;
}