/* CSS Kolarik & Leeb 
04.07.2008 10:24:34*/

/*HTML Elemente*/
  @font-face { 
    font-family:"DenimKL_IE";
    src:url(DenimKL.eot); }

  @font-face { 
    font-family: "DenimKL";
    src: url(DenimKL.ttf); }   

  body {
   font-family: "Arial",Verdana , Helvetica, sans-serif;
   font-size: 12px;
   color: #000;
   padding: 0 0 0 0;
   margin: 0 0 0 0;
   background: #d2dedf url(headback.gif) repeat-x top ;
   width: 100%;
      /* CSS HACK Center for all Browsers */
   text-align: center; /* for IE */
      /* End */
   }
    
  a:link {
     color: #00484f;
     text-decoration: none;
  }

  a:visited {
     color: #00484f;
     text-decoration: none;
  }

  a:hover {
     color: #00484f;
     text-decoration: underline;
  }

  a:active {
     color: #00484f;
     text-decoration: underline;
  }

  a:focus {
	   -moz-outline-style: none;
  }
   
  ul {
  margin: 0 0 0 15px;
  padding: 0px;
  list-style-type: none;
  }
  
   h1 {
  font-size: 16px;
  font-weight: bold;
  color: #00484f;
  }

  h2 {
  font-size: 13px;
  font-weight: bold;
  color: #00484f;
  }

  .special {
  font-size: 16px;
  font-weight: bold;
  color: #00484f;
  background: url(point.gif) no-repeat left center;
  margin-left:15px;
  padding-left: 30px;
  }
  

  h3 {
  font-family: Verdana !important;
  font-size: 11px;
  font-weight: bold;
  color: #000;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  }

/*HTML Elemente Ende*/
  
  .clear {
  clear:both;
  }

  /* Spezial HR [Javascript hr/div wrapping] */
  div.line hr{ /* take out the troublemaking HR */
  display:none;
  }

  div.line { /* DIV that wraps and replaces the HR */
  background: transparent url(hr.gif) no-repeat center center;
  height: 7px;
  margin-bottom: 15px;
  }
  
/*Container*/
   
  #container {
  /* CSS HACK Center for all Browsers */
  margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	/* End */
  width: 798px;
  height: 222px;
  background-image:url(menu_back.jpg);
  background-repeat: no-repeat;
  }

/*Container Ende*/

/*Contentbox*/
  
  #content {
  background: #fff url(contentback.gif) no-repeat left top;
  width: 760px;
  margin: 0 0 0 9px;
  padding: 5px 10px 10px 10px;
  text-align: left;
  font-family: Verdana;
  font-size: 11px;
  line-height: 1.5;
  }
  
  #content img {
    border: none;
  }
  
  .cols:after
  {
  content: ".";
  visibility: hidden;         
  height: 0;
  display: block;
  clear: both;
  }
        
  .cols
  {
  display: inline-table;		
  height: auto ! important;
  height: 1%;
  }

/*Head*/
  .navtop {
  padding: 0px 0 0 0px;
  margin: 0 0 0 170px;  
  height: 0px;
  width: 400px;
  }
  
  *+html .navtop {
    height:45px;
  }

  .navtop li a:link, .navtop li a:visited, .navtop li a:active {
  text-decoration: none;
  color: #000;     
  display: block;
  width: 97px;
  padding-top: 10px;      
  padding-bottom: 20px;  
  padding-left: 0px;
  text-align: center;
  padding-left: 2px;
  }

  .navtop li:hover a,
  .navtop li a:hover {
    color:#381B01; 
    background: url(bg_meta_bottom.jpg) no-repeat left bottom;
    *background: url(bg_meta_bottom.jpg) no-repeat -1px bottom;
    font-weight: bold;
    padding-bottom: 20px;
  }
        
  .navtop li a:hover {
  text-decoration: none;
  color: #000;
  }

  .navtop li {
  float: left;
  margin: 0;
  width: 97px;
  text-align: center;        
  height: auto;  
  z-index: 22;
  }
  
  /* SUBNAV + HOVER-EFFECT */         
  
  body { behavior: url("files/template/csshover.htc"); } 
  
  .navtop ul  {        
    background: red;
    margin:0px;
    *margin-left: -49px;    
    z-index: 1;
    visibility: hidden;   
    position: absolute; 
    top:0;
    left: 10; /* to position them to the right of their containing block */
    width: 100px; /* width is based on the containing block */
    text-align: left;
    padding: 5px 0;
  }
  
  .navtop li:hover ul, 
  .navtop li a:hover ul {
    background: url(bg_meta_bottom.jpg) no-repeat bottom left;
    padding-bottom: 18px;
    visibility: visible;    
    display:block;
    position: absolute; 
    margin-top: 23px;
    width: 100px;
    z-index: 1;
    }
  
  .navtop li ul li a:link,
  .navtop li ul li a:visited, 
  .navtop li ul li a:active {
    display: block;
    width: 83px;
    color: #004950;
    padding: 5px 10px;
    font-weight: normal;   
  }
  
  .navtop li:hover ul li a{ 
    background: none;
  }
  
  .navtop li ul li a:hover {
    background-image:none;
    color: #00484F; 
    width: 83px;
    text-decoration: none;
    font-style: italic;          
    font-weight: normal;
    padding: 5px 10px;
  }
  /* Hovermenü end */
  
  .meta {
  font-size: 10px;
  color: #00484f;
  float:right;
  margin: 12px 10px 0 0;
  *margin: -33px 12px 0 0px;
  height: 33px;
  }
  
  * html .meta { 
    margin-right: 5px;
  } 
  
  .meta li a:link, .meta li a:visited, .meta li a:active {
    text-decoration: none;
    color: #00484f;
  }

  .meta li a:hover {
  text-decoration: underline;
  color: #00484f;
  }

  .meta li #active {
  text-decoration: bold;
  color: #00484f;
  }

  .meta li {
  display:inline;
  height: 30px;
  margin: 0 20px 0 0;
  }

  .main { float:left; *float:none;}
  
  .main li {
  float:left;
  margin: 113px 5px 20px 5px;
  }

  /* Holy Hack (IE 6) */
  * html .sub li {
  margin-top: 10px;
  }
