/* line 14, ../../../../../../.gem/ruby/1.8/gems/html5-boilerplate-1.0.0/stylesheets/html5-boilerplate/_reset.scss */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 23, ../../../../../../.gem/ruby/1.8/gems/html5-boilerplate-1.0.0/stylesheets/html5-boilerplate/_reset.scss */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

/* line 27, ../../../../../../.gem/ruby/1.8/gems/html5-boilerplate-1.0.0/stylesheets/html5-boilerplate/_reset.scss */
blockquote, q {
  quotes: none;
}

/* line 30, ../../../../../../.gem/ruby/1.8/gems/html5-boilerplate-1.0.0/stylesheets/html5-boilerplate/_reset.scss */
blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../.gem/ruby/1.8/gems/html5-boilerplate-1.0.0/stylesheets/html5-boilerplate/_reset.scss */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* line 34, ../../../../../../.gem/ruby/1.8/gems/html5-boilerplate-1.0.0/stylesheets/html5-boilerplate/_reset.scss */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

/* line 36, ../../../../../../.gem/ruby/1.8/gems/html5-boilerplate-1.0.0/stylesheets/html5-boilerplate/_reset.scss */
del {
  text-decoration: line-through;
}

/* line 38, ../../../../../../.gem/ruby/1.8/gems/html5-boilerplate-1.0.0/stylesheets/html5-boilerplate/_reset.scss */
abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

/* line 40, ../../../../../../.gem/ruby/1.8/gems/html5-boilerplate-1.0.0/stylesheets/html5-boilerplate/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 42, ../../../../../../.gem/ruby/1.8/gems/html5-boilerplate-1.0.0/stylesheets/html5-boilerplate/_reset.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/* line 11, ../../../../../../.gem/ruby/1.8/gems/html5-boilerplate-1.0.0/stylesheets/html5-boilerplate/_fonts.scss */
body {
  font-size: 14px;
  font-family: helvetica, arial, sans-serif;
  line-height: 17px;
  *font-size: small;
}

/* line 20, ../../../../../../.gem/ruby/1.8/gems/html5-boilerplate-1.0.0/stylesheets/html5-boilerplate/_fonts.scss */
pre, code, kbd, samp {
  font-family: monospace, sans-serif;
}

/* line 15, ../../../../../../.gem/ruby/1.8/gems/html5-boilerplate-1.0.0/stylesheets/html5-boilerplate/_styles.scss */
html {
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

/* line 17, ../../../../../../.gem/ruby/1.8/gems/html5-boilerplate-1.0.0/stylesheets/html5-boilerplate/_styles.scss */
ul, ol {
  margin-left: 2em;
}

/* line 18, ../../../../../../.gem/ruby/1.8/gems/html5-boilerplate-1.0.0/stylesheets/html5-boilerplate/_styles.scss */
ol {
  list-style-type: decimal;
}

/* line 20, ../../../../../../.gem/ruby/1.8/gems/html5-boilerplate-1.0.0/stylesheets/html5-boilerplate/_styles.scss */
td {
  vertical-align: top;
}

/* line 22, ../../../../../../.gem/ruby/1.8/gems/html5-boilerplate-1.0.0/stylesheets/html5-boilerplate/_styles.scss */
sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  bottom: -0.25em;
}

/* line 24, ../../../../../../.gem/ruby/1.8/gems/html5-boilerplate-1.0.0/stylesheets/html5-boilerplate/_styles.scss */
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  top: -0.5em;
}

/* line 53, ../../../../../../.gem/ruby/1.8/gems/html5-boilerplate-1.0.0/stylesheets/html5-boilerplate/_styles.scss */
a:hover, a:active {
  outline: none;
}

/* line 58, ../../../../../../.gem/ruby/1.8/gems/html5-boilerplate-1.0.0/stylesheets/html5-boilerplate/_styles.scss */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
  padding: 15px;
}

/* line 71, ../../../../../../.gem/ruby/1.8/gems/html5-boilerplate-1.0.0/stylesheets/html5-boilerplate/_styles.scss */
label, input[type="button"], input[type="submit"], input[type="image"], button {
  cursor: pointer;
}

