*{
margin:0;
padding:0;

}

body {font: 11px/18px Arial, "Helvetica Neue"; color: #848383; background-color: #ececec;margin:0px;
padding-top:15px;}

h1 {font-size: 30px; color: #848383; text-align: left;}

h3 {font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif; font-size: 15px; font-weight: 300; margin-top: 2px; margin-bottom: 10px;}

h2 {font-size: 18px; color: #757474; text-align: left; margin: 0 0 0 0; padding: 10px;}

h4 {font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 300; color: #757474; text-align: left; margin: 5px 0 10px 0;}

h5 {font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 300; color: #004276; text-align: left; margin: 0 0 10px 0;}

h6 {font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 300; color: #757474; text-align: left; margin: 5px 0 5px 0;}

#container {width: 820px; background-color: #fff; padding: 5px; margin-left: auto; margin-right: auto; margin-bottom: 10px;}

#wrapper {width: 790px; height: 100%; margin-left: auto; margin-right: auto; padding-top: 25px;}

#header {width: 790px; height: 85px; margin-top: 10px; margin-left: auto; margin-right: auto;}

a.logo{display: block;width: 200px;height: 83px; text-decoration: none;text-align: center; background: url(../img/logo_bsi.jpg); float: left;}

a.logo:hover{background: url(../img/logo_bsi_hover.jpg); float: left;} 

.divisory {width: 790px; border-top: 1px solid #d3d3d3;}

.divisory2 {width: 790px; border-top: 1px solid #d3d3d3; margin-top: 20px;}

/*** index fast nav ***/

#chem_wrap {width: 790px; height: 440px; margin-left: auto; margin-right: auto; padding: 20px 0 20px 0;}

#chem_box_a {width: 387px; border: 1px solid #d3d3d3; float: right;}

#chem_box_b {width: 387px; border: 1px solid #d3d3d3; float: left;}

.chem_box_img {width: 361px; height: 241px; margin-right: auto; margin-left: auto; padding-top: 12px;}

.h1blue {color: #2D7FC1; text-align: left; margin: 8px 0 0 0; font: 30px "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;}

.h1orange {color: #F6921E; text-align: left; margin: 8px 0 0 0; font: 30px "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;}

.chem_box_tex {width: 361px; margin-right: auto; margin-left: auto; padding: 0 12px 12px 12px; text-align: justify;}

.chem_box_tex2 {width: 361px; margin-right: auto; margin-left: auto; padding: 0 12px 30px 12px; text-align: left;}

.chem_show {width: 100px; float: right; padding-right: 5px;}


.chem_show_bt {width: 16px; background: url(../img/more.jpg) no-repeat; float: right;}

.chem_show_bt a:hover {width: 16px; height: 16px; background: url(../img/more_hv.jpg) no-repeat; float: right;}

.chem_show_bt a span {visibility: hidden;}

#footer {width: 790px; height: 20px; margin-left: auto; margin-right: auto; margin-top: 20px; white-space: pre; text-align: center; _margin-top:10px; margin-bottom: 10px;}


/*** Navigation ***/

#topnav {height: 13px; list-style: none;}

#topnav li {float: right; margin: 0; padding: 0 0.5em; height: 11px;}

#topnav img {padding-top: 3px;}

.nav {list-style: none; width: 790px; height: 40px; font-size: 12px; background: url(../img/nav_bg.png) no-repeat; margin-left: auto; margin-right: auto;}

.nav li {float: left; margin: 0; padding: 0 0.5em; padding-top: 12px;}

.nav ul {margin: 0; padding: 0;}


/*** Schede ***/

.h4sub { color: #8e8d8d; text-align: left; margin: 2px 0 5px 0;
	font: 14px "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
}

.h4sub2 { color: #F6921E; text-align: left; margin: 2px 0 10px 0;
	font: 16px "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
}

.h4sub3 { color: #2D7FC1; text-align: left; margin: 2px 0 10px 0;
	font: 16px 'HelveticaNeue-Light', "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;}

.h5sub { color: #8e8d8d; text-align: left; margin: 2px 0 5px 0;
	font: italic 11px "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;}


.h6blue {font-size: 12px; color: #2D7FC1; text-align: left; margin: 0 0 10px 0;}

.h6orange {font-size: 12px; color: #F6921E; text-align: left; margin: 0 0 10px 0;}

.h4schede{ color: #F6921E; text-align: left;
	font: 14px 'HelveticaNeue-Light', "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif; margin: 10px 0 5px 0;}

.table {
	float: left;
}
/*** Site Map ***/

.sitemap {width: 790px; margin-left: auto; margin-right: auto; border: 1px solid #d3d3d3; overflow:hidden; margin-top: 25px;
}

.sitemap2 {width: 790px; margin-left: auto; margin-right: auto; overflow:hidden; margin-top: 25px;
}

.sitemap2 span { color: #757474; text-align: left; margin: 5px 0 5px 0;
	font: bold 14px "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
}
.sitemap2h2 {font-size: 18px; color: #757474; text-align: left; margin: 0 0 0 0; padding-bottom: 5px;}
	

.colonna {width: 240px; float: left; padding-right: 20px; padding: 10px;}

#colonna2 {width: 240px; float: left; padding-right: 20px; padding: 10px;}

#colonna3 {width: 240px; float: left; padding-right: 23px;}

.colonna4 {width: 240px; float: left; padding-right: 23px;}

.nav_sm {width: 24,px; float: left; list-style: none; margin: 0; padding: 0 0 0 0;}
 

.colonna ul {
        list-style-type: none;
        width: 242px;
} 


.colonna li {
	border-bottom: none;
	padding: 1px;
	background: url(../img/dotted_ie.jpg) repeat-x;	
}


.colonna li a { 
        display: block;
        padding: 5px;
        text-decoration: none;
}

 * html .colonna li a {  /* make hover effect work in IE */
	width: 230px;
}

.colonna li a:hover {text-decoration: none; color: #2D7FC1;}

#colonna2 ul {
        list-style-type: none;
        width: 242px;
} 

#colonna2 li {
	border-bottom: none;
	padding: 1px;
	background: url(../img/dotted_ie.jpg) repeat-x;	
}

#colonna2 li a { 
        display: block;
        padding: 5px;
        text-decoration: none;
}

 * html #colonna2 li a {  /* make hover effect work in IE */
	width: 242px;
}

#colonna3 ul {
        list-style-type: none;
        width: 242px;
} 

#colonna3 li {
	border-bottom: none;
	padding: 1px;
	background: url(../img/dotted_ie.jpg) repeat-x;	
}

#colonna3 li a { 
        display: block;
        padding: 5px;
        text-decoration: none;
}

 * html #colonna3 li a {  /* make hover effect work in IE */
	width: 242px;
}

.colonna4 ul {
        list-style-type: none;
        width: 242px;
} 

.colonna4 li {
	border-bottom: none;
	padding: 1px;
	background: url(../img/dotted_ie.jpg) repeat-x;	
}

.colonna4 li a { 
        display: block;
        padding: 5px;
        text-decoration: none;
}

 * html .colonna4 li a {  /* make hover effect work in IE */
	width: 242px;
}


.colonna li a:hover {text-decoration: none; color: #2D7FC1;}

#colonna2 li a:hover {text-decoration: none; color: #F6921E;}

#colonna3 li a:hover {text-decoration: none; color: #F6921E;}

.colonna4 li a:hover {text-decoration: none; color: #2D7FC1;}

#support {width: 790px; text-align: left;}

#support h2 {color: #004276; text-align: left; margin: 0 0 0 0; font: 18px "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;}

#wet {width: 790px; text-align: left;}

#dry {width: 790px; text-align: left;}

#wet2 {width: 790px; text-align: left;}

#dry2 {width: 790px; text-align: left;}

#wet h2 {color: #2D7FC1; text-align: left; margin: 0 0 0 0; font: 18px "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;}

#dry h2 {color: #F6921E; text-align: left; margin: 0 0 0 0; font: 18px "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;}

/*** DRY/WET CHEMISTRY ***/

.title_head {
	width: 790px;
	height: 200px;
	margin: 20px 0 20px 0;
}

/*** support ***/

#supportwrap {width: 790px;padding: 20px 1px 0 1px;}

#supportwrap ul li{list-style-type: disc; list-style-position: inside;}

/*** profile ***/

#profile {width: 790px;padding: 20px 1px 0 1px;}

#profile span {color: #004276;}

#profile ul li{list-style-type: disc; list-style-position: inside;}

#certification {width: 100px;height: 99px;float: right;}

#certification_wp {width: 790px;}

#schede ul li{list-style-type: disc; list-style-position: inside;}

/*** download ***/

#download {width: 790px;padding: 20px 1px 0 1px;}
#download table {width: 750px;}
#download td {vertical-align: middle; width: 10%;}
#download th {vertical-align: middle;}

#service {width: 790px;padding: 20px 1px 0 1px;}



/*** MapLab ***/

#wraplab {
	text-align: left;
}


/*** link ***/


#wet a { text-decoration: none; color: #2D7FC1;}

#wet a:hover { text-decoration: none; color: #ba1116;} 

#dry a { text-decoration: none; color: #F6921E;}

#dry a:hover { text-decoration: none; color: #ba1116;} 

a img {border: none;}

.title_head a img {border: 3px solid #fff;}

.title_head a:hover img {border: 3px solid #ba1116;}

a:link, a:visited { text-decoration: none; color: #004276;}

a:hover { text-decoration: none; color: #ba1116;}

#colonna2 a:hover { text-decoration: none; color: #F6921E;}

#profile a:hover { text-decoration: none; color: #ba1116;}

#profile a { text-decoration: none; color: #004276;}

#download a:hover { text-decoration: none; color: #ba1116;}

#download a { text-decoration: none; color: #848383;}