/* base.scss - The merged productive Stylesheet */
/* fonts.scss - Font declarations */
@font-face {
  font-family: 'HelveticaNeueBold';
  src: url("fonts/hlb____-webfont.eot");
  src: url("fonts/hlb____-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/hlb____-webfont.woff") format("woff"), url("fonts/hlb____-webfont.ttf") format("truetype"), url("fonts/hlb____-webfont.svg#HelveticaNeueBold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'HelveticaNeueItalic';
  src: url("fonts/hli____-webfont.eot");
  src: url("fonts/hli____-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/hli____-webfont.woff") format("woff"), url("fonts/hli____-webfont.ttf") format("truetype"), url("fonts/hli____-webfont.svg#HelveticaNeueItalic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'HelveticaNeueLight';
  src: url("fonts/hll____-webfont.eot");
  src: url("fonts/hll____-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/hll____-webfont.woff") format("woff"), url("fonts/hll____-webfont.ttf") format("truetype"), url("fonts/hll____-webfont.svg#HelveticaNeueLight") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'HelveticaNeueMedium';
  src: url("fonts/hlm____-webfont.eot");
  src: url("fonts/hlm____-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/hlm____-webfont.woff") format("woff"), url("fonts/hlm____-webfont.ttf") format("truetype"), url("fonts/hlm____-webfont.svg#HelveticaNeueMedium") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'HelveticaNeueRoman';
  src: url("fonts/hlr____-webfont.eot");
  src: url("fonts/hlr____-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/hlr____-webfont.woff") format("woff"), url("fonts/hlr____-webfont.ttf") format("truetype"), url("fonts/hlr____-webfont.svg#HelveticaNeueRoman") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'HelveticaNeueThin';
  src: url("fonts/hlt____-webfont.eot");
  src: url("fonts/hlt____-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/hlt____-webfont.woff") format("woff"), url("fonts/hlt____-webfont.ttf") format("truetype"), url("fonts/hlt____-webfont.svg#HelveticaNeueThin") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'BoodasDreiecke';
  src: url("fonts/boodas.de_l_dreiecke-webfont.eot");
  src: url("fonts/boodas.de_l_dreiecke-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/boodas.de_l_dreiecke-webfont.woff") format("woff"), url("fonts/boodas.de_l_dreiecke-webfont.ttf") format("truetype"), url("fonts/boodas.de_l_dreiecke-webfont.svg#BoodasDreiecke") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'AdobeGaramondProBoldItalic';
  src: url("fonts/agaramondpro-bolditalic_0-webfont.eot");
  src: url("fonts/agaramondpro-bolditalic_0-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/agaramondpro-bolditalic_0-webfont.woff") format("woff"), url("fonts/agaramondpro-bolditalic_0-webfont.ttf") format("truetype"), url("fonts/agaramondpro-bolditalic_0-webfont.svg#AdobeGaramondProBoldItalic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'AdobeGaramondProBold';
  src: url("fonts/agaramondpro-bold-webfont.eot");
  src: url("fonts/agaramondpro-bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/agaramondpro-bold-webfont.woff") format("woff"), url("fonts/agaramondpro-bold-webfont.ttf") format("truetype"), url("fonts/agaramondpro-bold-webfont.svg#AdobeGaramondProBold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'AdobeGaramondProBold0';
  src: url("fonts/agaramondpro-bold_0-webfont.eot");
  src: url("fonts/agaramondpro-bold_0-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/agaramondpro-bold_0-webfont.woff") format("woff"), url("fonts/agaramondpro-bold_0-webfont.ttf") format("truetype"), url("fonts/agaramondpro-bold_0-webfont.svg#AdobeGaramondProBold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'AdobeGaramondProBoldItalic';
  src: url("fonts/agaramondpro-bolditalic-webfont.eot");
  src: url("fonts/agaramondpro-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/agaramondpro-bolditalic-webfont.woff") format("woff"), url("fonts/agaramondpro-bolditalic-webfont.ttf") format("truetype"), url("fonts/agaramondpro-bolditalic-webfont.svg#AdobeGaramondProBoldItalic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'AdobeGaramondProItalic';
  src: url("fonts/agaramondpro-italic_0-webfont.eot");
  src: url("fonts/agaramondpro-italic_0-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/agaramondpro-italic_0-webfont.woff") format("woff"), url("fonts/agaramondpro-italic_0-webfont.ttf") format("truetype"), url("fonts/agaramondpro-italic_0-webfont.svg#AdobeGaramondProItalic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'AdobeGaramondProItalic';
  src: url("fonts/agaramondpro-italic-webfont.eot");
  src: url("fonts/agaramondpro-italic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/agaramondpro-italic-webfont.woff") format("woff"), url("fonts/agaramondpro-italic-webfont.ttf") format("truetype"), url("fonts/agaramondpro-italic-webfont.svg#AdobeGaramondProItalic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'AdobeGaramondProSemibold';
  src: url("fonts/agaramondpro-semibold-webfont.eot");
  src: url("fonts/agaramondpro-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/agaramondpro-semibold-webfont.woff") format("woff"), url("fonts/agaramondpro-semibold-webfont.ttf") format("truetype"), url("fonts/agaramondpro-semibold-webfont.svg#AdobeGaramondProSemibold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'AdobeGaramondProRegular0';
  src: url("fonts/agaramondpro-regular_0-webfont.eot");
  src: url("fonts/agaramondpro-regular_0-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/agaramondpro-regular_0-webfont.woff") format("woff"), url("fonts/agaramondpro-regular_0-webfont.ttf") format("truetype"), url("fonts/agaramondpro-regular_0-webfont.svg#AdobeGaramondProRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'AdobeGaramondProRegular';
  src: url("fonts/agaramondpro-regular-webfont.eot");
  src: url("fonts/agaramondpro-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/agaramondpro-regular-webfont.woff") format("woff"), url("fonts/agaramondpro-regular-webfont.ttf") format("truetype"), url("fonts/agaramondpro-regular-webfont.svg#AdobeGaramondProRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'AdobeGaramondProSBdIt';
  src: url("fonts/agaramondpro-semibolditalic-webfont.eot");
  src: url("fonts/agaramondpro-semibolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/agaramondpro-semibolditalic-webfont.woff") format("woff"), url("fonts/agaramondpro-semibolditalic-webfont.ttf") format("truetype"), url("fonts/agaramondpro-semibolditalic-webfont.svg#AdobeGaramondProSBdIt") format("svg");
  font-weight: normal;
  font-style: normal; }

  .top {
      vertical-align: top;
  }

p.headhnb {
  font-family: HelveticaNeueBold, Helvetica, Verdana, Arial, sans-serif;
  font-size: 1.4em;
  margin: 33px 0 0 0; }

p.headhnm {
  font-family: HelveticaNeueMedium, Helvetica, Verdana, Arial, sans-serif;
  font-size: 1.4em;
  margin: 33px 0 0 0; }

p.headhnl {
  font-family: HelveticaNeueLight, Helvetica, Verdana, Arial, sans-serif;
  font-size: 1.4em;
  margin: 33px 0 0 0; }

p.headhnt {
  font-family: HelveticaNeueThin, Helvetica, Verdana, Arial, sans-serif;
  font-size: 1.4em;
  margin: 33px 0 0 0; }

p.headhni {
  font-family: HelveticaNeueItalic, Helvetica, Verdana, Arial, sans-serif;
  font-size: 1.4em;
  margin: 33px 0 0 0; }

p.headhnr {
  font-family: HelveticaNeueRoman, Helvetica, Verdana, Arial, sans-serif;
  font-size: 1.4em;
  margin: 33px 0 0 0; }

p.nonfirstheader {
  margin: 10px 0 0 0; }

html, body {
  height: 100%;
  min-height: 100%;
  height: auto !important; }

body {
  background-color: #ccc;
  font-size: 72%;
  font-family: Arial;
  margin-top: 2px; }

iframe#newslettersignup {
  border: none;
  overflow: visible;
  width: 650px;
  height: 520px;
  margin-top: 10px; }

.center {
  text-align: center; }

.justify {
  text-align: justify; }

img {
  border: 0px none transparent; }

img.center {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.container {
  margin: 0 auto;
  width: 1230px; }

.footer {
  padding: 0;
  width: 931px;
  background-color: #fff;
  height: 40px; }

.bold {
  font-weight: bold; }

.contentcontainer {
  margin-top: 131px;
  background-color: #fff;
  width: 932px; }

.topa {
  width: 982px;
  display: block;
  position: absolute;
  margin: 20px 0 0 87px; }

#logozeile {
  margin: -22px 0 0 174px; }

.topb {
  display: block; }

.navcontainer {
  float: left;
  width: 246px;
  margin-right: 50px;
  background-color: #fff;
  margin-bottom: 50px;
  height: 220px; }

.newscontainer {
  float: left;
  width: 604px;
  background-color: #fff; }

.ipwnewscontainer {
  float: left;
  width: 631px;
  height: 250px;
  background: url("../images/ipwnews_paper.png") top left no-repeat;
  margin: 20px 0;
  padding: 10px 0 0 30px; }

.contentpagenavcontainer {
  float: left;
  width: 186px;
  margin: 2px 32px 0 32px;
  background-color: #fff; }

#sections {
    margin: 0 0 0 12px;
}

#nav {
    margin: 15px 0 0 12px;
    padding: 0;
}

#nav li {
  list-style-type: none;
  margin-bottom: 11px; }

#nav a {
  font-size: 1.4em;
  font-weight: 500;
  text-transform: uppercase;
  color: #ababab;
  text-decoration: none; }

.lightnav {
  font-size: 1.4em;
  font-weight: 500;
  text-transform: uppercase;
  color: #eee;
  text-decoration: none; }

#nav a:hover {
  text-decoration: underline; }

#coverhdr {
  clear: both;
  margin-left: 50px; }

#covercontainer {
  height: 235px;
  margin-top: 28px;
  padding: 3px 3px 8px 3px;
  border: 1px solid #ababab; }

#covercontainer a {
  color: #009ee1;
  text-decoration: none; }

img.cover {
  margin-left: 50px;
  cursor: pointer; }

#signup {
    margin-top: 25px;
    padding: 3px 3px 8px 3px;
}

#signuptext {
    margin: 2px 0 0 -20px;
    padding: 0;
    width: 226px;
}

.subnav li {
  float: right;
  list-style-type: none;
  margin: 0 5px 0 0; }

.subnav {
    margin-top: 3px;
  font-size: .9em;
  font-weight: 500;
  text-transform: uppercase;
  color: #ababab; }

.subnav a {
  color: #ababab; }

.subnav p {
  float: left; }

.subnav p#social {
  width: 80px; }

.subnav p#rss {
  width: 48px; }

.subnav p#subscription {
  width: 88px; }

.subnav p#addtoany {
  width: 120px; }

.vertical {
    vertical-align: text-bottom;
}

#nav2 {
    margin-top: -10px;
}

