@charset "utf-8";
* { 
margin : 0; 
padding : 0; 
} 
img { 
border : none; 
} 
.clear { 
clear : both; 
}
html {
overflow-x: hidden;
}
body { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 11px; 
color : #fff; 
} 
a { 
text-decoration : none; 
color : #fff; 
} 
a:hover { 
text-decoration : underline; 
} 
.container { 
/*width : 1200px; 
margin : 0 auto; */
position : relative; 

} 
.containerInner {
width : 960px; 
margin : 0 auto; 
position : relative; 

}
.containerInnerFix {
margin-left : -140px;
margin-right : -100px; 
position : relative; 

}
.header { 
height : 68px; 
position : relative; 
z-index : 901; 
} 
.logo { 
width : 143px; 
height : 123px; 
position : absolute; 
top : 0; 
left : 176px; 
background : url(../images/calgon.png) no-repeat 0 0; 
z-index : 902; 
} 
.logo a { 
width : 143px; 
height : 123px; 
display : block; 
} 
.logo span { 
display : none; 
} 
.nav { 
width : 906px; 
height : 34px; 
overflow : hidden; 
background : url(../images/navbg.png) no-repeat 0 0; 
position : absolute; 
top : 34px; 
left : 162px; 
z-index : 901; 
} 
.nav ul { 
height : 20px; 
padding : 7px 0 7px 343px; 
} 
.nav li { 
list-style : none; 
width : inherit; 
float : left; 
padding-left : 3px; 
background : url(../images/navspace.png) no-repeat 0 0; 
} 
.nav li.pos1 { 
padding-left : 0; 
background : none; 
} 
.nav li a { 
height : 20px; 
width : 50px; 
display : block; 
background-repeat : no-repeat; 
background-position : 0 0; 
} 
.nav li span { 
display : none; 
} 
.nav li.pos1 a { 
width : 87px; 
background-image : url(../images/navtxt_01.png); 
} 
.nav li.pos2 a { 
width : 149px; 
background-image : url(../images/navtxt_02.png); 
} 
.nav li.pos3 a { 
width : 87px; 
background-image : url(../images/navtxt_03.png); 
} 
.nav li.pos4 a { 
width : 64px; 
background-image : url(../images/navtxt_04.png); 
} 
.nav li.pos5 a { 
width : 100px; 
background-image : url(../images/navtxt_05.png); 
} 
.nav li.pos6 a { 
width : 66px; 
background-image : url(../images/navtxt_06.png); 
} 
.nav li.pos7 a { 
width : 77px; 
background-image : url(../images/navtxt_07.png); 
} 
.nav li.pos8 a { 
width : 48px; 
background-image : url(../images/navtxt_08.png); 
} 
.nav li a:hover { 
background-position : 0 -20px !important ; 
background-position : 0 -19px; 
} 
.stripe { 
width : 126px; 
height : 388px; 
background : url(../images/stripe.png) no-repeat 0 0; 
position : absolute; 
z-index : 900; 
top : 0; 
right : 130px; 
} 
.footer { 
text-align : center; 
} 
.footer li { 
display : inline; 
list-style : none; 
width : inherit; 
} 
.footer li a { 
padding : 0 5px; 
} 
.footer p { 
font-size : 10px; 
clear : both; 
} 
body.startseite { 
background : #00528c url(../images/bodybg01.gif) repeat-x; 
} 
.startseite .content01 { 
height : 432px; 
overflow : hidden; 
position : relative; 

} 
.startseite .main { 
padding-top : 7px; 
} 
.startseite .accordion { 
width : 285px; 
position : absolute; 
top : 53px; 
left : 633px; 
line-height : 16px; 
} 
.startseite .accordion h1 { 
height : 32px; 
cursor : pointer; 
padding-bottom : 1px; 
overflow : hidden; 
width : 275px; 
} 
.startseite .accordion h1 span { 
/*  display : none;   */
font-size : 15px; 
font-family: 'Arial Narrow', Helvetica;
font-weight: bold;
position:relative;
top:7px;
left:30px;
} 
.startseite .accordion h1.accordion01 { 
 background : url(../images/accordion_empty.png) no-repeat 0 -40px;  
} 
.startseite .accordion h1.accordion02 { 
 background : url(../images/accordion_empty.png) no-repeat 0 -40px;  
} 
.startseite .accordion h1.accordion03 { 
 background : url(../images/accordion_empty.png) no-repeat 0 -40px;  
} 
.startseite .accordion h1.selected { 
background-position : 0 0; 
} 
.startseite .accordionBody { 
padding : 10px 0; 
} 
.startseite .accordionBody01 { 
height : 150px; 
position : relative; 
} 
.startseite .accordionBody01 img { 
float : right; 
} 
.startseite .accordionBody01 p { 
padding : 7px; 
} 
.startseite .accordionBody02 { 
height : 130px; 
position : relative; 
} 
.startseite .accordionBody02 img { 
float : right; 
} 
.startseite .accordionBody02 p { 
padding : 7px; 
} 
.startseite .accordionBody03 { 
height : 130px; 
position : relative; 
} 
.startseite .accordionBody03 img { 
float : right; 
} 
.startseite .accordionBody03 p { 
padding : 7px; 
} 
.startseite .content02 { 
height : 220px; 
position : relative; 
background : url(../images/start_footerbg.jpg) no-repeat top left; 
padding : 0 136px 0 170px; 
} 
.startseite .startBoxs { 
width : 894px; 
position : absolute; 
left : 170px; 
top : -27px; 
z-index : 990; 
} 
.startseite .startBox { 
width : 290px; 
height : 94px; 
background : url(../images/start_boxbg.png) no-repeat 0 0; 
overflow : hidden; 
float : left; 
margin-right : 12px; 
position : relative; 
padding : 0; 
} 
.startseite .startBox h1 { 
height : 13px; 
margin : 16px 14px 0; 
} 
.startseite .startBox h1 span { 
/* display : none;  */
font-size : 15px; 
font-family: 'Arial Narrow', Helvetica;
font-weight: bold;
} 

