@charset "UTF-8";
/************************************************
Tested in: 
PC -> IE 6, IE 7, Firefox 2.0.0.16, FF3, Opera 9.62
MAC -> Firefox 2.0.0.16, FF3, Safari 3.2, Opera 9.62
EM's
************************************************/
@import url('nav.css');
@import url('cnt.css');
@import url('forms.css');
@import url('lists.css');
@import url('productfinder.css');
@import url('slimbox.css');
@import url('tooltip.css');
@import url('gallery.css');
/************************************************
  CLEARING
************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    /*font-weight: inherit;
    font-family: Arial, Helvetica, sans-serif;
    font-style: inherit;
    font-size: 101%;
    font-family: inherit;
    vertical-align: baseline;*/
    }
    
/* remember to define focus styles! */
:focus {
    outline: 0;
    }
    
body {
    line-height: 1;
    color: black;
    background: white;
    }
    
ol, ul {
    list-style: none;    
    }
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
    }
    
caption, th, td {
    text-align: left;
    font-weight: normal;
    }
/************************************************/
body { 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color:#666666;
    /*color:#000;
    background: #fff;*/
    line-height: 16px;
    /*padding: 15px 0 0 0;*/
    }
    
img {border:none;}
strong, .strong { font-weight: bold; }
/*p {padding: 0 0 6px 0;}*/
.clr {clear:both;}
.lt {float:left;}
.rt {float: right;}
#box_nojava {
    border:1px solid red;
    color:#BC100E;
    display:block;
    font-size:12px;
    font-weight:bold;
    margin:1px 0 20px 0;
    padding:4px;
    width: 940px;
    }
    
#box_nojava a {
    color:#BC100E;
    text-decoration:underline;
    }    
/************************************************
  HEADLINES (CONTENT & CONTEXT)
************************************************/
h1 {}
/* GLOBAL AND CNT */
h2 {
    font-size:22px;
    font-weight:normal;
    color:#5a5a5a;
    padding: 0 0 3px 0;
    line-height:25px;
    }
    
h3 {
    font-size:16px;
    font-weight: normal;
    color:#999999;
    line-height: 1.35;
    padding: 0 0 12px 0;
    }
h4 {
    font-size:12px;
    font-weight: bold;
    /*color:#666666;
    padding: 0 0 4px 0;*/
    }        
h5, h6 {
    font-size:12px;
    font-weight: bold;
    }
h6{ /*rubriken*/
    font-size:14px;
    padding: 0 0 4px 0;
}
    
/* CONTEXT */
.box_contxt h4 {
    font-size:14px;
    line-height:16px;
    font-weight: bold;
    color:#666666;
    padding: 0 0 4px 0;
    }
    
.box_contxt  h5, .box_contxt  h6 {
    font-size:12px;
    font-weight: bold;
    }    
#frame_left .box_contxt { float: none; width: 158px; }

    
/************************************************
  ANCHORS 
************************************************/
a {
    text-decoration:none;
    color:#666666;
    }
/*a:hover {
    text-decoration:none;
}*/
a.more_news:hover, a.more_teaser:hover, .box_cnt p a:hover, html .box_contxt a.more:hover, .box_cnt li a:hover {
    color: #c2284e !important;
    }
    
a.more {
    background: url('../images/images_admin/ico_arr_r.gif') no-repeat left 4px;
    text-decoration:none !important;
    display:block;
    color: inherit!important;
    padding: 0 0 0 12px;
    }    
a.more, a.more_news, .box_cnt p a {
    color: inherit!important
}
a.more_news, .box_cnt p a, .box_cnt li a {
    background: url('../images/images_admin/ico_arr_r.gif') no-repeat 6px 4px;
    padding: 0 0 0 18px;
    }        
    
a.more_news {
    background: url('../images/images_admin/ico_arr_r.gif') no-repeat 6px 4px !important;
    text-decoration:none !important;
    padding: 0 0 0 18px;
    margin-left: -4px;
    }  

.box_cnt p a {
    text-decoration: underline;
    margin-left: -4px;
}
.box_cnt li a {
    text-decoration: underline;
    margin-left: -4px;
}
.box_cnt p a.more_news {
    text-decoration: none;
    margin-left: 0;
}

.box_cnt p a:visited {
    color: #999;
}
.box_cnt p a:hover {
    color: #c2284e!important;
}
a.more_teaser {
    background: url('../images/images_admin/ico_arr_r.gif') no-repeat left center;
    text-decoration:none !important;
    padding: 0 0 0 12px;
    white-space: nowrap;
}

h3 a.more_teaser 
{
color:#999999;
}
* html h3 a.more_teaser 
{
display:inline-block;
}
    
    /*IEs have problems if link is at the edge of breaking the line, workaround follows: */
* html a.more_teaser, * html a.more_news {
    zoom:1;
}
*+html a.more_teaser, *+html a.more_news{
    zoom:1;
}
        
a.lst {
    background: url('../images/images_admin/ico_arr_r.gif') no-repeat left 4px;
    text-decoration:none;
    display:block;
    padding: 0 0 0 12px;
    }        
dt.prodNavLink {clear:left;}
a.rss {padding-left: 20px;}        
/*** ONLY FOR HEADLINES ***/
a.print {
    width:12px;
    height:12px;
    padding: 0 0 0 20px;
    background: url('../images/images_admin/ico_print.gif') no-repeat right top;
}
a.print:hover {
    background: url('../images/images_admin/ico_print_a.gif') no-repeat right top;
}
a.pdf{
     height:12px;
    width:12px;
    padding: 0 0 0 20px;
    background: url('../images/images_admin/ico_pdf.gif') no-repeat right top;
}
a.pdf:hover {
    background: url('../images/images_admin/ico_pdf_a.gif') no-repeat right top;
}    
/************************************************
  HEADER & METANAV & Search 
************************************************/
#frame_header .logo {
        padding:13px 0 0 20px;
        float:left;
        }

