select 		{ overflow-y: auto; font-family: courier }
	b			{ color : blue; text-decoration : underline; onclick : ac(event)}
	f			{ color : #FE3EFE }
	d			{ color : blue; onclick : clickyear(event) }
	e			{ color : green; }
	
	#main 		{ float:  left }	<!-- linke <div> -->
	#middle 	{ float: right }	<!-- Bild <div> -->

	#xy1		{ float:left; }
	#xy2		{ float:left; }

	#fizo 		{ float: left }	<!-- altr + detl <div> -->
	#fiza 		{ float: left }	<!-- altr + detl <div> -->
	#fizz 		{ float: left }	<!-- altr + detl <div> -->
	
	#down 		{ width:100%; float:  left; background-color : white }
	#tabpanel 	{ width:100%; float: right }
	#oben		{ position: absolute; display: inline; top:0; left:0; background-color: white; float: left; 
				  font-family: Tahoma; font-size: 16px; padding: 10px; border: 3px double lightblue; }
	#unten		{ width: 100%; float: left; background-color: white; font-family: Courier new; font-size: 22px; 
				  padding: 10px; border: 3px double lightblue; }
	#homs 		{ background-color: #C0C0FF; float:left }
	#hist 		{ background-color: #C0FFC0; width:10%  }
	#altr 		{ background-color: #FFC0C0; }
	#dtls 		{ background-color: #FFFFC0; float:left }
	#lice 		{ background-color: white; border: 6px double #D00000 ; top : 0; left : 0; width : 99%; }

	.mitglied {
		background-color : yellow ;
/*		position : absolute;*/
		left : 214px;
		width : 220px;
		height : 28px;
		font-size: 24px; 
		align : center;
		border: 3px double lightblue;
		animation: mymove 5s infinite;
	}

	@keyframes move {
		from {background-color: red;}
		to {background-color: gold;}
	}

	@keyframes mymove {
		from {background-color: yellow;}
		to {background-color: green;}
	}
	
	.mini_video {
		top : 0;
		opacity: 1.0;
	}
	

	.seite		{ width: 60%;  float: right; background-color: white; font-family: Bookman Old Style; font-size: 18px;
				  padding: 10px; border: 2px solid black; border-style:none dotted none none;
				}
	.such		{ position: relative; top:-10px; background-color: #FE3FFE ; margin-top: 3px  }

	.pdf 		{ background-color: #eef0f3; float: left; overflow: auto; padding : 2px; }

	.tooltip	{ position: absolute; display: inline-block; border-bottom: 0px dotted black;
				  background-color: red; color: #fff; padding: 0px; text-align: center;
				  margin-left: -30px;	margin-top : -10px; border-radius: 6px; opacity: 0.5; }

	.triangle-left	{ position: absolute; display: inline-block; color: red; opacity: 0.3;
					  border-top: 25px solid transparent; border-right: 50px solid; border-bottom: 25px solid transparent; }
	.triangle-right	{ position: absolute; display: inline-block; color: red; opacity: 0.3;
					  border-top: 25px solid transparent; border-left: 50px solid ; border-bottom: 25px solid transparent; }

	.spot 		{ height: 25px; width: 25px; background-color: white; border-radius: 50%; position: absolute; display: inline-block; opacity: 0.8; }