﻿html 
{ 
    overflow: -moz-scrollbars-vertical; 
}

html 
{ 
    overflow-x: auto; 
}

body 
{
    font-size: 11px;
    font-family: verdana,arial,sans-serif;
    color: #666;
    line-height: 18px;
}

h1 
{
    font-size: 30px;
    font-family: arial,sans-serif;
    font-weight: normal;
    color: #666;
    padding: 15px 0 20px 0;
}

a, a:visited, a:active 
{
    text-decoration: none;
    font-weight: bold;
    color: #666;
}

a:hover 
{
    color: #333;
}

.fontBold
{
    font-weight:bold;
}

.paddingLeft10
{
    padding-left: 10px;
}

/* MAIN MASTER PAGE: START */
.contentBoxPage
{
    z-index:100;
    text-align: left;
    width:950px;
    margin-left: auto;
    margin-right: auto;
}

.contentBoxHeaderLogo
{
    float:left;
    height:70px;
    width:inherit;
    clear:both;
    margin-top:18px;
}

.contentBoxHeaderLogoInner
{
    float:left;
    width:inherit;
    text-align:right;
}

.contentBoxHeaderCertification
{
    float:left;
    height:51px;
    width:inherit;
    margin-top:16px;
}

.contentBoxHeaderCertificationInner
{
    float:left;
    width:inherit;
    text-align:left;
}

.contentBoxHeaderMenu
{
    float:left;
    width:inherit;
    text-align:left;
    clear:both;
    height: 23px; 
    border-bottom: 1px solid #999;
    margin-top:13px;
    margin-bottom: 8px;
    position: relative;
    z-index:10000;
}

.contentBoxHeaderMenuLanguages
{
    float:left;
    width:inherit;
    text-align:left;
    clear:both;
    height: 23px; 
    margin-top:-5px;
    margin-bottom: 8px;
    position: relative;
}


.contentBoxMenuLeft
{
    float:left;
    text-align:left;
    padding-right:130px;
}

.horizontalPageSeparator
{
    float:left;
    width:950px;
    height:1px;
    background-image: url(../Images/horizontal_page_separator.gif);
    background-repeat:no-repeat;
    margin-top:4px;
}

.contentBoxMain
{
    float:left;
    width:950px;
    margin-top:12px;
}

.contentBoxFooter
{
  width: 950px;
  font-weight: normal;
  text-align: left;
  margin-top: 8px;
  padding-top: 16px;
  padding-bottom: 32px;
  position: relative;
  border-top: 1px solid #999;
  float:left;
}
/* MAIN MASTER PAGE: END */


/* TWO COLUMNS MASTER PAGE: START */
.contentLeftColumn
{
    float:left;
    width: 309px;
}

.contentRightColumn
{
    float:left;
    width: 640px;
    padding: 0;
}

.contentLeftColumn h3
{
    font-size: 11px;
    line-height: 18px;
    font-weight: bold;
    margin: 0;
    padding: 16px 16px 0 0px;
}

.contentRightColumn h1 
{
  font-size: 30px;
  font-weight: normal;
  font-family: arial, verdana;
  line-height: 35px;
  padding: 0 16px 6px 10px;
  margin: 0 0 0 0;
}

.contentRightColumn h2 
{
  font-size: 20px;
  font-weight: normal;
  font-family: arial, verdana;
  line-height: 24px;
  padding: 16px 16px 0 10px;
  margin: 0; 
}

.contentRightColumn h3 
{
  font-size: 11px;
  line-height: 18px;
  font-weight: bold;
  margin: 0;
  padding: 16px 16px 0 10px;
}

.contentRightColumn p 
{
  font-size: 11px;
  line-height: 18px;
  margin: 1em 0 0 0;
  padding-left: 10px;
}

.contentRightColumn p.smaller /* var kleiner */
{
  font-size: 10px;
  line-height: 14px;
  margin: 1em 0px;
}

.contentRightColumn p.top 
{
    text-align: right;
    padding: 0;
    margin: 0;
    margin-top:10px;
}

.contentLeftColumn p.smaller /* var kleiner */
{
  font-size: 10px;
  line-height: 14px;
  margin: 1em 0px;
}

.list ul 
{
  padding: 6px 0 0 14px;
  margin: 0 0 0 13px;
  list-style: circle;
}

/* TWO COLUMNS MASTER PAGE: END */

