/* line 14, ../../../../../../.gem/ruby/1.8/gems/compass-0.10.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

/* line 17, ../../../../../../.gem/ruby/1.8/gems/compass-0.10.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
body {
  line-height: 1;
  color: black;
  background: white;
}

/* line 19, ../../../../../../.gem/ruby/1.8/gems/compass-0.10.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 21, ../../../../../../.gem/ruby/1.8/gems/compass-0.10.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle;
}

/* line 23, ../../../../../../.gem/ruby/1.8/gems/compass-0.10.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 25, ../../../../../../.gem/ruby/1.8/gems/compass-0.10.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: "" "";
}
/* line 96, ../../../../../../.gem/ruby/1.8/gems/compass-0.10.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
}

/* line 27, ../../../../../../.gem/ruby/1.8/gems/compass-0.10.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* A font by Jos Buivenga (exljbris) -> www.exljbris.com */
@font-face {
  font-family: 'MuseoSlab500';
  src: url("museoslab_500_macroman/Museo_Slab_500-webfont.eot");
  src: url("museoslab_500_macroman/Museo_Slab_500-webfont.eot?iefix") format("eot"), url("museoslab_500_macroman/Museo_Slab_500-webfont.woff") format("woff"), url("museoslab_500_macroman/Museo_Slab_500-webfont.ttf") format("truetype"), url("museoslab_500_macroman/Museo_Slab_500-webfont.svg#webfontyumMOUTD") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* line 16, ../src/screen.scss */
section {
  display: block;
}

/* line 21, ../src/screen.scss */
#grid {
  position: absolute;
  left: 50%;
  top: 0;
  width: 980px;
  height: 3000px;
  margin-left: -490px;
  z-index: 1;
  background: url("../img/grid.png");
  opacity: 0.5;
  display: none;
}

/* line 35, ../src/screen.scss */
body {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 24px;
  background: #EDF1F2;
  -webkit-text-size-adjust: none;
}

/* line 45, ../src/screen.scss */
#mainNav {
  position: absolute;
  left: 50%;
  top: 0;
  width: 840px;
  margin-left: -420px;
  z-index: 2;
  font-size: 16px;
  display: block;
}
/* line 55, ../src/screen.scss */
#mainNav a {
  float: left;
  position: relative;
  text-decoration: none;
  line-height: 24px;
  padding: 0 10px;
  border-radius: 3px;
  display: block;
}
/* line 64, ../src/screen.scss */
#mainNav a:link {
  color: #99785C;
}
/* line 68, ../src/screen.scss */
#mainNav a:visited {
  color: #99785C;
}
/* line 72, ../src/screen.scss */
#mainNav a:hover {
  background-color: #AC000B;
  color: #fff;
}
/* line 78, ../src/screen.scss */
#mainNav li {
  float: left;
  padding: 36px 15px 0 0;
}
/* line 84, ../src/screen.scss */
#mainNav li.current a {
  background: #AC000B;
  color: #fff;
}
/* line 92, ../src/screen.scss */
#mainNav #langNav {
  position: absolute;
  line-height: 96px;
  right: 120px;
  padding: 36px 0 0 0;
}

/* line 101, ../src/screen.scss */
section#main {
  margin: 0 auto;
  width: 980px;
  overflow: hidden;
  display: block;
}

/* line 109, ../src/screen.scss */
body#distributors section#main, body#contact section#main {
  background: url("../img/header2.jpg") no-repeat;
  min-height: 500px;
}
/* line 113, ../src/screen.scss */
body#distributors section#main h1, body#contact section#main h1 {
  color: #fff;
  font-weight: 700;
  font-size: 72px;
  line-height: 120px;
  padding: 72px 0 0 80px;
  font-family: MuseoSlab500, Helvetica, Arial, sans-serif;
}
/* line 122, ../src/screen.scss */
body#distributors section#main #distributorslist, body#contact section#main #distributorslist {
  padding: 48px 80px 42px 80px;
  width: 1040px;
  overflow: hidden;
}
/* line 127, ../src/screen.scss */
body#distributors section#main #distributorslist article, body#contact section#main #distributorslist article {
  display: inline;
  float: left;
  margin: 0 140px 24px 0;
  width: 340px;
}
/* line 134, ../src/screen.scss */
body#distributors section#main #distributorslist h1, body#contact section#main #distributorslist h1 {
  color: #363636;
  font-family: MuseoSlab500, Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  padding: 12px 0;
}
/* line 143, ../src/screen.scss */
body#distributors section#main #distributorslist a, body#contact section#main #distributorslist a {
  color: #B70008;
}
/* line 146, ../src/screen.scss */
body#distributors section#main #distributorslist a:hover, body#contact section#main #distributorslist a:hover {
  color: #DE4E0B;
}

