/* akkordion nonJs-style */
#container {
	overflow:hidden;
	width:718px;
	margin: 20px auto 0 auto;
}
	#container dt {
		display:block;
		color:#fff;
		margin:0;
		overflow:hidden;
		line-height:20px;
		text-indent:-9999em;
	}
	#container dd {
		display:block;
		margin:0 0 5px 0;
		line-height:18px;
	}
	
	/* STYLES AKKORDION DISABLED */
	#container dt .dttop {
		width:10px;
		height:52px;
		background:url(../images/bar-square.png) top left no-repeat;
		display:block;
		float:left;
	}
	#container dt .dtbody {
		float:left;
		background:url(../images/bar-hor.png) top left repeat-x;
		width:698px;
		display:block;
		height:52px;
	}
		#container dt .dtbody big {
			display:block;
			height:40px;
			margin:6px -4px;
		}
	#container dt .dtbottom {
		width:10px;
		height:52px;
		background:url(../images/bar-square.png) top right no-repeat;
		display:block;
		float:left;
	}
	
	#container dt#schluckbildchen .dtbody big {
		background: url(../content/schluckbildchen_quer.png) 10px 8px no-repeat #000;
	}
	#container dt#nikola-tesla .dtbody big {
		background: url(../content/nikola_tesla_quer.png) 10px 8px no-repeat #333;
	}
	#container dt#das-internet .dtbody big {
		background: url(../content/das_internet_quer.png) 10px 8px no-repeat #666;
	}
		#container dd .ddTop {
			background:url(../images/content_top.png) no-repeat right top;
			height:10px;
			display:block;
		}
		#container dd .ddBody {
			background:url(../images/content_body.png) repeat-y right top;
			display:block;
			padding:36px 30px 34px 48px;
			overflow:auto;
		}
			/* optional */
			#container dd .ddBody .ddBodyContent {
				margin:22px 0px 0px 0px;
			}
			
		#container dd .ddBottom {
			background:url(../images/content_bottom.png) no-repeat right top;
			height:10px;
			display:block;
		}


/* akkordion Js-styles */
#container dl.akkordion {
	overflow:hidden !important;
	width:100%;
}
#container dl.akkordion dt {
	float:left;
	margin:0;
	cursor:pointer;
}
	#container dl.akkordion dt.active {
		margin-right: -2px;
		position:relative;
		z-index:1000;
	}
#container dl.akkordion dd {
	float:left;
	margin:0;
	padding:0 !important;
	display:none;
	overflow:hidden;
}
#container dl.akkordion dd.opened {
	display:block;
	position:relative;
	z-index:1;
	margin-right:-5px;
}
#container dl.akkordion dd div.ddContainer {
	padding:0;
	margin:0;
}

	/* STYLES AKKORDION ENABLED */
	#container dl.akkordion dt {
		width:47px !important;
	}
	#container dl.akkordion dt .dttop {
		width:52px;
		height:10px;
		background:url(../images/bar-square.png) top left no-repeat;
		display:block;
	}
	#container dl.akkordion dt.active .dttop {
		width:45px;
	}
	#container dl.akkordion dt .dtbody {
		background:url(../images/bar-vert.png) top left repeat-y;
		width:52px;
		display:block;
		height:auto !important;
	}
		#container dl.akkordion dt .dtbody big {
			display:block;
			margin:-4px 6px;
			width:40px;
		}
	#container dl.akkordion dt .dtbottom {
		width:52px;
		height:10px;
		background:url(../images/bar-square.png) bottom left no-repeat;
		display:block;
	}

	#container dl.akkordion dt#schluckbildchen .dtbody big {
		background: url(../content/schluckbildchen.png) 10px 8px no-repeat #000;
	}
	#container dl.akkordion dt#nikola-tesla .dtbody big {
		background: url(../content/nikola_tesla.png) 10px 8px no-repeat #333;
	}
	#container dl.akkordion dt#das-internet .dtbody big {
		background: url(../content/das_internet.png) 10px 8px no-repeat #666;
	}