* {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	color: #fff;
	font: 12px Arial, Helvetica, sans-serif;
	text-align: center;
	line-height:15px;
}

#content .toggleBox h2 span span,
#content .toggleText h3 span,
#bottom h2 span,
#content h3 span,
#content h2 span,
#content h1 span,
.hide {
	display: none;
}

ol,
ul
{
  list-style: none;
}

#wrapper {
	margin: 0 auto;
	text-align: left;
	width: 695px;
}

#content {
	background-image: url(../img/bg.jpg );
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 619px;
	position: relative;
}

#content #test {
	position: absolute;
	top: 130px;
	left: 425px;
}

#content #test a {
	display: block;
	width: 210px;
	height: 55px;
}

#content #toggleHolder {
	position: absolute;
	top: 224px;
	left: 275px;
	background-image: url(../img/bg_box.png );
	background-repeat: no-repeat;
	background-position: 6px 100%;
}

#content #toggleBox {
	width: 399px;
	height:370px;
}

#content #toggleBox h2 {
	cursor: pointer;
	height: 21px;
}

#content #toggleBox h2 span.arrow {
	display: block;
	background-image: url(../img/bar_arrow.png );
	background-repeat: no-repeat;
	background-position: 6px -24px;
	height: 21px;
}

#content #toggleBox h2.ui-state-active span.arrow {
	background-position: 6px 0;
}


#content #toggleBox h2 span span {
	display: none;
}

#content #toggleBox h2 {
	background-image: url(../img/bar_propoints.gif );
	background-repeat: no-repeat;
	background-position: 0 0;
	outline: none;
}

#content #toggleBox h2.bar_2 {
	background-image: url(../img/bar_flexibilitaet.gif );
}
#content #toggleBox h2.bar_3 {
	background-image: url(../img/bar_wirklich.gif );
}
#content #toggleBox h2.bar_4 {
	background-image: url(../img/bar_neueste.gif );
}
#content #toggleBox h2.bar_5 {
	background-image: url(../img/bar_abnahme.gif );
}

#content .toggleText {
	height: 220px;
	padding: 13px 6px 12px 22px;
	overflow:hidden;
	margin-right:10px;
}

#content div.bar_5 {
	background-position: 6px 100%;
}


#content .innerCnt {
}

#content .toggleText h3 {
	height: 20px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

#content .toggleText li {
	display:block;
	background-image: url(../img/li_square.gif );
	background-repeat: no-repeat;
	background-position: 0 6px;
	padding-left:7px;
}

#content .toggleText li ul {
	padding-left:10px;
}

/* bei zu grosser box (mit scrolling) funktioniert png-fix für ie6 nicht */
#content .bar_1 h3 {
	background-image: url(../img/h3_bar1.png );
}
#content .bar_2 h3 {
	background-image: url(../img/h3_bar2.png );
	height: 40px;
}
#content .bar_3 h3 {
	background-image: url(../img/h3_bar3.png );
	height: 57px;
}
#content .bar_4 h3 {
	background-image: url(../img/h3_bar4.png );
	height: 40px;
}
#content .bar_5 h3 {
	background-image: url(../img/h3_bar5.png );
	height: 40px;
}

#bottom {
	background-image: url(../img/bottom.jpg );
	background-repeat: repeat-y;
	background-position: 0 0;
	height: 150px;
}

#bottom .treffen {
	width: 340px;
	padding: 19px 0 0 15px;
	float: left;
	/*overflow: hidden;*/
}

#bottom .treffen h2 {
	background-image: url(../img/hl_treffen.png );
	background-position: 4px 0;
	background-repeat: no-repeat;
	height: 17px;
}

#bottom .online p,
#bottom .treffen p {
	padding-top: 6px;
	padding-left: 4px;
}

#bottom .online a img,
#bottom .treffen a img {
	margin-top: 11px;
}

#bottom .online {
	width: 339px;
	padding: 19px 0 0 0px;
	float: left;
	/*overflow: hidden;*/
}

#bottom .online h2 {
	background-image: url(../img/hl_online.png );
	background-position: 4px 0;
	background-repeat: no-repeat;
	height: 17px;
}

#bottom-spacer {
	height: 16px;
	background-color: #f1efb6;
}

#footer {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	padding: 13px 7px 17px 7px;
}

#footer a {
	color: #666;
}