/* line 156, ../src/screen.scss */
#mainIntro {
  padding: 0;
  width: 980px;
  overflow: hidden;
  color: #fff;
  background: url("../img/redFadedIn.gif") repeat-y;
  position: relative;
  display: block;
}
/* line 165, ../src/screen.scss */
#mainIntro h1 {
  text-indent: -9999px;
  float: left;
  width: 120px;
  height: 110px;
}

/* line 174, ../src/screen.scss */
#mainVideo {
  float: left;
  margin: 0;
  width: 420px;
  display: inline;
  min-height: 336px;
  padding: 96px 20px 6px 0;
  background: url("../img/header.jpg") no-repeat;
}

/* line 185, ../src/screen.scss */
#introText {
  float: right;
  width: 460px;
  min-height: 336px;
  font-size: 14px;
  padding: 96px 80px 0 0;
  display: inline;
  background: url("../img/header.jpg") no-repeat right 0;
}

/* line 196, ../src/screen.scss */
#videoSelection {
  background: #BD0008;
  bottom: 13px;
  height: 90px;
  position: absolute;
  right: 80px;
  width: 450px;
  padding: 5px;
}
/* line 205, ../src/screen.scss */
#videoSelection li {
  position: relative;
}
/* line 208, ../src/screen.scss */
#videoSelection li span.videoThumbfaded {
  position: absolute;
  left: 0;
  top: 0;
  width: 130px;
  height: 90px;
  background: url("../img/thumbFaded.png");
}
/* line 217, ../src/screen.scss */
#videoSelection li span.videoButton {
  position: absolute;
  left: 0;
  top: 0;
  width: 130px;
  height: 90px;
  background: url("../img/videoButton.png");
}
/* line 225, ../src/screen.scss */
#videoSelection li span.videoButton:hover {
  background: url("../img/videoButton.png") 0 -90px;
}
/* line 233, ../src/screen.scss */
a
#videoSelection li:hover span.videoButton {
  background: url("../img/videoButton.png") 0 -90px;
}

/* line 241, ../src/screen.scss */
#advantages {
  background: url("../img/redFadedIn.gif") repeat-y;
  display: block;
}
/* line 245, ../src/screen.scss */
#advantages h1 {
  text-align: center;
  color: #fff;
  font-weight: 700;
  font-size: 90px;
  line-height: 96px;
  padding-top: 48px;
  font-family: MuseoSlab500, Helvetica, Arial, sans-serif;
}
/* line 256, ../src/screen.scss */
#advantages p {
  padding: 0 80px 24px 80px;
  color: #fff;
  font-weight: 700;
}
/* line 263, ../src/screen.scss */
#advantages ol {
  background: #d9dedf url("../img/voordelenShadow.png") repeat-x;
  margin: 0 20px;
  list-style-position: inside;
  list-style-type: none;
  width: 940px;
  overflow: hidden;
}
/* line 272, ../src/screen.scss */
#advantages li {
  width: 940px;
  padding: 24px 0 24px 0;
  background: url("../img/advantagesBorder.jpg") repeat-x 0 bottom;
  overflow: hidden;
}
/* line 278, ../src/screen.scss */
#advantages li p {
  color: #363636;
  padding: 0 60px 24px 180px;
}
/* line 283, ../src/screen.scss */
#advantages li ul {
  margin: 22px 0 0 180px;
  width: 760px;
  overflow: hidden;
}
/* line 289, ../src/screen.scss */
#advantages li li {
  background: none;
  margin: 0 20px 0 0;
  padding: 24px 0 0 80px;
  width: auto;
  min-height: 72px;
  font-weight: 700;
  width: 140px;
  float: left;
  color: #571206;
}
/* line 300, ../src/screen.scss */
#advantages li li#solid {
  background: url("../img/vastIcon.gif") no-repeat;
}
/* line 304, ../src/screen.scss */
#advantages li li#fluid {
  background: url("../img/vloeistofIcon.gif") no-repeat;
}
/* line 308, ../src/screen.scss */
#advantages li li#electro {
  background: url("../img/electroIcon.gif") no-repeat;
}
/* line 314, ../src/screen.scss */
#advantages li h2 {
  line-height: 72px;
  font-size: 22px;
  color: #363636;
  text-shadow: #fff 2px 2px;
  padding: 0 0 0 180px;
  position: relative;
  width: 760px;
  overflow: hidden;
}
/* line 324, ../src/screen.scss */
#advantages li h2 a {
  float: right;
  margin: 0 55px 0 0;
  font-family: MuseoSlab500, Helvetica, Arial, sans-serif;
  background: url("../img/moreInfoButtonRight.gif") no-repeat right 0;
  text-shadow: none;
  color: #fff;
  padding: 0 0 0 10px;
  text-decoration: none;
  line-height: 24px;
}
/* line 335, ../src/screen.scss */
#advantages li h2 a:active {
  top: 1px;
}
/* line 339, ../src/screen.scss */
#advantages li h2 a:hover {
  background: url("../img/moreInfoButtonRight.gif") no-repeat right -72px;
}
/* line 342, ../src/screen.scss */
#advantages li h2 a:hover span {
  background: url("../img/moreInfoButtonLeft.gif") no-repeat 0 -72px;
}
/* line 347, ../src/screen.scss */
#advantages li h2 a span {
  margin: 0 40px 0 0;
  padding: 0 10px 0 20px;
  background: url("../img/moreInfoButtonLeft.gif") no-repeat;
  line-height: 72px;
  display: block;
}
/* line 355, ../src/screen.scss */
#advantages li h2 a.paragraphsVisible {
  text-indent: -9999px;
  background: none;
}
/* line 360, ../src/screen.scss */
#advantages li h2 a.paragraphsVisible span {
  background: url("../img/closeInfoButton.gif") no-repeat right 0;
  margin: 0 0 0 0;
  width: 22px;
}
/* line 368, ../src/screen.scss */
#advantages li h2 a.paragraphsVisible:hover span {
  background: url("../img/closeInfoButton.gif") no-repeat right -72px;
}
/* line 378, ../src/screen.scss */
#advantages li:nth-child(1) h2 {
  background: url("../img/advantageNumber1.png") no-repeat 60px center;
}
/* line 385, ../src/screen.scss */
#advantages li:nth-child(2) h2 {
  background: url("../img/advantageNumber2.png") no-repeat 60px center;
}
/* line 392, ../src/screen.scss */
#advantages li:nth-child(3) h2 {
  background: url("../img/advantageNumber3.png") no-repeat 60px center;
}
/* line 399, ../src/screen.scss */
#advantages li:nth-child(4) h2 {
  background: url("../img/advantageNumber4.png") no-repeat 60px center;
}
/* line 406, ../src/screen.scss */
#advantages li:nth-child(5) h2 {
  background: url("../img/advantageNumber5.png") no-repeat 60px center;
}