#news, #newss, #newsm, #newsp, #events {
  margin: 0px;
  padding: 15px 0px 0px 0px; }

#ipwnews {
  margin: 0px;
  padding: 8px 0px 0px 0px; }

#news li, #newss li, #newsm li, #newsp li, #events li, .newsHeader {
  font-size: 1.4em;
  font-weight: 500;
  text-transform: uppercase;
  color: #ababab;
  list-style-type: none;
  margin-bottom: 11px; }

#ipwnews li {
  font-size: 1.2em;
  color: #111;
  list-style-type: none;
  margin-bottom: 11px; }

.newsblurb {
  text-transform: none;
  font-size: 0.8em; }

.newslink {
  margin: 2px;
  color: #009ee1; }

.contactcontainer {
  margin-top: 70px; }

.contenttop {
  float: left;
  width: 656px;
  background-color: #fff;
  font-size: 1.1em;
  display: block; }

div.halfcontent {
  width: 322px;
  margin: 2px; }

.newsarticle {
  height: 470px;
  overflow-y: auto;
  padding: 5px 10px 5px 1px; }

.ipwnewsarticle a {
  color: #009ee1;
  text-decoration: none; }

.ipwnewsarticle a:hover, .ipwnewsarticle a:focus {
  text-decoration: underline; }

.newsimage {
  margin: 10px;
  padding: 2px;
  width: 200px;
  border: 1px solid #eee; }

.newsimg {
  /* Thumbnail */
  margin-right: 5px;
  margin-top: -18px; }

.noli {
  list-style-type: none; }

.clear {
  clear: both; }

.contact {
  float: left;
  width: 182px;
  height: 197px;
  background: #f5f5f5 url("../images/contact_paper.png") top left no-repeat;
  /*grad200b*/
  border: 1px solid #ababab;
  padding: 8px;
  margin: 0 16px 16px 0;
  list-style-type: none;
  line-height: 1.4em; }

.imprint a, .zellcheming a, .directory a {
  color: #009ee1;
  text-decoration: none; }

.contact a {
  text-decoration: none; }

.contact a:hover, .imprint a:hover, .contact a:focus, .imprint a:focus {
  text-decoration: underline; }

div.contactimage {
  margin: 4px 5px 3px 0px;
  background: url("../images/shadow.gif") bottom right no-repeat;
  display: inline-block; }

div.contactimage img {
  margin: -5px 5px 5px -5px;
  padding: 4px;
  border: 1px solid #aaa; }

a {
  color: #000; }

.floatleft {
  float: left; }

.floatright {
  float: right; }

.flatli li {
  float: left; }

.ulzero {
  padding: 0px;
  margin: 0px; }

.normalfont {
  font-size: 0.8em; }

.largefont {
  font-size: 1.2em; }

.ntm {
  margin-top: 0px;
  padding-top: 0px; }

.tooltip {
  position: absolute;
  left: -2000px;
  background-color: #01376b;
  border: 1px solid #eee;
  width: 200px; }

.tooltip p {
  font-size: 1.1em;
  margin: 0;
  padding: 0;
  color: #01376b;
  background-color: #fff;
  padding: 20px; }

#newhdr {
  float: left; }

#recenthdr {
  /*  padding-left: 50px;*/
  float: left; }

.sechdr {
  float: left;
  padding-bottom: 5px; }

.full_width_content {
  width: 650px; }

.dataTables_info {
  padding-top: 0; }

.dataTables_paginate {
  padding-top: 0; }

.css_right {
  float: right; }

.css_left {
  float: left; }

.box {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

.ad1 {
  padding: 0 0 0 6px; }

#pricing {
  width: 100%;
  border-collapse: collapse;
  padding: 5px; }

#pricing th {
  text-align: left; }

#pricing .sectionhdr {
  background-color: #ccc; }

#pricing thead th {
  border-bottom: 2px solid #e30019; }

div#banners {
  padding: 10px 0;
  margin: 0;
  border-top: 2px solid #e30019;
  border-bottom: 2px solid #e30019; }

a#zellchemingexpo {
  margin: 0 auto -65px auto;
  padding-left: 348px;
  width: 1230px;
  display: block; }

