/* ******* clearfix  ********/
      .clearfix:after {
       content: ".";
       display: block;
       height: 0;
       clear: both;
       visibility: hidden;
      }

      .clearfix {display: inline-table;}

      /* hides from ie-mac \*/
      * html .clearfix {height: 1%;}
      .clearfix {display: block;}
      /* end hide from ie-mac */
   /* ******* clearfix  ********/

   /* DEFAULT */
   html, body {margin: 0; padding: 0; height: 100%; background: #000;}
   * {margin: 0; padding: 0; border: 0;}

   /* STRUCTURE */
   #topNav {
      height: 20px;
      width: 523px;
      padding: 0 20px;
	  margin: 0 auto;
      background-color: #CF1F2F;
      font-size: 9px;
      text-align: center;
      list-style: none;
	  padding-top:3px;
	  /*position: relative;*/
   }
   
   #topNav2 {
      height: 20px;
      width: 1086px;
      padding: 0 20px;
	  margin: 0 auto;
      background-color: #CF1F2F;
      font-size: 9px;
      text-align: center;
      list-style: none;
	  padding-top:3px;
   }

   #topNav3 {
      height: 20px;
      width: 860px;
	  max-width: 860px;
      padding: 0 20px;
	  margin: 0 auto;
      background-color: #CF1F2F;
      font-size: 9px;
      text-align: center;
      list-style: none;
	  padding-top:3px;
   }

   #wrapper {
      width: 1126px;
      margin: 0 auto;
      padding: 0 2em;
      text-align: center;
   }
   #wrapper3 {
      width: 900px;
      margin: 0 auto;
      padding: 0 2em;
      text-align: center;
   }
   #wrapper2 {
	  width: 523px;
	  max-width:1126px;
	  margin: 0 auto;
	  padding: 0 2em;
	  text-align: center;
   }

   #topNav a {display: block; font-size: 1.25em; font-weight: bold; color: #fff; line-height: 145%;}
   #topNav a:hover {color: #ddd;}
   #topNav2 a {display: block; font-size: 1.25em; font-weight: bold; color: #fff; line-height: 145%;}
   #topNav2 a:hover {color: #ddd;}
   #topNav3 a {display: block; font-size: 1.25em; font-weight: bold; color: #fff; line-height: 145%;}
   #topNav3 a:hover {color: #ddd;}


   ul#navigation {
      width: 100%; height: 2em;
      float: left;
      display: block;
      margin: 0.5em 0 0 !important;
      padding: 0 !important;
      list-style: none;
   }

   ul#navigation li {
      margin: 0 !important;
      padding: 0 !important;
      width: 100px;
      display: inline-block;
   }
   ul#navigation a {
      display: block;
      padding: 0 1em 0.2em !important;
      background: #CF1F2F;
      color: #fff;
      line-height: 1.8em;
   }
   ul#navigation a:hover { background: #BF0B1F; }

   div.page {
      width: 563px;
      height: 61em; overflow: hidden;
      position: relative;
      padding: 5em 0 23em 0;
      float: left;
      background: #cccbcc;
      text-align: left;
   }
   div.pagein {
      width: 49.99%;
      height: 61em; overflow: hidden;
      position: relative;
      padding: 5em 0 23em 0;
      float: left;
      background: #cccbcc;
      text-align: left;
   }

   div.home { float: none; margin: 0 auto; }
   div.pLeft { background: #fff; clear: left; }
   div.pRight {  }

   img.lead {
      position: absolute; top: 0; left: 0;
      float: left;
      width: 14em;
      margin-right: 3em;
      border: 1px solid #fff;
      border-width: 0px 1px 1px 0;
   }

   div.heading {
      height: 5.5em !important; overflow: visible;
      margin: 0;
      padding: 2.5em 0 1.5em 3em;
      background: #ccdcf1;
   }
   .pLeft div.heading {padding-left: 16.5em; }


   div#heading, .home div.heading {
      position: relative; overflow: visible;  clear: both;
      height: 6em !important;
      margin: 0; padding: 0;
      padding-top: 8em;
      background: transparent url('../p/brochure/berge.jpg') bottom center no-repeat;
   }

   img#logo {
         border: 0;
         float: right;
         margin: 0 3em 0em;
   }

   #heading_b, .home img.lead {
      top: 0px; left: 50px;
      width: 180px; height: auto;
      border: 0; margin: 0;
   }

   div.imgCol {
      width: 10em;
      float: left; clear: left;
      margin: 0 2em 0 3em;
      border-right: 1px solid #fff;
   }
   .pLeft div.imgCol { margin-right: 1em;}
   .pLeft>div.imgCol { margin-right: 3em;}

   div.imgCol img {
      width: 90px;
      height: 75px;
      margin: 3em 0 0 0;
   }

   .maintext {
      width: 37em;
      padding-right: 2em;
      float: right;
   }
   .home .maintext {
      width: auto;
      padding: 0; float: none;
      margin: 0 4em 0 5em;
   }

   .coatingBox {
      position: absolute; bottom: 1em; right: 0;
      width: 100%; min-width: 37em;
      height: 20em !important;
      margin: 1em 0 0 0;
      padding: 1em 0;
      background: #ccdcf1;
   }

   .pLeft .coatingBox {
      width: 38em;
      margin-left: 13em;
      padding-left: 3em;
   }
   .pLeft > .coatingBox {
      width: auto;
      margin-left: 13em;
      padding-left: 3em;
   }

   .coatingSet, .triSet {
      float: left;
      width: 31%;
      margin-left: 0.5em;
   }

   .pLeft .coatingSet, .twoSet {
      float: left;
      width: 49.5%;
   }

   .first {margin-top: 0 !important;}

   /* TABLES */

   table {
      margin: 2em 1em;
      border-collapse: collapse;
   }

   table#qsl {
      clear: both;
      margin: 1em 0;
   }

   tr {border: 0; padding: 0; margin: 0;}
   tr.oddRow td {background: #DFDFDF; }

   th, td {
      padding: 0.2em 0.5em 0.2em 0.5em;
      background: #eee;
      border-collapse: collapse;
      border: 1px solid #999;
      text-align: left;
      font-size: 0.9em;
      line-height: 1.1em;
      vertical-align: middle;
   }

   th {
      height: 2em;
      background: rgb(147, 149, 152);
      font-weight: bold;
      color: #fff;
   }

   #qsl td, #qsl th {
         font-size: 1em;
         font-weight: normal;
   }


   /* TYPOGRAPHY */
   body { font-size: 62.5%; font-family: Arial, Verdana, sans-serif; } /* 76% resets 1em to 12px; 62.5% resets to 10px; */

   h1, h2, h3, h4, h5, h6 {margin: 0; font-size: 1em; line-height: 140%; color: #BF0B1F;}

   h1 { font-size: 2em; margin: 1em 0 0;}
   h2 {font-size: 1.3em; margin: 0; line-height: 125%;}
   h3 {font-size: 1.1em; margin: 1em 0 0.5em; line-height: 130%;}
   .heading h3 {margin: 0 0 0.5em;}
   .coatingBox h3 { line-height: 200%; margin: 0; padding:0;}
   .coatingBox h4 { line-height: 100%;}
   .coatingBox h4 { display: block; min-height: 2em;}
   h4 {font-size: 1.1em; color: #222; margin-top: 0.5em;}

   p  {margin-right: 3em; font-size: 0.95em;}
   a { font-weight: bold; text-decoration: none;}

   ul {
      list-style: disc;
      list-style-position: outside;
      margin: 0 0.8em 0 0.8em;
   }
   li {float: none;}
   
   li.pad10 {margin-left:5px;}


   img {border: 1px solid #999; }

   .small, .caption {
      font-size: 0.84em;
      font-family: Verdana, "Trebuchet MS", Trebuchet, sans-serif;
   }
   .caption {margin: 0 1em 2em 0; padding: 0; }

   .vertical {
      layout-flow: vertical-ideographic;
   }
/*]]>*/