/* line 415, ../src/screen.scss */
#environment {
  margin: 0 20px;
  padding: 0 0 24px 0;
  background: #adcb8d url("../img/leave.gif") no-repeat 680px 44px;
  display: block;
}
/* line 421, ../src/screen.scss */
#environment h1 {
  color: #fff;
  font-weight: 700;
  font-size: 70px;
  line-height: 72px;
  padding: 48px 0 0 60px;
  font-family: MuseoSlab500, Helvetica, Arial, sans-serif;
}
/* line 430, ../src/screen.scss */
#environment h2 {
  padding: 0 0 24px 60px;
  font-size: 24px;
  color: #37422B;
  font-weight: 400;
}
/* line 437, ../src/screen.scss */
#environment ul {
  padding: 0 0 0 60px;
  list-style-type: disc;
  list-style-position: outside;
  color: #37422B;
  font-size: 16px;
  line-height: 48px;
}

/* line 448, ../src/screen.scss */
#additionalInfo {
  padding: 48px 0 0 0;
  width: 980px;
  overflow: hidden;
  color: #363636;
  background: url("../img/environmentBottom.png") no-repeat 20px 0;
  display: block;
}
/* line 456, ../src/screen.scss */
#additionalInfo #infoList {
  padding: 0 80px;
  width: 960px;
}
/* line 461, ../src/screen.scss */
#additionalInfo strong {
  font-weight: 700;
}
/* line 465, ../src/screen.scss */
#additionalInfo h1 {
  color: #363636;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  padding: 12px 0 12px 0;
  font-family: MuseoSlab500, Helvetica, Arial, sans-serif;
}
/* line 476, ../src/screen.scss */
#additionalInfo .masoned article {
  margin: 0;
}
/* line 481, ../src/screen.scss */
#additionalInfo article {
  float: left;
  display: inline;
  width: 340px;
  margin: 0 140px 24px 0;
}
/* line 487, ../src/screen.scss */
#additionalInfo article ul {
  list-style-type: disc;
  list-style-position: outside;
  padding: 0 0 24px 0;
}
/* line 493, ../src/screen.scss */
#additionalInfo article ol {
  list-style-type: decimal;
  list-style-position: outside;
  padding: 0 0 24px 0;
}
/* line 499, ../src/screen.scss */
#additionalInfo article p {
  padding: 0 0 24px 0;
}
/* line 503, ../src/screen.scss */
#additionalInfo article em {
  color: #9B0008;
  font-style: normal;
}

