body
{
  font-size: medium;
}

body div
{
  width: 70%;
  margin: 1em;
}

.legal
{
  font-size: small;
}

div.banner
{
  font-size: xx-large;
  width: 20%;
  position: absolute; 
  right: 1%;
  top: 2%;
  border: none;
  /* border: thin red dotted; */  /* This is for the coders ;-) */
  background-color: transparent;
  margin: 0;
/*  text-align: right;*/
}

.first
{
  text-align: right;
  margin: 0;
}

.second
{
  text-align: right;
  margin-right: 0;
  margin-top: -.70em;
  margin-bottom: 0;
  left: 0;
}

.nav
{
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  text-align: center;
  font-size: medium;
  position: relative;
  right: -30%;
  background-color: transparent;
}

.nav div + ul 
{
  margin: 0;
}

#counter
{
  text-align: left;
  margin-bottom: -10%;
  margin-left: 40%;
}

#culture
{
  text-align: left;
  margin-left: 45%; 
  margin-top: 0;
  margin-bottom: 0;
}

.body p
{
  margin-bottom: 0;
}

.body p:first-letter
{
  font-size: x-large;
}

.body p:first-line
{
 font-size: small;
 text-transform: uppercase;
}

.body p + p
{
  text-indent: 2.5em;
  margin-top: 0.5em;
}

.body p + p:first-letter
{
  font-size: small;
}

.body p + p:first-line
{
  font-size: medium;
  text-transform: none;
}

.ei
{
  color: green;
  background-color: transparent;
  text-transform: lowercase;
}

ul.banner
{
  list-style: none inside;
  margin-left: 0;
  padding: 0;
}

.banner li
{
  text-align: center;
  margin-bottom: .5em;
}

ul ul.banner
{
  display: none;
}

/*
ul li:hover > ul.banner
{
  display: block; 
  position: absolute;
  top: 30%; 
  left: -50%; 
}*/

div.links p
{
  margin: 0;
}

li
{
  text-align: left;
}