*  {
  margin: 0;
  padding: 0;
}


body  {
  background-color: #3d2c07;
  font-size: 13px;
  font-family: Trebuchet MS;
  color: #ffffff;
}


img  {
  border: 0px;
}


iframe {
  border: 0px none;
  overflow: hidden;
}


a  {
  color: #ffffff;
  font-family: Trebuchet MS;
  font-size: 13px;
  text-decoration: none;
}


a:hover  {
  background-color: #3d2c07;
}


ul  {
  list-style-type: none;
  padding: 5px;
}


#br  {
  position: absolute;
  margin-left: 533px;
  margin-top: 0px;
  height: 450px;
  width: 267px;
}


/* ------------------- Menue --------------------- */


#index_content {
  position: absolute;
  left: 50%;
  margin-left: -400px;
  top: 50%;
  margin-top: -315px;
}


#index_menue {
  position: absolute;
  left: 50%;
  margin-left: -400px;
  top: 50%;
  margin-top: 145px;
  width: 800px;
  height: 40px;
  background-color: #646464;
}


#index_menue_diplom {
  position: absolute;
  left: 50%;
  margin-left: -400px;
  top: 50%;
  margin-top: -365px;
  width: 800px;
  height: 40px;
  background-color: #646464;
}


.index_spalte  {
  float: left;
  display: block;
  margin-top: 10px;
  padding-left: 35px;
  background-color: transparent;
}


.index_spalte a  {
  padding: 2px 5px;
}


/* ------------------- Home --------------------- */


#home  {
  position: absolute;
  margin-left: 0px;
  margin-top: 0px;
  height: 450px;
  width: 800px;
  background-color: #ffffff;
}


#homeImage  {
  position: absolute;
  left: 40px;
  top: 120px
}


#homelogo  {
  position: absolute;
  margin-left: 600px;
  margin-top: 250px;
  height: 130px;
  width: 130px;
  background-color: #ffffff;
}



/* ------------------- News --------------------- */


#blNews  {
  position: absolute;
  margin-left: 0px;
  margin-top: 0px;
  height: 450px;
  width: 395px;
  background-color: #646464;
}


#brNews  {
  position: absolute;
  margin-left: 405px;
  margin-top: 0px;
  height: 450px;
  width: 395px;
  background-color: #646464;
}


#brNews p  {
  padding: 20px;
}


/* ------------------- Product --------------------- */


#blProduct  {
  position: absolute;
  margin-left: 0px;
  margin-top: 0px;
  height: 450px;
  width: 523px;
  background-color: #ffffff;
}


#brProduct  {
  height: 450px;
  background-color: #646464;
  padding: 20px;
  line-height: 2.5em;
}


#brProduct a  {
  padding: 2px 5px;
}


/* ------------------- Photo --------------------- */


#bPhoto  {
  position: absolute;
  margin-left: 0px;
  margin-top: 0px;
  height: 450px;
  width: 800px;
  background-color: #646464;
}


#photo_menue {
  position: absolute;
  left: 50%;
  margin-left: -400px;
  top: 50%;
  margin-top: 175px;
  width: 800px;
  height: 40px;
  background-color: #646464;
}


#buPhoto {
  position: absolute;
  left: 50%;
  margin-left: -400px;
  top: 50%;
  margin-top: 200px;
  width: 800px;
  height: 25px;
  background-color: #transparent;
}


.index_photo  {
  background-color: #646464;
  width: 20px;
  padding-left: 10px;
}


.menue_photo  {
  display: inline;
  width: 25px;
  padding-right: 10px;
}


.menue_photo a  {
  padding: 0 none;
}




/* ------------------- Web --------------------- */


#blWeb  {
  position: absolute;
  margin-left: 0px;
  margin-top: 0px;
  height: 450px;
  width: 523px;
  background-color: #ffffff;
}


#brWeb  {
  height: 450px;
  background-color: #646464;
  padding: 230px 20px 20px 20px;
  line-height: 2.5em;
}


#brWeb a  {
  padding: 2px 5px;
}



/* ------------------- 3d Viz --------------------- */


#b3dviz  {
  position: absolute;
  margin-left: 0px;
  margin-top: 0px;
  height: 450px;
  width: 800px;
  background-color: #646464;
}


#3dviz_menue {
  position: absolute;
  left: 50%;
  margin-left: -400px;
  top: 50%;
  margin-top: 175px;
  width: 800px;
  height: 40px;
  background-color: #646464;
}


#bu3dviz {
  position: absolute;
  left: 50%;
  margin-left: -400px;
  top: 50%;
  margin-top: 200px;
  width: 800px;
  height: 25px;
  background-color: #transparent;
}


.index_3dviz  {
  background-color: #646464;
  width: 20px;
  padding-left: 10px;
}


.menue_3dviz  {
  display: inline;
  width: 25px;
  padding-right: 10px;
}


.menue_3dviz a  {
  padding: 0 none;
}



/* ------------------- Contact --------------------- */


#blContact  {
  position: absolute;
  margin-left: 0px;
  margin-top: 0px;
  height: 450px;
  width: 533px;
  background-color: #646464;
}


.brContact  {
  position: relative;
  height: 150px;
  color: #ffffff;
  background-color: #646464;
  padding-left: 20px;
}


.brContact a  {
  padding: 2px 5px;
}


/* ------------------- Diplom --------------------- */


#homeDiplom  {
  position: absolute;
  margin-left: 0px;
  margin-top: 0px;
  height: 450px;
  width: 800px;
  background-color: #ffffff;
}




#diplom  {
  position: absolute;
  left: 50%;
  margin-left: -450px;
  top: 50%;
  margin-top: -315px;
  background-color: #646464;
}


#navBack  {
  position: absolute;
  margin-top: 400px;
  margin-left: 670px;
  height: 35px;
  width: 50px;
  border: 0px;
}


#navFor  {
  position: absolute;
  margin-top: 400px;
  margin-left: 725px;
  height: 35px;
  width: 50px;
  border: 0px;
}


#navBack a:hover {
  background: transparent;
}


#navFor a:hover {
  background: transparent;
}





/* ------------------- Navigation --------------------- */


#nav {
  position: absolute;
  left: 50%;
  margin-left: -400px;
  top: 50%;
  margin-top: 195px;
  width: 800px;
  height: 40px;
  background: #646464;
}


#nav li {
  display: inline;
}


#nav a {
  text-decoration: none;
  display: block;
  float: left;
  color: #ffffff;
}


#nav a:hover {
  color: #ffffff;
  background: #3d2c07;
}