/* line 511, ../src/screen.scss */
#contactForm {
  float: left;
  display: inline;
  margin: 48px 0 0 80px;
  width: 460px;
}

/* line 520, ../src/screen.scss */
body#contact section#main #contactInfo {
  float: right;
  width: 280px;
  display: inline;
  margin: 48px 80px 0 0;
}
/* line 526, ../src/screen.scss */
body#contact section#main #contactInfo h1 {
  color: #363636;
  font-family: MuseoSlab500, Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  padding: 12px 0;
}
/* line 535, ../src/screen.scss */
body#contact section#main #contactInfo p {
  padding: 0 0 24px 0;
}
/* line 541, ../src/screen.scss */
body#contact section#main #contactInfo .vcard p {
  padding: 0;
}
/* line 545, ../src/screen.scss */
body#contact section#main #contactInfo .vcard .fn, body#contact section#main #contactInfo .vcard .tel .type {
  display: none;
}
/* line 549, ../src/screen.scss */
body#contact section#main #contactInfo .vcard a {
  color: #AC000B;
}
/* line 552, ../src/screen.scss */
body#contact section#main #contactInfo .vcard a:hover {
  color: #EF0007;
}

/* line 560, ../src/screen.scss */
footer {
  clear: both;
  padding: 48px 80px 24px 80px;
  font-size: 10px;
  text-align: center;
  color: #5E6060;
  display: block;
}
/* line 568, ../src/screen.scss */
footer a {
  color: #5E6060;
  text-decoration: none;
}
/* line 573, ../src/screen.scss */
footer img {
  display: block;
  margin: 11px auto 11px auto;
}

/* Container DIV - automatically generated */
/* line 581, ../src/screen.scss */
.simply-scroll-container {
  position: relative;
}

/* Clip DIV - automatically generated */
/* line 586, ../src/screen.scss */
.simply-scroll-clip {
  position: relative;
  overflow: hidden;
  z-index: 2;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
/* line 594, ../src/screen.scss */
.simply-scroll-list {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 605, ../src/screen.scss */
.simply-scroll-list li {
  padding: 0;
  margin: 0;
  list-style: none;
}

/* line 611, ../src/screen.scss */
.simply-scroll-list li img {
  border: none;
  display: block;
}

/* Container DIV - automatically generated */
/* line 617, ../src/screen.scss */
.simply-scroll-container {
  position: relative;
}

/* Clip DIV - automatically generated */
/* line 622, ../src/screen.scss */
.simply-scroll-clip {
  position: relative;
  overflow: hidden;
  z-index: 2;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
/* line 630, ../src/screen.scss */
.simply-scroll-list {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 641, ../src/screen.scss */
.simply-scroll-list li {
  padding: 0;
  margin: 0;
  list-style: none;
}

/* line 647, ../src/screen.scss */
.simply-scroll-list li img {
  border: none;
  display: block;
}

/* Master button styles - note that up and down versions 
have been removed in this example */
/* line 655, ../src/screen.scss */
.simply-scroll-btn {
  position: absolute;
  background: #f00;
  width: 30px;
  height: 90px;
  z-index: 3;
  cursor: pointer;
}

/* line 664, ../src/screen.scss */
.simply-scroll-btn-left {
  left: 0;
  top: 0;
  background-position: 0 -44px;
  background: url("../img/scrollerBack.gif") no-repeat;
}

/* line 670, ../src/screen.scss */
.simply-scroll-btn-left.disabled {
  background: none;
  cursor: default;
  display: none;
}

/* line 675, ../src/screen.scss */
.simply-scroll-btn-left:hover {
  background: url("../img/scrollerBack.gif") no-repeat 0 -95px;
}

/* line 679, ../src/screen.scss */
.simply-scroll-btn-right {
  right: 0;
  top: 0;
  background: url("../img/scrollerForward.gif") no-repeat;
}

/* line 684, ../src/screen.scss */
.simply-scroll-btn-right.disabled {
  background: none;
  cursor: default;
  display: none;
}

/* line 689, ../src/screen.scss */
.simply-scroll-btn-right:hover {
  background: url("../img/scrollerForward.gif") no-repeat 0 -95px;
}

/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */
/* Container DIV */
/* line 701, ../src/screen.scss */
.simply-scroll {
  width: 450px;
  height: 90px;
  margin-bottom: 0;
}

/* Clip DIV */
/* line 708, ../src/screen.scss */
.simply-scroll .simply-scroll-clip {
  width: 450px;
  height: 90px;
}

/* Explicitly set height/width of each list item */
/* line 714, ../src/screen.scss */
.simply-scroll .simply-scroll-list li {
  float: left;
  /* Horizontal scroll only */
  width: 140px;
  height: 90px;
}