/* Der Container #unten beginnt oben, sein Inhalt (-> = der Rest der Seite) 
   aber genau unter der Unterkante (125) von #oben */
#oben   { position:fixed; left:0; top:0; width:100%; height:125px; }
#unten  { padding-top:125px; }

/* Die beiden "unteren" Inhaltsbereiche: seitliche Hauptnavi und Inhalt
   Bei top und bottom evtl. statt padding margin probieren, hab ich so bei fh.net */
#navi   { position:fixed; top:150px; left:75px; width:125px; }
#inhalt { margin-left:250px; padding-top:150px; padding-bottom:25px; width:480px; }

/* Für Galerie */
#galerieerklaerung { position:fixed; top:225px; left:25px; width:800px; text-align:center; color:#ffffff; }
#vorschauleiste { position:absolute; top:0px; left:850px; width:54px; padding-top:25px; padding-bottom:25px; }

.vorschaublock {
 display:block; border:none; width:54px; height:54px; padding:0px; background:rgb(0,0,7); text-align:center; } 
.vorschaubild {
 border:none; width:50px; height:50px; padding-top:2px; }
.grossesbild {
 position:fixed; top:25px; left:25px; border:0; border:none; width:800px; height:450px; visibility:hidden; }

/* DIV für graphische Verweise (Bilder) mit Hover-Effekt */
#logo_rollover a       { display:block; margin-left:80px; margin-top:26px; width:116px; height:80px;
                         background:url(grafik/logo_rollover.jpg) 0px 0px no-repeat; }
#logo_rollover a:hover { background-position: 0px -80px; }

#clearer { clear:left; height:0px; }

body { margin:0; padding:0; background:rgb(0,0,77);
       font-family:Verdana,sans-serif; font-size:11px; line-height:100%; text-indent:0px; color:#ffffff; }

h1 { margin:0px; padding:0px; text-indent:0px; text-align:left;
     color:#aaaaaa; font-family:Verdana,sans-serif; font-size:11px; line-height:133%; font-weight:bold; }
h2 { margin:0px; padding:0px; text-indent:0px; text-align:left;
     color:#ffffff; font-family:Verdana,sans-serif; font-size:11px; line-height:133%; font-weight:bold; }
p  { margin:0px; padding:0px; text-indent:0px; text-align:left;
     color:#ffffff; font-family:Verdana,sans-serif; font-size:11px; line-height:133%; }
ul { margin:0px; padding:0px; text-indent:0px; text-align:left;
     color:#ffffff; font-family:Verdana,sans-serif; font-size:11px; line-height:133%; }

table { border-spacing:0px; }
td    { margin:0px; padding:0px; vertical-align:bottom;
        font-family:Verdana,sans-serif; font-size:11px; line-height:133%; text-indent:0px; color:#ffffff; }

a:link    { color:#cc0000; font-family:Verdana,sans-serif; text-decoration:none; font-weight:normal; }
a:visited { color:#cc0000; font-family:Verdana,sans-serif; text-decoration:none; font-weight:normal; }
a:hover   { color:#cc0000; font-family:Verdana,sans-serif; text-decoration:underline; font-weight:normal; }
a:active  { color:#cc0000; font-family:Verdana,sans-serif; text-decoration:none; font-weight:normal; }

.left    { text-align:left; }
.center  { text-align:center; }
.right   { text-align:right; }
.justify { text-align:justify; }
.top     { vertical-align:top; }
.middle  { vertical-align:middle; }
.bottom  { vertical-align:bottom; }

hr { background:#ffffff; height:1px; border:none; }