.startseite .startBox p { 
margin : 10px 14px 0; 
font-weight : bold; 
line-height : 14px; 
text-align : left; 
display : block; 
} 
.startseite .startBox a { 
width : 290px; 
height : 94px; 
display : block; 
position : absolute; 
top : 0; 
left : 0; 
z-index : 992; 
background : url(../images/blankspace.gif); 
} 
.startseite .startBox a span { 
display : none; 
} 
.startseite .startBox img { 
position : absolute; 
z-index : 991; 
} 
.startseite .startBox img.left { 
left : 0; 
} 
.startseite .startBox img.right { 
right : 0; 
} 
.startseite .startBox img.top { 
top : 0; 
} 
.startseite .startBox img.bottom { 
bottom : 0; 
} 
.startseite .startBoxs .pos1 h1 { 
/* background : url(../images/start_box_title01.png) no-repeat top right;  */
text-align : right; 
} 
.startseite .startBoxs .pos1 p { 
text-align : right; 
} 
.startseite .startBoxs .pos2 h1 { 
/* background : url(../images/start_box_title02.png) no-repeat top left;  */
} 
.startseite .startBoxs .pos3 h1 { 
/* background : url(../images/start_box_title03.png) no-repeat top left;  */
} 
.startseite .startBoxs .pos3 { 
margin-right : 0; 
} 
.startseite .footer { 
padding-top : 145px; 
} 
body.product { 
background : #00528c url(../images/bodybg02.gif) repeat-x; 
} 
.product .content01 { 
height : 281px; 
z-index : -1; 
} 
.product .content01 .main { 
padding-top : 53px; 
} 
.product .content02 { 
height : 392px; 
background : url(../images/product_footerbg.jpg) no-repeat 0 0; 
padding : 0 219px; 
} 
.product .content02inner { 
position : relative; 
} 
.product .productBoxs { 
position : absolute; 
top : -225px; 
} 
.product .productBox { 
float : left; 
width : 220px; 
padding : 0 17px; 
font-size : 12px; 
font-weight : bold; 
line-height : 18px; 
} 
.product .productBox h1 { 
padding-bottom : 10px; 
} 
.product .productBox p { 
padding-bottom : 20px; 
} 
.product .productBox h1 span { 
display : none; 
} 
.product .productBox .productBoxDetail span { 
margin-left:15px;
font-size:11px;
} 
.product .productBoxImg { 
height : 333px; 
position : relative; 
} 
.product .productBoxImg img { 
position : absolute; 
bottom : -18px; 
} 
.product .pos1 .productBoxImg img { 
left : -85px; 
} 
.product .pos2 .productBoxImg img { 
left : -28px; 
} 
.product .pos3 .productBoxImg img { 
left : 0; 
} 
.product a.productBoxDetail { 
width : 162px; 
height : 19px; 
display : block; 
background : url(../images/product_button_detail.png); 
} 
.product .footer { 
padding-top : 340px; 
} 
body.page { 
background : #00528c url(../images/bodybg03.gif) repeat-x; 
} 
.page .pageContent { 
background : url(../images/page_footerbg.jpg) no-repeat 0 240px; 
} 
.page .pageContentInner { 
background : url(../images/page_content01bg.png) no-repeat 120px 168px; 
} 
.page .sider { 
width : 275px; 
float : left; 
padding-left : 180px; 
} 
.page .accordion { 
width : 275px; 
line-height : 16px; 
} 
.page .accordion h1 { 
height : 32px; 
cursor : pointer; 
padding-bottom : 1px; 
overflow : hidden; 
width : 275px; 
} 
.page .accordion h1 span { 
/* display : none;  */
font-size : 15px; 
font-family: 'Arial Narrow', Helvetica;
font-weight: bold;
position:relative;
top:7px;
left:30px;
} 
.page .accordion h1.accordion01 { 
 background : url(../images/accordion_empty.png) no-repeat 0 -40px;  
} 
.page .accordion h1.accordion02 { 
 background : url(../images/accordion_empty.png) no-repeat 0 -40px;  
} 
.page .accordion h1.accordion03 { 
 background : url(../images/accordion_empty.png) no-repeat 0 -40px;  
} 
.page .accordion h1.selected { 
background-position : 0 0; 
} 
.page .accordionBody { 
padding : 10px 0; 
} 
.page .accordionBody01 { 
position:static!important;position : relative;  
} 
.page .accordionBody01 img { 
float : right; 
} 
.page .accordionBody01 p { 
margin : 7px; 
} 
.page .accordionBody02 { 
position:static!important;position : relative;  
} 
.page .accordionBody02 img { 
float : right; 
} 
.page .accordionBody02 p { 
margin : 7px; 
} 
.page .accordionBody03 { 
position:static!important;position : relative;  
} 
.page .accordionBody03 img { 
float : right; 
} 
.page .accordionBody03 p { 
margin : 7px; 
} 
.page .siderProduct { 
padding-top : 65px; 
} 
.page .startBoxs { 
margin-top : 5px; 
} 
.page .startBox { 
width : 275px; 
height : 94px; 
background : url(../images/page_sider_boxbg.png) no-repeat 0 0; 
overflow : hidden; 
float : left; 
margin-top : 10px; 
position : relative; 
padding : 0; 
} 
.page .startBox h1 { 
height : 13px; 
margin : 18px 14px 0; 
} 
.page .startBox h1 span { 
font-size : 15px; 
font-family: 'Arial Narrow', Helvetica;
font-weight: bold;
} 
.page .startBox p { 
margin : 10px 14px 0; 
font-weight : bold; 
line-height : 14px; 
text-align : left; 
display : block; 
} 
.page .startBox a { 
width : 275px; 
height : 94px; 
display : block; 
position : absolute; 
top : 0; 
left : 0; 
z-index : 992; 
background : url(../images/blankspace.gif); 
} 
.page .startBox a span { 
display : none; 
} 
.page .startBox img { 
position : absolute; 
z-index : 991; 
} 
.page .startBox img.left { 
left : 0; 
} 
.page .startBox img.right { 
right : 0; 
} 
.page .startBox img.top { 
top : 0; 
} 
.page .startBox img.bottom { 
bottom : 0; 
} 
.page .startBoxs .pos1 h1 { 
/* background : url(../images/start_box_title01.png) no-repeat top right;  */
text-align : right; 
} 
.page .startBoxs .pos1 p { 
text-align : right; 
} 
.page .startBoxs .pos2 h1 { 
/*background : url(../images/start_box_title02.png) no-repeat top left; */
} 
.page .startBoxs .pos3 h1 { 
/*background : url(../images/start_box_title03.png) no-repeat top left; */
} 
.page .main { 
width : 540px; 
float : left; 
position:relative;
} 
.page .headline { 
height : 240px; 
font-weight : bold; 
font-size : 12px; 
line-height : 18px; 
} 
.page .headline span { 
display : none; 
} 
.page .headline h1 { 
padding-top : 70px; 
padding-bottom : 10px; 
} 
.page .headline p { 
padding-left : 6px; 
} 
.page .headline h4 { 
padding-left : 20px; 
font-size : 12px; 
background : url(../images/arrow_white.gif) no-repeat 3px 5px; 
} 
.page .pageDetail { 
padding-left : 48px; 
margin-bottom : 25px; 
width : 492px; 
font-size : 12px; 
line-height : 18px; 
} 
.page .pdTop { 
height : 15px; 
background : url(../images/page_mainbox_bg_top.png) no-repeat 0 0; 
overflow : hidden; 
z-index:-1
} 
.page .pdBottom { 
height : 15px; 
background : url(../images/page_mainbox_bg_btm.png) no-repeat 0 0; 
overflow : hidden; 
z-index:-1;
} 
.page .pdMain { 
background : url(../images/page_mainbox_bg_main.png) repeat-y; 
padding : 15px 25px 0 25px; 
} 

