body
{
  margin:0;
  background: white url(../images/misc/bg.png) repeat-y;
  color: black;
  font: 14pt/16pt Helvetica,Arial,sans-serif;
  padding-left: 200px;
  padding-top: 40px;
}

#navigation
{
  position: absolute;
  top: 40px;
  left: 10px;
  width: 120px;
  margin: 0;
  /* margin-left: 1em; */
  padding: 0;
  list-style: square inside;
}
#navigation li
{
  color: #606060;
  font-size: 20px;
  margin-bottom: 1em;
}
#navigation li a
{
  font-size: 15pt;
  color: black;
}
#navigation li:hover, #navigation li:hover a, #navigation li.act, #navigation li.act a
{
  color: #960000;
}

#main
{
  padding: 0;
  margin: 0;
}
#main p
{
  margin-top: 0;
}

h1
{
  display: none;
}

h2
{
  position: absolute;
  top: 40px;
  left: 140px;
  width: 50px;
  text-align: center;
  padding: 0;
  margin: 0;
}

#main #picture
{
  border-left: 10px solid black;
  /*background: #606060 url(../images/layout/logo_berin.gif) no-repeat bottom right;*/
  background-color: #606060;
  background-image: url(../images/layout/logo_berin.gif);
  background-repeat: no-repeat;
  background-position: bottom right;
  text-align: center;
  margin-left: -10px;
  padding: 20px;
  padding-bottom: 70px;
}

img.intext { float: right; margin: 1em; }

span.previous, span.next { color:#505050; }
span.previous a, span.next a { color:black; }
span.previous a:visited, span.next a:visited { color:#505050; }
span.next { margin-left:2em; }

p.imginfo, p.nav, h3 { text-align: center; width:100%; }

form table
{
  padding: 0.5em;
  border:1px solid #aaaaaa;
}
td.formlabel { width: 150px; text-align: right; }
tr.formrow td { vertical-align: top; }

form input, form textarea {
  width: 350px;
  border: 1px solid black;
}
form input:focus, form textarea:focus {
  background: #f8ffab;
}
form input.button { width: auto; }