@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,600&subset=latin,latin-ext,cyrillic,cyrillic-ext,greek,greek-ext,vietnamese);

:root {
   --base-gap: 3px;
}

* { transition: all 0.5s;	}

* {	font-size: 1rem;		}

* {	box-sizing: border-box;	}

* {	/*border: 1px dotted lime;*/
//	border:		1px dotted white;
//	outline:	1px dotted black;
}

html {
    font:		normal 13px/1.4 "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
    color:		red;
/*	border: 	2px solid red;		*/
	margin: 	0px;
	min-height: 100dvh;
	width:		100%;
	margin:		0px;
	padding:	0px;
}

body {
/*	border:		2px solid green;	*/
	min-height:	100dvh;
	width:		100%;
	margin:		0px;
	padding:	0px;
}

                            div.page-container {
                            display: flex;
                            flex-direction: column;
                            gap: var(--base-gap);

                            width: 870px;
                            margin:			auto;
                            height:			100dvh;

                            }

#art {
background-color: navy;
color: white;
}

a {
	padding: 5px;
    margin: 0px;
	background-color:	lightblue;
	color:				maroon;
	text-decoration:	none;
	border-top:		1px solid silver;
	border-right:	1px solid black;
	border-bottom:	1px solid black;
	border-left:	1px solid silver;
}

a:hover	{
	background-color:	#63B4CF;
	color:				white;
	border-top:		1px solid black;
	border-right:	1px solid silver;
	border-bottom:	1px solid silver;
	border-left:	1px solid black;
}

div.page-header, div.page-footer	{
	color: navy;
}

								div.page-header {
									background-color: none;
									display: flex;
									flex-direction: column;
									gap: var(--base-gap);
									min-height: 50px;
									}

								div.page-content{
									  flex-grow:1;
								}

								div.page-footer	{
									height: 50px;
									background-color: #143742;
									color: #5BB0CD;
								}


div.page-content{
	background-color: #F8DB91;
}

div.overnav {
    background-color: lightblue;
}

										div.navigationszeile{
											display: flex;
											gap: var(--base-gap);
										}

										div.page-header-nav-lan {
											display: flex;
											gap: var(--base-gap);
											color: ButtonFace;
											display: flex;
											
										}

										div.page-header-nav-lan-a {
												display: flex;
												flex:5;
												gap: var(--base-gap);
											background-color:	lightblue;
											color: navy;
											display: flex;
										}

										div.page-header-nav-lan-b {
												display: flex;
												width: 30px;
												gap: var(--base-gap);
											background-color:	lightblue;
											color: navy;
											display: flex;
										}

							
										table.level1 {
											width: 750px;
											color: black;
											border: 1px solid black;
										}
										
										table.level2 {
											width: 500px;
											color: black;
											border: 1px solid black;
										}
										
										table tr.level1 {
											width: 500px;
											border: 2px solid red;
											background-color: gray;
											padding: 15px;
										}
								
										
										/*			
											table tr:hover {
											transition: all 0s;
											font-weight: bolder;
											background-color: lightblue;
											color: black;
										}
										*/
										
									



									
div.level00	{
	padding: 1px 5px;
	border-right: 1px solid black;
}

div.level00:last-child	{
	border-right: none;
}
										
div.level01	{
	background-color: silver;
	border: 1px solid black;	
	margin: 5px -15px;
	padding: 5px;
	color: navy;
}

div.level02	{
	background-color: gray;
	border: 1px solid black;
	margin: 5px;
	padding: 5px;
}

div.level03	{
	background-color: silver;
	border: 1px solid black;
	margin: 5px;
	padding: 5px;
}

div.level04	{
	display: flex;
	background-color: gray;
	border: 1px solid black;
	margin: 5px;
	padding: 5px;
	color: orange;
}

div.level05	{
	display: flex;
	background-color: silver;
	border: 1px solid black;
	margin: 5px;
	padding: 5px;
						

						
							
										
div.ausgabe div {
	border: 1px solid black;
	padding: 5px;
	margin: px 1px;
}

										


colors {
a:	#add8e6;
b:	navy;
c:	gray;
d:	#dcdcdc;
e:	maroon;
}