/* line 80, ../../../../../../.gem/ruby/1.8/gems/html5-boilerplate-1.0.0/stylesheets/html5-boilerplate/_styles.scss */
button, input, select, textarea {
  width: auto;
  overflow: visible;
  margin: 0;
  font-size: 100%;
  font-family: sans-serif;
  vertical-align: baseline;
}

/* line 84, ../../../../../../.gem/ruby/1.8/gems/html5-boilerplate-1.0.0/stylesheets/html5-boilerplate/_styles.scss */
textarea {
  overflow: auto;
  vertical-align: text-top;
}

/* line 88, ../../../../../../.gem/ruby/1.8/gems/html5-boilerplate-1.0.0/stylesheets/html5-boilerplate/_styles.scss */
input::-moz-focus-inner,
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* line 99, ../../../../../../.gem/ruby/1.8/gems/html5-boilerplate-1.0.0/stylesheets/html5-boilerplate/_styles.scss */
::-moz-selection {
  background: #58585a;
  color: white;
  text-shadow: none;
}

/* line 100, ../../../../../../.gem/ruby/1.8/gems/html5-boilerplate-1.0.0/stylesheets/html5-boilerplate/_styles.scss */
::selection {
  background: #58585a;
  color: white;
  text-shadow: none;
}

/* line 105, ../../../../../../.gem/ruby/1.8/gems/html5-boilerplate-1.0.0/stylesheets/html5-boilerplate/_styles.scss */
a:link {
  -webkit-tap-highlight-color: #58585a;
}

/* line 118, ../../../../../../.gem/ruby/1.8/gems/html5-boilerplate-1.0.0/stylesheets/html5-boilerplate/_styles.scss */
.ie7 img {
  -ms-interpolation-mode: bicubic;
}

/* line 120, ../../../../../../.gem/ruby/1.8/gems/html5-boilerplate-1.0.0/stylesheets/html5-boilerplate/_styles.scss */
.ie6 legend, .ie7 legend {
  margin-left: -7px;
}

/* line 125, ../../../../../../.gem/ruby/1.8/gems/html5-boilerplate-1.0.0/stylesheets/html5-boilerplate/_styles.scss */
nav ul, nav li {
  margin: 0;
  list-style: none;
  list-style-image: none;
}

/* line 10, ../../../../../../.gem/ruby/1.8/gems/html5-boilerplate-1.0.0/stylesheets/html5-boilerplate/_helpers.scss */
.ir {
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  direction: ltr;
  background-repeat: no-repeat;
}

/* line 12, ../../../../../../.gem/ruby/1.8/gems/html5-boilerplate-1.0.0/stylesheets/html5-boilerplate/_helpers.scss */
.hidden {
  display: none;
  visibility: hidden;
}

/* line 14, ../../../../../../.gem/ruby/1.8/gems/html5-boilerplate-1.0.0/stylesheets/html5-boilerplate/_helpers.scss */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/* line 50, ../../../../../../.gem/ruby/1.8/gems/html5-boilerplate-1.0.0/stylesheets/html5-boilerplate/_helpers.scss */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/* line 16, ../../../../../../.gem/ruby/1.8/gems/html5-boilerplate-1.0.0/stylesheets/html5-boilerplate/_helpers.scss */
.clearfix {
  zoom: 1;
}
/* line 61, ../../../../../../.gem/ruby/1.8/gems/html5-boilerplate-1.0.0/stylesheets/html5-boilerplate/_helpers.scss */
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}
/* line 62, ../../../../../../.gem/ruby/1.8/gems/html5-boilerplate-1.0.0/stylesheets/html5-boilerplate/_helpers.scss */
.clearfix:after {
  clear: both;
}

/* line 8, ../sass/partials/_page.scss */
body, select, input, textarea {
  color: #58585a;
}

/* line 15, ../sass/partials/_page.scss */
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
}

/* line 22, ../sass/partials/_page.scss */
a, a:active, a:visited {
  color: #ea1d2c;
}

/* line 23, ../sass/partials/_page.scss */
a:hover {
  color: #fba600;
}

/* line 25, ../sass/partials/_page.scss */
strong, th {
  font-weight: bold;
}

/* line 29, ../sass/partials/_page.scss */
small {
  font-size: 79%;
}