/* Special IE7 Hack */
  *+html .sub li {
   margin-top:10px;
  }

/*Head Ende*/

/*Colums*/

 .left {
  float: left;
  width: 377px;
  }

  .right {
  float:right;
  width: 377px;
  }

  .left img, .right img {
  float:left;
  margin: 0 20px 0 0;
  }

  .left p, .right p {
  margin: 5px 0 15px 0;
  padding: 0 0 0 0;
  }
  
  table {
  margin-top: 10px;
  border-collapse: collapse;
  font-size: 12px;
  width: 100%;
  border-right: 2px solid #fff;
  background: rgb(190,230,239)
  }

  table td {
  border-right: 1px solid #a3ccd5;
  width: 33%;
  padding: 5px 0 5px 10px;
  }

  tbody tr {
  background: url(tablerow.gif) repeat-x left top;

  }
  thead tr {
  background: url(tablerow.gif) repeat-x left bottom;
  }

  table th {
  font-weight: bold;
  color: #093F46;
  text-align: left;
  width: 33.3%;
  border-right: solid 1px #a3ccd5;
  }
  
  .crook table, .crook td, .crook tr {
  background: url();
  background-color: #ffffff;
  border:none;
  }

  
  .news {
  padding: 5px;
  background-color: #fff;
  height: 238px;
  width: 385px;
  overflow: auto;
  float:right;
  }

 .news img {
  margin-top: 3px;
  float:left;
  }

  .news div {
  margin-right: 5px;
  }
  .newsclear {
  clear:both;
  }

/*Colums Ende*/
  
  .logobox {
  background: #fff;
  padding: 10px;
   }
  
   .logobox img {
    margin: 2px 0;
  }
  
  #contentDivider {
    background: #D2DEDF;
    margin-left: -10px;
    padding-top: 20px;
    margin-right: -20px;
    margin-top: 10px;
  }
  
