body {
  margin-left: 5%;
  margin-right: 5%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}

a {
   color: #0000ff;
   text-decoration: none
}

/* navbar */
.navbar {
  overflow: hidden;
  background-color: darkblue;
  font-family: Arial;
}

/* Links inside the navbar */
.navbar a {
  float: left;
  font-size: 16px;
  color: yellow;
  text-align: center;
  padding: 6px 16px;
  text-decoration: none;
}

/* Add background color to navbar links on hover */
.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: gray;
}

/* filmstrip for pictures - implement scroll bars */
.filmstrip {
   overflow: auto;
   white-space: nowrap;
}

/* div add a border / background to enclose elements */
div.box  { border: solid; border-width: thin; width: 100% }

div.color  { 
   background: #bec8d1;
   border: none;
        padding: 0.5 em;
}

table.t01 {
   border: 1px solid black;
   border-collapse: collapse;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
}

table.t01 th, table.t01 td {
   padding: 5px;
   //text-align: center;
   border: 1px solid black;
}

table.t01 tr:nth-child(even) {
   background-color: #ccc;
}

table.t01 tr:nth-child(odd) {
   background-color:#fff;
}

table.t01 th {
   background-color: #202020;
   color: white;
}