/* removes all margins and borders */

* { margin:0; padding:0; box-sizing:border-box; }
	* { font-family: Calibri, geneva, Arial, sans-serif; }
	
div.headerContainer {  margin: auto; width: 80%; padding-bottom:10px; }
	
	
h1 { color: #008000; font-size: 40px; display:inline;}
h1.doriflon {  color: #008000; font-size: 40px; display:inline; position:relative; top: 4px; }
h1.leftStroke { color: #218383; display:inline; font-size: 32px; }
h1.rightStroke { color: #99EC33; display:inline; font-size: 30px;  }

h2 { color: #218383; padding-bottom: 8px; }

h3.telephone { color: #218383; display:inline; text-align:right; position:absolute; right: 10%; top: 8px; }
h3.email { color: #218383; display:inline; text-align:right; position:absolute; right: 10%; top: 30px; }
h4 { color:#218383; text-align:center; font-size:110%; } 

h5 { font-style: italic; }
h5.tagline {  padding-left: 70px; }

.navbar { background: #202020; padding: 10px 10%; }
.navbar ul li {display:inline; background: #202020; }
.navbar a { padding: 8px 16px 8px 0; margin: 0px; color:white; background-color: #202020; font-family:arial; border-style:none; text-decoration:none; width:8em; }
.navbar a:hover { color: #99EC33; }
.navbar a.current { color: #28AF2B; }

img.bannerImage { outline:none; width:100%; height:240px; object-fit:cover; }
img.isoImage { outline:none; width:120px; height:120px; object-fit:cover; float:left; }
img.isoCert { outline:none; width:100%; object-fit:cover; }
img.productImage { outline:none; width:200px; height:200px; object-fit:cover; align:center; overflow:hidden; }

div.column { float:left; }
div.border { width:10%; }
div.main { width:80%; }
div.leftmain { width:60%; padding-right:15px; }
div.rightmain { width:20%; }

article { padding-bottom:8px; }

div.footerContainer { display:grid; grid-template-columns: 10% 40% 40% 10%; grid-template-rows:auto; clear:both; }
div.footerContainer > div { background: #202020; padding-top:8px; padding-bottom:8px; }

div.footerBorder { width:10%; height: 240px; }
div.contact { width: 40%; height: 240px; }
div.links { width: 40%; height: 240px; }

p { padding-bottom:4px; }


.footer ul li { list-style-position: inside;  list-style-type:none; }
.footer li:before { content: ">"; padding-right: 8px; color: #008000; }
.footer p { color: white; padding-bottom:0; }
.footer p.footerDoriflon { color: #008000; padding-bottom:4px; font-size:125%; }
.footer a { color: white ; text-decoration: none; border-style:none; }
.footer a:hover { color: #99EC33; }
.footer a.current { color: #28AF2B; }

.material ul li { list-style-position:inside; list-style-type:none; }
.material li:before { content: ">"; padding-right: 8px; color: #008000; }
.material a { text-decoration: none; border-style:none; color:black;  }
.material a:hover { color: #99EC33; }


div.productContainer { display:grid; grid-template-columns: 33% auto 33%; grid-template-rows:auto;}
div.productContainer > div { padding:8px; }
div.productImage { margin:auto; width:200px; }

div.materialContainer { display:grid; grid-template-columns: 33% auto 33%; grid-template-rows:auto;}
div.materialContainer > div { padding:8px; }

iframe.googleMaps { width:100%; height:360px; border:0; }