#container   {font-family: Tahoma, Arial, Helvitica, sans-serif; font-size:14px;}
#container .aktiv {color:#ffd036;font-weight:bold;}
#container img   {border: 0;}


#container {margin: 0 auto; width: 100%;}
.bereiche {margin-top:20px;}
.bereiche div {background: #999999;
    width: 24.5%;
    display: block;
    float: left;
    padding: 10px 0;
    margin-right: 4px;
    margin-bottom: 4px;
    color: #ffffff;
    font-weight: bold;
    cursor: pointer;
    line-height: 17px;
    min-height: 36px;
    text-align: center;}
.bereiche div.last {margin-right:0;}
.bereiche div:hover, .bereiche div.aktiv {background:#ffe001; color:#363137;}

.bereiche a.bereich {background:url(/default-wAssets/img/productfinder/bereich.jpg) no-repeat right center;display:inline-block;padding-right:10px; color:#ffffff;}
.bereiche div.aktiv a.bereich, .bereiche div:hover a.bereich {background:none; padding:0;color:#363137;}

.bereiche a {text-decoration: none;}

.productfinder          {overflow: hidden; margin-top:20px;}
.productfinder,
.productfinderarticle      {border:1px solid #cecece; padding:0 18px 14px; }
table, table.produkte       {width:100%; text-align:left;  color:#636363; margin:0; padding:0; border-spacing:0; }

.subsegments_wrapper,
.brands_wrapper
{
  float: left;
  max-height: 250px;
  overflow: auto;
}

.subsegments_wrapper
{
  width: 40%;
}


.brands_wrapper
{
  width: 60%;
}

@media (max-width: 768px) {
  .subsegments_wrapper,
  .brands_wrapper,
  .bereiche div {
    width: 100%;
  }
  .brands_wrapper {
    padding-top: 15px;
  }
  .productfinder, .productfinderarticle {
    padding: 6px 18px 14px;
  }
}

table.produkte td, table th   {padding: 3px 0 3px 18px;}
table th:first-child       {color:#ffce0c;}
table.brands th:first-child    {color:#636363;}
table th             {font-weight:bold; border-bottom: 1px solid #cecece; padding: 6px 0 6px 18px;}
table.produkte           {margin-top:10px;}
table.produkte tr         {background:#f8f8f8;}
table.produkte tr:nth-child(2n) {background:#ffffff;}
table.produkte td a       {color:#323232;}
table th            {width:35%;}
table.produkte td a:hover,
table.produkte td a.aktiv,
table th:last-child,
table.produkte tr:first-child td:last-child   {// width:25%;}

.prouctfinderbottom         {padding: 25px 18px; position: relative;}
.prouctfinderbottom span.ergebnis,
.prouctfinderbottom span.seiten   {padding: 0 25px 0 0;}

.productfinderarticle table th:first-child,
.productfinderarticle table.produkte tr:first-child td:first-child   {width:18%;}
.productfinderarticle table th:nth-child(2),
.productfinderarticle table.produkte tr:first-child td:nth-child(2)   {width:25%;}
.productfinderarticle table th,
.productfinderarticle table.produkte tr:first-child td {width:20%;}
.productfinderarticle table.produkte tr td .gear {
  background: url('/default-wAssets/img/productfinder/gear.png') center center no-repeat;
  width:18px;
  height:19px;
  display:inline-block;
  top: 2px;
  position: relative;
}
.productfinderarticle .icon {background: url(/default-wAssets/img/productfinder/icons.png);}
.productfinderarticle .mail, .productfinderarticle .mailaktiv {width:18px; height:15px; background-position:-4px -21px; display:inline-block;margin-right:7px;}
.productfinderarticle .text, .productfinderarticle .textaktiv {width:18px; height:15px; /*background-position:-29px -21px;*/ background:transparent; display:inline-block;margin-right:7px;}
.productfinderarticle .info, .productfinderarticle .infoaktiv {width:18px; height:15px; background-position:-54px -21px; display:inline-block;}
.productfinderarticle .mail:hover, .productfinderarticle .mailaktiv {background-position:-4px -2px; width: 18px;}
.productfinderarticle .text:hover, .productfinderarticle .textaktiv {/*background-position:-29px -2px;*/}
.productfinderarticle .info:hover, .productfinderarticle .infoaktiv {background-position:-54px -2px;}

.productfinderarticle tr td:first-child span {margin-top:5px;}

table.brands td,
table.subsegments td,
table th               {padding: 3px 0 3px 18px;}
table th:first-child         {color:#ffce0c;}
table.subsegments th:first-child,
table.brands th:first-child      {color:#636363;}
table th               {font-weight:bold; border-bottom: 1px solid #cecece; padding: 6px 0 6px 18px;}
table.subsegments           {margin-top:10px;}
table.brands             {margin-top:10px;}
table.subsegments tr         {background:#f8f8f8;}
table.brands tr           {background:#f8f8f8;}
table.subsegments tr:nth-child(2n)   {background:#ffffff;}
table.brands tr:nth-child(2n)     {background:#ffffff;}
table.subsegments td a         {color:#323232;}
table.brands td a           {color:#323232;}
table th              {width:35%;}
table.brands td a:hover,
table.brands td a.aktiv,
table.subsegments td a:hover,
table.subsegments td a.aktiv,
table th:last-child,
table.brands tr:first-child td:last-child,
table.subsegments tr:first-child td:last-child {width:25%;}

.prouctfinderbottom         {padding: 25px 18px;}
.prouctfinderbottom span.ergebnis,
.prouctfinderbottom span.seiten   {padding: 0 25px 0 0;}

/*.productfinderarticle table th:first-child,
.productfinderarticle table.produkte tr:first-child td:first-child   {width:15%;}
.productfinderarticle table th:nth-child(2),
.productfinderarticle table.produkte tr:first-child td:nth-child(2)   {width:25%;}
.productfinderarticle table th,
.productfinderarticle table.produkte tr:first-child td {width:20%;}

.productfinderarticle .icon {background: url(/default-wAssets/img/productfinder/icons.png);}
.productfinderarticle .mail, .productfinderarticle .mailaktiv {width:18px; height:15px; background-position:-4px -21px; display:inline-block;margin-right:7px;}
.productfinderarticle .text, .productfinderarticle .textaktiv {width:18px; height:15px; background-position:-29px -21px; display:inline-block;margin-right:7px;}
.productfinderarticle .info, .productfinderarticle .infoaktiv {width:18px; height:15px; background-position:-54px -21px; display:inline-block;}
.productfinderarticle .mail:hover, .productfinderarticle .mailaktiv {background-position:-4px -2px;}
.productfinderarticle .text:hover, .productfinderarticle .textaktiv {background-position:-29px -2px;}
.productfinderarticle .info:hover, .productfinderarticle .infoaktiv {background-position:-54px -2px;}

.productfinderarticle tr td:first-child span {margin-top:5px;}*/

img.pagelink {cursor:pointer;cursor:hand; }
.ganz-weg {display: none;}
.weg {visibility: hidden;}
.mCSB_dragger{background: #cdcdcd}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background: #cdcdcd !important;}
.mCustomScrollBox > .mCSB_scrollTools {
    opacity: 1 !important;
  right: 5px !important;
  width: 9px !important;
}

.disclaimer {
  display: none;
  width: 600px;
  padding: 20px;
  top: 50%;
  left: 50%;
  margin-left: -320px;
  margin-top: -100px;
  position: fixed;
  border: 1px solid #FFE001;
  border-radius: 10px;
  background: #F8F8F8;
  cursor:pointer;
  cursor:hand;
}

.rechtliches {
  position: absolute;
  right: 20px;
  top: 23px;
  width: 100px;
  text-align: right;
}

.rechtliches img {
  position: relative;
  top: 3px;
}

.disclaimer p {
  margin: 10px 0;
}