/* line 38, ../sass/partials/_page.scss */
input:invalid, textarea:invalid {
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  -o-border-radius: 1px;
  -ms-border-radius: 1px;
  -khtml-border-radius: 1px;
  border-radius: 1px;
  -moz-box-shadow: 0 0 5px 0 red;
  -webkit-box-shadow: 0 0 5px 0 red;
  -o-box-shadow: 0 0 5px 0 red;
  box-shadow: 0 0 5px 0 red;
}

/* line 43, ../sass/partials/_page.scss */
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid {
  background-color: #f0dddd;
}

/* line 50, ../sass/partials/_page.scss */
html {
  background: #161616 url("../img/backRepeat.jpg");
}

/* line 54, ../sass/partials/_page.scss */
body {
  min-height: 900px;
}

/* line 58, ../sass/partials/_page.scss */
#container {
  margin: 0 auto;
  width: 945px;
}

/* line 63, ../sass/partials/_page.scss */
header {
  background: url("../img/headerBeams.png") no-repeat right bottom;
  min-height: 203px;
}
/* line 66, ../sass/partials/_page.scss */
header h1 {
  width: 423px;
  height: 96px;
  float: left;
  background: url("../img/logo.png") no-repeat;
  text-indent: -9999px;
  margin: 62px 0 2px 11px;
  display: inline;
}
/* line 74, ../sass/partials/_page.scss */
header h1 a {
  width: 423px;
  height: 96px;
  float: left;
  text-indent: -9999px;
  display: inline;
}
/* line 82, ../sass/partials/_page.scss */
header #menu-main-nav {
  clear: both;
  font-family: futura-pt, arial, helvetica, sans-serif;
  font-weight: 500;
  font-size: 18px;
  text-transform: uppercase;
  list-style-type: none;
  padding: 8px 0;
  margin: 0 10px 0 16px;
  width: 700px;
  overflow: hidden;
  background: #58585a;
  border-bottom: 10px solid #fff;
}
/* line 95, ../sass/partials/_page.scss */
header #menu-main-nav li {
  float: left;
  padding: 0 0 0 26px;
}
/* line 99, ../sass/partials/_page.scss */
header #menu-main-nav a {
  float: left;
  text-decoration: none;
  color: #fdfafa;
}
/* line 103, ../sass/partials/_page.scss */
header #menu-main-nav a:hover, header #menu-main-nav a.current {
  color: #ea1d2c;
}

/* line 113, ../sass/partials/_page.scss */
#main article, #main form {
  background: #fff;
  margin: 0 10px 0 16px;
  padding: 23px 52px 5px 290px;
  min-height: 246px;
}
/* line 119, ../sass/partials/_page.scss */
#main article p, #main form p {
  padding: 0 0 21px 0;
}

/* line 126, ../sass/partials/_page.scss */
#home article {
  background: white url("../img/illustrationHome.jpg") no-repeat 26px 23px;
}

/* line 132, ../sass/partials/_page.scss */
#roofing article {
  background: white url("../img/illustrationRoofing.jpg") no-repeat 26px 23px;
}

/* line 138, ../sass/partials/_page.scss */
#epdm article {
  background: white url("../img/illustrationEPDM.jpg") no-repeat 26px 23px;
}

/* line 144, ../sass/partials/_page.scss */
#contact article, #contact form {
  background: white url("../img/illustrationContact.jpg") no-repeat 26px 23px;
  width: 577px;
  overflow: hidden;
}
/* line 148, ../sass/partials/_page.scss */
#contact article fieldset, #contact form fieldset {
  float: left;
  width: 250px;
}
/* line 151, ../sass/partials/_page.scss */
#contact article fieldset#personalDetails, #contact form fieldset#personalDetails {
  padding: 0 64px 0 0;
}
/* line 155, ../sass/partials/_page.scss */
#contact article label, #contact article input, #contact form label, #contact form input {
  clear: left;
  float: left;
  width: 250px;
  padding: 0;
  margin: 0;
}
/* line 162, ../sass/partials/_page.scss */
#contact article label, #contact form label {
  text-transform: uppercase;
}
/* line 165, ../sass/partials/_page.scss */
#contact article input, #contact form input {
  background: #f7f8f8;
  border: none;
  padding: 5px;
  width: 240px;
  margin: 0 0 18px 0;
}
/* line 171, ../sass/partials/_page.scss */
#contact article input:focus, #contact form input:focus {
  background: #ea1d2c;
  color: #fff;
}
/* line 175, ../sass/partials/_page.scss */
#contact article input#verzenden, #contact form input#verzenden {
  width: 110px;
  height: 25px;
  padding: 0;
}
/* line 181, ../sass/partials/_page.scss */
#contact article p#forminfo, #contact form p#forminfo {
  float: left;
  text-align: right;
  width: 140px;
  padding: 14px 0 0 0;
  font-size: 8px;
  font-family: arial, helvetica, sans-serif;
}
/* line 189, ../sass/partials/_page.scss */
#contact article textarea, #contact form textarea {
  clear: left;
  float: left;
  padding: 5px;
  width: 240px;
  border: none;
  margin: 0 0 18px 0;
  background: #f7f8f8;
  height: 93px;
}
/* line 198, ../sass/partials/_page.scss */
#contact article textarea:focus, #contact form textarea:focus {
  background: #ea1d2c;
  color: #fff;
}