span#dechow {
  margin: 0 auto -75px auto;
  width: 1230px;
  display: block; }

span#dechow a {
  padding-left: 458px; }

a#abb {
    margin: 0 0 0 13px;
    color: white;
}

a#siemens {
  margin: 0 0 0 13px; }

a#miac {
  margin: 0 0 0 13px; }

div#miac {
  margin: 0 0 0 13px;
  display: inline-block;
  width: 320px;
  height: 230px; }

div#specialtyminerals {
  margin: 157px 6px 0 0;
  width: 120px;
  height: 600px;
  float: left; }

a#ifc {
    margin: 157px 0 0 6px;
}

a#navhome.navdefault, a#navcontact.navcontact, a#navevent.navevent, a#navdirectory.navdirectory,
a#navsubscribe.navsubscribe, a#navimprint.navimprint, a#navzellcheming.navzellcheming {
  font-style: italic;
  cursor: default; }

a#navhome.navdefault:hover, a#navcontact.navcontact:hover, a#navevent.navevent:hover, a#navdirectory.navdirectory:hover,
a#navsubscribe.navsubscribe:hover, a#navimprint.navimprint:hover, a#navzellcheming.navzellcheming:hover,
a#navhome.navdefault:focus, a#navcontact.navcontact:focus, a#navevent.navevent:focus, a#navdirectory.navdirectory:focus,
a#navsubscribe.navsubscribe:focus, a#navimprint.navimprint:focus, a#navzellcheming.navzellcheming:focus {
  text-decoration: none; }

