/*  Allgemeines  */
body {
  color: #000000;
  background-color:#C6CDF1;
  font-size: 100.01%;
  font-family: Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 0em;
}

/*  CSS für den Kopfbereich  */
div#Kopfbereich {
  height: 8.5em;
  margin: 0px;
  padding: 0px;
  background-color: #C6CDF1;
}

    /*  Eigenschaften des Logos  */
    .computer {
      width: 7.8em;
      height: 6.5em;
      border: 0px;
      position: absolute;
      left: 0px;
    }
    .schriftzug {
      width: 22.7em;
      height: 6.5em;
      border: 0px;
    }
    .tux {
      width: 6.3em;
      height: 6.5em;
      border: 0px;
      position: absolute;
      right: 0px;
    }

    /*  Eigenschaften des Logoschriftzuges  */
    div#Kopfbereich font{
      font-size: 1.3em;
    }

/*  CSS für den Filmstreifen  */
div#Filmstreifen {
  height: 25px;
  margin: 0px;
  padding: 0px;
  background: url(pictures/Filmstueck.gif) 100%;
  background-color: blue;
}

/*  CSS für den Navigationsbereich  */

    /*  Eigenschaften des Menü-Logos  */
    .auswahl {
      width: 11.35em;
      height: 2.75em;
      border: 0px;
      padding-left: 1.8em;
    }

    div#Navigation {
      font-size: 0.91em;
      float: left;
      width: 15em;
      padding: 0px;
      background-color: #C6CDF1;
      position: fixed;
    }

    /*  Eigenschaften des Navigationsmenüs  */
    div#Navigation li {
      position: relative; left: -22px;
      list-style: none;
      margin: 0em;
      padding: 0.3em;
    }
    div#Navigation ul a {
      display: block;
      border: 1px solid #AFAFAF;
      padding: 0.3em;
      font-weight: normal;
      text-decoration: none;
      background-color: #F5E3A4;
    }
    div#Navigation ul a:link {
      color: #000000; background-color: #F5E3A4;
    }
    div#Navigation ul a:visited {
      color: #000000; background-color: #F5E3A4;
    }
    div#Navigation ul a:hover {
      color: #F5E3A4; background-color: #121234;
    }
    div#Navigation ul a:active {
      color: #FF0000; background-color: #DEDEDE;
    }

    /*  Eigenschaften von Untermenüs  */
    div#Navigation ul ul a {
      display: inline;
      border: 0px solid #AFAFAF;
      padding: 0.1em;
      font-weight: normal;
      font-size: 0.8em;
      text-decoration: none;
    }
    div#Navigation ul ul li {
      padding: 0em;
      margin: 0em;
    }
    div#Navigation ul ul a:link {
      color: #000000; background-color: #FFFFFF;
    }
    div#Navigation ul ul a:visited {
      color: #000000; background-color: #FFFFFF;
    }
    div#Navigation ul ul a:hover {
      color: #BF0000; background-color: #EFEFEF;
    }
    div#Navigation ul ul a:active {
      color: #FF0000; background-color: #7F7F7F;
    }

/*  CSS für den Inhaltsbereich  */
div#Inhalt {
  margin-top: 0em;
  margin-left: 15em;
  margin-right: 15em;
  padding: 0px;
  background-color: #C6CDF1;
}
div#Inhalt h1 {
  font-size: 2.3em;
  color: #121234;
  text-align: center;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
div#Inhalt h2 {
  font-size: 1.5em;
  margin: 0 0 0.2em;
  text-align: left;
}
div#Inhalt h3 {
  font-size: 1.1em;
  margin: 0 0 0.2em;
}
div#Inhalt p {
  font-size:0.8em;
  margin: 0.25em 0em;
}
div#Inhalt li {
  font-size:0.8em;
  margin: 0.25em 0em;
}
div#Inhalt a {
  font-weight: normal;
  text-decoration: none;
}
div#Inhalt a:link {
  color: #262663;
}
div#Inhalt a:visited {
  color: #262663;
}
div#Inhalt a:hover {
  color: #EE8E00;
}
div#Inhalt a:active {
  color: #F5E3A4;
}

.beratung {
  width:  9.9em;
  height: 4.5em;
  border: 0px;
  float: right;
  padding: 0.3em 0em 0.3em 0.5em;
}

.conf {
  width: 25.6em;
  height:31.2em;
  border: 0px;
  float: left;
  padding: 0.3em 0.5em 0.3em 0em;
}

.update {
  width: 19.8em;
  height:17.5em;
  border: 0px;
  float: right;
  padding: 0.3em 0em 0.3em 0.5em;
}

.memory {
  width: 23.0em;
  height: 8.3em;
  border: 0px;
  padding: 0.3em 0.3em 0.3em 0.3em;
}

.rj45_stecker {
  width: 10.4em;
  height: 6.75em;
  border: 0px;
  float: right;
  padding: 0.3em 0em 0.3em 0.5em;
}

.network {
  width: 22.8em;
  height: 7.5em;
  border: 0px;
  padding: 0.3em 0.3em 0.3em 0.3em;
}

.switch {
  width:  9.0em;
  height: 5.5em;
  border: 0px;
  float: right;
  padding:0.3em 0em 0.3em 0.5em;
}

.vhscd {
  width: 15.7em;
  height: 9.4em;
  border: 0px;
  float: left;
  padding: 0.3em 0.5em 0.3em 0em;
}

.schnitt {
  width:  6.2em;
  height: 5.3em;
  border: 0px;
  float: right;
  padding: 0.3em 0em 0.3em 0.5em;
}


.software {
  width: 19.7em;
  height:15.6em;
  border: 0px;
  float: right;
  padding: 0.3em 0em 0.3em 0.5em;
}

.schulung {
  width: 24.0em;
  height:22.3em;
  border: 0px;
  padding: 0.3em 0.3em 0.3em 0.3em;
}

/*  CSS für den Infobereich  */

    /*  Eigenschaften der Logos und Rahmen  */
    .kontakt {
      width: 11.35em;
      height: 2.75em;
      border: 0px;
      padding-left: 1.8em;
    }
    .kontaktrahmen {
      width: 11.35em;
      padding-left: 1.8em;
    }
    .netzwerk {
      width: 3.2em;
      height: 3.2em;
      border: 0px;
      float: left;
    }
    .besucher {
      width: 11.35em;
      height: 2.75em;
      border: 0px;
      padding-left: 1.8em;
    }
    .zaehler {
      width: 11.35em;
      padding-left: 1.8em;
    }
    .counter {
      width: 11.35em;
      background-color: #000000;
    }

div#Info {
  font-size: 0.91em;
  float: right;
  width: 15em;
  padding: 0em;
  background-color: #C6CDF1;
}
div#Info p {
  font-size: 0.75em;
}
div#Info a {
  font-weight: normal;
  text-decoration: none;
}
div#Info a:link {
  color: #0040FF;
}
div#Info a:visited {
  color: #0040FF;
}
div#Info a:hover {
  color: #EEEEEE;
}
div#Info a:active {
  color: #00007F;
}