body {
 font-family: helvetica;
 margin-left: 2em;
 margin-right: 1em;
 margin-top: 1em;
}
h1 {
 font-size: 70;
 font-family: Arial Rounded MT Bold;
}
img#logo {
 float: right;
 margin-bottom: 1em;
}
#topbar {
 clear: both;
 display: block;
 border: 1px solid black;
 padding: 0;
 margin: 0;
}
.circle img {
 margin: 2px;
 background: white;
 color: white;
 border: none;
}
.circle {
 display: inline;
 vertical-align: top;
 padding: 0;
 margin: 0;
}
.unselected, .selected {
 vertical-align: top;
 border-left: 1px solid black;
 border-right: 1px solid black;
 border-top: none;
 border-bottom: none;
 padding: 1px;
 display: inline;
}
.empty {
 vertical-align: top;
 border-left: 1px solid black;
 border-right: none;
 border-top: 1px solid black;
 border-bottom: 1px solid black;
 padding: 0;
 margin: 0;
 width: 1px;
 display: inline;
}
.unselected a {
 color: white;
 font-weight: bold;
 text-decoration: none;
}
.selected a {
 color: black;
 font-weight: bold;
 text-decoration: none;
}
h1 {
 display: inline;
}
#content {
 margin-left: 10%;
 margin-right: 10%;
}
#error {
 margin-top: 1em;
 border: 2px solid red;
 padding: 1em;
 font-weight: bold;
}
em {
 font-weight: bold;
 font-style: normal;
 text-decoration: none;
}
#message {
 margin-top: 1em;
 border: 2px solid yellow;
 padding: 1em;
 font-weight: bold;
}
.layout {
 border: 1px solid black;
 padding: 0.5em;
 margin-bottom: 1em;
}
td, tr {
 vertical-align: top;
}
input.narrow {
  width: 20px;
}
input.wide {
  width: 220px;
}

#eurolug {
  margin-top: 10em;
  vertical-align: top;
  font-size: 8px;  
}
#eurolug img {
  float: left;
  margin-right: 1%;
}
