﻿@charset "UTF-8";

a{outline:none;}
.thumb-intro { width: 100%; height: 72px; background-image: url('../img/tumb_intro.jpg'); background-position:  27px; background-repeat:no-repeat ; }
.thumb-beratung { width: 100%; height: 72px; background-image: url('../img/tumb_beratung.jpg'); background-position:  27px; background-repeat:no-repeat ; }
.thumb-fibo { width: 100%; height: 72px; background-image: url('../img/tumb_fibo.jpg'); background-position:  27px; background-repeat:no-repeat ; }
.thumb-production { width: 100%; height: 72px; background-image: url('../img/tumb_production.jpg'); background-position:  27px; background-repeat:no-repeat ; }
.thumb-lines { width: 100%; height: 72px; background-image: url('../img/tumb_lines.jpg'); background-position:  27px; background-repeat:no-repeat ; }
.thumb-production2 { width: 100%; height: 72px; background-image: url('../img/tumb_production2.jpg'); background-position:  27px; background-repeat:no-repeat ; }
.thumb-verkauf { width: 100%; height: 72px; background-image: url('../img/tumb_verkauf.jpg'); background-position:  27px; background-repeat:no-repeat ; }

.box-sideleft{padding:12px 6px 0px 12px;margin-bottom:0.5em;}
.box-content{padding:12px 6px 0px 6px;margin-bottom:0.5em;}
.box-banner{padding:12px 12px 0px 6px;margin-bottom:0.5em;}
.box-produkte{padding:0px 12px 0px 0px;margin-bottom:0.5em;}


  table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; border-top: 0px #888 solid; border-bottom: 0px #888 solid; }
 
  table caption { font-variant:small-caps; }
  table.full { width: 100%; }
  table.fixed { table-layout:fixed; }

  th,td { padding: 0.2em; }
  thead th { color: #000; border-bottom: 2px #800 solid; }
  tbody th { background: #e0e0e0; color: #333; }
  tbody th[scope="row"], tbody th.sub { background: #f0f0f0; }

  tbody th { border-bottom: 1px dotted #e0e0e0; text-align: left; }
  tbody td { border-bottom: 1px dotted #e0e0e0; }

  tbody tr:hover th[scope="row"],
  tbody tr:hover tbody th.sub { background: #bbb; }
  tbody tr:hover td { background: #bbb; }


#header {
	background-color:  #fff ;
	 background-image:url('../img/header-back2.jpg')
}

 .info {  background: #f8f8f8; color: #666; padding: 10px; margin-bottom: 0.5em; font-size: 91.7%; }
 .warning { background: #fee; color: #400; border: 2px #844 solid; padding: 10px; margin-bottom: 1em; }
 .important { background: #ffe; color: #440; border: 2px #884 solid; padding: 10px; margin-bottom: 1em; }
 .note { background: #efe; color: #040; border: 2px #484 solid; padding: 10px; margin-bottom: 1em; }
 
/*-------------------vlist------------------------*/

  /* title */
  h6.vlist {
    font-weight: bold;
    font-size: 100%;
    width: 90%;
    padding: 3px 0px 3px 10%; /* LTR */
    margin:0;
    color: #000;
    background-color: #fff;
    border-top: 2px #ddd solid;
    border-bottom: 4px #888 solid;
  }

  .vlist {
  /* font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;*/
    width: 100%;
    overflow: hidden;
    margin: 0 0 1.5em 0;
    list-style-type: none;
    border-bottom: 2px #ddd solid;
  }

  .vlist ul {
    list-style-type: none;
    margin:0;
    padding: 0;
  }

  .vlist li {
    float:left; /* LTR */
    width: 100%;
    margin:0;
    padding: 0;
  }

  .vlist a,
  .vlist strong,
  .vlist span {
  background-color: #F4F4F4;
    display:block;
    padding: 3px 0px 3px 10%;
    text-decoration: none;
    color:#888;
    border-bottom: 1px #ddd solid;
  }

  .vlist a,
  .vlist a:visited {
    color: #000;
  }

  .vlist li span {
    display:block;
    font-weight: bold;
    border-bottom: 1px #ddd solid;
  }
  
  .vlist li strong{
	background-color: #fff;
	color: #000;
}
  

  /* active list element */
  .vlist li.active {
    color: #fff;
    background-color:#888;
    font-weight: bold;
  }

  /* Level 1 */
  .vlist li a,
  .vlist li strong,
  .vlist li span { width: 90%; padding-left: 10%; } /* LTR */

  .vlist li a:focus,
  .vlist li a:hover,
  .vlist li a:active { background-color:#fff; color: #000; }

  /* Level 2 */
  .vlist li ul li a,
  .vlist li ul li strong,
  .vlist li ul li span { width: 85%; padding-left: 15%; } /* LTR */

  .vlist li ul li a, 
  .vlist li ul li a:visited { background-color:#e8e8e8; color: #333; }
  .vlist li ul li a:focus,
  .vlist li ul li a:hover,
  .vlist li ul li a:active { background-color:#fff; color: #000; }

  /* Level 3 */
  .vlist li ul li ul li a,
  .vlist li ul li ul li strong,
  .vlist li ul li ul li span { width: 80%; padding-left: 20%; } /* LTR */

  .vlist li ul li ul li a,
  .vlist li ul li ul li a:visited{ background-color:#e8e8e8; color: #222; }
  .vlist li ul li ul li a:focus,
  .vlist li ul li ul li a:hover,
  .vlist li ul li ul li a:active {  background-color:#fff; color: #000; }

  /* Level 4 */
  .vlist li ul li ul li ul li a,
  .vlist li ul li ul li ul li strong,
  .vlist li ul li ul li ul li span { width: 75%; padding-left: 25%; } /* LTR */

  .vlist li ul li ul li ul li a,
  .vlist li ul li ul li ul li a:visited { background-color:#e8e8e8; color: #111; }
  .vlist li ul li ul li ul li a:focus,
  .vlist li ul li ul li ul li a:hover,
  .vlist li ul li ul li ul li a:active {  background-color:#fff; color: #000;}
}

