/*########################################################################*/
/*                                                                        */
/*  Homepage www.labciencia.com                                           */
/*  Programm by:  Andreas Gonell                                          */
/*                                                                        */
/*########################################################################*/

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  margin: 0;
  padding: 0;
}
body {
  background-color: #ffffff;
  margin: 0;
  padding: 0;
  font-family: verdana,arial,helvetica,sans-serif;
  color: #000000;
  font-size: 13px;   /* 10pt */
}

#page {
  min-width: 850px;
  max-width: 950px;
  position: relative;
}

p {
  margin: 0;
  padding: 0;
}
img {
  border: 0;
  /*
  max-width: 100%;
  height: auto;
  */
}
.uber1 {
  font-size: 21px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 15px;
}
.uber2 {
  font-size: 13pt;
  font-weight: bold;
  margin-bottom: 15px;
}
.uber2a  {
  font-size: 12pt;
  font-weight: bold;
  margin-bottom: 5px;
}
.uber3 {
  font-size: 11pt;
  font-weight: bold;
  margin-bottom: 5px;
}
.uber4 {
  font-weight: bold;
  margin-bottom: 5px;
}
.zur_uebersicht {
  text-align: right;
  margin-bottom: 10px;
}

.titel {
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 10px;
}
.text  {
  line-height: 20px;
}
.text_mar {
  line-height: 20px;
  margin-bottom: 5px;
}
.text_b  {
  line-height: 20px;
  font-weight: bold;
}
.fett {
  font-weight: bold;
}
.hersteller,
.bold {
  font-weight: bold;
}
.anote {
}
.werbung {
  font-size: 9pt;
  margin-bottom: 7px;
}
.kleiner {
  font-size: 9pt;
}

.normal {
  font-weight: normal;
  font-style: normal;
}

.clear  {
  clear: both;
}

.clearfix::before  {
  content: "";
  display: table;
}
.clearfix::after  {
  clear: both;
  content: "";
  display: table;
}

.nix  {
  font-size: 0;
  height: 0;
  line-height: 0;
}
.nowrap {
  white-space: nowrap;
}

.tab_kopf {  /* nur bei artikel */
  font-weight: bold;
}
.akt_datum {
  text-align: right;
}

.stat_td {
  border: 1px solid #333333;
}
.stat_table {
  border-collapse: collapse;
}

.listen_punkt {
  margin-left: 11px;
  text-indent: -11px;
}
.listen_punkt_suche {
  margin-left: 11px;
  text-indent: -11px;
  margin-top: 5px;
}
.liste_prod_sel {
  margin-bottom: 10px;
}
.liste_produkte {
  margin-bottom: 5px;
  margin-left: 18px;
  text-indent: -18px;
}

.liste_hersteller {
  margin-bottom: 5px;
  margin-left: -23px;
}
.hotlink {
  float:  left;
  width:  23px; /* 19 */
  visibility:  hidden;
}
.a-list a {
  display:  inline-block;
  margin-right:  4px;
}

.liste_aktuelles {
}
.liste {
  line-height: 18px;
  margin-left: 25px;
  text-indent: -19px;
  margin-bottom: 5px;
}
.magenta {
  color: #C10070;
}
.spiegelstrich {
  color: #C10070;
  font-weight: bold;
}
.listen_punkt_spiegel {
  margin-left: 14px;
  text-indent: -14px;
  margin-top: 5px;
}
#profil_text {
  background-color: #eeeeee;
  padding: 6px;
}

a {
  color: #C10070;         /* CF0078 */
  text-decoration: none;
}
.inaktiv {
  color: #000000;  /* CF0078 */
}
a.imtext:hover {
  text-decoration: underline;
}
a.imtext_2  {
  color: #000;
}
a.imtext_2:hover {
  /*text-decoration: underline;*/
  color: #C10070;
}
a.link-lang {
  color: #000000;    /* #fcfcfc */
}
a.link-lang:hover {
  color: #C10070;    /* #000000 */
}
a.link-lang-aktiv {
  color: #C10070;    /* #000000 */
}
a.link-navi {
  color: #fcfcfc;
}
a.link-navi:hover {
  color: #000000;
}
a.link-navi-aktiv {
  color: #000000;
}


/* FORM */

