<style type="text/css">
<!--
/* Basis */
.hp-white { border:0px white solid;	}
.hp-red { border:0px red solid;	}
.hp-red2 { border:1px red solid;	}
.bc {color:gray;	}


@media screen and (max-width: 200em) {
	#headimg1 { display: block; }
	#headimg2 { display: none; }
	#header-mail {color:#B1DBFC;padding-right:0px;}
	#header-phone {color:#B1DBFC;padding-right:10px;}
	#header-menu-lupe {padding-right:15px;}

	span.media:before {content: 'media 1 . max-width: 200em'	}
	h1 { font-size: 2.3em; }
	h2 { font-size: 1.6em; }
	h3 { font-size: 1.3em; }
	div.bc { font-size: 1.0em; }
	.cs-ref {padding-left:20px; font-size:1.0em; letter-spacing: -0px; color:silver;}
	.cs-main {font-size:1.0em;}
	.cs-head-mol {padding-right:160px; font-size:0.9em; letter-spacing: -0px;}
	.cs-head-cas {padding-right:80px; font-size:0.9em; letter-spacing: -0px; }
	.cartcol1n {display : none;}
	.tblhea {font-size: 14px;}
	.tbllin {font-size: 11px; color: gray;}
}

@media screen and (max-width: 64em) {
	span.media:before {content: 'media 2 . max-width: 64em'	}
	h1 { font-size: 2.0em; }
	h2 { font-size: 1.4em; }
	h3 { font-size: 1.2em; }
	div.bc { font-size: 0.9em; }
	.cs-ref {padding-left:10px; font-size:1.0em; letter-spacing: -0px; color:silver;}
	.cs-head-mol {padding-right:60px; font-size:0.9em; letter-spacing: -0px;}
	.cs-head-cas {padding-right:30px; font-size:0.9em; letter-spacing: -0px; }
	.tblhea {font-size: 12px;}
	.tbllin {font-size: 10px; color: gray;}
}

@media screen and (max-width: 50em) {
	span.media:before {content: 'media 3 . max-width: 50em'	}
	h1 { font-size: 1.5em; }
	h2 { font-size: 1.2em; }
	h3 { font-size: 1.1em; }
	div.bc { font-size: 0.8em; }
	.cs-ref {padding-left:10px; font-size:0.8em; letter-spacing: -0px; color:silver;}
	.cs-main {font-size:0.8em;}
	.fbsml { font: bold 0.9em verdana;}
	.fbsmr { font: 1.0em verdana;}
	
	 .tdfax {display: none; }
}

@media screen and (max-width: 30em){
	#headimg1 { display: none; }
	#headimg2 { display: block; }
	#header-mail {color:#B1DBFC;padding-right:0px;}
	#header-phone {color:#B1DBFC;padding-right:0px;}
	#header-menu-lupe {padding-right:0px;}
	span.media:before {content: 'media 4 . max-width: 30em'	}
	h1 { font-size: 1.3em; }
	div.bc { font-size: 0.8em; }
	.cs-ref {padding-left:10px; font-size:0.8em; letter-spacing: 0px; color:silver;}
	.cs-main {font-size:0.8em;}
	.cs-head-mol {padding-top:10px; padding-right:40px; font-size:0.7em; letter-spacing: 0px;}
	.cs-head-cas {padding-right:20px; font-size:0.7em; letter-spacing: -0px; }
	.cartcol1 {display : none;}
	.cartcol1n {display : inline;}
}


div.trDEFAULT		{ clear:both; margin:5px;  }
div.tdlDEFAULT 	{ font: bold 1.0em verdana ;	color: #666666;	width:200px; float:left; padding:10px; }
div.tdrDEFAULT 	{ font: 1.0em verdana; color: gray; margin-left:200px;  padding:10px;}
div.themeDEFAULT 	{ margin-top:10px; padding: 0px; border-bottom: 1px #AAAAAA solid; padding-top:20px;}
div.tr		{ clear:both; margin:5px;  }
div.tdl 	{ color: #666666; padding-top:10px; padding-left:10px; }
div.tdr 	{ color: gray; margin-left:100px; text-align:right; padding:0px;}
div.theme 	{ margin-top:10px; padding: 0px; border-bottom: 1px #AAAAAA solid; padding-top:20px;}
	.fbsml { font: bold 12px verdana;}
	.fbsmr { font: 12px verdana;}


/* Style the tab */
div.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
div.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
div.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

/* Style the close button */
.topright {
    float: right;
    cursor: pointer;
    font-size: 20px;
}

.topright:hover {color: red;}



@media screen and (max-width: 200em){
   a[href*="tel:"] {
       pointer-events: none;
       cursor:default;
   }
}

@media screen and (max-width: 64em){
   a[href*="tel:"] {
       pointer-events: none;
       cursor:default;
   }
}







/* w3 - Header Menü */
.topnav {
  overflow: hidden;
  padding-right:0px;

}

.topnav a {
  float: right;
  display: block;
  color: #f2f2f2;
  text-align: left;
  padding: 5px 5px;
  text-decoration: none;
  font-size: 14px;
}

.active {
  background-color: #4CAF50;
  color: white;
}

.topnav .icon {
  display: none;
}

.dropdown {
  float: right;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 14px;    
  border: none;
  outline: none;
  color: white;
  padding: 5px 5px;
  background-color: transparent;
  font-family: inherit;
  margin: 0;
}

.dropdown-content {
  border-radius: 5px;
  display: none;
  position: absolute;
  background-color: #aaaaaa;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: white;
  padding: 5px 5px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.topnav a.li:hover, .dropdown:hover .dropbtn {
  border-bottom:0px solid #ddd;
  color: #ff6666;
}

.dropdown-content a:hover {
  /*background-color: #ddd;*/
  color: #1a75ff;
}

.dropdown:hover .dropdown-content {
  display: block;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative; z-index:99; background-color: #990000; padding:30px;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
	padding-right:20px;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: center;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}



/* Menü 1/2 */

/* w3 - Prod Middle Menü */
/* Style the header with a grey background and some padding */
.header {
 overflow: hidden;
  background-color: #f1f1f1;
  padding: 20px10px;

}

/* Style the header links */
.header i {
	float:left;
  color: black;
  text-align: center;
  padding: 12px;
  text-decoration: none;
  font-size: 18px; 
 line-height: 25px;
  border-radius: 4px;
  
}

/* Style the logolink (notice that we set the same value of line-height and font-size toprevent the header to increase when the font gets bigger */
.header i.logo {
  font-size: 25px;
  font-weight: bold;
}

/*Change the background color on mouse-over */
.header i:hover {
 background-color: #ddd;
  color: black;
}

/* Style theactive/current link*/
.header i.active {
 background-color: dodgerblue;
  color: white;
}



/* Add media queries for responsiveness - when thescreen is 500px wide or less, stack the links on top of each other */ 
@media screen and (max-width: 500px) {
 .header i {
    float: none;
    display: block;
    text-align: left;
  }
 .header-right {
    float: none;
  }
}

.bgimg {
    background-image: url("https://www.buyersguidechem.com/images/BGC_MOL_2021_neu01_grayII_01.jpg");
    background-repeat: no-repeat;
    background-position: right  bottom;
}


/* footer Link */
a.foolin:link {
  text-decoration: none;
}
a.foolin:hover {
  color: #1a75ff;
}



-->
</style>
