.lang_gb #logo_stallRing_1 { background-image:url(../../../gb/_gfx/topper_stallRing.gif); }
.lang_gb .claim { background-image:url(../../../gb/_gfx/claim.gif); }


#hp { background:#fff; width:988px;  }

#formular { background:#fff; float:left; width:100%; margin:10px 0 0 0; }

.fRow { float:left; width:100%; background:#fff; margin:0 0 10px 0; }

.labelCell { float:left; width:150px; background:#fff; margin:6px 0 0 0; }
.inpCell { float:left; width:auto; background:#fff; }
#formular input { width:200px;}
#formular input[type="checkbox"] { width:auto; border:none; }

#reg { padding:0 0 0 20px; }

.red { color:#e2001a; font-weight:bold; }


.logoutBT {
	width:62px;
	background:url(../gfx/nav-logout.png) no-repeat;
}

.login_str { background:url(../gfx/login-str.png) no-repeat left top;
	width:48px;
	height:29px; }

.login_str span { display:none; }

.lang_de .langGB { display:none; }
.lang_de .langDE { display:inline; }

.lang_gb .langDE { display:none; }
.lang_gb .langGB { display:inline; }

/*
	-----------------------------------------------------------------------------------------------
	[start] :> neue navigation
	-----------------------------------------------------------------------------------------------
*/
.menuupdate .mainNav { margin-top:-1px; position:relative;  }
.menuupdate .mainNav li span { display:inline-block !important; }
.menuupdate .logoutBT {
	width:auto;
	background:none;
}


.menuupdate .mainNav li { background:none; width:auto; }
.menuupdate .mainNav li a,
.menuupdate .mainNav li a:hover { background-image:none !important; width:auto; background-color:none !important; height:38px; line-height:38px; margin-top:0; color:#fff; text-shadow:1px 1px 3px #666; font-size:13px; font-weight:normal; letter-spacing:.03em;  }

.menuupdate .mainNav li a:hover { color:#000;text-shadow:1px 1px 3px #fff; }

.menuupdate .mainNav li.sep { width:3px !important; background:#fff !important; margin:0 16px; height:13px; line-height:12px; margin-top:12px;   }


.menuupdate .mainNav li.current a,
.menuupdate .mainNav li.current a:hover { font-weight:bold; color:#000;text-shadow:1px 1px 3px #fff;  }


.menuupdate .mainNav li.login_str {background-image:none !important; width:auto !important; background-color:none !important;font-size: 14px; height:38px; line-height:38px; margin-top:2px; color:#fff; font-weight:normal; font-weight:bold; color:#000; }

.menuupdate .infoLineTopper { padding:0;height:38px; font-weight:bold; color:#000;}
.menuupdate .infoLineTopper a,
.menuupdate .infoLineTopper a:hover { text-decoration:none !important; }

.menuupdate .langChooser .infoLineTopper { padding:7px 0 0 0;height:20px; font-weight:bold; color:#000; }



/*
	-----------------------------------------------------------------------------------------------
	[ende] :> neue navigation
	-----------------------------------------------------------------------------------------------
*/









.bottomLine { border-bottom:1px solid #000; }
a.aInfoText { font-weight:bold; color:#000; text-decoration:underline; }

.infoLineTopper { padding:7px 0 0 0;height:20px; font-weight:bold; color:#000;}


.bigger { font-size:16px; line-height:16px;}

.header { float:left; width:988px; margin:0 0 20px 0;  }

h1 { float:left; width:988px; font-size:24px; font-weight:bold; }
h1 .mwst { font-size:14px; font-weight:normal; }
.datum_stand { float:left; margin:4px 10px 0 0;  width:988px;}

.showAll { float:right;  background:#fff; text-align:right; margin:0 10px 30px 0; cursor:pointer; font-size:14px;font-weight:bold; color:#5A5A5A; }
.showAll:hover { color:#000;  }

.downloadBT { float:left; text-align:right; margin:0 0 0 0; cursor:pointer; font-size:14px; font-weight:bold;}
.downloadBT a,
.downloadBT a:hover { padding:10px 10px 10px 30px; color:#000 !important; float:left; display:block;background:url(../gfx/pdf-ico.png) no-repeat 9px center #f3f3f3; border:1px solid #f3f3f3;   }
.downloadBT a:hover { background-color:#e9e9e9; border-color:#dadada;  }



.groupArea { float:left; width:988px; position:relative; background:#fff; margin:0 0 30px 0; }

h2 { float:left; width:979px; color:#fff;margin:0 0 5px 0; font-size:18px; font-weight:bold; padding:7px 0 7px 9px;  }
h2 .openGroupBT {  float:right; font-size:12px; font-weight:normal; margin:0 10px 0 0; cursor:pointer;}

h2 .openGroupBT_hover {  color:#000; }




.h3GroupOverlay { float:left; width:30px; height:69px; position:absolute; z-index:300;}
#pos1 { top:-37px; left:0px; }
#pos2 { top:-37px; left:0px; }





h3 { float:left; width:955px; background:url(../gfx/open-prod-ico.png) no-repeat 11px center; margin:0 0 5px 0; padding:7px 0 7px 33px; font-size:14px; font-weight:bold; cursor:pointer; position:relative;position:relative; z-index:100; }

.canvas { float:left; width:988px; background:#fff; margin:0 0 20px 0;  }

.canvas p { margin:5px 10px 0 10px;}

h3.closed { background-image:url(../gfx/close-prod-ico.png); }
.closedCanvas { display:none; }

.closeInHDL { font-weight:normal; font-size:12px; float:right; padding:0 10px 0 0; }


h3 .thin { font-weight:normal; font-size:12px;}

.groupKunststoff h2 {background-color:#008854; }
.groupKunststoff h3 {background-color:#99cfbb; }

.groupGussroste h2 {background-color:#e2001a; }
.groupGussroste h3 {background-color:#f29a7a; }

.groupHeizungRegel h2 { background-color:#c0a36e; }
.groupHeizungRegel h3 { background-color:#dccaa9; }

.groupVerlegebeispiele h2 { background-color:#8b8b8b;}
.groupVerlegebeispiele h3 { background-color:#c9c9c9;}

.groupPalettenAbpack h2 { background-color:#5a5a5a; }
.groupPalettenAbpack h3 { background-color:#b1b1b1; }


/*
.groupKunststoff h2 .openGroupBT_hover { color:#002f00; }
.groupGussroste h2 .openGroupBT_hover {color:#950000; }
.groupHeizungRegel h2 .openGroupBT_hover { color:#996303; }
.groupVerlegebeispiele h2 .openGroupBT_hover { color:#3b3b3b;}
.groupPalettenAbpack h2 .openGroupBT_hover { color:#000000; }
*/


/*

.groupKunststoff h3.accHDL_hover,
.groupKunststoff h3.accHDL_open { background-color:#7bc1aa; background-color:#84c7b0;  }
.groupGussroste h3.accHDL_hover,
.groupGussroste h3.accHDL_open {background-color:#f38a61; background-color:#f2885e;  }
.groupHeizungRegel h3.accHDL_hover,
.groupHeizungRegel h3.accHDL_open { background-color:#dbc5a0; background-color:#d7c199;  }
.groupVerlegebeispiele h3.accHDL_hover,
.groupVerlegebeispiele h3.accHDL_open { background-color:#bfbfbf; background-color:#c1c1c1; }
.groupPalettenAbpack h3.accHDL_hover,
.groupPalettenAbpack h3.accHDL_open { background-color:#a7a7a7; background-color:#a5a5a5;  }
*/


.groupKunststoff h3.accHDL_hover{ background-color:#7bc1aa; background-color:#84c7b0;  }
.groupGussroste h3.accHDL_hover{background-color:#f38a61; background-color:#f2885e;  }
.groupHeizungRegel h3.accHDL_hover{ background-color:#dbc5a0; background-color:#d7c199;  }
.groupVerlegebeispiele h3.accHDL_hover{ background-color:#bfbfbf; background-color:#c1c1c1; }
.groupPalettenAbpack h3.accHDL_hover { background-color:#a7a7a7; background-color:#a5a5a5;  }


/*
.groupKunststoff h3.accHDL_hover { background-color:#bfe1d6;  }
.groupGussroste h3.accHDL_hover {background-color:#f8c1ab;  }
.groupHeizungRegel h3.accHDL_hover { background-color:#eadeca;  }
.groupVerlegebeispiele h3.accHDL_hover {background-color:#dedede; }
.groupPalettenAbpack h3.accHDL_hover { background-color:#d0d0d0;  }
*/




/**/
.groupKunststoff .h3GroupOverlay { background:url(../gfx/close-prod-ico.png) no-repeat 11px center #99cfbb; }

.small { font-weight:normal; font-size:11px;}


h4 { font-size:16px; font-weight:bold; color:#000; margin:0 0 5px 10px;  }
h4 .zusatz { font-weight:normal;}


.detail { border:1px solid #000; border-collapse:collapse;font-size:14px; line-height:14px; margin:0 0 5px 0; }
.detail td { border:1px solid #000; text-align:center; vertical-align:middle; padding:7px 0 7px 0; background:#fff; }
.detail thead td { background:#e4e5e6; font-weight:bold; font-size:13px; padding-top:10px; padding-bottom:10px; }
.detail td.prodName {color:#fff; font-size:15px; line-height:18px;}

.groupKunststoff .detail thead td.prodName { background:#008854;}
.groupGussroste .detail thead td.prodName { background:#e2001a;}
.groupHeizungRegel .detail thead td.prodName { background:#c0a36e; }

.bordertop2px td { border-top-width:2px;}

.detail td.bb2px { border-bottom-width:2px; }

/*
.groupKunststoff .canvas,
.groupGussroste .canvas,
.groupHeizungRegel .canvas,
.groupVerlegebeispiele .canvas { display:none; }
*/
.prodImg { /*display:none;*/}


.palettenlistetab thead td {}

.palettenlistetab td.titel { text-align:left; font-size:18px; font-weight:bold; padding:10px 0 10px 10px; }
.palettenlistetab td.titelKunststoff { color:#fff; background:#008854;}
.palettenlistetab td.titelGuss { color:#fff; background:#e2001a;}
.palettenlistetab td.titelHeiz { color:#fff; background:#cab381;}

.palettenlistetab tr td { }

.detail td.price { font-size:14px; font-weight:bold; text-align:right; padding-right:38px; }

 .detail td.price .small-onrequest { display: inline-block; width:calc(100% + 38px); text-align: center; font-size:12px;  }


.palettenlistetab td.prod { background:#fff; text-align:left; padding-left:10px;}
.palettenlistetab td.gewicht { background:#fff; text-align:right;padding-right:37px; }
.palettenlistetab td.anz { background:#fff; text-align:right;padding-right:50px; }


.p2 { display:block; margin-top:7px;  }
.palettenlistetab td .p2:first-child { margin-top:0; }


.verlegebeispielCell { float:left; width:494px; height:500px; background:#fff; text-align:center;}
.groupVerlegebeispiele h4 { font-size:14px; font-weight:bold; float:left; width:100%; background:#fff; text-align:center; margin:10px 0 0 0;}

.verlegeInfo { text-align:left; width:415px; margin:40px 0 0 40px; background:#fff; }

h4 .red { color:#e2001a; }
h4 .green { color:#008854; }


.cell1-2 { float:left; width:484px; background:#fff; margin:10px 0 0 0;  }
.cell1-2-end {float:right;}

.masstab { width:100%;}
.masstab .small { font-size:12px; font-weight:normal; }
.masstab thead td { width:25%; height:64px;}
.masstab thead td.green { background:#008854; color:#fff; }
.masstab thead td.red { background:#e2001a; color:#fff; }


.colProdName { width:170px; }
.colProdPreis { width:100px; }
.colW96 { width:96px;width:120px; }
.colW64 { width:64px; width:102px; }

.detail td.emptySpaceCell{ border-left-color:#fff; border-right-color:#fff; height:5px; font-size:.01em; line-height:.01em; padding:0; }

.prodImgRegeltechnik { width:300px;float:left;  }
.conRegeltechnik { float:left; width:460px; }


.lieferPDF { float:left; width:955px; font-size:14px; font-weight:bold;margin:0 0 5px 0; }
.lieferPDF a,
.lieferPDF a:hover { float:left; width:100%; display:block; color:#000 !important;padding:7px 0 7px 33px;background:url(../gfx/pdf-ico.png) no-repeat 9px center #f3f3f3;  }

.lieferPDF a:hover { background-color:#e9e9e9; }

.piccoletteHeadeName {letter-spacing:-0.02em}
.thinnerSpacing {letter-spacing:-0.01em}
.thinnerSpacing2 {letter-spacing:-0.04em}


.aenderungVorb { margin-left:11px; }

.archiv { border-top:1px solid #000; float:left; width:988px;margin:35px 0 30px 0; }

.archiv h2 { color:#000; margin-bottom:5px;margin-top:10px; }

.archiv ul { background:#fff; margin:0 0 0 10px; float:left; width:90%; }

.archiv li { background:url(../gfx/pdf-ico.png) 9px center no-repeat #fff; padding:0 0 0 33px; float:left; width:90%; margin:0 0 10px 0;  }


.archiv a,
.archiv a:hover {  color:#5lieferA5A5A;font-size:14px; font-weight:bold; }

.archiv .small { font-size:12px; font-weight:normal; }

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


#verlegeRosteHeizungen .box { float:left; width:100%; background:#fff; margin:0 0 20px 0; }
#verlegeRosteHeizungen .box1-3 { width:316px; background:#fff; margin:5px 20px 20px 0; float:left;  }
#verlegeRosteHeizungen .last { margin-right:0; }
#verlegeRosteHeizungen h4 { margin-bottom:10px; }
#verlegeRosteHeizungen h4 span { font-weight:normal; }


/*


 font-size:18px; font-weight:bold;

.tabA,
.tabB,
.tabC { float:left; display:block; }



.tabA { width:75px; }
.tabB { width:50px; }
.tabC { }

*/



.openCloseListe_bt-area { float:right; background:#fff; font-size:14px; font-weight:bold; }
.topOPenCloseListe {margin-bottom:30px;}

a.openCloseListe-bt,
a:hover.openCloseListe-bt { padding:10px; color:#000 !important; display:inline-block;background:#f3f3f3; margin:0 -1px 0 10px; border:1px solid #f3f3f3; }
a:hover.openCloseListe-bt { background-color:#e9e9e9; border-color:#dadada;  }


.formBT { width:90px; text-align:center; display:inline; float:left;  }
.formBT:hover { font-weight:bold;}

.inlineLabel { display:inline-block; width:auto; }

.sep-info-line { display:inline-block; padding:0 5px; }

.infoLineTopper a,
.infoLineTopper a:link { color:#000; text-decoration:underline; }
.infoLineTopper a:hover { text-decoration:none; }



.loggedinuser .langChooser .infoLineTopper { margin-right:111px; }



/*

----------------------------------------------------------------------

*/
.menuupdate .mainNav { margin: 3px 0 0 0; }
.menuupdate .mainNav li { margin-right: 0px; margin-left:18px; }
.menuupdate .mainNav li:first-child { margin-left: 0; }

.menuupdate .mainNav li a,
.menuupdate .mainNav li a:hover { text-shadow:none; color:#5A5A5A; letter-spacing: 0; font-size:14px;width:100%; display: inline-block; text-align: center; }


.menuupdate .mainNav li a:hover { color:#000; font-weight: bold;  }


.menuupdate .mainNav li.current a,
.menuupdate .mainNav li.current a:hover { font-weight:bold; color:#000;text-shadow:none;  }



.menuupdate .mainNav li a.logoutBT { width:55px; }


.menuupdate .mainNav li:nth-child(2) { width:110px; }
.menuupdate .mainNav li:nth-child(3) { width:137px; }

.menuupdate .langChooser .infoLineTopper { margin:5px 20px 0 0; }

.langChooser .de a,
.langChooser .de a:link,
.langChooser .de a:hover { font-weight:normal; color:#5a5a5a !important; }

.langChooser .current a,
.langChooser .current a:link,
.langChooser .current a:hover{ font-weight: bold; color:#000 !important; }

.langChooser .gb a:hover,
.langChooser .de a:hover { font-weight:bold; color:#000 !important; }


.langChooser .de span { display: inline-block; width:60px; }
.langChooser .gb span { display: inline-block; width:56px; }
