/* CSS Kolarik & Leeb 
02.07.2008 12:04:15 */

/*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, h2 {
  font-family: Arial;
  color: #00484f;
  }
  .news {
  background-color: #fff;
  height: 240px;
  width: 380px;
  overflow: auto;
  }

  h1 {
  font-size: 16px;
  font-weight: bold;
  }

  h2 {
  font-size: 13px;
  font-weight: bold;
  }

  .special h2 {
  font-size: 16px;
  font-weight: bold;
  color: #00484f;
  background: url(point.gif) no-repeat left center;
  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;
  }

  /* 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;
  }
  /* Ende */
  
/*HTML Elemente Ende*/
  
  .clear {
  clear: both;
  }
    
/*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-repeat: no-repeat;
  }

/*Container Ende*/

/*Contentbox*/

  #content-pdf {
  background: #fff url(contentback.gif) no-repeat left top;
  width: 760px;
  margin: 0 0 0 9px;
  padding: 5px 10px 0 10px;
  text-align: left;
  font-family: Verdana;
  font-size: 11px;
  line-height: 1.5;
  }
  
  #content {
  background: #fff url(contentback.gif) no-repeat left top;  
  width: 760px;
  margin: 0 0 0 9px;
  padding: 5px 10px 5px 10px;
  text-align: left;
  font-family: Verdana;
  font-size: 11px;
  line-height: 1.5;
  }
  
  .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; margin-top: -9px;}
  
  .main li {
  float:left;
  margin: 122px 5px 0 5px;
  }

  .sub li {
  float:left;
  margin: 7px 0 15px 2px;
  }

/* 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;
  
  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;
  
  border-right: solid 1px #a3ccd5;
  }

  .crook table, .crook td, .crook tr {
  background: url();
  background-color: #ffffff;
  border:none;
  }
/*Colums Ende*/
 .marken { 
    margin-left: 10px;
    padding: 0px 0px 0px 8px;
    margin-top: 20px;
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial
  }
  
  .logobox {
    background: #fff;
    padding: 10px 0;
    margin: 10px;
    width: 780px;
    text-align: center;
  }
  
  .logobox img {margin: 2px 0;}
  .logobox a img { border:none;}
  
/*Foot*/
  .person {
  margin-bottom: 15px;
  height: 130px;
  }
  
  #foot {
  border-top: 1px #00484f solid;
  margin: 15px 0 0 10px;
  width: 780px; 
  font-size: 12px;
  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;
  }
  
  .wysiwygimg {
  clear:both;
  }

  .pdf {
    background: url(pdf.gif) no-repeat left center;
    padding-top: 15px;
    padding-left: 40px;
    font-weight: bold;
    height: 30px;
    display: block;
  }
  
  #pdfgenerate {
    background: #80cde0 url(prodpreise.jpg) top left no-repeat;
    width: 460px;
    height: 60px;
    margin: 5px 0 5px 0;
    padding: 10px 0 0 300px;
    text-align:left;
  }
  
  #pdfgenerate a {
    font-weight: bold;
    color: white;
  }
  
   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;
    padding: 6px;
    margin-right: 10px;
    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;    
  }
  
  /* Modul: Aktion */
  
  #topContent, #bottomContent {
  background: #fff url(contentback.gif) no-repeat left top;  
  width: 770px;
  margin: 0 0 0 9px;
  padding: 5px 10px 5px 0px;
  text-align: left;
  font-family: Verdana;
  font-size: 11px;
  line-height: 1.5;
  }
  
  #bottomContent {
    background: #fff;  
    padding-left: 10px;
    width: 760px;
  }
  
  h2.aktion { color: #006569;
               font-family: "DenimKL", "DenimKL_IE"; 
               font-size: 24px;
               margin: 0px 0 0 -10px;
               padding: 5px 0px 15px 20px;
               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; padding-left: 10px;}                   
  .aktionsProdukt h2 { color: #006569;
                       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;}