/* CSS Document */

* { padding: 0px; margin: 0px; }
html { padding: 0px; margin: 0px; }
body { padding: 0px; margin: 0px; background: url(../img/hg.gif) repeat-x top left; height: auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
p { padding: 0px; margin: 0px; }
#suesse { padding: 0px; margin: 0px; width: 967px; }
div.oben { width: 970px; }
#logo { float: left; height: 100px; width: 750px; }
#logo a img { border: none; margin: 25px 0px 0px 324px; }
div.kundenlogin { float: right; width: 200px; height: 100px; text-align: right; }
div.kundenlogin a { background: url(../img/icon-bestellanfrage.png) no-repeat bottom right; padding: 6px 24px 0px 0px; line-height: 13px; height: 13px; text-decoration: none; color: #3A4D99; display: block; margin: 53px 0px 0px 0px; }
div.kundenlogin a:hover { text-decoration: underline; }

hr { border: 0px solid #fff; margin: 15px 0px; height: 1px; background-color: #cdcdcd; }

/*****  Navigationsleiste oben   *****/

#topnavi {
  clear: both;
  background: url(../img/menue-balken.gif) no-repeat top left;
  width: 771px;
  height: 23px;
  padding: 0px 0px 0px 195px;
}

#nav ul {
  width: 100%;
  list-style: none;
  line-height: 1;
}

#nav li a {
  display: block;
  color: #FFF;
  text-decoration: none;
  padding: 0px 10px 0px 10px;
  margin: 0px 0px 0px 0px;
  line-height: 23px;
  height: 23px;
}
* html #nav li a {
  display: inline;
}

#nav a:hover {
  background-color: #7A87BB;
}
#nav li {
  float: left;
  list-style-type: none;
  width: auto;
  display: inline;
  border-left: 1px solid #7A87BB;
}
#nav li.navi a {
}
#nav li.aktiv a {
  background-color: #7A87BB;
}
#nav li.navi a:hover {
}

/*****  Produktnavigation linke Spalte   *****/

#navigation {
  width: 215px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  height: auto;
  z-index: 111;
}
#navigation ul {
  /* border-top: 1px solid #787B7D;
  background: url(../img/menue-linie.gif) no-repeat top right; */
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color: #CDCDCD;
  width: 195px;
}
#navigation li {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  list-style-type: none;
  border-top: 1px solid #FFF;
}
#navigation li.ifsub {
  background-image: none;
}
#navigation ul li a {
  padding: 4px 15px 4px 10px;
  line-height: 15px;
  color: #333;
  text-decoration: none;
  display: block;
  width: 170px;
}
* html #navigation ul li a {
  width: 195px;
}
#navigation ul li a:hover {
  background: url(../img/pfeil-2.gif) no-repeat top right;
  background-color: #C7CEE1;
}
#navigation ul li a.act {
  background: url(../img/pfeil-2.gif) no-repeat top right;
  background-color: #C7CEE1;
  /* color: #FFF; */
}
#navigation #lev2 {
  padding: 0px 0px 5px 0px;
}
#navigation ul li #lev2 a {
  padding: 3px 0px 3px 10px;
  line-height: 14px;
  margin: 0px 0px 0px 25px;
  background-image: none;
}
#navigation ul li #lev2 a:hover {
  /* background-color: #FBFBFB; */
  background-color: #7B7B7D;
  color: #FBFBFB;
}
#navigation ul li #lev2 a.aktiv {
  /* background-color: #FBFBFB; */
  background-color: #7B7B7D;
  color: #FBFBFB;
}

#inhalt {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 967px;
  height: auto;
}
#links {
  float: left;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 215px;
  height: auto;
  color: #333;
  position: absolute;
  z-index: 200;
}
#links div.schatten {
  background: url(../img/schatten-menue-rechts.png) repeat-y top right;
  height: auto;
}
* html #links div.schatten {
  background: none;
}

#links div.schatten-unten {
  background: url(../img/schatten-menue-unten.png) no-repeat top left;
  height: 8px;
}

* html #links div.schatten-unten {
  background: url(../img/schatten-menue-unten-ie6.png) no-repeat top left;
}

