* { 
  margin: 0px;
  font-family: Verdana;
  font-size: 10pt;
 }
 
 body {
  background: #dedede url('shadow.png');
  background-position: top center;
  background-repeat: repeat-y;
 }
 
 #contentContainer {
  background: none;
  position: absolute;
  top: 50%;
  width: 100%;
  margin: -300px auto;
  min-height: 500px;
 }
 
 #content {
  background: url('start.jpg') no-repeat center;
  height: 608px;
  width: 800px;
  margin: auto;
 }
 
 #greyBar {
  height: 8.7em;
  width: 100%;
  background: #272727 url('hafer.jpg') no-repeat top left;
  opacity: 0.6;
  filter: alpha(opacity=60);
  top: 50%;
  margin-top: -142px;
  left: 0px;
  position: absolute;
  z-index: -1;
 }
 
 #navigationContainer {
  top: 50%;
  width: 800px;
  margin: auto;
  height: 8.7em;
  margin-top: -142px;
  position: absolute;
 }
 
 .navigation {
  color: #000000;
  font-family: Verdana;
  font-size: 12pt;
  border-bottom: 1px dotted #60706d;
  width: 300px;
  height: 30px;
  padding-top: 10px;
  padding-left: 15px;
  margin-left: 15px;
 }
 
 .navigation a {
  color: #7799bb;
  color: #000000;
  text-decoration: none;
  font-size: 12pt;
 }
 .navigation a:hover {
  color: #ffffff;
 }
 
 .linkInfo {
  position: absolute;
  top: 50%;
  width: 450px;
  margin-left: 50px;
  margin-top: 9em;
  border: 1px solid #1b2b3a;
  min-height: 150px;
  background: url('boxbg.png');
  color: #cccccc;
  padding: 10px;
  display: none;
 }
 
 .linkInfo p.title {
  padding-left: 20px;
  font-size: 12pt;
  font-weight: bold;
  padding-bottom: 10px;
 }