<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%;
    }
}
html{ height:100%}

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

/* 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;}
  .subheader { width:100%; background-color: #f1f1f1; padding: 0px; text-align: center; vertical-align:middle; overflow:hidden; }
    .headerleft{width:20%; text-align:left; float:left; color: red; } 
    .headermiddle{width:60%; text-align:center; float:left;} 
    .headerright{width:20%; text-align:right; float:left;}

/* 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;
}

.fullbodydiv{position: fixed; top:0.5%; left:0.5%; min-height:99%; height:99%; width:99%; overflow:hidden;} 

/* Create three equal columns that floats next to each other */
.columnleft {
    background-color: #f1f1f1;
    float: left;
    display:block;
    height: 100%;
    width: 20%;
 		text-align:left;
		padding: 0px;
		margin: 0%;
		margin-top:0%;
		overflow: hidden;
		overflow-y: auto;
    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;
}
.navlefttitel:hover{cursor:pointer;}
.navleftsub{
  float:left; 
  display:block;
  position:relative;
  width:100%; 
  height:auto;
  overflow-x:hidden; 
  overflow-y:auto;
  text-align:left;
}
  
.columnmiddle {
    background-color: white;
    float: left;
    display:block;
    width: 60%;
    height:auto;
    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 {
    background-color: #f1f1f1;
    float: left;
    width:20%;
    height:100%;
    text-align:left;
    padding: 0px;
		margin: 0px;
		margin-top: 0%;
		overflow: hidden;
    vertical-align: top;
 }

.fill_bottom{float:left; display:block ;position:relative; bottom:0px; width:100%; height:1px;}	 



/* 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;
	}
  
  .big_row{
   background-color: white;
		margin-left:0;
		margin-right:0;
    height:90%;
	
}
/* Clear floats after the columns */
.big_row:after {
    content: "";
    display: table;
    clear: both;
}
	
.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;
}

.footer {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}


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

.contentmenu{
  background-color: #f1f1f1;
  display:block; 
  position:relative;
  word-break:break-word; 
/*  height:18px;*/
}

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