BODY

html, body {
   font-family:verdana, arial, helvetica, sans-serif;
   font-size:95%; /*erreicht ann&auml;hernd gleiche Schriftgr&ouml;&szlig;en in NN, IE und OP*/
   margin:0;
   padding:0;
   }

/* - - - - - - - - - - - - Tabellen / Zellenhinterguende - - - - - - - - - - - - */

.weiss {background-color:#ffffff;}
.gruen {background-color:#9BC347;}
.dunkelblau {background-color:#005B94;}
.blau {background-color:#0F6EAA;}
.mittelblau {background-color:#628EBC;}
.hellblau {background-color:#249BD4;}

.kopfstreifen {
   background-image:url(../pix/header/kopfstreifen.jpg);
   background-position:top left;
   background-repeat:repeat;
   }

#logo_fkt {
   position: absolute; visibility: visible; top:10px; left:8px;
   background-image:url(../pix/fkt_handel_und_consulting.gif);
   background-position:top left;
   background-repeat:no-repeat;
   width: 231px;
   height:90px;
   z-index:1;
   }

#seite {position: absolute; visibility: visible; top:0px; left:35px; z-index:0;}

#startseite {position: absolute; visibility: visible; top:95px; left:33px; z-index:0;}
#slogan {position: absolute; visibility: visible; top:40px; left:570px;}
#adresse {position: absolute; visibility: visible; top:510px; left:45px;}

#software_engineering { position: absolute; visibility: visible; top:170px; left:155px; width:145px;}
#luft_und_raumfahrt {position: absolute; visibility: visible; top:170px; left:330px; width:145px;}
#certified_testing {position: absolute; visibility: visible; top:170px; left:508px; width:145px;}
#rfid {position: absolute; visibility: visible; top:170px; left:655px; width:145px;}
#medizintechnik {position: absolute; visibility: visible; top:170px; left:800px; width:145px;}

/* - - - - - - - - - - - - Bilderformatierung - - - - - - - - - - - - */

.bilder {border:1px solid #005B94;}

/* - - - - - - - - - - - - Formularformatierung - - - - - - - - - - - - */

input.button {
  border-style:solid;
  border-width:0px;
  border-color:#4E6874;
  background: #0F6EAA;
  font-size:100%;
  font-weight: 700;
  color: #ffffff;
}


/* - - - - - - - - - - - - Schriftformatierung - - - - - - - - - - - - */

td.seiteninhalt {
  background-color:#ffffff;
  padding: 10px 20px 20px 20px;
  border-right:1px solid #ffffff;
  }

.pink { color: #FF0066; }
.orange {color: #FF9933; }

.normal {
  font-size:0.7em;
  font-weight: 500;
  color: #363636;
  letter-spacing: 0.6px;
  line-height: 14px;
  }

.normal_fett {
  font-size:0.7em;
  font-weight: bold;
  color: #363636;
  }
.fett {
  font-size:100%;
  font-weight: bold;
  color: #363636;
  }

.normal_rechts {
  font-size:0.7em;
  text-align: right;
  color: #363636;
  }

.normal_center {
  font-size:0.7em;
  font-weight: 500;
  text-align: center;
  color: #363636;
  padding: 0px 20px 20px 20px;
  }

.dunkelblau {
  font-size:100%;
  font-weight: 500;
  color: #005B94;
  }

.dunkelblau_fett {
  font-size:100%;
  font-weight: bold;
  color: #005B94;
  }

.normal_weiss {
  font-size:0.7em;
  font-weight: 500;
  color: #ffffff;
  letter-spacing: 0.5px;
  line-height: 14px;
  }
.weiss {
  font-size:0.7em;
  font-weight: 500;
  color: #ffffff;
  }

.weiss_fett {
  font-size:100%;
  font-weight: bold;
  color: #ffffff;
  }

ul.normal {
   padding-bottom:20px;
   }
li.normal {
   padding-bottom:12px;
   }

.adresse_startseite {
  font-size:12px;
  font-weight: 500;
  color: #ffffff;
  letter-spacing: 0.2px;
  line-height: 12px;
  }

/* Beginn Formatierung Featuere */
.bg_feature {
  border-left:2px solid #ffffff;
  border-right:0px solid #ffffff;
  background-color:#F2F2F2;
  }
td.feature_header {
  font-size:0.7em;
  background-color:#9BC347;
  padding: 3px 3px 3px 3px;
  border-top:1px solid #ffffff;
  border-bottom:2px solid #ffffff;
  }
td.feature {
  font-size:0.7em;
  font-weight: 500;
  color: #333333;
  padding: 10px 10px 10px 10px;
  }
.feature_header {font-size:100%;color: #005B94;}
.feature_gruen {color: #005B94;}
/* Ende Formatierung Featuere */

/* Beginn Formatierung Fussangaben */
td.fuss {
  font-size:0.65em;
  text-align: center;
  color: #ffffff;
  padding: 5px 5px 5px 5px;
  background-color:#249BD4;
  border-left:2px solid #ffffff; border-top:2px solid #ffffff;
  }
td.fuss_hellblau {
  background-color:#249BD4;
  border-top:2px solid #ffffff;
  }
td.copyright {
  font-size:0.65em;
  text-align: center;
  color: #ffffff;
  padding-top: 5px; padding-bottom: 5px;
  background-color:#005B94;
  border-top:2px solid #ffffff;
  }
/* Ende Formatierung Fussangaben */


/* - - - - - - - - - - - - Ueberschriften - - - - - - - - - - - - */

.slogan_startseite{
   font-size: 1.6em;
   font-weight: 700;
   color: #005B94;
   }

h1{
   font-size: 0.9em;
   font-weight: 700;
   color: #ffffff;
   padding-left: 25px;  padding-top: 3px;  padding-bottom: 2px;
   margin:0px;
   background-color:#9BC347;
   background-image:url(../pix/navigation/q_feature.gif);
   background-position:top left;
   background-repeat:no-repeat;
   }

h2 {
  font-size:100%;
  font-weight: bold;
  color: #005B94;
  }

h3 {
  font-size:100%;
  font-weight: bold;
  color: #ffffff;
  background-color:#0F6EAA;
  display:block;
  width:180px;
  padding-top:3px;
  padding-bottom: 3px;
  }

.header {
   font-size: 1.2em;
   font-weight: 700;
   line-height: 17px;
   color: #005B94;
   padding: 0px 0px 0px 21px;
   }


/* - - - - - - - - - - - - Links / Navigation - - - - - - - - - - - - */

a.link {
   font-size:100%;
   text-decoration: none;
   color:#005B94;
   }
a.link:hover {color: #9A1A2E;}

a.link_aktiv {
   font-size:100%;
   font-weight: 700;
   text-decoration: none;
   color: #9A1A2E;
   }

/* Formatierung Fuss */
a.link_weiss {
   font-size:100%;
   text-decoration: none;
   color: #ffffff;
   }

/* ====== Beginn Navigation ============================================== */

.navigation_rundung {background-color:#249BD4; display:block;}

a.navigation {
   font-size:0.7em;
   font-weight: 500;
   text-decoration:none;
   color: #ffffff;
   background-color:#005B94;
   display:block;
   border-bottom:1px solid #ffffff;
   padding: 5px 0px 5px 17px;
   }
a.navigation:hover {
  background-color:#0F6EAA;
  }
a.navigation_aktiv {
   font-size:0.7em;
   font-weight: 700;
   text-decoration:none;
   color: #005B94;
   background-color:#ffffff;
   display:block;
   border-bottom:1px solid #ffffff;
   padding: 5px 0px 5px 17px;
   }

a.nav_kontakt {
   font-size:0.7em;
   font-weight: 700;
   text-decoration:none;
   color: #ffffff;
   background-color:#9BC347;
   background-image:url(../pix/navigation/pfeil_weiss.gif);
   background-position:top left;
   background-repeat:no-repeat;
   padding: 3px 7px 3px 23px;
   }
a.nav_kontakt:hover {
   color: #1368B2;
   background-color:#EEF9D5;
   background-image:url(../pix/navigation/pfeil_blau.gif);
   }
a.nav_kontakt_aktiv {
   font-size:0.7em;
   font-weight: 700;
   text-decoration:none;
   color: #1368B2;
   background-color:#EEF9D5;
   background-image:url(../pix/navigation/pfeil_blau.gif);
   background-position:top left;
   background-repeat:no-repeat;
   padding: 3px 7px 3px 23px;
   }

/* ====== Ende Navigation ============================================== */
