<style>
* {
    box-sizing: border-box;
}
/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width:600px) {
    .column {
        width: 100%;
    }
}


* {
    box-sizing: border-box;
}

html{ font-size:0.9em; }

body {margin: 0; padding: 0; overflow:hidden; background-color: #f1f1f1; word-break: break-word; 
  hyphens: auto; font-family: Verdana, Arial, Helvetica, sans-serif; color:red; background-color: white;}

.box{ overflow:hidden;  display: flex; flex-flow: column;  height: 100%; margin:0; padding:0;}
.box .row.header {
         flex: 0 1 auto;
         background-color: #f1f1f1;
      }
.box .row.content {
        flex: 1 1 auto;
        overflow:hidden;
      }
.box .row.footer {
        flex: 0 2.0em;
 }


/* Style the header */


.topheader {height:auto; background-color: #f1f1f1; padding: 0px;	text-align: center;	margin-left:0px;	margin-right:0px; overflow:hidden; border-bottom: 2px solid #FFFF00;}
 .headers {background-color: #f1f1f1; padding: 0px;	text-align: center;	margin-left:20px;	margin-right:20px; overflow:hidden;}
 .subheader { width:100%; background-color: #f1f1f1; padding: 0px; text-align: center; vertical-align:middle; overflow:hidden; }
    .headerleft{text-align:left; float:left; color: red; } 
    .headermiddle{text-align:center;} 
    .headerright{text-align:right; }



/* Style the top navigation bar */
.topnav {
    overflow: hidden;
    /*background-color: #333;*/
		text-align:left;
}

/* Style the topnav links */
.topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

/* Change color on hover */
.topnav a:hover {
    background-color: #ddd;
    color: black;
}

/* Create three equal columns that floats next to each other */
  .columnleft { background-color: #f1f1f1; float: left; display:block;  height:100px; width: 32%;	text-align:left; padding: 0px;	margin: 0%;	margin-top:0%;	overflow: hidden; overflow-y: hidden;  vertical-align: top;}
    .navleft{ float:left; display:block; position:relative; width:100%; height:auto; max-height:100px; word-break:break-word; text-align:left; padding:0px; margin:0px;}
      .navlefttitel{float:left; display:block; position:relative; width:100%; overflow-y:auto; overflow-x:hidden; text-align:left; font-style:italic; font-size:1.0em;  color:blue;	font-weight: bold;}
        .navleftsub{float:left; display:block; position:relative; width:100%; height:auto; overflow-x:hidden; overflow-y:auto; text-align:left;}
	.columnmiddle {float:left; display:block; width: 68%;	text-align:left; padding: 0px; margin: 0%; vertical-align: top; overflow: hidden; overflow-y: hidden; word-break:break-word;}
    .columnmiddlepopup {background-color: silver; background-color: #f1f1f1; float: left; display:block; position:relative; width: 100%; text-align:left;	padding: 0px;	margin: 0%; float:left; height:530px; word-break:break-word;}
  .columnright {display:none; float: left; width:0%; text-align:left; padding: 0px;	margin: 1%;	margin-top: 0%; overflow: hidden; vertical-align: top;}

.fill_bottom{float:left; display:block ;position:relative; bottom:0px; width:100%; height:1px;}	 
 
 
.footers {background-color: #f1f1f1;	padding: 1px; margin: 0px; text-align: center;position:absolute; bottom:0px; width:100%; display: block; height:auto; min-height:5px; overflow:hidden;}
  .footer_left{float:left; width:50%; text-align:right;}
  .footer_right{float:left; width:50%; text-align:left}

   .big_row{
   background-color: white;
		margin-left:0;
		margin-right:0;
    height:90%;
	
}
/* Clear floats after the columns */
.big_row:after {
    content: "";
display: table;}
   
.rows{
    width:100%; background-color: white; display:block; padding:0px; margin:0px; margin-left:0px;	margin-right:0px; overflow-x:hidden; overflow-y:hidden;}
/* Clear floats after the columns */
.rows:after { content: ""; display: table; clear: both;}



/* title columns */
.titlecolumnleft {
/*  display:inline-block; */
    height: 20px;
    float: left;
    width: 20%;
 		text-align:left;
		padding: 0px;
		margin: 1%;
		margin-top:0%;
		overflow: hidden;
    vertical-align: middle;
	}
	
.titlecolumnmiddle {
    height: 20px;
    float: left;
    width: 56%;
 		text-align:center;
		padding: 0px;
		margin: 0%;
    vertical-align: middle;
}

.titlecolumnmiddlepopup {
    height: 20px;
    float: left;
    width: 100%;
 		text-align:center;
		padding: 0px;
		margin: 0%;
    vertical-align: middle;
}

.titlecolumnright {
    height: 20px;
    float: left;
    width:20%;
 		text-align:right;
    padding: 0px;
		margin: 1%;
		margin-top: 0%;
		overflow: hidden;
    vertical-align: middle;
 }

.veniscontent{
  float:left;
  display: block; 
  position:relative; 
  overflow:scroll; 
  overflow-x:hidden; 
  height:500px; 
  padding:2px; margin:2px;
}

.myContainer{
	float:left;
	width:100%;
	height:300px;
	text-align:left;
}

.contentmenu{
  background-color: #f1f1f1;
  float:left;
  display:block; 
  position:relative;
  word-break:break-word; 
/*  height:35px;*/
  width:100%;
  overflow:auto;
}

.contentbody{
  float:left;
  overflow:scroll; 
  overflow-x:hidden; 
  height:500px; 
  width:100%;
  padding:2px; 
  margin:0px;
}
  
</style>