.topnav {
position: fixed;
overflow: hidden;
background-color: #333;
width: 100%;
}

.topnav, .topnav2 {
height: 44px;
}

.topnav a {
float: left;
color: #f2f2f2;
text-align: center;
padding: 10px 16px;
text-decoration: none;
font-size: 16px;
}

.topnav a.right {
float: right;
}

.topnav form {
float: left;
color: #f2f2f2;
padding: 10px 16px 0px 16px;
text-decoration: none;
}

.topnav input {
float: left;
padding: 0 0;
text-decoration: none;
/* font-size: 15px; */
}

.topnav a:hover {
background-color: #ddd;
color: black;
}

.topnav a.active {
background-color: #4CAF50;
color: white;
}

.bar {
  margin: 5px 8px;
}

.wise {
  border: 1px;
  border-style: groove  ;
  background-color: #EEF7EE;
}

th.r, td.r { text-align: right }

.column2 {
    float: left;
    width: 50%;
    padding: 5px;
  }

.column3 {
    float: left;
    width: 33%;
    padding: 5px;
  }

  /* Clear floats after image containers */
.row::after {
    content: "";
    clear: both;
    display: table;
}

.red {
  color: red
}

.a4 { max-width: 21cm; margin: auto; overflow:auto; }
.a3 { max-width: 297mm; margin: auto; overflow:auto; }
H1, H2, .c { text-align: center }
.Elo, .cite { text-align: center; font-weight: bold; }