/* START PAGE: START */
.startPageProductCategoryImageHolder
{
    float:left;
    width:145px;
    text-align:left;
    margin-right:16px;
}

.startPageProductCategoryImageHolderLast
{
    margin-right:0px;
}

/* START PAGE: END */

.productCategoryBackgroundColor
{
    width: 306px;
    float: left;
    clear: both;
}

.contentRightColumnInner 
{
    float: left;
    width: 644px;
    padding: 0;
    text-align: left;
}

.contentRightColumnInner h1 
{
  font-size: 30px;
  font-weight: normal;
  font-family: arial, verdana;
  line-height: 35px;
  padding: 0 16px 6px 16px;
  margin: 0 0 0 0;
}

.contentRightColumnInner h2 
{
  font-size: 20px;
  font-weight: normal;
  font-family: arial, verdana;
  line-height: 24px;
  padding: 0px 16px 0 16px;
  margin: 0; 
}

.contentRightColumnInner p 
{
  font-size: 11px;
  line-height: 18px;
  margin: 1em 0 0 0;
  padding-left: 16px;
}

.contentRightColumnInner img 
{
  padding: 0;
  border: 0;
  margin: 0;
}

.contentRightColumnInner table 
{
    margin-left: 0px;
    margin-top: 0px;
    width: auto;
    border-collapse: collapse;
}

.contentRightColumnInner td, .contentRightColumnInner th, .contentRightColumnInner tr 
{
    color: #666;
    padding: 16px 0px 0 0;
}

.contentRightColumnInner td 
{
    font-size: 11px; 
}

.contentRightColumnInner .column1
{
    width: 214px
}

.contentRightColumnInner .column2 
{
    width: 215px
}

.contentRightColumnInner .column3 
{
    width: 215px
}

.contentRightColumnProductsInner
{
    float: left;
    width: 644px;
    padding: 0;
    text-align: left;
}

.contentRightColumnProductsInner h1 
{
  font-size: 30px;
  font-weight: normal;
  font-family: arial, verdana;
  line-height: 35px;
  padding: 0 16px 6px 16px;
  margin: 0 0 0 0;
}

.contentRightColumnProductsInner h2 
{
  font-size: 20px;
  font-weight: normal;
  font-family: arial, verdana;
  line-height: 24px;
  padding: 16px 16px 0 16px;
  margin: 0; 
}

.contentRightColumnProductsInner h3 
{
  font-size: 11px;
  line-height: 18px;
  font-weight: bold;
  margin: 0;
  padding: 16px 16px 0 16px;
}

.contentRightColumnProductsInner p 
{
  font-size: 11px;
  line-height: 18px;
  margin: 1em 0 0 0;
  padding-left: 16px;
}

.contentRightColumnProductsInner p.smaller 
{
  font-size: 10px;
  line-height: 14px;
  margin: 1em 0px;
}


.contentRightColumnProductsInner p.top 
{
    text-align: right;
    padding: 0;
    margin: 0;
}

.contentRightColumnProductsInner img 
{
  padding: 0;
  border: 0;
  margin: 0;
}

.contentRightColumnProductsInner ul 
{
  padding: 6px 0 0 16px;
  margin: 0;
  list-style: none;
}

.contentRightColumnProductsInner a 
{
    font-weight: bold;
}


/***** Produkt-Tabelle *****/

.contentRightColumnProductsInner table 
{
    margin-left: 16px;
    margin-top: 0px;
    width: auto;
    border-collapse: collapse;
}

.contentRightColumnProductsInner td, .contentRightColumnProductsInner th, .contentRightColumnProductsInner tr 
{
    color: #666;
    padding: 16px 0px;
}

.contentRightColumnProductsInner td 
{
    border-bottom: 1px solid #ccc;
    font-size: 11px; 
}

.contentRightColumnProductsInner .spalte1 
{
    width: 145px
}

.contentRightColumnProductsInner .spalte2 
{
    width: 483px
}

.contentRightColumnProductsInner td p
{
    margin: 0 0 1em 0;
}


/***** Link-Tabelle *****/

.contentRightColumnProductsInner .productCategoryImageLarge 
{
    width: 306px
}

.contentRightColumnProductsInner .productCategoryShortCutHyperLinks
{
    width: 322px
}

.contentRightColumnProductsInner .productSystemMapArea
{
    width: 306px
}

