/* alle abstaende loeschen
 * -----------------------------------------------------------------------------*/
*
{
  margin: 0px;
  padding: 0px;
}

img
{
  border: 0px;
}


/* Styles for layout
-----------------------------------------------------------------------------*/
.clear
{
  clear: both;
  width: 100%;
  height: 0px;
}

.last:after
{
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

a
{
  color: #A2B2B2;
}

h2
{
  font: 10px  Verdana, Arial, Helvetica, sans-serif;
  color: #00436B;
  font-weight: bold;
}

/* grundeinstellungen
-----------------------------------------------------------------------------*/

body
{
  font: 10px  Verdana, Arial, Helvetica, sans-serif;
  background: #E1E6E6 url(../img/bg.gif) repeat-x;
  color: #A2B2B2;
  text-align: left;
  overflow: scroll;
  overflow: -moz-scrollbars-vertical;
}

#position
{
  position: relative;
  width: 855px;
  margin: 0px auto;
  margin-top: 100px;
}

#logo
{
  height: 71px;
}

#navi
{
  height: 76px;
  margin-top: 3px;
}

#navi a
{
  color: #FFFFFF;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
}

#navi_company
{
  position: absolute;
  left: 438px;
  height: 15px;
  padding-left: 3px;
  background: url(../img/bg_navi.gif) 0px 2px no-repeat;
}

#navi_collection
{
  position: absolute;
  left: 547px;
  height: 15px;
  padding-left: 3px;
  background: url(../img/bg_navi.gif) 0px 2px no-repeat;
}

#navi_quality
{
  position: absolute;
  left: 640px;
  height: 15px;
  padding-left: 3px;
  background: url(../img/bg_navi.gif) 0px 2px no-repeat;
}

#navi_career
{
  position: absolute;
  left: 720px;
  height: 15px;
  padding-left: 3px;
  background: url(../img/bg_navi.gif) 0px 2px no-repeat;
}

#navi_contact
{
  position: absolute;
  left: 800px;
  height: 15px;
  padding-left: 3px;
  background: url(../img/bg_navi.gif) 0px 2px no-repeat;
}

#navi div.active
{
  height: auto;
  background: url(../img/bg_navi_active.gif) 0px 2px no-repeat;
}

#navi a.active
{
  color: #003F66;
}

#subNavi
{
  list-style: none;
  padding-top: 10px;
}

#subNavi a
{
  font-weight: normal;
  text-transform: none;
  color: #93A5A6;
}

#subNavi li
{
  padding-bottom: 3px;
}

#subNavi .active
{
  background: none;
}

#subNavi a.active
{
  color: #003F66;
  font-weight: bold;
}

#panel
{
  width: 855px;
  height: 435px;
  margin: 20px 0px 10px 15px; /* o r u l*/
  background: url(../img/bg_panel.gif) no-repeat;
  color: #7F8182;
}

#language
{
  width: 847px;
  text-align: right;
  color: #94A7A7;
  font-weight: bold;
  margin-bottom: 10px; /* o r u l*/
}

#language a
{
  text-decoration: none;
  color: #94A7A7;
  font-size: 9px;
}

#pic1
{
  float: left;
  width: 391px;
  height: 385px;
  padding: 20px 0px 0px 20px; /* o r u l*/
}

#text1
{
  float: left;
  width: 230px;
  color: #292927;
  margin-left: 30px;  
  margin-top: 75px;
  line-height: 14px;
}

#teaser1
{
  float: left;
  width: 140px;
  margin-top: 165px;
  margin-left: 15px;
}

#stroke1
{
  position: absolute;
  top: 305px;
  left: 370px;
  height: 12px;
}

#text2
{
  float: left;
  width: 235px;
  color: #292927;
  margin-left: 30px;  
  margin-top: 40px;
  line-height: 14px;
}

#teaser2
{
  float: left;
  width: 140px;
  margin-top: 110px;
  margin-left: 10px;
}

#stroke2
{
  position: absolute;
  top: 247px;
  left: 397px;
  height: 10px;
}

#pic3
{
  width: 842px;
  height: 423px;
  padding: 0px; /* o r u l*/
}

#stroke3
{
  position: absolute;
  top: 230px;
  left: 327px;
  height: 10px;
}

#text3
{
  position: absolute;
  top: 190px;
  left: 405px;
  width: 220px;
  color: #292927;
  line-height: 14px;
}

#location1
{
  position: absolute;
  top: 270px;
  left: 35px;
}

#location2
{
  position: absolute;
  top: 270px;
  left: 165px;
}

#location3
{
  position: absolute;
  top: 300px;
  left: 145px;
}

#location4
{
  position: absolute;
  top: 430px;
  left: 425px;
}

#location5
{
  position: absolute;
  top: 445px;
  left: 520px;
}

#location6
{
  position: absolute;
  top: 465px;
  left: 605px;
}

#location7
{
  position: absolute;
  top: 519px;
  left: 492px;
}

#info1, #info2, #info3, #info4, #info5, #info6, #info7
{
  position: absolute;
  display: none;
  width: 115px;
  color: #292927;
  padding: 5px;
  background: #E4E9EA;
}

#info1 ul, #info2 ul, #info3 ul, #info4 ul, #info5 ul, #info6 ul, #info7 ul
{
  margin-left: 15px;
}

#info1
{
  top: 300px;
  left: 20px;
}

#info2
{
  top: 140px;
  left: 185px;
}

#info3
{
  top: 329px;
  left: 165px;
}

#info4
{
  top: 455px;
  left: 355px;
}

#info5
{
  top: 350px;
  left: 630px;
}

#info6
{
  top: 490px;
  left: 610px;
}

#info7
{
  top: 550px;
  left: 450px;
}

#pic4
{
  float: left;
  width: 510px;
  height: 385px;
  padding: 20px 0px 0px 20px; /* o r u l*/
}

#text4
{
  float: left;
  width: 235px;
  color: #292927;
  margin-left: 35px;  
  margin-top: 55px;
  line-height: 14px;
}

#stroke4
{
  position: absolute;
  top: 285px;
  left: 470px;
  height: 10px;
}

#pic5
{
  position: absolute;
  top: 179px;
  left: 32px;
  width: 805px;
  height: 385px;
}

#text5
{
  position: absolute;
  top: 205px;
  left: 513px;
  width: 235px;
  color: #292927;
}

#stroke5
{
  position: absolute;
  top: 269px;
  left: 374px;
  height: 10px;
}

#text6
{
  float: left;
  width: 230px;
  color: #292927;
  margin-left: 35px;  
  margin-top: 75px;
  line-height: 14px;
}

#stroke6
{
  position: absolute;
  top: 305px;
  left: 391px;
  height: 10px;
}

#teaser6
{
  float: left;
  width: 140px;
  margin-top: 170px;
  margin-left: 20px;
}

#text7
{
  float: left;
  width: 230px;
  color: #292927;
  margin-left: 30px;  
  margin-top: 55px;
  line-height: 14px;
  margin-right: 5px;
}

#stroke7
{
  position: absolute;
  top: 270px;
  left: 349px;
  height: 10px;
}