#links div.online-bestellung {
  color: #3A4D99;
  font-weight: bold;
  background: url(../img/pfeil-5.gif) no-repeat center left;
  background-color: #E6E6E6;
  line-height: 35px;
  height: 35px;
  padding: 0px 0px 0px 26px;
  margin: 1px 0px 0px 0px;
  width: 169px;
}
#suche {
  width: 180px;
  background-color: #E6E6E6;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
  padding: 10px 5px 10px 10px;
  margin: 0px 0px 0px 0px;
  height: auto;
}
* html #suche {
  width: 195px;
}
#suche form {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
#suche form input {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
#suche form #such-feld {
  margin: 0px 0px 0px 0px;
  padding: 2px 3px 2px 3px;
  width: 125px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  border: 1px solid #3A4D99;
  background-color: #FFF;
  color: #333;
}
#suche form #such-button {
  padding: 2px 0px;
  margin: 0px 0px 0px 5px;
  cursor: pointer;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8px;
  font-weight: bold;
  background-color: #3A4D99;
  color: #FFF;
  border: 1px solid #FFF;
  width: 35px;
}
#druck, #pdf, #adresse, div.newsletter, div.callback {
  width: 195px;
}
div.newsletter { padding: 10px 0px 0px 0px; }

div.newsletter a {
  line-height: 23px;
  height: 23px;
  background: url(../img/icon-newsletter.gif) no-repeat center left;
  display: block;
  padding: 0px 0px 0px 33px;
  color: #666;
  text-decoration: none;
}
#druck a {
  line-height: 23px;
  height: 23px;
  background: url(../img/icon-druck.gif) no-repeat center left;
  display: block;
  padding: 0px 0px 0px 33px;
  color: #666;
  text-decoration: none;
}
#pdf a {
  line-height: 23px;
  height: 23px;
  background: url(../img/icon-pdf.gif) no-repeat center left;
  display: block;
  padding: 0px 0px 0px 33px;
  color: #666;
  text-decoration: none;
}
#druck a:hover, #pdf a:hover, div.newsletter a:hover, div.callback a:hover {
  text-decoration: underline;
}
#adresse div {
  border-bottom: 1px solid #CDCDCD;
  padding: 10px 0px 10px 0px;
  margin: 10px 10px 10px 10px;
  color: #666;
  line-height: 18px;
}
#adresse div br {
  line-height: 8px;
}
#adresse div a {
  line-height: 23px;
  height: 23px;
  display: block;
  padding: 0px 0px 0px 0px;
  color: #3A4D99;
  text-decoration: none;
}
#adresse div a span {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8px;
}
#adresse div a:hover {
  text-decoration: underline;
}
div.callback {
  padding: 10px 0px 0px 0px;
}
div.callback a {
  line-height: 16px;
  height: 73px;
  background: url(../img/icon-callback.png) no-repeat 3px 3px;
  display: block;
  padding: 0px 0px 0px 33px;
  color: #666;
  text-decoration: none;
}
div.strich {
  width: 175px;
  margin: 0px 10px;
  border-top: 1px solid #CDCDCD;
  font-size: 0px;
  line-height: 0px;
  height: 1px;
}

div.textbereich div.tt_products_item_search form {
  padding: 0px 0px 30px 0px;
}
div.textbereich ul {
  margin: 0px 0px 0px 20px;
}
div.textbereich ul li {
  list-style-type: square;
}


#rechts { float:right; padding:0px; margin:0px; width:240px; height:auto; }
.box-rechts { min-height:270px; }

/*****  Produktnavigation rechts   *****/

#subnavi { height: 261px; }
#subnavi ul { padding: 5px 0px 0px 15px; }
#subnavi ul li { list-style-type: none; }
#subnavi ul li a { display:block; color:#333; text-decoration:none; line-height:14px; padding:2px 0px 2px 10px; }
#subnavi ul li a:hover,
#subnavi ul li a.aktiv { background: #CDD2E6 url(../img/pfeil-3.gif) no-repeat 0px -3px; }

/*****  Produktnavigation rechts   *****/

#aktuell { padding:17px 0px 20px 25px; margin:0px; line-height:18px; }
#aktuell h2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#3A4D99; color:#666; padding:0px 0px 6px 0px; margin-bottom:9px; font-weight: bold; border-bottom: 1px solid #CDCDCD; }