*+html #frame_header .logo { padding: 12px 0 0 20px; }
* html #frame_header .logo { padding: 12px 0 0 20px; } 
        
#frame_header .box_meta {
    float: right;
    width: 180px; /* Width: Need for IE6 */
    position:relative;
    z-index: 200;

    }

#frame_header div.clr {height:0px; overflow:hidden;}

    
#frame_header .box_meta .metaAnc {padding: 0 0 2px 0; height:14px; line-height:100%; font-size:11px;}
#frame_header .box_meta .metaAnc a:hover {
    color: #00B482;
}
    


    .box_search {height:18px}
*+html .box_search { height: 18px; position: relative; top: -2px; } 
* html .box_search { height: 18px; position: relative; top: -2px; }
    .box_search .search {width:154px; margin-right:2px; float:left}
    #frame_cnt .box_search {float:none; width: 180px; }
    #frame_cnt .box_search div.search {width:160px; float:left; }
    #frame_cnt .box_search input.search_input{float:left;}
    .box_search .btn {width:18px; float:right}
    #frame_header .box_search input.search_input , body #frame_cnt .box_search input.search_input {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#999;
    width:154px; /*154px */
    padding: 1px 0 1px 4px;
    border: 1px solid #bfcad3;  
    height:14px;
    }

* html .box_search div.search {margin-right:0;}
*+html .box_search div.search {margin-right:0;}

* html .box_search input.search_input {
    width:154px!important; /*154px */
    padding: 1px 0 1px 4px; 
    }
*+html .box_search input.search_input {
    width:154px!important; /*154px */
    padding: 1px 0 0px 4px;  
    }        
* html  #frame_cnt .box_search input.search_input {
    padding-right: 0;
    }
*+html #frame_cnt .box_search input.search_input {
    padding-right: 0;
    }        
#frame_cnt .box_search input.search_btn {height: 18px; width:18px!important; border:none;}
* html  .box_search input.search_btn {border-top:1px solid #fff;}
*+html  .box_search input.search_btn {border-top:1px solid #fff;}

.product_website_header {
    height: 87px;
}


#frame_header {
    width:950px;
    position: relative;
    z-index:10;
    padding: 17px 0 0 0;
}

*+html #frame_header { padding: 18px 0 0 0; } 
* html #frame_header { padding: 18px 0 0 0; }

#header_img_start {
    height:180px;
    background: #99e1cd url('../images/images_admin/bg_header.gif') repeat-y left top; 
    padding: 0 0 0 201px;
}
#header_img_start {
    position:relative;
}
    
#header_img_cnt {
  height: 115px;
    background: #99e1cd url('../images/images_admin/bg_header.gif') repeat-y left top;
    padding: 0 0 0 201px;
    }
    
#header_img_prod {
    height:30px;
    background: #99e1cd url('../images/images_admin/bg_header.gif') repeat-y left top; 
    padding: 0 0 0 201px;
    }


#header_img_cnt img, #header_img_prod img, #header_img_start img {display:block;}

/*autocomplete*/
#box_search_autocomplete {
    display: none;
    position:absolute;
    top: 35px;
    left: -70px;
    background: url('../images/images_admin/bg_search_autocomplete.gif') no-repeat;
    width: 250px;
    padding-top:16px;
    z-index: 200;
}
#box_search_autocomplete ul {
    background: #fff;
    border: 1px solid #ccc;
    border-width: 0px 1px 1px 1px;
    padding-bottom: 0px;
    padding-top: 10px;
}
#box_search_autocomplete ul li{
    clear:left;
    min-height: 50px;
    padding-bottom:6px;
}
* html #box_search_autocomplete ul li{
    height:50px; overflow: visible;
}

#box_search_autocomplete ul li.search_autocomplete_header{
    padding: 0 0 7px 10px;
    min-height: 1px;
    height: auto;
}
#box_search_autocomplete ul li.search_autocomplete_footer{
    padding: 3px 0 3px 10px;
    height: auto;
    min-height: 1px;
    border-top: 1px solid #f2f2f2;
}
#box_search_autocomplete ul li span{
    display:block;
    padding-left:71px;
}
#box_search_autocomplete ul li.search_autocomplete_header span {
    padding-left: 0;
}
#box_search_autocomplete ul li img {
    width: 49px;
    height: 49px;
    margin: 0 10px;
    float:left;
    border: 1px solid #f2f2f2;
}
/************************************************
  FRAMES 
************************************************/
#box_navTop {
    padding: 18px 181px 0 201px;
    margin: 0;
    width:568px;
    position:relative;
    z-index:9;
    }
#frame_wrapper {
    width:908px; 
    padding: 0 0 0 42px;
    }
    
#frame_left {
    float:left; 
    width:158px;
    }
    
#frame_cnt {
    float:left;
    width:731px;
    padding: 0 0 0 19px;
    position: relative;
    z-index:1;
    }    
/************************************************
  FOOTER 
************************************************/
#box_footer {
    font-size: 11px;
    line-height:14px; /*NEED????*/
    padding:71px 0 8px 177px;
    height:28px;
    clear:both;
    }
    
#box_footer a {
    font-size: 11px;
    color: #666666;
    }
#box_footer a:hover {
    font-size: 11px;
    color: #00b482;
    }