body
{ font-family: Arial, sans-serif;
  color: white;
  background-color: black;
  margin: 2em;
  font-size: 0.9em;
}

#header
{ margin: 1em 0 4em 0;
}

/* Navigation */

#navigation
{ float: left;
  margin-right: 8em;
}

#navigation ul
{ list-style-type: none;
  padding: 0;
  font-size: 0.9em;
}

#navigation li.margin
{ margin-top: 1em;
}

#navigation ul.submenu li:last-child
{ margin-bottom: 1em;
}

#lang
{ font-size: 0.7em;
  margin-top: 5em;
}

#lang a:link, #lang a:visited
{ color: white;
  text-decoration: none;
}

#lang a:hover, #lang a:active
{ color: white;
  text-decoration: underline;
}

ul #active a:link, ul #active a:visited
{ background-color: white;
  color: black;
}

#navigation li a
{ display: block;
  width: 12em;
  padding: 0.1em;
}

#navigation ul.submenu li a
{ width: 7em;
}

#navigation a:link, #navigation a:visited
{ color: white;
  text-decoration: none;
}

#navigation a:hover, #navigation a:active
{ color: black;
  background-color: white;
  text-decoration: none;
}

ul.submenu #active a:link, ul.submenu #active a:visited
{ background-color: white;
  color: black;
} 

/* Content */

#content
{ float: left;
  width: 50%;
  max-width: 40em;
  font-size: 0.9em; 
  padding-top: 1em;
}

#content hr
{ border: none;
  border-top:  1px solid gray;
}

#content p
{ margin: 0;
}

#content img
{ border: none;
}

#content a:link, #content a:visited
{ color: white;
  text-decoration: none;
}

#content a:hover, #content a:active
{ color: white;
  text-decoration: underline;
}