body 			{ 	background-color:#2E64FE;
					color:white;
				}
h1 				{	display: block;
					font-size: 2em;
					font-weight: bold;
				}
table				{ 	margin-left: auto;
					margin-right: auto;
				}
h1,h2,h3			{ text-align: center;
				}
				
/** Bereich <nav>   **/	
.site-nav		{ 	background-color: #0101DF;
					color:white; 
					padding: 0.3rem;
					margin:1rem ; 
				}
.site-nav li 	{ 	display: inline; 
					margin-right: 0.5rem; 
					display: inline;
					width:	auto;
					height:	0.5rem;
					font-size:1.2rem;
				}
.site-nav li:hover,.site-nav ul:hover,.site-nav a:hover		{	background-color: #0101DF; }

.site-nav ul 	{	padding: 0; 
					margin: 0;
					display: inline;
					width:	1rem;
					height:	1rem;
					font-size:1.2rem;
				}
.site-nav a 		{  	color: white; 
					text-decoration: none;
					display: inline;
					}
/** Bereich <footer> **/
.site-footer 	{	background-color: #0101DF;
					color: white; 
					text-align: right; 
					padding: 0.5rem;
				}
.site-footer a 	{ 	color:white;
					text-decoration: none; 				
				}	
th.db			{ 	background-color:#adadad;
				}
td.db			{	background-color:#e8e8e8;
				}
td.rot			{	background-color:#e8e8e8;
					color:rot;
				}

img				{ 	max-widht:100%;
					height:auto;
				}
/** Bereich Navigation privater Bereich**/

table.unsichtbar {
	border:					none;
	margin-left:			auto;
	margin-right:			auto;
	}
ul {
	margin:					0px;
	padding:				0px;
	list-style:				none;
	}

ul li {
	float:					left;
	width:					220px;
	height:					40px;
	background-color:		#0101DF;
	opacity:				.9;
	line-height:			40px;
	text-align:				center;
	font-size:				20px;
	margin-right:			2px;
	}

ul li a {
	text-decoration:		none;
	color:					black;
	display:				block;
	}

ul li a:hover {
	background-color:		silver;
	}

ul li ul li {
	display:				none;
	}

ul li:hover ul li {
	display:				block;
	}