/* line 207, ../sass/partials/_page.scss */
#realisaties article {
  background: #fff;
  margin: 0 10px 0 16px;
  padding: 23px 67px 5px 26px;
  min-height: 0;
  width: 826px;
  overflow: hidden;
}
/* line 214, ../sass/partials/_page.scss */
#realisaties article ul {
  margin: 0;
  padding: 0 0 8px 0;
  list-style-type: none;
  width: 855px;
  overflow: hidden;
}
/* line 221, ../sass/partials/_page.scss */
#realisaties article li {
  float: left;
  width: 120px;
  height: 69px;
  margin: 0 20px 16px 0;
  display: inline;
}
/* line 228, ../sass/partials/_page.scss */
#realisaties article a {
  float: left;
  width: 118px;
  height: 67px;
  padding: 1px;
  display: inline;
}
/* line 234, ../sass/partials/_page.scss */
#realisaties article a:hover {
  background: #ea1d2c;
}

/* line 241, ../sass/partials/_page.scss */
.vcard {
  background: url("../img/vcardTitleLeft.png") no-repeat;
  padding: 0 0 0 18px;
}
/* line 244, ../sass/partials/_page.scss */
.vcard h1 {
  background: #fff;
  width: 917px;
  overflow: hidden;
  color: #fff;
  font-family: futura-pt, arial, helvetica, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 20px;
  padding: 0 0 7px 0;
}
/* line 254, ../sass/partials/_page.scss */
.vcard h1 span {
  background: white url("../img/vcardTitleRight.gif") right 0 no-repeat;
  float: left;
  padding: 1px 22px 5px 23px;
}
/* line 260, ../sass/partials/_page.scss */
.vcard p, .vcard a {
  background: white url("../img/addressSeperator.gif") no-repeat right 4px;
  float: left;
}
/* line 263, ../sass/partials/_page.scss */
.vcard p:nth-child(2), .vcard a:nth-child(2) {
  background: #fff;
  clear: both;
  font-weight: 700;
  width: 893px;
  float: none;
  padding: 0 0 0 24px;
}
/* line 272, ../sass/partials/_page.scss */
.vcard .basicAdr {
  background: #fff;
  width: 917px;
  overflow: hidden;
  padding: 0 0 10px 0;
}
/* line 277, ../sass/partials/_page.scss */
.vcard .basicAdr p, .vcard .basicAdr a {
  background: white url("../img/addressSeperator.gif") no-repeat right 4px;
  float: left;
}
/* line 278, ../sass/partials/_page.scss */
.vcard .basicAdr p:nth-child(2), .vcard .basicAdr a:nth-child(2) {
  background: white url("../img/addressSeperator.gif") no-repeat right 4px;
  clear: none;
  font-weight: 400;
  width: auto;
  float: left;
  padding: 0 0 0 24px;
}
/* line 288, ../sass/partials/_page.scss */
.vcard .basicAdr p.fn, .vcard .basicAdr a.fn {
  position: absolute;
  left: -9999px;
}
/* line 292, ../sass/partials/_page.scss */
.vcard .basicAdr p.tel, .vcard .basicAdr a.tel {
  padding: 0 12px 0 24px;
}
/* line 294, ../sass/partials/_page.scss */
.vcard .basicAdr p.tel span, .vcard .basicAdr a.tel span {
  position: absolute;
  left: -9999px;
}
/* line 299, ../sass/partials/_page.scss */
.vcard .basicAdr p.email, .vcard .basicAdr a.email {
  padding: 0 12px 0 3px;
  color: #58585a;
  text-decoration: none;
}
/* line 303, ../sass/partials/_page.scss */
.vcard .basicAdr p.email:hover, .vcard .basicAdr a.email:hover {
  color: #ea1d2c;
}
/* line 308, ../sass/partials/_page.scss */
.vcard .basicAdr p.adr span, .vcard .basicAdr a.adr span {
  background: white url("../img/addressSeperator.gif") no-repeat right 4px;
  padding: 0 12px 0 3px;
}
/* line 311, ../sass/partials/_page.scss */
.vcard .basicAdr p.adr span.postal-code, .vcard .basicAdr p.adr span.locality, .vcard .basicAdr a.adr span.postal-code, .vcard .basicAdr a.adr span.locality {
  background: #fff;
  padding: 0;
}

