* {
  box-sizing: border-box;
  line-height: 1.5;
}

.menu {
  background-color: #ffffff; 
  margin-top: 7px;
  float: left;
  width: 20%;
  text-align: left;
  /* border: 2px solid #0000ff; */
  /* padding: 5px 10px; */
  /* border-radius: 4px; */
}

.main {
  float: left;
  width: 60%;
  padding: 0 20px;
}

.right {
  background-color: #ffffff; 
  float: left;
  width: 20%;
  /* padding: 0 15px; */
  margin-top: 7px;
  text-align: left;
}

.header {
  color: #ffffff;
  background-color: #0096FF; 
  padding:2px;
  text-align:center;
}
.lang {
  color: #ffffff;
  background-color: #0096FF; 
  padding: 2px;
  text-align:right;
}

.footer {
  text-align:center;
  padding:10px;
  margin-top:7px;
  background-color: #EBF5FB; 
}

ul {
  line-height:150%; 
}
li{
  margin: 10px 0;
}

/* unvisited link */
a:link {
  color: blue;
  text-decoration: none; 
}

/* visited link */
a:visited {
  color: #0096FF; 
  text-decoration: none; 
}


table {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}
table td, table th {
  border: 1px solid #ddd;
  padding: 8px;
}
table tr:nth-child(even){background-color: #f2f2f2;}
table tr:hover {background-color: #ddd;}
table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #04AA6D;
  color: white;
}





@media only screen and (max-width: 620px) {
  /* For mobile phones: */
  .menu, .main, .right {
    width: 100%;
  }
}