/*---------------------------------------------------------------------------*/
/*-----------------    Eigenschaften für Body Bereich   ---------------------*/

   /* 
    * Format für den Body Bereich der Homepage. 
    * Definiert: - Hintergrundbild
    *            - Eigenschaft des Hintergrundbildes (nicht kacheln)
    *            - Hintergundfarbe
    *            - Standartschrift
    *            - Schriftfarbe
    */
   body { 
      background-image:url('../images/gif/blau_eins.gif');
      background-repeat:no-repeat;
      background-color:#3399FF;
      font-family:Verdana,sans-serif; 
      color:#203844
   }

   img {
      border:0px;
   }

   /*
    * Dies ist ein format für Text. Es bedeutet, das links und rechts
    * jeweils ein Abstand von 10px eingehalten werden.
    */
   p {
      margin-left:10px;
      margin-right:10px;
   }

   /* 
    * Grundsätzliches Format der kleinen Bilder. 
    * Definiert: - Keinen Rahmen
    *            - Schriftgrösse
    */
   .low { 
      width:210px;
      /*--- height:155px; ---*/
   }


   /* 
    * Grundsätzliches Format der kleinen Bilder. 
    * Definiert: - Keinen Rahmen
    *            - Schriftgrösse
    */
   .height { 
      width:800px;
      height:600px;
   }


   /* 
    * Grundsätzliches Format der Tabelle. 
    * Definiert: - Keinen Rahmen
    *            - Schriftgrösse
    */
   table { 
      border:0px;
      font-size:10pt;
   }



   /* 
    * Format für BreadCrumbTrail (Content Navigation). 
    * Definiert: - Farbe
    *            - Ohne Unterstrich
    *            - Schriftgrösse
    */
   .bctlink { 
      color:#203844; 
      text-decoration:none;
      font-size:10pt;
   }


   /* 
    * Format für Standardlinks. 
    * Definiert: - Farbe
    *            - Ohne Unterstrich
    *            - Schriftgrösse
    */
   a:link { 
      color:#203844; 
      text-decoration:none;
      font-size:12pt;
   }


   /* 
    * Format für Standardlinks die bereits geklickt wurden. 
    * Definiert: - Farbe
    *            - Ohne Unterstrich
    *            - Schriftgrösse
    */
   a:visited  { 
      color:#203844; 
      text-decoration:none;
      font-size:12pt;
   }
   
   
   /* 
    * Format für Standardlinks über welchen die Maus bewegt wird (Highlighting).
    * Gilt nur für Standartlinks nicht für Navigation.
    * Definiert: - Farbe
    *            - Mit Unterstrich
    *            - Schriftgrösse
    */
   a:hover  { 
      color:#203844; 
      text-decoration:underline;
      font-size:12pt;
   }
   

   /* 
    * Format für Standardlinks die gerade geklickt wurden (nicht benötigt aber definiert). 
    * Definiert: - Farbe
    *            - Ohne Unterstrich
    *            - Schriftgrösse
    */
   a:active  { 
      color:#203844; 
      text-decoration:none;
      font-size:12pt;
   }
   

   /* 
    * Format für Standardlinks ?? mehr weiss ich auch nicht ;-) (nicht benötigt aber definiert)
    * Definiert: - Farbe
    *            - Ohne Unterstrich
    *            - Schriftgrösse
    */
   a:focus  { 
      color:#203844; 
      text-decoration:none;
      font-size:12pt;
   }

/*---------------------------------------------------------------------------*/



/*---------------------------------------------------------------------------*/
/*--------------------    Eigenschaften für Tabellen im Body bereich---------*/

   /* 
    * Position für Content Layout.
    * Definiert: - Absolute Position von 0:0 aus
    *            - Abstand oben
    *            - Abstand links
    */
   #counter2 { 
      position:absolute;
      top:518px; 
      left:-200px; 
      z-index:1;       
   }
   #counter { 
      position:absolute;
      top:500px; 
      left:35px; 
   }