/* line 322, ../sass/partials/_page.scss */
footer {
  background: url("../img/footer.gif") repeat-x;
  margin: 0 10px 0 18px;
  text-align: right;
  width: 917px;
  overflow: hidden;
}
/* line 328, ../sass/partials/_page.scss */
footer p {
  float: right;
  background: #58585a;
  font-size: 10px;
  color: #fff;
}
/* line 333, ../sass/partials/_page.scss */
footer p:nth-child(1) {
  padding: 7px 51px 7px 0;
}
/* line 335, ../sass/partials/_page.scss */
footer p:nth-child(1) a {
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 700;
}
/* line 339, ../sass/partials/_page.scss */
footer p:nth-child(1) a:hover {
  color: #fff;
}
/* line 344, ../sass/partials/_page.scss */
footer p:nth-child(2) {
  padding: 7px 330px 7px 45px;
}

/*/mediaquery*/
/*/mediaquery*/
@media print {
  /* line 10, ../../../../../../.gem/ruby/1.8/gems/html5-boilerplate-1.0.0/stylesheets/html5-boilerplate/_media.scss */
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }

  /* line 12, ../../../../../../.gem/ruby/1.8/gems/html5-boilerplate-1.0.0/stylesheets/html5-boilerplate/_media.scss */
  a, a:visited {
    color: #444 !important;
    text-decoration: underline;
  }

  /* line 13, ../../../../../../.gem/ruby/1.8/gems/html5-boilerplate-1.0.0/stylesheets/html5-boilerplate/_media.scss */
  a[href]:after {
    content: " (" attr(href) ")";
  }

  /* line 14, ../../../../../../.gem/ruby/1.8/gems/html5-boilerplate-1.0.0/stylesheets/html5-boilerplate/_media.scss */
  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /* line 15, ../../../../../../.gem/ruby/1.8/gems/html5-boilerplate-1.0.0/stylesheets/html5-boilerplate/_media.scss */
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: "";
  }

  /* line 16, ../../../../../../.gem/ruby/1.8/gems/html5-boilerplate-1.0.0/stylesheets/html5-boilerplate/_media.scss */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /* line 17, ../../../../../../.gem/ruby/1.8/gems/html5-boilerplate-1.0.0/stylesheets/html5-boilerplate/_media.scss */
  thead {
    display: table-header-group;
  }

  /* line 18, ../../../../../../.gem/ruby/1.8/gems/html5-boilerplate-1.0.0/stylesheets/html5-boilerplate/_media.scss */
  tr, img {
    page-break-inside: avoid;
  }

  /* line 19, ../../../../../../.gem/ruby/1.8/gems/html5-boilerplate-1.0.0/stylesheets/html5-boilerplate/_media.scss */
  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
}

  /* line 21, ../../../../../../.gem/ruby/1.8/gems/html5-boilerplate-1.0.0/stylesheets/html5-boilerplate/_media.scss */
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }

  /* line 22, ../../../../../../.gem/ruby/1.8/gems/html5-boilerplate-1.0.0/stylesheets/html5-boilerplate/_media.scss */
  h2, h3 {
    page-break-after: avoid;
  }
}