#news li a, #newss li a, #newsm li a, #newsp li a {
  color: #009ee1;
  text-decoration: none; }

#events li a {
  color: #ababab;
  text-decoration: none; }

#events li a:hover, #events li a:focus {
  background-color: #ababab;
  color: White; }

.special_link {
  margin: 0;
  padding: 0 1px 0 3px; }

.italic {
  font-style: italic; }

h2.blue {
  margin-top: 31px;
  color: #009ee1;
  font-weight: normal;
  font-size: 13pt;
  font-weight: bold; }

h2.blue2 {
  margin-top: 10px;
  color: #009ee1;
  font-weight: normal;
  font-size: 13pt;
  font-weight: bold; }

.red {
  color: #e30019; }

.blue {
  color: #009ee1; }

.grey {
  color: #ababab; }

a.directory {
  color: #777;
  line-height: 1.4em; }

a.directory:hover, a.directory:focus {
  color: white;
  background-color: #777; }

.directoryletters {
  width: 320px; }

.directoryimage {
  margin: -170px 60px 0 0; }

img.emagazine {
  margin: 0 0 0 24px; }

/* Table für News */
table.news {
  margin-top: 5px; }

table.news tr.title {
  font-size: 1.2em;
  text-transform: uppercase; }

table.news tr.content {
  font-size: 1.1em;
  text-align: justify; }

table.news td.left {
  width: 80px; }

table.news tr.content td {
  padding: 2px 0 12px 0; }

table.news tr.title td.center {
  width: 100px; }

span.important {
  font-size: 8pt;
  font-weight: bold;
  margin-bottom: 4px;
  display: inline-block; }

