html, body {
font-family:Haettenschwiiler, Helvetica,Arial,sans-serif;
   margin:0px;
   padding:0px;
   background-color:black;
   color:white;
   background-image:url(../bilder/back-v.png);
   background-repeat:repeat-y;
  
}
 
#top_section {
   background-color:black;
   height:100px;
   margin:0px;
   padding:0px;
 }
 
 #search {
   position:absolute;
   top:20px;
   left:260px;
   background-color:white;
   color:#565658;
   white-space:nowrap;
}
#main_section {
   margin:0px;
   padding:0px;
color:white}
 
#navigation {
 position:fixed;
   left:20px;
   top:300px;
   width:180px;
z-index:2;}
a.navi, a.navi_first, a.navi_self {
   display:block;
   white-space:nowrap;
   overflow:hidden;
   border-left:1px solid black;
   border-right:1px solid black;
   border-bottom:1px solid black;
   font-family:Tahoma,sans-serif;
   font-size:14px;
   font-weight:bold;
   text-decoration:none;
   letter-spacing:0.1em;
   padding:3px;
   text-align:center;
}
 
a.navi_first {
   border-top:1px solid black;
}
 
a.navi:link, a.navi_first:link, 
a.navi:visited, a.navi_first:visited {
   background-color:transparent;
   color:white;
}
 
a.navi_self:link, a.navi_self:visited {
   background-color:gray;
   color:white;
}
 
a.navi:hover, a.navi_first:hover, a.navi_self:hover, 
a.navi:active, a.navi_first:active, a.navi_self:active {
   background-image:url(top.png);
   color:red;
}

 
#content {
   margin-left:240px;
   margin-right:0px;
   border-top:solid 2px rgb(175,35,35);
   border-left:solid 2px rgb(175,35,35);
   
  
}
 
#logo {
   position:absolute;
   top:5px;
   left:10px;
   width:200px;
   height:202px;
   background-color:#E4E5DF;
}
 
 #top_navigation {
            position:absolute;
            top:80px;
            left:240px;
            width:100%;
            height:20px;
           background-color:transparent;
            z-index:2;
         }

  
   a.top_link {
            display:block;
            position:absolute;
            width:100px;
            text-align:center;
            height:18px;
            font-family:"MS Sans Serif",sans-serif;
            font-size:12px;
            font-weight:bold;
            padding-top:1px;
            text-decoration:none;
         }
         a.top_link:link, a.top_link:visited {
            color:rgb(150,50,170);
            background-image:url(reiter1.gif);
            background-repeat:no-repeat;
            background-color:rgb(245,240,205);
         }       
         a.top_link:hover, a.top_link:active {
            color:black;
            background-image:url(reiter2.gif);
            background-position:top right;
            background-repeat:no-repeat;
            background-color:white;
         }       
         a#home {
            bottom:0px;
            left:160px;
            z-index:3;
         }
         a#news {
            bottom:0px;
            left:258px;
            z-index:4;
         }
         a#game {
            bottom:0px;
            left:356px;
            z-index:5;
         }
         a#cheats {
            bottom:0px;
            left:454px;
            z-index:6;
         }
         a#comm {
            bottom:0px;
            left:552px;
            z-index:7;
         }
         a#impr {
            bottom:0px;
            left:650px;
            z-index:8;
         }
         a#home:hover, a#home:active,
         a#news:hover, a#news:active,
         a#game:hover, a#game:active,
         a#cheats:hover, a#cheats:active,
         a#comm:hover, a#comm:active,
         a#impr:hover, a#impr:active {
            z-index:9;
         }       

 
h1,h2,h3,p,ul,ol {
   font-family: Haettenschwiiler, Helvetica,Arial,sans-serif;
   margin-right:20px;
   margin-left:20px;
}
 
h1 { font-size : 110%;
padding: 0 1em;
margin-top:20px;
text-align:center;}
h1:first-letter{
font-size : 300%;
font-family: Garamond,serif;
color:#565658;}
h2{font-size: 105%;
color:#DC0E00;
margin-top:0.5em;
text-indent:3em;
text-align:center;}
h2:first-letter{
font-size : 200%;
font-family: Garamond,serif;
color:#565658;
font-style: italic;
margin-right:0.06em;}
h3 { font-size : 110%;
padding: 0 1em;
margin-top:20px;
text-align:center;}
h3:first-letter{
font-size : 200%;
font-family: Garamond,serif;
color:#565658;
font-style: italic;
margin-right:0.06em;}

p {
font-size: 90%;
color:#E92525;}
p:first-letter {
font-size : 220%;
font-family: Garamond, serif;
color:#565658;}
code{
font-size:100%;}
.greenbox { background-color:#008000; }
.green { background-color:#008000; }
.olivebox { background-color:#808000; }
.olive { background-color:#808000; }
.maroonbox { background-color:#800000; }
.maroon { background-color:#800000; }
blockqoute {
color:red;}
ul,ol {
   padding-left:25px;
}
 
li {
   font-weight:normal;
   font-size:16px;
   line-height:1.1em;
   color:white;
   margin-top:6px;
   margin-bottom:6px;
}
 
a:link {
   font-weight:bold;
   color:#0000DE;
   text-decoration:none;
}
 
a:visited {
   font-weight:bold;
   color:#88DE5C;
   text-decoration:none;
}
 
a:hover, a:active {
   font-weight:bold;
   color:#88DE5C;
   text-decoration:none;
}
 .summary  {
font-size : 200%;
color : #565658;
} 
   .fn {
   font-style:normal;
      font-weight:bold;
  }