* {
  
  margin: 0; padding: 0;
}

  html {
  
  height: 100%;  	
}

  body {
  
  background: #fff url(../img/bg_full.png) repeat-y top left; 
  font-family: Arial, Verdana;
}
  
  div, ul {
  
  border: 0px solid #000; 
}
  
  .hidden {
  
  display: none;
}
  
  div#body {
  
  position: absolute;
  top: 0; left: -15px;
  width: 1039px; 
  height: 100%;
}
  
  div#navi_background {
  
  position: absolute;
  top: 0; left: 55px;
  
  background-image: url(../img/Grafik31.png);
  background-repeat: repeat-y;
  background-position: top left;
  width: 200px;
  height: 100%;
}
  
  div#gradient_left {
  
  position: absolute;
  top: 0; left: 0px;
  
  background-image: url(../img/Grafik29_2.png);
  background-repeat: repeat-y;
  background-position: top right;
  width: 65px;
  height: 100%;
}

  div#gradient_right {
  
  position: absolute;
  top: 0; left: 250px;
  
  background-image: url(../img/Grafik30_2.png);
  background-repeat: repeat-y;
  background-position: top left;
  width: 142px;
  height: 100%;
}

  div#navi_avatar {
  
  position: absolute;
  top: 30px; left: 56px;
  
  width: 200px;
  height: 128px;
}

  ul#catchwords {
  
  position: absolute;
  top: 205px; left: 65px;
  
  width: 180px;
  list-style: none;
  font-weight: normal;
  font-size: 14px;
  font-family: arial;
  color: #fff;
}

  ul#catchwords li {
  
  background-image: url(../img/Grafik3_2.png);
  background-repeat: no-repeat;
  background-position: 5px; 
  
  padding-left: 30px;
}

  ul#navigation {
  
  position: absolute;
  top: 330px; left: 90px;
  
  z-index: 2;
  width: 200px;
  list-style: none;
  font-weight: normal;
  font-size: 12px;
  color: #000;
}

  ul#navigation li {
  
  line-height: 30px;
  text-align: right;
  margin-bottom: 4px;
  font-size: 1.1em;
  border-right: 1px solid #009;
  border-bottom: 1px solid #009;
}

  ul#navigation li a {
  
  display: block;
  padding-right: 10px;
  background-image: url(../img/Grafik18.png);
  background-repeat: repeat-y;
  background-position: top left;
  color: #000;
  text-decoration: none;
}

  ul#navigation li a:hover, ul#navigation li a.active {
  
  background-image: url(../img/Grafik18.png);
  background-repeat: repeat-y;
  background-position: bottom left;
  color: #000;
  text-decoration: none;
  font-weight: bold;
}
  
  div#headline {
  
  position: absolute;
  top: 78px; left: 270px;
}

  div#headline h1 {
  
  position: absolute;
  
  bottom: 1px;
  left: 80px;
  width: 500px;
  font-weight: normal;
  font-size: 18px;
  color: #00a;
}
  
  div#headline_images {
  
  position: absolute;
  top: 157px; left: 255px;
  
  width: 790px;
}

  ul#sub_navigation {
  
  position: absolute;
  top: 200px; left: 0;
  
  width: 1039px;
  list-style: none;
}

  ul#sub_navigation li {
  
  float: right;
  margin-left: 10px;
  font-size: 11px;
}

  ul#sub_navigation li a {
  
  color: #000;
  text-decoration: none;
}

  ul#sub_navigation li a:hover {
  
  color: #000;
  text-decoration: underline;
}

  div.blue_line {
  
  position: absolute;
  left: 0; 
  
  width: 1040px;
  height: 1px;
  border-top: 1px solid #00a;
}

  div.last_blue_line {
  
  margin-top: 10px;
  margin-left: -320px;
  
  width: 1040px;
  height: 1px;
  border-bottom: 1px solid #00a;
}

  div#loading {
  
  position: absolute;
  top: 340px; left: 620px;
  
  z-index: 5;
  width: 64px; height: 64px;
  border: 1px solid #000;
  background-image: url(../img/ajax-loader.gif);
  background-repeat: no-repeat;
  background-position: 50%;
  background-color: #fff;
}

  div#content {
  
  position: absolute;
  top: 240px; left: 320px;
  
  font-size: 12px;
  border: none;
  width: 720px;
  overflow: visible;
}

  div#content h1 {
  
  background-image: url();
  background-repeat: no-repeat;
  background-position: 0;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 20px;
}

  ul#offering {
  
  list-style: disc; 
  width: 90%;
}

  ul#offering li {
  
  margin-bottom: 15px;
  text-align: justify;
}

  div#content h2 {
  
  font-weight: bold;
  font-size: 14px;
  padding: 0 5px 5px;
  margin: 0 -5px 0px;
  color: #006;
  border-bottom: 1px solid #EEE;
}

  div#content h3 {
  
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 6px;
  color: #000;
}

  div#content a {
  
  color: #00a;
  font-weight: bold;
  text-decoration: none;
}

  div#content a:hover {
  
  text-decoration: underline;
}

  div#content ul {
  
  margin-top: 5px;
  margin-left: 25px;
  margin-bottom: 10px;
}

  div#content ul li {
  
  line-height: 16px;
  margin-bottom: 3px;
}

  div.content_box {
  
  position: relative;
  
  border: 1px solid #EEE;
  padding: 5px;
  width: 330px;
  margin: 0 10px 10px 0;
  float: left;
  font-size: 12px;
}

  div.content_box ul {
  
  margin-top: 3px;
}

  div.content_box ul li {
  
  line-height: 17px;
  margin-bottom: 5px;
}

  div.content_listitem {
  
  padding: 0px 5px 5px 170px;
  text-align: justify;
  margin-bottom: 20px;
  line-height: 1.4em;
}
	
  div.additional {
  	
  border-bottom: 1px dotted #000;
  margin-bottom: 15px;
  padding-bottom: 15px;
  line-height: 1.4em;
}

  p.clear {
  
  clear: left; margin: 0; padding: 0;
}
  
  br.clear {
  	
  clear: both; height: 0; line-height: 0;
}
  
  span.field {

  display: inline-block;
  width: 3.5em;
}
  
  div#people {
  
  position: absolute;
  bottom: 0px; right: 0px;
  width: 300px; height: 215px;
}

  div#cube_row {
  
  position: absolute;
  top: 110px; right: 0px;
  width: 287px; height: 215px;
}

  div#cubes {
  
  position: absolute;
  bottom: -30px; right: -115px; 
  background-image: url(../img/Grafik22_2.png);
  background-repeat: no-repeat;
  background-position: top left;
  width: 260px; height: 187px;
}

  div#globe {
  
  float: right;
  width: 255px; height: 172px;
  margin: 0 0 20px 10px;
}

  div#jetty {
  
  position: absolute;
  bottom: 0px; right: 0px;
  width: 448px; height: 299px;
}

  div#copyright {
  
  text-align: right;
  font-size: 11px;
  padding-bottom: 20px;
}