.page .pdSelect .pdMain{height:50px}

.page .pageDetail h1 span { 
display : none; 
} 
.page .pageDetail h1  { 
font-size : 18px; 
font-family: 'Arial Narrow', Helvetica;
font-weight: bold;
} 
.page .pageDetail ul { 
margin-left : 20px; 
} 
.page .pageDetail li { 
font-size : 12px; 
font-weight : normal; 
list-style : url(../images/disc_white.gif); 
} 
.page .pageDetail .floatLeft { 
float : left; 
margin-right : 10px; 
width : inherit; 
} 
.page .pageDetail .floatRight { 
float : right; 
margin-left : 10px; 
width : inherit; 
} 
.page .gotop { 
width : 56px; 
height : 18px; 
display : block; 
background : url(../images/btn_gotop.gif) no-repeat; 
cursor : pointer; 
margin-left : 400px; 
} 
.page .gotop span { 
display : none; 
} 
.page .pageDetail .pageBox { 
width : 190px; 
font-size : 11px; 
line-height : 16px; 
float : left; 
padding-right : 20px; 
} 
.page .pageBox .pageBoxTop { 
height : 15px; 
background : url(../images/page_box_top.png) no-repeat 0 0; 
overflow : hidden; 
} 
.page .pageBox .pageBoxBottom { 
height : 15px; 
background : url(../images/page_box_btm.png) no-repeat 0 0; 
overflow : hidden; 
} 
.page .pageBox .pageBoxMain { 
background : url(../images/page_box_main.png) repeat-y 0 0; 
padding : 5px 14px; 
} 
.page .pageBox h1 { 
margin-bottom : 5px; 
} 
.page .footer { 
padding : 10px 0 30px; 
} 
.selecter { 
width : 400px; 
height : 22px; 
font-family : Arial, Helvetica, sans-serif; 
position:absolute; top: 275px; left:75px;
z-index:999;
} 
.selecter div.tag_select { 
display : block; 
color : #2b2439; 
width : 390px; 
height : 22px; 
background : transparent url("../images/select1.gif") no-repeat 0 0; 
padding : 0 5px; 
line-height : 22px; 
} 
.selecter div.tag_select_hover { 
display : block; 
color : #2b2439; 
width : 390px; 
height : 22px; 
background : transparent url("../images/select1.gif") no-repeat 0 -22px; 
padding : 0 5px; 
line-height : 22px; 
} 
.selecter div.tag_select_open { 
display : block; 
color : #2b2439; 
width : 390px; 
height : 22px; 
background : transparent url("../images/select1.gif") no-repeat 0 -44px; 
padding : 0 5px; 
line-height : 22px; 
} 
.selecter ul.tag_options { 
position : absolute; 
padding : 0; 
margin : 0; 
list-style : none; 
background : transparent url("../images/select1.gif") no-repeat right bottom; 
width : 400px; 
padding : 0; 
margin : 0; 
z-index : 999; 
} 
.selecter ul.tag_options li { 
background : #fffffe; 
display : block; 
width : 390px; 
padding : 0 5px; 
height : 22px; 
text-decoration : none; 
line-height : 22px; 
color : #2b2439; 
} 
.selecter ul.tag_options li.open_hover { 
background : transparent url("../images/select1.gif") no-repeat 0 -66px; 
color : #2b2439; 
} 
.selecter ul.tag_options li.open_selected { 
background : transparent url("../images/select1.gif") no-repeat 0 -88px; 
color : #fff; 
}