form, input {
  margin: 0;
  padding: 0;
}
input {
  margin: 1px;
}
textarea {
  background-color: #ffffff;    /* für Opera */
}
.input-spez {
  display: none;
}
.input, .input_search, .input_b {
  font-family: "Courier New",monospace;
  font-size: 10pt;
  background-color: #ffffff;
}
.input {
  border-width: 0;
}
.input_search {
  border-width: 2px;
  width: 190px;
}
.input_b {
  border-width: 2px;
}
.button  { font-size: 10pt;
           border: 0px solid #ffffff;
           cursor: pointer;
           background-color: #dddddd;
           padding-left: 6px;
           padding-right: 6px;
           /*font-weight: bold;*/
           /*
             padding-top: 2px;
             padding-bottom: 2px;
           */
         }
.button_2  { font-size: 10pt;
             /*border-width: 0;*/
             /*cursor: pointer;*/
             background-color: #dddddd;
             /*font-weight: bold;*/
             color: #000000;
             padding-top: 2px;
             padding-bottom: 1px;
             padding-left: 8px;
             padding-right: 8px;
           }


/* NAVI */

#main-navi-wrapper {
  position: absolute;
  top: 0;
  width: 100%;
}
#main-navi-2017 {
  float: left;
  padding-left: 8px;
  width: 90%;
}

#ikon-send-print {
  float: right;
}
.navi-main-service {
  padding: 3px 10px 0 0 ;
}

/* 1. ebene */
#main-navi-2017 ul {
  margin: 0;
  padding: 0;
}
#main-navi-2017 ul li {
  float: left;
  position: relative;
  padding: 0;
  margin: 0;
  list-style: none;
  width: 20%;
  background-color: #f50081;
  border-top: 1px solid #FFF;
  border-right: 1px solid #FFF;
  white-space: nowrap;

}
#main-navi-2017 ul li a {
  color: #fcfcfc;
  font-size: 9pt;
  font-weight: bold;
  display: block;
  padding: 2px 10px 2px 20px;
}
#main-navi-2017 ul li a:hover {
  color: #000;
}
#main-navi-2017 ul li a.active {
  color: #000;
}

/* show all sub navis on hover */
#main-navi-2017 ul li:hover > ul ,
#main-navi-2017 ul li:hover > ul > li > ul {
  left: 0;
  display: block;
}


/* 2. ebene */
#main-navi-2017 li ul {
  display: none;
  position: absolute;
  left: -10000px;
  width: 100%;  /* auto */
  background-color: #eaeaea;
  padding-bottom: 20px;
  padding-top: 5px;
}
#main-navi-2017 li ul li {
  float: none;
  white-space: normal;
  width: auto;
  background-color: #eaeaea;
  border: 0;
}
#main-navi-2017 li ul li a {
  color: #000;
  font-weight: normal;
  padding-left: 8px;
  margin-left: 13px;
  text-indent: -13px;
}
#main-navi-2017 li ul li a:hover {
  color: #000;
}
#main-navi-2017 li ul li a.active {
  color: #000;
}
#main-navi-2017 li ul li a img {
  display: inline-block;
  margin-right: 5px;
}

/* 3. ebene */
#main-navi-2017 li li ul {
  padding-left: 16px;
  padding-top: 0;

}
#main-navi-2017 li li ul li {

}
#main-navi-2017 li li ul li a {

}


/* HEADER */
#header {
  background-image: url("pix/s-w_back.gif");
}

#head-logo-pos {
  float: left;
  background-color: #ccc;
  width: 30%;
}
#head-logo {
  margin-left: 30px;
  padding-top: 8px;
}

#head-speech-pos {
  background-color: #ccc;
  background-image: url("pix/sw_verlauf.gif");
  background-position: right center;
  background-repeat: repeat-y;
  float: left;
  padding-left: 20px;
  padding-top: 33px;
  padding-bottom: 24px;
  width: 50%;
}
#head-speech-pos ul {
  float: right;
  margin: 0;
  padding: 0;
  /*width: 100%;*/
}
#head-speech-pos li {
  list-style: none;
  float: left;
  margin-right: 10px;
  /*width: 18%;*/
}
.head-button {
  font-size: 9pt;
}
.head-button a {
  display: block;
  border: 1px solid #000;
  color: #000;
  background-color: #cccccc;
  width: 90px;
  text-align: center;
}
.head-button a.active {
  color: #c10070;
}
.head-button a:hover {
  color: #c10070;
}

#head-tree-pos {
  float: right;
  width: 20%;
}
#head-tree {
  margin: 9px 0 0 20px;
  text-align: left;
}




/* INHALT */

.prod-sel-navi {
  text-align:  center;
  margin-bottom:  25px;
}
.prod-sel-navi-bottom {
  margin-top:  35px;
}

