html
{
  padding: 0px;
  margin: 0px;
  font-size: 10pt;  background-color: #1A1A1A;
}

body
{
  font-family: Cochin, Arial, sans-serif;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
  width: 780px;
  border: 1px solid #800000;
  border-top: 1px solid black;
}

#header
{
  border-top: 1px solid black;
  background-image: url("images/logo.gif");
  background-position: bottom left;
  height: 220px;
}

#header h1
{
  float: left;
  margin-left: -20000px;
}

#header ul
{
  margin-top: 0.1em;
  float: right; 
  margin-right: 20px;
  list-style: none;
}

#header ul li
{
  font-size: 1.4em;
  line-height: 1.6em;
  color: white;
}

#header ul li a
{
  text-decoration: none;
  color: white;
}


#header ul li a:hover
{
  color: #bbb;
}

#content
{
  border-top: 1px solid #500000;
  padding: 5px;
}

a
{
  text-decoration: none;
  font-weight: bold;
  color: inherit;
}

#footer
{
  color: #888;
  text-align: right;
  padding: 2px;
}

.albums
{
  height: 580px;
  padding: 0px;
  margin: 0px;
  display: block;
  width: 100%;
}

.albums li
{
  float: left;
  padding: 5px;
  list-style:none;
}

.album img
{
  display: block;
}

#content a
{
  color: #500;
  text-decoration: underline;
}

#content a:hover
{
  color: #a33;
}

em
{
  background-color: #fcc;
}

strong
{
  font-weight: bold;
  background-color: #faa;
}
#content a:hover
{
  color: #B02827;
}

#albuminfo
{
  float: right;
  margin-right: 50px;
}

#en
{
  float: right;
  width: 350px;
}

#de
{
  float: left;
  width: 350px;
}

#footer
{
  clear: both;
}

pre
{
  font-family: Cochin, Arial, sans-serif;
}