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

 #nav {
	position: absolute;
	top: 135px;
	left: 0;
	bottom: 0;
	width: 230px;
	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="Malowa.bmp";
	    width: 230px;
	    height:135px;
	    background: url(Malowa.bmp);
	    background-size: cover;
 }

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

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

 .innertube {
	margin: 15px; /* Provides padding for the content */
	   }

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



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

.area1 {
		  position: fixed;
		  left: 0;
		  top: 400px;
		  bottom: 2%;
		  width: 45%;
		  color: red;
		  border: 3px solid #73AD21 ;
		  background-color: #DAE9BC;
		  text-align: left;
		  left: 230px;
		  right: 0;
		   overflow-y: scroll;
	}
.textarea {
			left: 330px;
			caret-color: red;
			width: 60em;
			height: 15em;
			border: 1px solid #cccccc;
			padding: 0.5em;
			font-family: Tahoma, sans-serif;
			resize: none;
			}
.textarea:focus {
		background: #FFC;
			}