.contentRightColumnProductsInner .productCategoryDescriptiveText
{
    width: 322px
}

.contentRightColumnProductsInner p.smaller /* var kleiner */
{
  font-size: 10px;
  line-height: 14px;
  margin: 1em 0px;
}


.productTableColumn1 
{
  float: left;
  width: 306px;
  padding: 0 0 16px 0;
  height: 100%;
  text-align: left;
}

.productTableColumn1  p 
{
  font-size: 11px;
  line-height: 18px;
  margin: 1em 0 0 0;
  padding-left: 16px;
}

.productTableColumn1 p.kleiner 
{
  font-size: 10px;
  line-height: 14px;
  margin: 1em 0px;
}

.productTableColumn1 img 
{
  padding: 0;
  border: 0;
  margin: 0;
}

.productTableColumn1 a 
{
    color: #666;
}

.productTableColumn1 a.heller 
{
    color: #ccc;
}

.productTableColumn1 a:hover 
{
 color: #000;
}


.productTableColumn2
{
  float: left;
  width: 644px;
  padding: 0;
 text-align: left;
}

.productTableColumn2 h1 
{
  font-size: 30px;
  font-weight: normal;
  font-family: arial, verdana;
  line-height: 35px;
  padding: 0 16px 6px 16px;
  margin: 0 0 0 0;
}

.productTableColumn2 h2 
{
  font-size: 20px;
  font-weight: normal;
  font-family: arial, verdana;
  line-height: 24px;
  padding: 16px 16px 0 16px;
  margin: 0; 
}

.productTableColumn2 h3 
{
  font-size: 11px;
  line-height: 18px;
  font-weight: bold;
  margin: 0;
  padding: 16px 16px 0 16px;
}

.productTableColumn2 p 
{
  font-size: 11px;
  line-height: 18px;
  margin: 1em 0 0 0;
  padding-left: 16px;
}

.productTableColumn2 p.kleiner 
{
  font-size: 10px;
  line-height: 14px;
  margin: 1em 0px;
}


.productTableColumn2 p.top 
{
    text-align: right;
    padding: 0;
    margin: 0;
}

.productTableColumn2 img 
{
  padding: 0;
  border: 0;
  margin: 0;
}

.productTableColumn2 ul 
{
  padding: 6px 0 0 16px;
  margin: 0;
  list-style: none;
}

.productTableColumn2 a 
{
    font-weight: bold;
}

/***** Produkt-Tabelle *****/

.productTableColumn2 table 
{
    margin-left: 16px;
    margin-top: 0px;
    width: auto;
    border-collapse: collapse;
}

.productTableColumn2 td, .productTableColumn2 th, .productTableColumn2 tr 
{
    color: #666;
    padding: 16px 0px;
}

.productTableColumn2 td 
{
    border-bottom: 1px solid #ccc;
    font-size: 11px; 
}

.productTableColumn2 .spalte1 
{
    width: 145px
}

.productTableColumn2 .spalte2 
{
    width: 483px
}

.productTableColumn2 td p
{
    margin: 0 0 1em 0;
}


/***** Link-Tabelle *****/

.productTableColumn2 .spalte_flaschen 
{
    width: 306px
}

.productTableColumn2 .spalte_links 
{
    width: 322px
}

/***** Haar-Schema-Tabelle *****/

.productTableColumn2 .schema 
{
    width: 306px
}

.productTableColumn2 .text 
{
    width: 322px
}

.leftPageColumnFullHeightOfPage
{
  float: left;
  width: 306px;
  padding: 0 0 16px 0;
  height: 100%;
  text-align: left;
}

.leftPageColumnFullHeightOfPage p 
{
  font-size: 11px;
  line-height: 18px;
  margin: 1em 0 0 0;
  padding-left: 16px;
}

.leftPageColumnFullHeightOfPage p.kleiner 
{
    font-size: 10px;
    line-height: 14px;
    margin: 1em 0px;
}

.leftPageColumnFullHeightOfPage img 
{
    padding: 0;
    border: 0;
    margin: 0;
}

.leftPageColumnFullHeightOfPage a 
{
    color: #666;
}

.leftPageColumnFullHeightOfPage a.heller 
{
    color: #ccc;
}

.leftPageColumnFullHeightOfPage a:hover 
{
    color: #000;
}
