body {
			font: 14px/1.6 Arial, Sans-serif;
		}
		a {
			color: darkslategray;
			text-decoration: none
		}
		
		a:hover {
			color: RebeccaPurple;
		}
		
		table {
			border: none;
			border-collapse: collapse;
			width: 100%;
			margin: 0 auto;
		}
		th {
			background: #ddd;	
			position: sticky;
			top: 120px;
			position: -webkit-sticky;
			box-shadow: 0 0 6px #000;
		}		
		th, td {
			border-bottom: 1px #ccc solid;
		}
		td, th {
			padding: 10px
		}
		
		.canal-inactive td { color: silver}
		.canal-inactive a { color: silver }	
		

		#header {
			background-color: darkslategray;
			color: aliceblue;
			position: sticky;
			top: 0;
			position: -webkit-sticky;
			box-shadow: 0 0 6px #000;
			z-index: 2;
			overflow:hidden;
			height: 120px;
			}
				
		#header_innen { 
			font-weight: 20;
			color: aliceblue;
			/*position: sticky;
			top: 0;*/
			position: -webkit-sticky;
			padding: 10px;
			width: 60%;
			margin: 0 auto;
			display: flex;
			}
		
/*das soll irgendwie mit Elternelemte zu lösen sein (2021-12-28): https://www.on-design.de/tutor/html5_css3/css3/position.html */
		
		#header span { 
			font-weight: 800;
			color: aliceblue;
			top: 0;
			width: 100%;
			}		
			
		.header_logo {
			float: left;
			width: 30%; 
			}
			
		#suche {
			float: right;
			width: 70%; 
			padding-top: 50px;
			text-align: right;
			}
			
		
		#innen {
			width: 60%;
			margin: 0 auto;
		}
		
		#profil_links {
			float: left;
		}
		
		#profil_rechts {
			float: right;
		}
		
		
		.canal-inactive td { color: silver}
		.canal-inactive a { color: silver }