/*Foot*/
  
  #foot {
  border-top: 1px #00484f solid;
  margin: 15px 0 0 10px;
  width: 780px;
  color: #00484F;
  font-weight: bold;
  }
  
  #foot span, #foot a {
  font-size: 10px;
  color: #d6e7eb;
  }
  
    .phone {
  background: url(phone.gif) no-repeat left center;
  padding-left: 15px;
  }

  .mail {
  background: url(mail.gif) no-repeat left center;
  padding-left: 15px;
  }

  .mobile {
  background: url(mobile.gif) no-repeat left center;
  padding-left: 15px;
  }

  .fax {
  background: url(fax.gif) no-repeat left center;
  padding-left: 15px;
  }

  .web {
  background: url(web.gif) no-repeat left center;
  padding-left: 15px;
  }
  
  h1 .negativ {
    color: white;
    font-weight: bold;
    background: url(../bg_h1.jpg);
    background-repeat: repeat-x;
    padding: 1px 2p;
    width: 100%;
    display:block;
  }
  
  h2 .negativ {
    color: white;
    font-weight: bold;
    background: url(../bg_h2.jpg);
    background-repeat: repeat-x;
    padding: 2px;
    width: 100%;
    display:block;
  }
  
  h3 .negativ {
    color: white;
    font-weight: bold;
    background: url(../bg_h3.jpg);
    background-repeat: repeat-x;
    padding: 0px 2px 4px 2px;
    width: 100%;
    display:block;
  }
  
  .leadin {
  padding-left:50px;
  }
  .pdf {
  background: url(pdf.gif) no-repeat left center;
  padding-top: 15px;
  padding-left: 50px;
  font-weight: bold;
  height: 38px;
  display: block;
  overflow:hidden;
  }
  
   .wysiwygimg {
  clear:both;
  }
  
   div.preisliste-mail {
    background: url(../preise1.jpg) no-repeat;
    width: 780px;
    height: 36px;
    margin: -10px 0 -10px -10px;
    padding: 36px 0 0 222px;
  }  

  .press {
    width: 128px;
    margin-right: 24px;

    margin-bottom: 10px;
    float:left;
  }
  
  .clear { clear:left;}
  
  /* Modul: Product Slider */
  
  a.slider {
    background: url(arrow_dwn.jpg) no-repeat 0px 6px;
    padding-left: 15px;
    display: block;
    outline: none;
    text-decoration:none;      
    font-size:13px; 
    font-weight: bold;
  }
  
  div.slider {
    padding-left: 15px;
  }
  
  a.open {
    background: url(arrow_up.jpg) no-repeat 0px 6px;
  }
  
  /* Modul: pdfDownload */
  
  .pdfDownload {
    border: 1px solid #84a2a4;
    background: #ecf4f7;
    padding: 5px 10px; 
    margin: 10px 0;
  }                                         
  
  .pdfDownload img {
    float: right;
    margin-top: -15px;
    *margin-top: -38px;
    *margin-right: 10px;    
  }
  
  /* Module: OrderBox */
  
  #orderBox {
    border: 1px solid #9eb5bb;
    padding: 20px 15px;
    background: url(orderBox/bg.gif) no-repeat left top;
  }
  
  #map, #orderBox ul, #bottle {
    float: left;
  }
  
  #map { margin: 0 40px; }
  
  #orderBoxClear {
    clear:left;
  }
  
  #orderBox ul li a {
    line-height: 24px;
    padding-left: 25px;
    font-size: 13px;
    font-weight: bold;
  }
  
  #orderBox ul li a:hover {
    background: url(orderArrow.jpg) left center no-repeat;
    text-decoration: none;
  }
  
    /* Modul: Aktion */
  
  .aktion { clear: both; }
  .aktion h2 { color: #00484F;
               font-family: "DenimKL", "DenimKL_IE"; 
               font-size: 24px;
               margin: 0px 0 0 -10px;
               padding: 5px 0px 15px 10px;
               background: url(aktion_h2_bg.jpg) no-repeat left bottom;}
               
  .aktionsProdukt { margin: 0 0 0 -10px;
                    padding: 0 0 20px 10px;
                    background: url(aktion_h2_bg.jpg) no-repeat left bottom; 
                  }    
                  
  .aktionsProdukt div {float: left;}                   
  .aktionsProdukt h2 { color: #00484F;
                       font-weight: bold; 
                       font-family: "Arial"; 
                       font-size: 24px; 
                       background: none;
                     }
  
  .aktionsProdukt div img { margin: -69px 0 0; float:left;}
  .aktionsProdukt .text { width: 200px; float:left; float: left; margin: 0 40px 30px 0; }
  .aktionsProdukt h3 { color: #006569;float:left; width: 100px; display: block; float:left;}
  .aktionsProdukt span { display:inline; float:left}
  .aktionsProdukt br {clear: left;}
  
  #leftCol{float:left; background: url(colLeft_bg.jpg) no-repeat 460px 0px;
                       margin: -5px 0 -10px 0;
                       padding: 5px 20px 10px 0;
                       width: 460px;
                      margin-bottom: 20px;
                      }
  #rightCol {padding-left: 00px; float:left; margin-bottom: 20px;} 
  .clearer {clear:left;}
  
  /* Modul Aktionsprodukte */
  
  #content .productRow { 
    color: #fff;
    background: url(productrow_bg.jpg) repeat-x #006569; 
    margin: 100px 0 80px 0;
    padding: 0;
    height: 70px;
  }
  
  .productRow .left, 
  .productRow .right {   
  }
  
  .productRow .left img, 
  .productRow .right img {
    margin: -76px 0 0 11px;
    
  }
  
  #content .productRow h2 { color: #fff; 
                            font-size: 16px;
                            font-weight: bold;
                            margin: 5px 0 0 10px;
                          }
  #content .productRow span {  display: block;
                               font-size: 11px;
                            }
 
  .ci { font-family: "DenimKL", "DenimKL_IE";
        font-size: 24px;
      }