#inhalt {
  background-image: url("pix/m-w_back.gif");
  background-size: 7px 2px;
  background-repeat: repeat-y;
  position: relative;
}
#inhalt_p {
  width: 17cm;
  margin-left: 7px;
}
#content-main {
  padding-top: 50px;
}
/*
#m-w {
  background-image: url("pix/m-w_back.gif");
  width: 7px;
  margin-top: 1px;
}
*/
#td_left {
  width: 80%;
}
#stat_filter {
  width: 200px;
}
#stat_navi {
}
#text {
  max-width: 665px;
  margin-left: 22px;
  margin-right: 40px;
}
#text_2 {
  margin-left: 24px;
  margin-top: 20px;
  /*border: 1px solid;*/
  /*background-color: #ccc;*/
}
#td_aktuell {
}
#td_aktuell_inner {
  width:  166px;  /* width + padding */
}
#td_aktuell_inner_squeeze {
  padding:  90px 0 15px 0 ;
}
#aktuell {
  /*margin-top:  90px;*/
  /*width:  166px;*/
  line-height:  15px;
  background-color:  #eeeeee;
}
#aktuell_uber {
  line-height:  15px;
  padding:  5px;
  background-color:  #dddddd;
}
#aktuell_text {
  /*width:  156px;*/
  line-height:  15px;
  padding:  5px;
}

#platz_ueber_banner {
  height: 70px;
}
#wk_klein_pos {
  /*
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 10px;
  */
  margin-bottom:  35px;
  /*width:  166px;*/
  text-align: left;
  background-color: #eeeeee;
  border: 1px solid #C10070;
}
#wk_klein_kopf {
  line-height: 15px;
  padding: 5px;
  background-color: #dddddd;
  font-weight: bold;
}
.wk_klein_kopf_li {
  width:  25px;
  display:  none;
}
.wk_klein_kopf_re {
  font-weight: bold;
}
.wk_klein_kopf_re a {
  cursor: help;
}
#wk_klein_body {
  padding: 4px;
}
#wk_klein_body_link {
  width: 145;
}
.wk_klein_body_prod {
  margin-bottom: 10px;
}
.wk_klein_liste {
  text-indent: -18px;
  margin-left: 18px;
  font-size: 11px;
  margin-top: 4px;
}
.wk_klein {
  font-size: 11px;
}
.wk_checkbox {
  margin:  0px 2px;
}
.wk_klein_link {
  color: black;
}
.wk_klein_link:hover {
  text-decoration: underline;
}
.wk_form_prodsel {
}
.wk-form-prodsel-liste {
  display:  inline-block;
  background:  #eeeeee;
  padding:  0px 4px;
}
.wk-form-prodsel-details {
  display:  inline-block;
  background:  #eeeeee;
  padding:  0px 4px;
}
.wk-form-prod-liste {
}
a.wk-hilfe-link {
  color:  #555555;
  cursor:  help;
}
a.wk-hilfe-link:hover {
  color:  #C10070;
}

.popup_tip {
    font: 12px Verdana,Arial,Helvetica,sans-serif;
    border: solid 1px black;
    width: 250px;
    padding: 5px;
    position: absolute;
    z-index: 100;
    visibility: hidden;
    color: black;
    /*top: 20px;
    left: 90px;*/
    background-color: #f9f9f9;
    /*layer-background-color: #fff;*/
}

#td_right {
}
#td_right_inner {
  width:  186px;  /* bannerbreite + 20 + 10 (padding) */
}
#td_right_inner_squeeze {
  padding:  40px 5px 20px 15px ;
}
#banner {
  padding:  0px 5px 0px 5px ;
  /*margin-top: 20px;*/
  /*margin-left: 20px;*/
  /*margin-right: 10px;*/
  /*width: 156px;*/
  line-height: 15px;
  /*border: 1px solid;*/
}

#footer {
  background-color: #cccccc;
  margin-top: 1px;
  /*text-align: center;*/
}
#footer_p {
  margin-top: 1px;
}
.foot_1 {
  padding: 2px;
  margin-left: 28px;
  /*margin-right: 220px;*/
}

#bittewarten {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100px;
  display: none;
  z-index: 100;
}


/* debug */
.debug {
  /*margin-top: 100px;*/
}

/* statistik */
.page-statistik #td_left {
  width: 100%;
}
.page-statistik #td_right {
  display: none;
}
.page-statistik #text {
  max-width: 950px;
}