@charset "utf-8";

/* ............................................................... reset'em all */
* {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  vertical-align: baseline;
  background: transparent;
}

/* ............................................................... Basiscs */
body {
  background-color: #fff;
  color: #111;
  font-size: 14px;
  font-family: "times new roman", times, garamond, serif;
  text-align: center;
}
    body.iframe {
      width: 800px;
    }

hr {
  margin: 0 0 -1px 0;
  width: 1px;
  height: 1px;
  clear: both;
  visibility: hidden;
}



/* ............................................................... Aufbau */
#wrapper {
  margin: 50px auto;
  width: 800px;
  text-align: left;
}

#head {
  height: 100px;
  border-bottom: 2px solid #7C7C7A;
  text-align: right;
}
    #logo {
      position: relative;
      margin: 0 0 0 660px;
      width: 210px;
      height: 63px;
      overflow: hidden;
      z-index: 0;
      font-size: 12px;
      font-weight: normal;
    }
    #logo a {
      color: #ccc;
      text-decoration: none;
    }
    #logo span {
      position: absolute;
      top: 0;
      left: 0;
      width: 210px;
      height: 63px;
      overflow: hidden;
      background-image: url(../grafik/logo.gif);
      background-repeat: no-repeat;
      z-index: 2;
    }

#content {
  padding: 0 0 14px 0;
  border-bottom: 2px solid #7C7C7A;
}
    #content.bordertop {
      padding: 28px 0 0 0;
      border-top: 2px solid #7C7C7A;
      border-bottom: none;
    }




/* ............................................................... Navi */
#navi {
  margin: 19px 0;
}
    #navi ul {
      list-style-type: none;
    }
    #navi ul li {
      float: left;
      margin: 0 18px 0 0;
    }
    #navi a {
      color: #111;
      text-decoration: none;
    }



/* ............................................................... Content */
#content iframe {
  width: 800px;
  height: 602px;
  overflow: hidden;


}

    .firstcol {
      margin: 0 60px 0 0;
      width: 290px;
      float: left;
    }
    .wide {
      width: 640px !important
    }

    .extrawide {
      width: 800px;
      overflow: visible; !NEW!
    }



    .secondcol {
      width: 290px;
      float: left;
    }
    .kontaktintro {
      height: 200px;
        font-size: 14px;
    }

    .firstcol dl, .secondcol dl {
      margin: 14px 0 0 0;
      padding: 0 0 14px 0;
      border-bottom: 2px solid #7C7C7A;
    }
    .firstcol dt, .secondcol dt {
      font-weight: bold;
    }
    .firstcol dt span, .secondcol dt span {
      font-weight: normal;
    }

.firstcol a, .secondcol a {
  color: #111;
  text-decoration: none;
}
.firstcol h3, .secondcol h3 {
  margin: 14px 0 0 0;
  padding: 0 0 14px 0;
  font-weight: bold;
  font-size: 14px;
  border-bottom: 2px solid #7C7C7A;
}
span.spacer {
  display: block;
  /*height: 48px;*/
}
span.empty {
  display: block;
  /*height: 98px;*/
}
span.border {
  border-bottom: 2px solid #7C7C7A;
}





/* ............................................................... iFrame */
#footer {
  text-align: left;
}
#imgnavi {
  position: absolute;
  top: 589px;
  left: 539px;
  width: 268px;
}
    #imgnav ul {
      list-style-type: none;
    }
    #imgnavi li {
      position: relative;
      margin: 0 0 0 7px;
      float: left;
      width: 13px;
      height: 13px;
      overflow: hidden;
      z-index: 0;
    }
    #imgnavi a {
      color: #ccc;
      text-decoration: none;
    }
    #imgnavi li span {
      position: absolute;
      top: 0;
      left: 0;
      width: 13px;
      height: 13px;
      overflow: hidden;
      background-image: url(../grafik/button.gif);
      background-position: 0 -13px;
      background-repeat: no-repeat;
      z-index: 2;
    }
    #imgnavi li:hover span, #imgnavi li.active span {
      background-position: 0 0;
    }
    #imgnavi li.margin {
      margin: 0 7px 0 7px;
    }

    #text {
      position: absolute;
      top: 585px;
      left: 0;
      width: 520px;
    }




/* ............................................................... auswahl */
#auswahl iframe {
  width: 800px;
  height: 602px;
  overflow: hidden;

}



    .thirdcol {
      margin: 0 0 0 0;
      width: 550px;
      float: left;
    }




    .fourthcol {
      margin: 150px 0 0 0;
      width: 135px;
      float: right;
    }









/* ............................................................... referenz */
#referenz a:hover {
font-weight:bold; color:green; text-decoration:none; }


.wide dl, .extrawide dl, .kontaktintro dl