html {
  height:100%;
  font-size:62.5%;
}
body {
  height:100.1%;
  margin:0;
  padding:0;
  background:#050F19;
  font:normal 1.1em/1.3em Tahoma, Helvetica, sans-serif;
  color:#AEAFB1;
}
form {
  margin:0;
}
br {
  clear:both;
}
img {
  border:0;
}
ul {
  padding-left:16px;
}
.nav {
  font:normal 15px "Trebuchet MS", Helvetica, sans-serif;
  color:#B1B6BB;
  text-decoration:none;
}
.nav:hover, a {
  color:#CC0000;
}



/* ********** Logo ********** */
.logo {
  display:block;
  position:absolute;
  top:40px;
  right:50%;
  margin-right:-496px;
  z-index:3;
}



/* ********** Wave ********** */
.wave {
  position:absolute;
  width:992px;
  top:71px;
  left:50%;
  margin-left:-496px;
  z-index:2;
  background:url(../images/wave-bg.gif) left no-repeat;
}



/* ********** Titel ********** */
h1 {
  position:absolute;
  top:108px;
  left:50%;
  margin-left:-500px;
  font:normal 42pt Arial, Helvetica, sans-serif;
  color:#17212B;
  text-transform:uppercase;
  z-index:1;
}



/* ********** Navi ********** */
.top {
  position:absolute;
  top:158px;
  right:50%;
  margin-right:-496px;
  z-index:4;
}
.top img, .top .nav {
  display:block;
  float:left;
}
.top .nav {
  padding:10px 15px;
  text-transform:uppercase;
  background:url(../images/nav-ctr.gif) repeat-x;
}



/* ********** Content ********** */
.content {
  position:relative;
  width:992px;
  left:50%;
  margin-left:-496px;
  margin-top:250px;
}
.content div {
  position:relative;
  float:left;
}
.content img {
  padding:1px;
  border:1px solid #22394B;
  background:#050F19;
}
.content a img:hover {
  border-color:#BB0000;
}
h2 {
  font:normal 15px "Trebuchet MS", Helvetica, sans-serif;
  color:#D1D6DB;
  color:#A1A6AB;
}
hr {
  border:none;
  border-top:1px solid #051525;
  border-bottom:1px solid #304050;
  margin-top:1.3em;
}
.teaser {
  width:466px;
  margin-bottom:-20px;
}
.teaser img {
  float:right;
  margin:0 55px 15px 0;
}
.text {
  margin-top:-18px;
}
.left {
  width:243px;
}
.right {
  width:243px;
  margin-left:40px;
}
.wide {
  width:526px;
}



/* ********** Start ********** */
.start .teaser {
  background:url(../images/bg-start.jpg) left top no-repeat;
}



/* ********** Team ********** */
.team .teaser {
  background:url(../images/bg-team.jpg) left top no-repeat;
}



/* ********** Leistungen ********** */
.leistungen .work {
  position:absolute;
  left:0;
  top:0;
}



/* ********** Aktuelles ********** */
.presse {
	margin-bottom:-60px;
}
.date {
  width:156px;
}
.news {
  width:836px;
  padding-bottom:50px;
}
.news img {
  margin:0 26px 8px 0;
}



/* ********** Referenzen ********** */
.gallery {
  width:156px;
}
.gallery a {
  color:#B3B3B3;
  text-decoration:none;
}
.gallery a:hover, .gallery .act {
  color:#BB0000;
}
.thumbs {
  width:310px;
}
.thumbs img {
  margin:0 8px 8px 0;
}
.thumbs .act {
  border-color:#BB0000;
}
.image {
  width:524px;
}
.image img {
  margin-bottom:2px;
}



/* ********** Kontakt ********** */
.kontakt .teaser {
	height:390px;
  background:url(../images/bg-kontakt.jpg) left top no-repeat;
}
.kontakt form {
  display:block;
  float:left;
}
.kontakt .feld, .kontakt textarea {
  display:block;
  margin-top:2px;
  margin-bottom:10px;
  background:#091521;
  border:1px solid #253545;
}
.kontakt .feld {
  width:250px;
}
.kontakt textarea {
  width:450px;
  height:150px;
  overflow:auto;
}
.kontakt .submit {
  width:101px;
  height:27px;
  border:0;
  color:#A1A8AB;
  background:url(../images/submit.gif) no-repeat;
}



/* ********** Impressum ********** */
.impressum .teaser {
  width:280px;
  padding-left:186px;
  margin-top:-18px;
  background:url(../images/bg-impressum.jpg) left top no-repeat;
}
.brueckenwerk {
  display:block;
  width:153px;
  height:123px;
  margin-top:10px;
  text-decoration:none;
  background:url(../images/brueckenwerk-logo.gif);
}
.brueckenwerk:hover {
  background:url(../images/brueckenwerk-hover.gif);
}



/* ********** Bottom (Navigation) ********** */
.btm {
  position:relative;
  width:992px;
  height:91px;
  left:50%;
  margin-left:-496px;
  margin-top:60px;
  color:#91969b;
  background:url(../images/btm-ctr.gif) repeat-x;
}
.btm .rgt {
  position:absolute;
  right:0;
}
.btm .lft, .btm .tab {
  position:relative;
  float:left;
}
.btm .tab {
  width:164px;
  padding:0 15px;
}
.btm .nav {
  display:block;
  margin-top:10px;
}
.btm .foot {
  color:#62696F;
}
.btm a {
  text-decoration:none;
}
.btm a:hover {
  color:#BB0000;
}