/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/* CSS for the screen: the navigation on the home page */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

/* first some widths and bg */
#wrapper { 
  width: 929px; 
  background: url(../img/bg/bg_home.jpg) no-repeat center 30px;
}
#container { 
  width: 929px; 
}

#home_flash_wrapper {
  position: absolute;
  overflow: visible;
  width: 929px; 
  height: 300px;
  top: 0px;
}
#home_flash_container {
  position: relative;
  top: 217px;
  left: 611px;
  width: 131px;
  height: 61px;
}


/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/* nav 1 */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

#nav1_home_outer {
  clear: both;
  position: relative;
  overflow: hidden;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 100%;
  height: 630px;
}

#nav1_home_div_xy {
  top: 504px;
  left: 38px;
  overflow: hidden;
  position: absolute;
  width: 170px;
}

#nav1_home_div { 
  clear: both;
  /* margin: 547px 0px 65px 38px; */
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  overflow: hidden;
  height: 120px;
  position: relative;
  font-size: 0; /* IE gap fix */
}

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

#nav1_home_ul li {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  height: 20px;
  overflow: hidden;
  width: 129px;
}

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

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

#nav1_home_ul li.lang { height: 60px; width: 170px; }
#nav1_home_ul li.lang a { 
  padding: 60px 0px 0px 0px; 
  width: 170px;
  height: 0px !important; /* for most browsers */
  height /**/:60px; /* for IE5.5's bad box model */
}
#nav1_home_ul li.lang a:hover { background-position: 0px 0px; }

#about, #about a {
  width: 90px;
  background: url(../img/nav/nav1_home_about.gif) top left no-repeat;
}
#capabilities, #capabilities a {
  width: 90px;
  background: url(../img/nav/nav1_home_capabilities.gif) top left no-repeat;
}
#contact, #contact a {
  width: 90px;
  background: url(../img/nav/nav1_home_contact.gif) top left no-repeat;
}
#language, #language a {
  width: 170px;
  background: url(../img/nav/nav1_home_languages.gif) top left no-repeat;
}

/* Deutsch */
#about_de, #about_de a {
  width: 72px;
  background: url(../img/nav/nav1_home_about_de.gif) top left no-repeat;
}
#capabilities_de, #capabilities_de a {
  width: 119px;
  background: url(../img/nav/nav1_home_capabilities_de.gif) top left no-repeat;
}
#contact_de, #contact_de a {
  width: 67px;
  background: url(../img/nav/nav1_home_contact_de.gif) top left no-repeat;
}

/* Francais */
#about_fr, #about_fr a {
  width: 123px;
  background: url(../img/nav/nav1_home_about_fr.gif) top left no-repeat;
}
#capabilities_fr, #capabilities_fr a {
  width: 133px;
  background: url(../img/nav/nav1_home_capabilities_fr.gif) top left no-repeat;
}
#contact_fr, #contact_fr a {
  width: 68px;
  background: url(../img/nav/nav1_home_contact_fr.gif) top left no-repeat;
}


/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/* nav 2 */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

#nav2_1_home_outer, #nav2_2_home_outer {
  position: absolute;
  overflow: hidden;
}
#nav2_1_home_outer {
  width: 60px;
}
#nav2_2_home_outer {
  width: 434px;
}

#nav2_1_home_div, #nav2_2_home_div { 
  clear: both;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  overflow: hidden;
  height: 20px;
  position:relative;
}

/* tab rollovers */
#nav2_1, #nav2_2 {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 20px;
  list-style-type: none;
  overflow: hidden;
  margin: 0;
  padding: 0;
  margin: 0px 0px 0px 0px;
}

#nav2_1 li, #nav2_2 li {
  display: inline;
  margin: 0;
  padding: 0;
}

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

#nav2_1 li a:hover, #nav2_2 li a:hover { background-position:0 -20px; }
#nav2_1 li.selected, #nav2_2 li.selected { background-position:0 -40px; }
#nav2_1 li a.selected, #nav2_2 li a.selected { background-position:0 -40px; }
#nav2_1 li a.selected:hover, #nav2_2 li a.selected:hover { background-position:0 -40px; }

#team, #team a {
  width: 26px;
  background: url(../img/nav/nav2_home_team.gif) top left no-repeat;
}
#team_de, #team_de a {
  width: 60px;
  background: url(../img/nav/nav2_home_team_de.gif) top left no-repeat;
}
#team_fr, #team_fr a {
  width: 62px;
  background: url(../img/nav/nav2_home_team_fr.gif) top left no-repeat;
}

#research, #research a {
  width: 127px;
  background: url(../img/nav/nav2_home_research.gif) top left no-repeat;
}
#design, #design a {
  width: 44px;
  background: url(../img/nav/nav2_home_design.gif) top left no-repeat;
}
#prototyping, #prototyping a {
  width: 69px;
  background: url(../img/nav/nav2_home_prototyping.gif) top left no-repeat;
}
#development, #development a {
  width: 113px;
  background: url(../img/nav/nav2_home_development.gif) top left no-repeat;
}
#operations, #operations a {
  width: 63px;
  background: url(../img/nav/nav2_home_operations.gif) top left no-repeat;
}

#research_de, #research_de a {
  width: 128px;
  background: url(../img/nav/nav2_home_research_de.gif) top left no-repeat;
}
#design_de, #design_de a {
  width: 46px;
  background: url(../img/nav/nav2_home_design_de.gif) top left no-repeat;
}
#prototyping_de, #prototyping_de a {
  width: 64px;
  background: url(../img/nav/nav2_home_prototyping_de.gif) top left no-repeat;
}
#development_de, #development_de a {
  width: 107px;
  background: url(../img/nav/nav2_home_development_de.gif) top left no-repeat;
}
#operations_de, #operations_de a {
  width: 45px;
  background: url(../img/nav/nav2_home_operations_de.gif) top left no-repeat;
}

#research_fr, #research_fr a {
  width: 142px;
  background: url(../img/nav/nav2_home_research_fr.gif) top left no-repeat;
}
#design_fr, #design_fr a {
  width: 47px;
  background: url(../img/nav/nav2_home_design_fr.gif) top left no-repeat;
}
#prototyping_fr, #prototyping_fr a {
  width: 69px;
  background: url(../img/nav/nav2_home_prototyping_fr.gif) top left no-repeat;
}
#development_fr, #development_fr a {
  width: 91px;
  background: url(../img/nav/nav2_home_development_fr.gif) top left no-repeat;
}
#operations_fr, #operations_fr a {
  width: 85px;
  background: url(../img/nav/nav2_home_operations_fr.gif) top left no-repeat;
}