section#main
	{
		background: rgba(130,130,130,0.5);
		/*background-color:grey;*/
		border:1px solid black;
		color:white;
	}
	section#main section
	{
		width:95%;
		margin-left:auto;margin-right:auto;text-align:center
	}
	
	color:white;
	 
	}
	/*nav.fixed
	{
		margin-right: 10%;
		width: 100%;
		color: navy;
		/*background-color: grey;*/
		/*border: 2px blue;
		padding: 5px;
		position:relative;top:10px;left:10px;
		text-align: center;
	}*/
	a.nav
	{
		vertical-align:middle;
		
	}
	a.act
	{
		padding: .8ex;
		width: 100%;
		vertical-align:middle;
	}
	div.nav
	{
		margin-left:20px;
		float:left;
		border: 1px solid silver;
		width: 100px;
		height:50px;
	}
	a
	{
	
	}
	a:link {color: white;}
	a:active {color: white;}
	a:visited {color: white;}
	a:hover {color: white;background-color:#707070;}
	div.nav:hover
	{color: #C82B2B;background-color:#707070;}
	a.act:link {color: red;}
	a.act:active {color: red;}
	a.act:visited {color: red;}
	a.act:hover {color: #8F1C1E;}
	#main h2
	{
		margin-top:3px;
	}
	#main h1
	{
		margin-bottom:5px;
		font-size:40px;
	}
	button
	{
		border:2px solid;
		/*border-radius:15px;*/
	}
	button.aud
	{
		border:2px solid red;
		/*border-radius:6px;*/
		height:30px;
		position:fixed;bottom:3px;right:3px;
		background-color: white;
	}
	meter
	{
		border:2px solid;
		border-radius:15px;
	}
	body.a
	{
		background:
		linear-gradient(50deg, #151515 5px, transparent 5px) 0 5px,
		linear-gradient(180deg, #151515 5px, transparent 5px) 10px 0px,
		linear-gradient(50deg, #222 5px, transparent 5px) 0px 10px,
		linear-gradient(180deg, #222 5px, transparent 5px) 10px 5px,
		linear-gradient(20deg, #1b1b1b 10px, transparent 10px),
		linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
		background-color: #131313;
		background-size: 20px 20px;
		text-align:center;
	}
		
	
	video
	{
		width:640px;
		border:2px solid;
		border-radius:5px;
	}
	
	#Bild
	{
		width: 320px;
		border:2px solid;
		/*border-radius:5px;*/
	}
	#Bild:hover
	{
		box-shadow: 3px 3px 2.5px grey,-3px -3px 2.5px grey;
	}
	.outer 
	{
		color: navy;
		background-color: pink;
		border: 2px solid darkblue;
		padding: 5px;
	}
	
	.audio
	{
		/*top;*/
		color: red;
		background-color: grey;
		text-align: center;
		width:35%;
		height:100px;
		position:fixed;
		bottom:0px;
		right:0px;
		border:2px solid;
		/*border-radius:25px;*/
	}

	.first
	{
		margin-top: 10px;
		padding: 1%;
		background-color: white;
		width:98%;	
		border:2px solid;
		border-radius:5px;
	}
	
	.div2
	{
		width: 96%; 
		color: white; 
		background-color: #000000; 
		padding: 1%;
		border:2px solid;
		border-radius:5px;
		text-align: left;
	}
	
	.c 
	{
		width: 98%; 
		color: #FFE160;
		background-color: #000759;
		text-align: center;
		position:relative;
		top:10px;
		left:5px;
		right:5px;
		padding: 1%;
		border:2px solid;
		border-radius:5px;
	}
	
/*	figure.bsp
	{
		width:323px;
		border: 1px solid silver;
		padding: .9ex;
		
	}
	figure.ind
	{
		width:300px;
		border: 1px solid silver;
		padding: .8ex;
		float: left;
		height:250px;
		/*box-shadow: 10px 10px 2.5px #FFFFFF;*/

	/*}
	figure.ind:hover
	{
		width:300px;
		border: 1px solid silver;
		padding: .8ex;
		float: left;
		height:250px;
		box-shadow: 10px 10px 2.5px #FFFFFF;

	}
	figure.strukt
	{
		color:black;
		width:537px;
		border: 1px solid silver;
		padding: .9ex;
		background-color: #E2E2E2;
		border-radius:3px;
	}*/
	
	legend
	{
		width:100%;
		border-top: 1px solid black;
		font-style: italic;
	}
	
	#bildk
	{
		width: 320px;
	}
	
	#bildk2
	{
		width: 298px;
	}
	
	
	#dadapi 
	{ 
		width: 45%;
		color: white;
		background-color: grey;
		text-align: left;
		padding: 0.5%;
		border:1px solid;
		border-radius:5px;
	}
	
	#div1
	{
		width:480px;
		height:320px;
		border:1px solid #aaaaaa;
		float:left;
		position:relative;
		top:10px;
	}
	
	#div2
	{
		width:480px;
		height:320px;
		border:1px solid #aaaaaa;
		float:right;
		position:relative;top:10px;
	}
	
	#drag1
	{
		width:480px;
		height:320px;
	}
	
	#z0rb
	{
		width:480px;
	}
	.z0rk
	{
		width:120px;
	}