html { margin:0px; padding:0px;  height: 100%; font-size:12px; }
body { margin:0px; padding:0px; height: 100%; }

* { font-family:arial; overflow:visible; line-height:1.5em; box-sizing: border-box; }
*, ::after, ::before { box-sizing1:border-box; }

a.button, input, select, textarea, button {
  -webkit-appearance1: none;
  border-radius: 2px;
  border:rgba(0,0,0,0.2) 1px solid;
  margin:1px;
  padding-left:0.2em;
  padding-right:0.2em;
  padding-top:0.1em;
  padding-bottom:0.1em;
  color:#000;
  font-size:14px;
  //height:1.5em;
  display:inline-block;
  //vertical-align:middle;
}
a.button, input[type='button'], button {
  background: linear-gradient(0deg, rgba(205,205,205,1) 0%, rgba(240,240,240,1) 80%, rgba(205,205,205,1) 100%);  
  border-radius: 3px;
  border:rgba(0,0,0,0.2) 1px solid;
  text-decoration:none;
  text-align:left;
}
a.button:hover, input[type='button']:hover, button:hover {
  background: linear-gradient(0deg, rgba(220,220,220,1) 0%, rgba(250,250,250,1) 60%, rgba(220,220,220,1) 100%);    
  color:#333;
}

html, body, div {
  position:relative;
  margin:0px;
  padding:0px;
  border:none;
}

table.grid {
  position:relative;
  margin:0px;
  padding:0px;
  border:none;
  width:100%;
  height:100%;
}


div#menue {
  position:absolute;
  top:0px;
  bottom:0px;
  left:0px;
  width:20em;
  border-right:1px solid #000;
  background-color:#eee;
  padding:5px;
}
div#content {
  position:absolute;
  top:0px;
  bottom:0px;
  left:20em;
  right:0px;
  padding-top:0px;
  padding-left:0px;
  overflow:scroll;
}

div#content table {
  border-spacing:0px;
  border-collapse: collapse;
}
div#content table tr th {
  padding:2px;
  background-color:#eee;
  text-align:left;
  font-weight:bold;
  border:1px solid #666;
}
div#content table tr td {
  padding:2px;
  text-align:left;
  font-weight:normal;
  border:1px solid #666;
}