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: 14%;
	overflow: hidden;  /* mDisables scrollbars on the header frame. To enable scrollbars, change "hidden" to "scroll" */
	background: #a6db3b; 
 }

 #nav {
	position: absolute;
	top: 14%;
	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/Dampflok.gif";
	    width: 10%;
	    height: 100%;
	    background: url(includes/Dampflok.gif);
	    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: 14%; 			/* Set this to the height of the header */
	left: 10%;
	heigth: 50%;
	right: 0;
	width: 100%;
	bottom: 3%;
	overflow: auto;
	background: #DAE9BC;
	overflow-y: auto;
	overflow-x: auto;
 }

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

.rigth {  color: blue;
	  position: fixed;
	  top:  35%;
	  left: 35%;
	  width: 23%;
	  float:right; 
 	  border: 3px solid #8AC007 ;
	  background-color: #DAE9BC; 
	  text-align: left;
	} 

.address {
	  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;
	}



.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;
	}

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

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