body {
	margin: 0;
	padding: 0;
	overflow: hidden;
	height: 100%;
	max-height: 100%;
	font-family:Sans-serif;
	line-height: 1.5em;
 }

 #header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 18%;
	overflow: hidden;  /* mDisables scrollbars on the header frame. To enable scrollbars, change "hidden" to "scroll" */
	background: #a6db3b; 
 }

 #nav {
	position: absolute;
	top: 18%;
	left: 0;
	bottom: 0;
	width: 10%;
	overflow: auto; 	/* Scrollbars will appear on this frame only when there's enough content to require scrolling. To disable scrollbars, change to "hidden", or use "scroll" to enable permanent scrollbars */
	background: #a6db3b;
 }

 #logoleft {position: absolute;
	    img src="includes/Lok.bmp";
	    width: 10%;
	    height: 100%;
	    background: url(includes/Lok.bmp);
	    background-size: cover;
 }

 #logo {
	padding:10px;
	height:100%;
	background: #a6db3b ; 
	font-color: blue;
 }

left 	{
	position: fixed;
	top: 20%;
 	bottom: 30%;
 	left: 10%;
 	right:45%;
 	background: yellow;
	}

 main {
	position: fixed;
	top: 18%; 			/* Set this to the height of the header */
	left: 10%;
	heigth: 50%;
	right: 0;
	width: 90%;
	bottom: 3%;
	overflow: auto;
 	background: #DAE9BC;
	overflow-y: auto;
	overflow-x: auto;
 }

.innertube {
	margin: 15px; /* Provides padding for the content */
	   }
.leftx {	  color: blue;
	  position: fixed;
	  top:  35%;
	  left: 10%;
	  width: 23%;
	  float:left;
 	  border: 3px solid #8AC007 ; 
	  background-color: #DAE9BC;
	  text-align: left;
	} 

.boxx 	{ 
	 position: fixed;	
	  margin: 15px;
	  color: blue;
	 
	  top:  35%;
	  bottom: 35%;
	  left: 35%;
	  width: 80%;
	
	border: 3px solid #8AC007 ;
	  background-color: yellow; 
	  text-align: left;
	} 

.addressx {
	  position: fixed;
	  top:  80%;
	  width: 30em;
	  border: 1px solid #333;
	  box-shadow: 8px 8px 5px #444;
	  padding: 8px 12px;
	  background-image: linear-gradient(180deg, #fff, #ddd 40%, #ccc);
	}


.footer {
	  position: fixed;
	  left: 10%;
	  bottom: 0%;
	  width: 90%;
	  color: red;
	  border: 3px solid #8AC007 ;
	  background-color: #DAE9BC; 
	  text-align: left;
	  right: 0;
	} 
 #bottom
	{
	position: absolut;
	  width: 99%;
	  bottom: 0;
	  left:0;
	  border: 3px solid #8AC007;
	}

 nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
 }

 nav ul a {
	color: darkgreen;
	text-decoration: none;
 }


 submit {
	padding:10px;
	height:135px;
	background: #ffa500 ;
	font-color: blue;
	}

 submit_s {
	padding:150px;
	height:135px;
	background: blue;
	font-color: blue;
	}

.space 
	{
  width: 40px;
  height: auto;
  display: inline-block;
}

.tabjak {
	  width: 80%;
	  text-align: center;
	  overflow: auto;
	  scrollbar-width: thin;          /* "auto" or "thin" */
	  scrollbar-color: blue orange;   /* scroll thumb and track */
	  border-collapse: collapse;

	}

.tabjak thead th
	{
	  background: #FFE097;			/* hellbraun */
	  color: #24943A;
	  border-bottom: 0px solid #444444;
	  font-size: 19px;
	  font-weight: bold;
	  text-align: center;
	  border-left: 2px solid #24943A;
	  height:45px;
	  display: block;
	}

.tabjak tbody
{
	display: block;
	width: 100%;
	overflow: auto;
	scrollbar-color: blue orange;
	max-height: 65vh;
	background-color: #DAE9BC;
	}

.tabjak td, .tabjak th
	{
	  border: 1px solid #24943A;    /* grün */
	  padding: 3px 2px;
	}
.tabjak th
    {
      position: sticky;
      top: 0;
      }
.tabjak tr:nth-child(even)
	{
	  background-color: #f2f2f2;	/* grau */
	}

.tabjak thead th:first-child
	{
	border-left: none;
	}


.tabprint {
	  width: 80%;
	  text-align: left;
	  border-collapse: collapse;

	}

.tabprint thead th
	{
	  background: #FFE097;			/* hellbraun */
	  color: #24943A;
	  border-bottom: 0px solid #444444;
	  font-size: 19px;
	  font-weight: bold;
	  text-align: center;
	  border-left: 2px solid #24943A;
	  height:45px;
	  display: block;
	}

.tabprint tbody
{
	display: block;
	width: 100%;
	border-color: black;
	background-color: #DAE9BC;
	}

.tabprint td, .tabprint th
	{
	  border:  1px solid black ;
	  padding: 3px 2px;
	}
.tabprint tr:nth-child(even)
	{
	  background-color: #f2f2f2;	/* grau */
	}

.tabprint thead th:first-child
	{
	border-left: none;
	}


.tableFixHead 
	{
        overflow-y: auto; /* make the table scrollable if height is more than 200 px  */
        height: 900px; /* gives an initial height of 200px to the table */
      	}
	.tableFixHead thead th 
      	{
        background: #24943A;
		width: 80%;
      	}
      table 
      	{
        border-collapse: collapse; /* make the table borders collapse to each other */
        width: 80%;
      	}
      .tttFixHead tbody
		{
			display: block;

			overflow: auto;
			scrollbar-color: blue orange;
			max-height: 65vh;
			background-color: #DAE9BC;
		}
      th,
      td 
      	{
         border: 1px solid #24943A;    /* grün */
		 padding: 3px 12px;
      	}

      th {

		position: sticky;
		top: 0;
      }


 	tr:nth-child(even)
	{
	  background-color: #f2f2f2;	/* grau */
	}

	thead th:first-child
	{
	border-left: none;
	}