body {
  font-family: Arial;
  font-size: 12px;
  background-color: #000000;
  color: black;
  margin-top: 150px;
}

ul {
  padding-left: 14px;  
}

#architekt, #bauherr, #buero, #impressum, #info, #ingenieur, #kontakt, #kunden, #leistungen, #news, #partner, #programme, #referenzen {
  background-color: #999999;
}

#kontakt a, #partner a, #programme a, #info a, #impressum a {
  font-weight: bold;
}

#news div .newspoint {
  position: relative;
  left: 0px;
  float: left;
}

#news div .newsitem {
  position: relative;
  padding-left: 0px; /* war vorher 20px wg. Punkt Grafik */
  vertical-align: top;
  max-width: 700px; /* Workaround nur für IE */
}

#pictures {
  position: absolute;
  top: 8px;
  left: 10px;
  height: 90%;
  width: 150px;
}

.picture {
  position: relative;
  left: 20px;
  top: 20px;  
  width: 100px;
  padding-bottom: 5px;
}

.picture-customer {
  position: relative;
  left: 20px;
  top: 20px;  
  width: 100px;
  padding-top: 20px;
}

.picture a:hover {
  color: #112233;
}

.picture img {
  border-style: none;
}

.picture-customer a:hover {
  color: #112233;
}

.picture-customer img {
  border-style: none;
}

#data {
  position: absolute;
  left: 150px;
  top: 26px;  
  float: right;
  padding-right: 20px;
}

a {
  color: white;
  text-decoration: none;
}

ab:hover {
  color: #ffcc00;
}

a:hover {
  color: #cbd300
}

.homeAnchor {
  background-image: url("images/pfeiloben.png");
  background-repeat: no-repeat;
  border: 0px;
  width: 30px;
  height: 25px;
}

#i_frame remove me sometime {
  overflow-x: hidden;
  overflow-y: hidden;
} 

#main {
  background-color: #333333;
  font-weight: bold;
  width: 800px;
  margin-left: auto;
  margin-right: auto;
}

#main #top, #main #content, #main #bottom {
  position: absolute;
  width: inherit;
  min-width: 800px;
  max-width: 800px;
}

#top {
  background-color: #333333;
  font-weight: bold;
  height: 100px;
  float: right;
}

#content {
  background-color: #999999;
  margin-top: 100px;
  height: 370px;
}

#bottom {
  background-color: #333333;
  height: 40px;
  margin-top: 470px;
  color: white;
}

#bottom .right {
  position: absolute;
  text-align: right;
  top: 0px;
  left: 40%;
  height: 40px;
  padding-top: 13px;
  width: 60%;
  font-size: 12px;
  font-weight: normal;
  z-index: 1;
}

#bottom .right span {
  padding-right: 15px;
}

#bottom .left {
  position: relative;
  padding-top: 13px;
  padding-left: 30px;
  width: 40%;
  top: 0px;
  left: 0px;
  z-index: 2;
  height: 40px;
  float: none;
}

#bottom .left a {
  position: relative;
  width: 80px; 
  height: 15px;
  background-color: #333333;
}

#logo {
  position: relative;
  left: 30px;
  top: 5px;
  float: left;
  width: 100px;
  height: 100px;
  z-index: 3;   
}

#logo1 {
  display: block;
  left: inherit;
  top: inherit;
}

#logo2 {
  position: absolute;
  display: none;
  left: 0;
  top: 0;
}

#title {
  font-size: 16px;
  text-align: right;
  left: 10%;
  color: white;
  padding-right: 15px;
  padding-top: 15px;
  padding-bottom: 0px;
  width: 70%;
  float: right;
}

#main-menu {
  font-size: 12px;
  position: relative;
  text-align: right;
  color: white;
  padding-right: 15px;
  padding-top: 5px;
  width: 70%;
  float: right;  
}

#sub-menu1 {
  font-size: 12px;
  position: relative;
  text-align: right;
  color: white;
  padding-right: 15px;
  padding-top: 5px;
  display: none;
  width: 70%;
  float: right;
}

#sub-menu2 {
  font-size: 12px;
  position: relative;
  text-align: right;
  color: white;  
  padding-right: 15px;
  padding-top: 5px;
  display: none;
  width: 60%;
  float: right;  
  display: block;
}

.reference {
  padding-bottom: 20px;  
}

.reference img {
  padding-top: 20px;
  padding-right: 20px;
}

.reference .headline {
  font-weight: bold;
}

.aufzaehlung {
  margin-top: 0px;
}

.aufzaehlung li {
  margin-left: 0px;
}

.hide {
  display: none;
  position: absolute;
  z-index: 2;
}

.show {
  display: block;
  visibility: visible;
}

.none {
  display: none; 
}

.white {
  color: white; 
}