/* Hintergrundfarbe der Gesamtseite sowie Formatierung der Links in der Navigation */
body
  {
  background-color:#3418a2;
  }
a:link
  {
  color:#60b;
  text-decoration:none;
  }
a:visited
  {
  color:#60b;
  text-decoration:none;
  }
a:active
  {
  color:#60b;
  text-decoration:none;
  }
a:hover
  {
  color:#406;
  text-decoration:underline;
  }

/* Oberste Tabellen-Ebene, 100% breit und 100% hoch - regelt die Position der Seite im Browserfenster */
.head
  {
  vertical-align:center;
  text-align:center;
  }

/* Haupt-Tabelle in der die Seite gegliedert ist - regelt die Breite, Höhe und den Rahmen der Seite */
.main_tab
  {
  width:980px;
  height:600px;
  border:1px solid #aad;
  }

/* Oberer Bereich der Seite, enthält den Banner und die Navigation */
.top
  {
  background-image:url(../pix/top-back.jpg);
  height:142px;  
  vertical-align:top;
  border-bottom:1px solid #ddf;
  }

/* Indigokinder-Forum-Banner 
- Position nicht ändern, der Schatten des Banners ist 
auf dem Hintergrundbild und würde seine Position nicht ändern^^ */
.banner
  {
  position:relative;
  top:25px;
  left:258px;
  border:0px;
  }
  
/* Navigationsleiste */
.navi
  {
  position:relative;
  top:25px;
  font-family:trebuchet ms, verdana, helvetica, arial, sans-serif;
  color:#206;
  text-align:center;
  font-weight:bold;
  font-size:12pt;
  }

/* Hauptbereich der Seite, enthält den Inhalt der Seite 
- für Style-Änderungen des Inhalts bitte "style_content.css" aufrufen */  
.main
  {
  background-color:#cbf;
  }

/* Fußzeile, enthält die Copyrights */  
.bottom
  {
  height:22px;
  background-image:url(../pix/bottom_back.jpg);
  font-family:trebuchet ms, verdana, helvetica, arial, sans-serif;
  color:#eef;
  text-align:center;
  font-size:9pt;
  border-top:1px solid #ddf;
  }
.design
  {
  font-family:verdana, helvetica, arial, sans-serif;
  color:#eef;
  text-align:left;
  font-size:6pt;
  }