@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;

                            }

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 {
											margin: auto;
											margin-top: 25px;
											margin-bottom: 25px;
											border: 2px solid black;
											width: 500px;
											border-collapse: collapse;
										}
										
										table tr:hover {
											transition: all 0s;
											font-weight: bolder;
											background-color: lightblue;
											color: black;
										}
										
										table tr th{
											border: 1px solid green;
											background-color: #D9C83C;
										}
										
										table tr td{
											border: 1px solid green;
											padding: 3px 10px;
										}
										
										th.id {
											width: 40px;
										}
										
										th.dat {
											width: 110px;
										}
										
										th.bez {
										
										}
										


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