html {
  width:100%;
  height:100%;
}
   
body {
  width:100%;
  height:100%;
  color: #fecc00;
  background-color:#444444;
  font-size:medium;
  margin:0;
  padding:0;
  text-align: center;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif
}
  
a:link {
  color:white;
}
   
a:visited {
  color:white;
}

a:hover {
  color:red;
}
   
.maintable {
  width: 800px;
  height:100%;
  margin: auto;
  border-collapse: collapse;
  background-color: black;
}

#uklid table{
  width: 680px;
  margin: auto;
  border-collapse: collapse;
}

#uklid td {
  font-size: small;
  padding: 0px;
  background-color: #303030;
}

#uklidh {
  font-size: small;
  text-decoration: underline;
}
   
td {
  vertical-align:middle;
  text-align:center;
}
   
tr.header td {
  vertical-align: top;
  text-align: left;
  height: 140px;
  padding: 15px;
}
   
tr.menu td {
  vertical-align: middle;
  text-align: center;
  letter-spacing: 1pt;
  width: 20%;
  height: 45px;
  color: white;
  text-decoration: underline;
  border: solid 2px #fecc00;
}

tr.mid td {
  vertical-align: top;
  text-align: justify;
  padding: 20px;
}
   
tr.footer td {
  color: grey;
  font-size: small;
  vertical-align: middle;
  height: 25px;
  padding-left: 10px;
  padding-right: 10px;
}

.f1 {
  text-align: left;
}

.f2 {
  text-align: right;
}