/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/* CSS for the screen: the navigation on the inner pages */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

/* first some widths */
#wrapper { width: 838px; }
#container { width: 838px; }

#nav_div { 
  clear: both;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  overflow: hidden;
  height: 194px;
  width: 152px;
  position: relative;
  font-size: 0; /* IE gap fix */
}

/* tab rollovers */
#nav_ul {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 194px;
  list-style-type: none;
  overflow: hidden;
  margin: 14px 0px 0px 18px;
  padding: 0px 0px 0px 0px;
}

#nav_ul li {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  height: 20px;
  overflow: hidden;
  width: 139px;
}
#nav_ul li.nav2 {
  height: 18px;
}

#nav_ul li a {
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 20px 0px 0px 0px;
  overflow: hidden;
  height: 0px !important; /* for most browsers */
  height /**/:20px; /* for IE5.5's bad box model */
}
#nav_ul li.nav2 a {
  padding: 18px 0px 0px 0px;
  height: 0px !important; /* for most browsers */
  height /**/:18px; /* for IE5.5's bad box model */
}

#nav_ul li a:hover { background-position: 0px -20px; }
#nav_ul li a.selected { background-position: 0px -20px; }
#nav_ul li a.selected:hover { background-position: 0px -20px; }

#nav_ul li.nav2 a:hover { background-position: 0px -36px; }
#nav_ul li.nav2 a.selected { background-position: 0px -36px; }
#nav_ul li.nav2 a.selected:hover { background-position: 0px -36px; }

/* english */
#about, #about a {
  width: 71px;
  background: url(../img/nav/nav1_about.gif) top left no-repeat;
}
#capabilities, #capabilities a {
  width: 91px;
  background: url(../img/nav/nav1_capabilities.gif) top left no-repeat;
}
#contact, #contact a {
  width: 95px;
  background: url(../img/nav/nav1_contact.gif) top left no-repeat;
}
/* german */
#about_de, #about_de a {
  width: 65px;
  background: url(../img/nav/nav1_about_de.gif) top left no-repeat;
}
#capabilities_de, #capabilities_de a {
  width: 107px;
  background: url(../img/nav/nav1_capabilities_de.gif) top left no-repeat;
}
#contact_de, #contact_de a {
  width: 59px;
  background: url(../img/nav/nav1_contact_de.gif) top left no-repeat;
}
/* french */
#about_fr, #about_fr a {
  width: 113px;
  background: url(../img/nav/nav1_about_fr.gif) top left no-repeat;
}
#capabilities_fr, #capabilities_fr a {
  width: 125px;
  background: url(../img/nav/nav1_capabilities_fr.gif) top left no-repeat;
}
#contact_fr, #contact_fr a {
  width: 59px;
  background: url(../img/nav/nav1_contact_fr.gif) top left no-repeat;
}

/* english */
#team, #team a {
  width: 36px;
  background: url(../img/nav/nav2_team.gif) top left no-repeat;
}
/* german */
#team_de, #team_de a {
  width: 59px;
  background: url(../img/nav/nav2_team_de.gif) top left no-repeat;
}
/* french */
#team_fr, #team_fr a {
  width: 68px;
  background: url(../img/nav/nav2_team_fr.gif) top left no-repeat;
}

/* english */
#research, #research a {
  width: 124px;
  background: url(../img/nav/nav2_research.gif) top left no-repeat;
}
#design, #design a {
  width: 45px;
  background: url(../img/nav/nav2_design.gif) top left no-repeat;
}
#prototyping, #prototyping a {
  width: 66px;
  background: url(../img/nav/nav2_prototyping.gif) top left no-repeat;
}
#development, #development a {
  width: 111px;
  background: url(../img/nav/nav2_development.gif) top left no-repeat;
}
#operations, #operations a {
  width: 63px;
  background: url(../img/nav/nav2_operations.gif) top left no-repeat;
}
/* german */
#research_de, #research_de a {
  width: 134px;
  background: url(../img/nav/nav2_research_de.gif) top left no-repeat;
}
#design_de, #design_de a {
  width: 38px;
  background: url(../img/nav/nav2_design_de.gif) top left no-repeat;
}
#prototyping_de, #prototyping_de a {
  width: 59px;
  background: url(../img/nav/nav2_prototyping_de.gif) top left no-repeat;
}
#development_de, #development_de a {
  width: 101px;
  background: url(../img/nav/nav2_development_de.gif) top left no-repeat;
}
#operations_de, #operations_de a {
  width: 41px;
  background: url(../img/nav/nav2_operations_de.gif) top left no-repeat;
}
/* french */
#research_fr, #research_fr a {
  width: 134px;
  background: url(../img/nav/nav2_research_fr.gif) top left no-repeat;
}
#design_fr, #design_fr a {
  width: 38px;
  background: url(../img/nav/nav2_design_fr.gif) top left no-repeat;
}
#prototyping_fr, #prototyping_fr a {
  width: 68px;
  background: url(../img/nav/nav2_prototyping_fr.gif) top left no-repeat;
}
#development_fr, #development_fr a {
  width: 86px;
  background: url(../img/nav/nav2_development_fr.gif) top left no-repeat;
}
#operations_fr, #operations_fr a {
  width: 86px;
  background: url(../img/nav/nav2_operations_fr.gif) top left no-repeat;
}

img.nav3 {
  float: right;
  margin: 25px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

img.nav3_team { margin-top: 100px; }
img.nav3_research { margin-top: 160px; }
img.nav3_design { margin-top: 260px; }
img.nav3_development { margin-top: 120px; }
img.nav3_operations { margin-top: 280px; }