table.nav
{
position:relative;
top:500px;
left:-160px;
}



   /* 
    * Position für Content Layout.
    * Definiert: - Absolute Position von 0:0 aus
    *            - Abstand oben
    *            - Abstand links
    */
   #content_nav { 
      position:absolute; 
      top:145px; 
      left:200px; 
   }

   /* 
    * Position für Content Layout.
    * Definiert: - Absolute Position von 0:0 aus
    *            - Abstand oben
    *            - Abstand links
    */
   #content { 
      position:absolute; 
      top:170px; 
      left:200px; 
   }


   /* 
    * Definiert Tabellen von diesem Typ. Diese Tabellen werden
    * hauptsächlich im anzeigenden Bereich verwendet.
    * Definiert: - Hintergrundfarbe
    *            - Breite
    *            - Keinen Rahmen
    *            - Keinen Raum zwichen den Spalten
    */
   .content_table {
      background-color:#333333;
      width:660px;
      border:0px;
      border-spacing:1px;
   }


   /* 
    * Definiert Tabellen von diesem Typ. Diese Tabellen werden
    * hauptsächlich im anzeigenden Bereich verwendet.
    * Definiert: - Hintergrundfarbe
    *            - Breite
    *            - Keinen Rahmen
    *            - Keinen Raum zwichen den Spalten
    */
   .empty_table {
      background-color:#3399FF;
      vertical-align:top;
      width:660px;
      border:0px;
      border-spacing:0px;
   }

   /* 
    * Definiert Tabellen Überschrift (Header)
    * Definiert: - Hintergrundfarbe
    */
   .galerie_cell {
      width=220px;
      height="155px";
      text-align:center;
      vertical-align:top;
   }

   
   /* 
    * Definiert Tabellen Überschrift (Header)
    * Definiert: - Hintergrundfarbe
    */
   .header {
      background-color:#036CFE;font-weight:bold;
   }


   /* 
    * Definiert Tabellen Inhalt (Content)
    * Definiert: - Hintergrundfarbe
    */
   .content {
      background-color:#3399FF;vertical-align:top;
   }

/*---------------------------------------------------------------------------*/




/*---------------------------------------------------------------------------*/
/*--------------    Eigenschaften für die Navigations Tabellen    -----------*/

   /* 
    * Position für Navigations Layout.
    * Definiert: - Absolute Position von 0:0 aus
    *            - Abstand oben
    *            - Abstand links
    *            - Layout Layer
    */
   #navigation { 
      position:absolute;
      top:200px; 
      left:5px; 
      z-index:1; 
   }


   /* 
    * Position für BreadCrumpTrail.
    * Definiert: - Absolute Position von 0:0 aus
    *            - Abstand oben
    *            - Abstand links
    */
   #breadcrumptrail {
      position:absolute;
      top:120px; 
      left:200px; 
   }


   /*
    * Definiert die Navigationstabelle.
    * Definiert: - Maximale Breite
    *            - Kein Rahmen
    *            - Abstand der Spalten
    */
   .navigation_table {
      width:158px;
      border:0px;
      border-spacing:0px;
   }


   /*
    * Definiert die Navigationstabelle Gravur (Teilkomponente oben).
    * Definiert: - Hintergrundbild
    *            - Vertikale Kachelung
    *            - Höhe der Spalte
    */
   .nav_top_shadow {
      background-image:url('../images/gif/navigation_table/top_shadow.gif');
      background-repeat:repeat-y;
      height:8px
   }


   /*
    * Definiert die Navigationstabelle Gravur (Teilkomponente unten).
    * Definiert: - Hintergrundbild
    *            - Vertikale Kachelung
    *            - Höhe der Spalte
    */
   .nav_buttom_shadow {
      background-image:url('../images/gif/navigation_table/buttom_shadow.gif');
      background-repeat:repeat-y;
      height:8px
   }


   /*
    * Definiert die Navigationstabelle Gravur (Teilkomponente links).
    * Definiert: - Hintergrundbild
    *            - Vertikale Kachelung
    *            - Breite der Spalte
    */
   .nav_left_shadow {
      background-image:url('../images/gif/navigation_table/left_shadow.gif');
      background-repeat:repeat-y;
      width:7px
   }


   /*
    * Definiert die Navigationstabelle Gravur (Teilkomponente rechts).
    * Definiert: - Hintergrundbild
    *            - Vertikale Kachelung
    *            - Breite der Spalte
    */
   .nav_right_shadow {
      background-image:url('../images/gif/navigation_table/right_shadow.gif');
      background-repeat:repeat-y;
      width:6px
   }
   
   
   /*
    * Definiert die Navigationstabelle Hintergrund einzelner Spalten.
    * Definiert: - Hintergrundfarbe
    */
   .nav_bg_color {
      background-color:#3399FF;
   }


   /*
    * Definiert die Hintergrundfarbe der Navigationsspalte, wenn die Maus über einem Link ist.
    * Definiert: - Hintergrundfarbe
    */
   td.over {
      background-color:#014ADC;
   }


   /*
    * Definiert die Grund- Hintergrundfarbe der Navigationsspalte, wenn die Maus den Link verlässt.
    * Definiert: - Hintergrundfarbe
    */
   td.out {
      background-color:#3399FF;
   }


   /*
    * Definiert die Hintergrundfarbe der Navigationsspalte, wenn die Seite geladen wird.
    * Definiert: - Hintergrundfarbe
    */
   .select {
      background-color:#025BED;
   }

/*---------------------------------------------------------------------------*/