/* #aktuell div {
  padding: 7px 0px 10px 0px;
  border-bottom: 1px solid #666;
}
#aktuell div img {
  margin: 0px 0px 4px 4px;
} */
#aktuell a {
  color: #3A4D99;
  text-decoration: none;
  font-weight: bold;
  font-size: 11px;
}
#aktuell a:hover {
  text-decoration: underline;
}

#textbild {
  position: absolute;
  padding: 1px 0px 0px 1px;
  top: 123px;
  left: 195px;
  width: 541px;
  height: auto;
}
#kopfbild {
  width: 541px;
}
* html #kopfbild {
  width: 540px;
}
div.kb {
  float: left;
}
div.bild {
  width: 530px;
  height: 270px;
  background: url(../img/kopf/start-1.jpg) no-repeat top left;
  border-right: 1px solid #FFF;
}
div.kopfbild div.kb div.bild img {
  /* float: right;
  margin: 174px 0px 0px 0px; */
}
div.bild div.flash {
  text-align: right;
  padding: 195px 0px 0px 0px;
}
div.bild div.flash img.leer {
  margin: 0px 6px 0px 0px;
}
div.bild div.flash #flashcontent {
  display: inline;
}

div.kb-su {
  background: url(../img/schatten-bild-unten.png) no-repeat bottom right;
  width: 531px;
  height: 10px;
  line-height: 10px;
  font-size: 10px;
  clear: both;
}
* html div.kb-su {
  background: url(../img/schatten-bild-unten.png) no-repeat top right;
  margin-top: 1px;
  width: 530px;
}
div.kb-sr {
  background: url(../img/schatten-bild-rechts.png) no-repeat top right;
  width: 10px;
  height: 280px;
  float: left;
}
div.textbereich { padding: 17px 20px 20px 20px; margin: 0px; line-height: 18px; color: #333; }
div.textbereich h1 { font-family: Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 20px; line-height: 24px; color: #3A4D99; padding: 0px 0px 18px 0px; margin: 0px; font-weight: normal; }
div.textbereich h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #3A4D99; padding: 0px 0px 6px 0px; margin: 0px; font-weight: bold; }
div.textbereich ol { padding: 0px; margin: 0px 0px 0px 25px; }
div.textbereich li { padding: 0px 0px 4px 0px; margin: 0px; }
div.textbereich .grau-klein { color: #999; font-size: 11px; }
div.textbereich a { color: #3A4D99; text-decoration: none; }
div.textbereich a:hover { text-decoration: underline; }
div.textbereich a.pdf { background: url(../img/pdf.gif) no-repeat center left; padding: 2px 0px 2px 20px; display: block; }

div.balken { height: 10px; min-height: 10px; max-height: 10px; line-height: 10px; font-size: 0px; width: 530px; background: #3A4D99 url(../img/footer.png) no-repeat center right; }

#fuss { clear: both; padding: 6px 20px 10px 20px; }
#fuss #copyright { float: left; color: #7B7B7D; }
#fuss #fussnavi { float: right; padding: 0px; text-align: right; width: 240px; }
#fuss #fussnavi ul { padding: 0px; margin: 0px; }
#fuss #fussnavi li { padding:0px; margin:0px; list-style-type:none; display:inline; }
#fuss #fussnavi ul li a { color: #7B7B7D; text-decoration: none; padding: 0px 0px 0px 7px; margin: 0px 0px 0px 7px; }
#fuss #fussnavi ul li a:hover { text-decoration: underline; }
#fuss #fussnavi ul li a.aktiv { text-decoration: underline; }

div.cleardiv { clear: both; height: 0px; line-height: 0px; font-size: 0px; }

input.sub-log, input.send-password { background-color:#C7CEE1; border:medium none; color:#333; cursor:pointer; font-size:10px; margin:0px 0px 9px 0; padding:2px 5px; }
input.send-password, input.sub-log.password, input.sub-log.logout { margin-top:9px; }
input#pass,
input#user,
input.forgot-email { background-color:#FFF; border:1px solid #CDCDCD; color:#333; font-family:Verdana,Arial,Helvetica,sans-serif; font-size: 11px; margin: 0; padding: 2px 3px; width: 125px; }
input#tx_felogin_pi1[password2] { margin-bottom:9px; }
div.login-wrap { padding: 0px 0px 10px 0px; }

div.common_sub a { background-color:#C7CEE1; font-size:10px; color:#333; padding:3px 10px; margin:10px auto; text-align:center; text-decoration:none; }