* {
  margin: 0;
  padding: 0;
  font-size: 100.01%;
  font-family: arial, helvetica, swiss, sans-serif;
  font-weight: normal;
  text-decoration: none;
  color: #231F20;
  border: none;
}

img {
 border: none;
}

hr {
  width: 1px;
  height: 1px;
  border: none;
  visibility: hidden;
  clear: both;
  margin: -1px 0 0 0;
}
    hr.space {
      margin: 2em 0 0 0;
    }

/* .. allgemeines ...............................................*/
body {
  font-size: 0.7em;
  background-color: #B4B5B6;
}

h1 {
  color: #808285;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0.2em 0 0.4em 0;
}

strong {
  font-weight: bold;
}

ul.toplinks {
  margin: 1em 0 0 0;
}
    ul.toplinks li {
      margin: 0 0 0.8em 0;
    }

ol.numeric {
  padding: 0 0 0 20px;
}
    ol.numeric li {
      margin: 0 0 0.8em 0;
    }

/* Newsbereich */
.date {
  font-weight: bold;
  color: #F6821F;
}
.news {
  margin: 0 0 2em 0;
}

/* ... */

img.portrait {
  float: left;
  margin: 0 2em 0 0;
}


td {
  vertical-align: top;
}
#downloads td {
  vertical-align: bottom;
}

/* .. Bilder als Headlines.......................................*/
img.h1 {
  margin: 0 0 0.6em 0;
}
img.h2 {
  margin: 1.6em 0 0.4em 0;
}


/* .. Links......................................................*/

a {
  color: #F5821F;
}
a:hover {
  text-decoration: underline;
}

/* .. Container .................................................*/

#content {
  width: 840px;
  height: 510px;
  margin-top: -260px;
  margin-left: -420px;
  position: absolute;
  top: 49%;
  left: 50%;
  background-color: #fff;
}

#head {
  background-color: #E6E7E8;
  height: 79px;
}
    #logo {
      margin: 19px 0 0 19px;
    }
    #reach {
      float: right;
      margin: 10px 26px 0 0;
      color: #808285;
    }
    #login {
      float: left;
      width: 124px;
      margin: 0 20px 0 0;
      color: #808285;
    }
    #login .input {
      background-color: #fff;
      border: 1px solid #B4B5B6;
      width: 120px;
      padding: 1px;
      margin: 0 0 2px 0;
      color: #808285;
    }
    #login .input:focus, #login .input:hover {
      color: #231F20;
    }
    #login .password {
      background-color: #fff;
      border: 1px solid #B4B5B6;
      width: 120px;
      padding: 1px;
      margin: 0 2px 2px 0;
      color: #808285;
    }
    #login .password:focus, #login .password:hover {
      color: #231F20;
    }
    #login .button {
      background-color: #fff;
      border: 1px solid #B4B5B6;
      width: 40px;
      padding: 0px;
      margin: 0 0 2px 0;
    }

/* .. Newsartikel............................................*/
.post p {
  margin-bottom: 10px !important;
}

/* .. Hauptnavigation............................................*/
#navig {
  list-style-type: none;
  padding: 0 0 0 164px;
  background-color: #808285;
  height: 24px;
}
    #navig li {
      float: left;
      margin: 0 65px 0 0;
    }
/* .. Subnavigation..............................................*/
#main {
  height: 257px;
  overflow: hidden;
  padding: 29px 26px 29px 19px;
}
    #subnavig {
      list-style-type: none;
      width: 89px;
      float: left;
      margin: 0 57px 0 0;
    }
    #subnavig li {
      margin: 0 0 0.5em 0;
    }

    #maincontent {
      width: 358px;
      padding: 0 30px 0 2px;
      height: 257px;
      overflow: auto;
    }
    #widecontent {
      width: 645px !important;
      padding: 0 0 0 2px !important;
      height: 257px !important;
      overflow: auto;
    }
    #maincontent p {
      line-height: 1.4em;
    }
    #pix {
      float: right;
      width: 257px;
    }


/* .. Footer ....................................................*/

#footer {
  background-image: url(grafik/back-footer.gif);
  background-repeat: repeat-x;
  height: 88px;
/*  padding: 45px 0 0 680px;*/
  padding: 34px 0 0 20px;
}
    #bottombanner {
      margin: 0 190px 0 0;
      float: left;
      width: 280px;
    }
    #footer ul {
      margin: 12px 0 0 0;
      list-style-type: none;
    }
    #footer ul li {
      float: left;
    }


/* .. Karten ....................................................*/
.off {
  display: none;
}
.on {
  display: block;
}

.mapon, .mapoff {
  position: absolute;
  padding: 3px;
  top: 20px;
  left: 20px;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #F6821F;
}
.mapoff {
  top: -2000px;
}



/* .. Formular ..................................................*/
#adrsubmit .input {
  background-color: #fff;
  border: 1px solid #B4B5B6;
  width: 250px;
  padding: 1px;
  margin: 0;
}
    #adrsubmit .input:focus, #adrsubmit .input:hover {
      border: 1px solid #808285;
    }
#adrsubmit .password {
  background-color: #fff;
  border: 1px solid #B4B5B6;
  width: 70px;
  padding: 1px;
  margin: 0;
}
#adrsubmit .button {
  background-color: #fff;
  border: 1px solid #B4B5B6;
  width: 190px;
  padding: 0px;
/*  margin: 0 50px 2px 0;*/
  float: right;
}
    #adrsubmit .button:hover {
      font-weight: bold;
    }
label {
  white-space: nowrap;
}
.error {
  color: #BF0000;
}

#adrsubmit .adrname {
  width: 120px;
}
#adrsubmit .adrvorname {
  width: 120px;
}
#adrsubmit .adrstr {
  width: 190px;
}
#adrsubmit .adrhnr {
  width: 50px;
}
#adrsubmit .adrplz {
  width: 53px;
}
#adrsubmit .adrort {
  width: 190px;
}
#adrsubmit table {
  width: 354px;
}



/* .. Newsletter An-/Abmeldung...................................*/

#nl-abo {
  margin: 20px 0 0 0;
  width: 330px;
  height: 140px;
  background-image: url(./de/grafik/back-nl-abo.gif);
  background-repeat: no-repeat;
  padding: 10px;
}
  #nl-abo p {
    margin: 0 0 10px 30px;
  }
.nlinput {
  margin: 0 0 10px 0;
  border: 1px solid #B4B5B6;
  width: 300px;
  padding: 1px;
}

.nlbutton {
  margin: 10px 0 0 0;
  border: 1px solid #B4B5B6;
  width: 120px;
  padding: 1px;
}


/* .. Produkt-Listen und -Tabellen im User-Bereich...........................*/
#produktgruppen li {
  margin: 0 0 3px 0;
  font-size: 13px;
}
#produktgruppen li a {
  font-weight: bold;
}
.produkte {
  border-collapse: collapse;
  border-spacing: 0;
}
.produkte tr {
}
.produkte td {
  padding: 4px;
}
.produkte .details {
  border-bottom: 1px solid #E6E7E8;
}

.details img {
  margin: 4px 10px 0 0;
}