body {
background-color: #eeeeee;
font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
padding:0px;
margin:0px;
}
#outer {
position: absolute;
left: 50%;
width: 990px;
margin-left: -495px; /* half of width */
}
#header {
position:absolute;
top: 0px; 
left: 0px;
width: 990px;
height: 50px;
background-image: url(../pic/gruppe-bau-art-logo.gif);
background-repeat: no-repeat;
text-align: right;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: #969696;
} 
#navi {
position:absolute;
top: 50px; 
left: 0px;
width: 990px;
height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: #969696;
 text-align: center;
} 
#content {
position:absolute;
top: 70px; 
left: 0px;
width: 990px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: #DAEDF1;
}
#content2 {
position:absolute;
background: url(../pic/links-bg.jpg) no-repeat;
top: 70px; 
left: 0px;
width: 990px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: #DAEDF1;
}  
#context {
position: relative;
top: 0px; 
left: 270px;
width: 450px;
margin: 0px 0px 0px 0px;
padding: 15px 0px 15px 0px;
} 
#context0 {
position: relative;
background: url(../pic/index-bg.jpg) no-repeat;
top: 0px; 
left: 180px;
width: 810px;
height: 481px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
} 
#context1 {
position: relative;
background: url(../pic/referenzen-bg.jpg) no-repeat;
top: 0px; 
left: 180px;
width: 810px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 30px;
}
#context2 {
position: relative;
background: url(../pic/impressum-bg.jpg) no-repeat;
top: 0px; 
left: 195px;
width: 600px;
margin: 0px 0px 0px 0px;
padding: 15px 20px 15px 20px;
} 
#contexta {
position: relative;
top: 145px; 
left: 0px;
width: 780px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: right;
font: 11px Arial, Helvetica, sans-serif;
color: #000033;
} 
#contextb {
position: relative;
top: 205px; 
left: 0px;
width: 780px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: right;
font: 18px Arial, Helvetica, sans-serif;
color: #000099;
line-height:1.3em;
} 
.indexinf {
font: 11px Arial, Helvetica, sans-serif;
color: #969696;
} 
#footer {
position:relative;
top: 0px; 
left: 0px;
width: 930px;
height: 70px;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 0px 30px 0px 30px;
background-color: #969696;
} 
#adress {
position:relative;
top: 0px; 
left: 810px;
width: 150px;
text-align: right;
font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
}
#picleft {
position:absolute;
top: 70px; 
left: 30px;
width: 120px;
margin: 0px 0px 0px 0px;
padding: 15px 0px 15px 0px;
} 
#picleft2 {
position:absolute;
top: 70px; 
left: 30px;
width: 210px;
margin: 0px 0px 0px 0px;
padding: 15px 0px 15px 0px;
} 
#picright {
position:absolute;
top: 70px; 
left: 840px;
width: 120px;
margin: 0px 0px 0px 0px;
padding: 15px 0px 15px 0px;
} 
.headline {
font: 22px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 14px 30px 14px 0px;
}
.navitd {
text-align: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.naviactive {
font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #DAEDF1;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
white-space: nowrap;
font-weight: bold;
}
a.navitxt {
font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #DCDCDC;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-decoration: none;
white-space: nowrap;
}
a:hover.navitxt  {
color: #ffffff;
}
.adresstxt {
font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #ffffff;
}
a.adressitem {
font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #ffffff;
text-decoration: none;
}
a:hover.adressitem  {
color: #ff0000;
}
a.reflink {
font: 10px/13px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000033;
text-decoration: none;
}
a:visited.reflink  {
font: 10px/13px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000033;
text-decoration: none;
}
a:hover.reflink  {
font: 10px/13px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #ff0000;
text-decoration: none;
}
a:active.reflink  { 
font: 10px/13px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000033;
text-decoration: none;
}
a.kontakt2 {
font: 11px/15px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000033;
text-decoration: none;
}
a:visited.kontakt2  {
font: 11px/15px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000033;
text-decoration: none;
}
a:hover.kontakt2  {
font: 11px/15px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #ff0000;
text-decoration: none;
}
a:active.kontakt2  { 
font: 11px/15px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000033;
text-decoration: none;
}
img {
border:0;
}
p {
font: 11px/15px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000033;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
.imgtxt {
font: 9px Arial, Helvetica, sans-serif;
color: #000033;
margin: 0px 0px 0px 0px;
padding: 0px 0px 5px 0px;
word-spacing: -1px;
}
h1 {
font: 16px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #FF9900;
font-weight: bold;
margin: 0px 0px 0px 0px;
padding: 0px 0px 15px 0px;
}
h2 {
font: 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000033;
font-weight: bold;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
h3 {
font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000033;
font-weight: bold;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.gruppe {
color: #969696;
}
.righttxt {
width: 450px;
text-align: right;
font: 11px/15px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000033;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.referenz {
text-align: justify;
font: 10px/13px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000033;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}