/**
* Van de Coevering Matrijzen // CSS Document
*
* Created By: Komma Mediadesign
* Author: Mike van der Sanden
* January 2013
*
*/

/* *{ outline: 0; }

/* Elements
html{ height: 100%; }
body{ outline: none; font-family:'Chaparral W01 Cap',arial,sans-serif; margin: 0; height: 100%; color: #56565A; background: #F5F5F5; font-size: 16px; line-height: 1.263157895em; }
#header, section, nav, article, #footer{ display: block; }
h1{ margin: 0; color: #EEA905; font-size: 2.105263158em; font-weight: 400; font-family:'DIN Next W02 Medium',arial,sans-serif; text-align: center; line-height: 1.2em; }
h1 .alt{ font-family:'DIN Next W02 Regular',arial,sans-serif; }
h2{ margin: 0 0 45px 0; font-size: 1.578947368em; font-weight: 400; font-family:'DIN Next W02 Medium',arial,sans-serif; line-height: 1.2em; }
p{ margin: 0 0 1.263157895em 0; }
hr{ display: block; widht: 100%; height: 3px; border: none; outline: none; background: #EFEFEF; clear: both; }
a{ color: #8FBAC6; text-decoration: none; }
img{ border: none; }
*/
/* Selection
::selection {			background:#EEA905; color:#fff;}
::-moz-selection {		background:#EEA905; color:#fff;}
*/
/* Global Classes
.clear{ clear: both;}
*/
/* header
#header{ position: fixed; top:0; left: 0; z-index: 3000; width: 100%; height: 83px; background: repeat-x url('/images/structure/header_bg.jpg'); }
#header .shadow{ position: absolute; z-index: 3000; left: 50%; bottom: -10PX; margin-left: -500px; width: 1000px; height: 10px; background: no-repeat url('/images/structure/coevering_sprite.png') 0 -290PX; }
#header .orangeLine{ display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #EEA905; }
#header .logo { position: absolute; top: 24px; left: 0; }

 */

/* .navigation */
/*
.nav.main{ position: absolute; top: 45px; right: 0; font-family:'DIN Next W02 Medium',arial,sans-serif; }
.nav.main ul{ float: left; margin: 0; padding: 0; list-style: none; }
.nav.main ul li{ display: block; position: relative; float: left; margin-left: 30px; }
.nav.main ul li a{ color: #BEBAB9; font-size: .842105263em; text-decoration: none; }
.nav.main ul li.active a{ color: #fff; }
.arrowHider{ position: absolute; top: 36px; left: 50%; overflow: hidden; margin-left:-10px; width: 20px; height: 20px;  }
.arrowHider .arrow{ position: absolute; top: -20px; width: 20px; height: 20px; background: no-repeat url('/images/structure/coevering_sprite.png') -10px -10px; }

.subHolder{ width: 100%; height: 80px;  margin-top: 83px; background: repeat-x url('/images/structure/bgSubMenu.jpg'); }
.nav.sub{ position: relative; margin: 0 auto; width: 1000px; height: 80px; }
.nav.sub ul{ float: left; margin: 0; padding: 0; list-style: none; }
.nav.sub ul li{ display: block; position: relative; float: left;}
.nav.sub ul li a{ position: relative; display: block; margin-right: 16px; padding: 30px 17px; color: #8FBAC6; font-size: .842105263em; font-family:'DIN Next W02 Medium',arial,sans-serif; text-decoration: none; line-height: 1em; }
.nav.sub ul li.active a{ color: #EEA905; }
.nav.sub ul li.first a{ padding-left: 0; }
.nav.sub ul li.last a{ padding-right: 0; }
.nav.sub ul li .line{ display: block; position: absolute; top: 20px; right: 0; width: 20px; height: 40px; background: no-repeat url('/images/structure/coevering_sprite.png') -480px -10px; }

.nav.sub ul li.active .arrow{ position: absolute; left: 50%; bottom: -15px; margin-left: -23px; width: 30px; height: 30px; background: no-repeat url('/images/structure/coevering_sprite.png') -590px -10px; }
.nav.sub ul li.active.last .arrow{ margin-left: 2px; }
.nav.sub ul li.active.first .arrow{ margin-left: -40px; }*/

/* Banner
.banner{ position: relative; overflow: hidden; width: 100%; margin-top: 83px; height: auto; background: #BEBAB9; }
.banner img.resize{ position: relative; left: 0; top: 0; opacity: 0; filter: alpha(opacity=0); }
*/
/* Content
.content{ position: relative; margin: 0 auto; width: 1000px; }
.content .column{ float: left; margin: 75px 0 80px 100px; width: 400px;  }
.content .column.no-margin-top{ margin-top: 0; }
.content .column p{ text-align: center; }
.imageFrame{ float: left; padding: 20px; width: 460px; background: #E8E8E8; }
.imageFrame img{ display: block; background: #BEBAB9; }

.streamer{  color: #EEA905; font-size: 2.105263158em; font-weight: 400; font-family:'DIN Next W02 Medium',arial,sans-serif; text-align: center; line-height: 1.2em;}
.streamer .alt{ font-family:'DIN Next W02 Regular',arial,sans-serif; }
h1.streamer{ margin: 0 0 50px 0; }

a.link{ display: inline-block; position: relative; padding: 0 30px 0 0;  color: #BEBAB9; font-size: .789473684em; font-family:'DIN Next W02 Regular',arial,sans-serif;}
a.link .arrow{ display: block; position: absolute; top: 3px; right: 0; width: 9px; height: 20px; background: url('/images/structure/coevering_sprite.png') -360px -10px; }
*/
/* Call to Action */
/*
.ctaBlock{ width: 400px; background: #EFEFEF; color: #8FBAC6; }
.ctaBlock::selection { background:#8FBAC6;; color:#fff; }
.ctaBlock::-moz-selection { background:#8FBAC6;; color:#fff; }
.ctaBlock .image{width: 400px; height: 180px; background: #BEBAB9; }
.ctaBlock .text{ padding: 30px; width: 340px; }
.ctaBlock .text h2{ font-size: 1.578947368em; font-weight: 400; font-family:'DIN Next W02 Medium', arial, sans-serif; text-align: center; line-height: 1.166666667em;}
.ctaBlock .text h2 .alt{ font-family:'DIN Next W02 Regular',arial,sans-serif; }

.ctaBlock.wide{ width: 1000px; }
.ctaBlock.wide .text{ float: left; margin: 60px 0 60px 40px; padding: 0; width: 560px; font-size: 1.5789473683em; text-align: center; line-height: 1.166666667em; }
.ctaBlock.wide .buttons{ float: right; margin: 30px 30px 20px 30px; width: 340px;  }

.ctaButtons{ float: right; margin: 30px 100px 0 0; padding: 30px 30px 20px 30px; width: 340px; background: #EFEFEF;  }
*/

/* Home - RoadMap */
/*
.sliderMenu{ position: relative; z-index: 2000; margin: 0 0 60px 0; padding-top: 20px; width: 1000px; height: 180px; background: #F5F5F5; }
.sliderMenu .shadow{ position: absolute; bottom: -50px; left: 0; width: 100%; height: 50px; background: no-repeat url('/images/structure/coevering_sprite.png') 0 -230px; opacity: 0; filter: alpha(opacity=0); }
.sliderMenuPlaceHolder{ display: none; position: relative; margin: 0 0 120px 0; width: 1000px; height: 200px; }

.roadMapHolder{ position: relative; margin: 40px 0 0 0; width: 1000px; height: 70px; }
.stepHolder{ display: block; position: absolute; top: 0; left: 0; margin-left: -15px; width: 30px; height: 70px; cursor: pointer; }
.stepHolder.step1{ left: 40%; }
.stepHolder.step2{ left: 50%; }
.stepHolder.step3{ left: 60%; }
.stepNumber{ display: block; position: absolute; top: 0; left: 0; padding: 5px 0 0 11px; width: 20px; height: 26px; background: no-repeat url('/images/structure/coevering_sprite.png') -130px -10px; color: #fff; font-size: .947368421em; font-family:'DIN Next W02 Medium',arial,sans-serif; }
.stepArrow{ display: block; position: absolute; bottom: 0; left: 0; width: 30px; height: 30px; }
.stepArrow .over, .stepArrow .out{ display: block; position: absolute; width: 30px; height: 30px; background: no-repeat url('/images/structure/coevering_sprite.png'); }
.stepArrow .out{ background-position: -170px -10px; }
.stepHolder.active .stepArrow .out{ background-position: -210px -10px; }
.stepArrow .over{ background-position: -210px -10px; z-index: 10; opacity: 0; filter: alpha(opacity=100); }

/* Home - Slider */
/*
.nav.slider{ position: relative; }
.nav.slider .mask{ position: relative; overflow: hidden; width: 1000px; }
.nav.slider .row{ position: relative; left: 0; padding: 40px 0 0 0; width: 2080px; height: 340px; }
.nav.slider .row .content{ float: left; overflow: hidden; margin-right: 40px;  }
.nav.slider .row .column { margin-bottom: 0; }
.nav.slider .row .column.alt{ margin-left: 0; margin-right: 100px; }
.nav.slider .row .column p{ text-align: left; }
.nav.slider .stepHolder.step1, .nav.slider .stepHolder.step3{ left: 535px; }
.nav.slider .stepHolder.step2{ left: 435px; }
.nav.slider .stepHolder.back{ left: auto; right: 0; }
.stepArrow.right .out{ background-position: -250px -10px; }
.stepHolder.active .stepArrow.right .out{ background-position: -290px -10px; }
.stepArrow.right .over{ background-position: -290px -10px;  }
.stepArrow.left .out{ background-position: -380px -10px; }
.stepHolder.active .stepArrow.left .out{ background-position: -420px -10px; }
.stepArrow.left .over{ background-position: -420px -10px; }

/* Home - Slider - Slide1
.slide1 .blockHolder{ position: relative; top: -320px; float: left; margin-right: 20px; width: 220px;  }
.slide1 .blockHolder.last{ margin-right: 0}
.slide1 .blockHolder .imageFrame{ margin-bottom: 15px; width: 180px;  }
.step1.back{ top: 40px; z-index: 100; opacity: 0; filter: alpha(opacity = 0);}
.step2.back{ top: 440px; z-index: 100; opacity: 0; filter: alpha(opacity = 0); }
.step3.back{ top: 840px; z-index: 100; opacity: 0; filter: alpha(opacity = 0); }

/* Home - Slider - Slide2
.slide2 .blockHolder{ position: relative; top: -320px; float: left; margin-right: 20px; width: 140px;  }
.slide2 .blockHolder.last{ margin-right: 0}
.slide2 .blockHolder .imageFrame{ margin-bottom: 15px; width: 100px; }

/* Home - Slider - Slide3
.slide3 .blockHolder{ position: relative; top: -320px; float: left; margin-right: 20px; width: 220px;  }
.slide3 .blockHolder.last{ margin-right: 0}
.slide3 .blockHolder .imageFrame{ margin-bottom: 15px; width: 180px; }
.slide3 .blockHolder h2{ margin: 0; height: 110px;}


/* Bedrijfsprofiel
body.company .column{ width: 370px; }
body.company .column.alt{ margin-left: 60px; }
body.company .column p{ text-align: left; }

body.company div.streamer{ margin-top: 60px; }
body.company .imageFrame{ float: none; width: 960px; margin-bottom: 60px; }
*/

/* Diensten
body.services h1{ margin-bottom: 1.263157895em;  color: #56565A;font-size: 1.578947368em; text-align: left; }
body.services .column{ margin: 75px 100px 0 0; }
body.services .column p{ text-align: left; }
body.services .imageFrame{ margin: 75px 0 0 0; }
 */

/* Producten
body.products h1{ margin-bottom: 1.263157895em;  color: #56565A;font-size: 1.578947368em; text-align: left; }
body.products .column{ margin: 75px 100px 0 0; }
body.products .column p{ text-align: left; }
body.products .imageFrame{ margin: 75px 0 0 0; }
body.products .nav.sub ul li a{ padding: 30px 35px }
body.products .nav.sub ul li.last a{ padding-right: 0; margin-right: 0; }
body.products .nav.sub ul li.first a{ padding-left: 0; }
body.products .nav.sub ul li.first a .arrow{ margin-left: -34px; }
body.products .nav.sub ul li.last a .arrow{ margin-left: 4px; }
*/

/* Machinepark
body.machinery h1{ margin-bottom: 1.263157895em;  color: #56565A;font-size: 1.578947368em;  text-align: left; }
body.machinery .column{ margin: 75px 100px 0 0; }
body.machinery .column p{ text-align: left; }
body.machinery .imageFrame{ margin: 75px 0 0 0; }
body.machinery .nav.sub ul li a{ padding: 30px 29px }
body.machinery .nav.sub ul li.last a{ padding-right: 0; margin-right: 0; }
body.machinery .nav.sub ul li.first a{ padding-left: 0; }
body.machinery .nav.sub ul li.first a .arrow{ margin-left: -30; }
body.machinery .nav.sub ul li.last a .arrow{ margin-left: 0; }
*/

/* Fotogalerie
.photoGallery{ margin-top: 100px; }
.photoGallery .nav{ float: left; padding-top: 20px; width: 100px; height: 560px; }
.photoGallery .imageFrame{ float: left;  width: 860px; }
.photoGallery .imageFrame .gallery{ position: relative; overflow: hidden; height: 520px; width: 860px; background: #BEBAB9; }

#productSlider{ position: absolute; height: 520px; list-style: none; padding: 0; margin:0;  }
#productSlider li{ overflow: hidden; float:left; }
#productSliderNav{margin-bottom: 0; }
.photoGalleryBack{margin-top: 0;}

.photoGallery .nav ul{ margin:0; padding:0; }
.photoGallery .nav ul li{ display: block; margin: 0 0 10px 0; padding: 4px 0 0 10px; width: 20px; height: 26px; background: no-repeat url('/images/structure/coevering_sprite.png') -510px -10px; color: #fff; font-size: .947368421em; font-family:'DIN Next W02 Medium',arial,sans-serif; cursor: pointer; }
.photoGallery .nav ul li.active{ background-position: -130px -10px; }
.photoGallery .nav ul li:hover{ background-position: -550px -10px; }
.photoGallery .nav ul li.back{ position: relative; background: no-repeat url('/images/structure/coevering_sprite.png') -420px -10px; }
.photoGallery .nav ul li.back a{ position: relative; display: block; z-index: 1100; width: 100%; height: 100%;}
body.gallery .nav.sub ul li a{ padding: 30px 45px}
body.gallery .nav.sub ul li.last a{ padding-right: 0;margin-right: 0; }
body.gallery .nav.sub ul li.first a{ padding-left: 0; }
body.gallery .nav.sub ul li.first a .arrow{ margin-left: -37; }
body.gallery .nav.sub ul li.last a .arrow{ margin-left: 12px; }

body.gallery h1.streamer{ margin: 50px 0 50px 100px; width: 900px; text-align: center; }
body.gallery .ctaBlock.wide{ margin-left: 100px; width: 900px;  }
body.gallery .ctaBlock.wide .text{ width: 460px;  }
 */

/* contact
body.contact h1{ text-align: left; }
body.contact .column p{ text-align: left; }
.contactData .type{ float: left; width: 100px; color: #8FBAC6; font-size: .842105263em; }
.contactData::selection { background:#8FBAC6;; color:#fff;}
.contactData::-moz-selection { background:#8FBAC6;; color:#fff;}
.contactData .data{ float: left; width: 300px; }
.contactData .clear{ margin-bottom: 1.263157895em; }
.btnPlanRouteMask{ position: absolute; left: 50%; top: -30px; overflow: hidden;  margin-left: -150px; height: 80px; width: 300px; font-family:'DIN Next W02 Medium',arial,sans-serif;}
#btnPlanRoute{ margin: 0; }
.inputPlanRouteMask{ position: absolute; top: -30px; left: 50%; overflow: hidden; margin-left: 0; width: 0; height: 60px; opacity: 0; filter: alpha(opacity=0);  }

.inputHolder{ width: 380px; height: 60px;}
.inputHolder .start{ float: left; width: 10px; height: 60px; background: no-repeat url('/images/structure/coevering_sprite.png') -350px -50px;}
.inputHolder .middle{ float: left; width: 360px; height: 60px; background: repeat-x url('/images/structure/inputOrange_holder.jpg'); }
.inputHolder .end{ float: left; width: 10px; height: 60px; background: no-repeat url('/images/structure/coevering_sprite.png') -370px -50px;}
.inputFormHolder{ position: absolute; top: 10px; left: 10px; width: 360px; height: 40px;  }
.inputFormHolder .start{ float: left; width: 10px; height: 40px; background: no-repeat url('/images/structure/coevering_sprite.png') -390px -60px; }
.inputFormHolder .middle{ float: left; width: 340px; height: 40px; background: repeat-x url('/images/structure/inputOrange_field.jpg');  }
.inputFormHolder .end{ float: left; width: 10px; height: 40px; background: no-repeat url('/images/structure/coevering_sprite.png') -410px -60px;}
.inputFormHolder form {position: absolute;width: 360px; height: 40px; }
.inputFormHolder label{ display: none; }
.inputFormHolder input[type="text"]{ position: absolute; padding: 0 20px; width: 360px; height: 40px; border: none; background: none; color: #fff; font-family:'DIN Next W02 Regular',arial,sans-serif;font-size: .842105263em; }
.inputFormHolder input[type="submit"]{ position: absolute; top: 10px; right: 10px; z-index: 10; width: 20px; height: 20px; border: none; background: no-repeat url('/images/structure/coevering_sprite.png') -330px -10px; cursor: pointer;  }
*/
/* Footer
#footer{ position: relative; margin-top: 240px; width: 100%; height: 360px; background: #4C4C4B;  }
#footer .content{height: 360px; }
#footer .shadow{ position: absolute; z-index: 3000; left: 50%; top:0; margin-left: -500px; width: 1000px; height: 50px; background: no-repeat url('/images/structure/coevering_sprite.png') 0 -290PX; }
#footer .orangeLine{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background: #EEA905; }
#footer .logo { position: absolute; top: 24px; left: 0; }
#footer .nav.main{top: 40px;}
#footer .nav.main .arrowHider{ position: absolute; top: -53px; left: 50%; overflow: hidden; margin-left:-10px; width: 20px; height: 13px;  }
#footer .nav.main .arrowHider .arrow{ position: absolute; top: -20px; width: 20px; height: 20px; background: no-repeat url('/images/structure/coevering_sprite.png') -10px -190px; }
#footer .contactData{ position: absolute; top: 110px; width: 300px; color: #BEBAB9; font-size: .684210526em; font-family:'DIN Next W02 Regular',arial,sans-serif;}
#footer .contactData .type{ width: 70px; color:#EEA905; }
#footer .contactData .data{ width: 170px;}

#footer .komma{ display: block; position: absolute; bottom: 60px; left: 315px; width: 300px; opacity: 0.4; filter: alpha(opacity=40); color: #BEBAB9; font-size: .736842105em; font-family:'DIN Next W02 Regular', arial, sans-serif;}
#footer .komma .kommalogo{ display: block; float: left; margin-right: 10px; }
#footer .komma .text{ display: block; float: left; text-transform: uppercase; line-height: .9em; }
#footer .komma_mediadesign{ font-family:'DIN Next W02 Medium', arial, sans-serif; font-weight: 400; }

#footer .nav.terms{ position: absolute; right: 0; bottom: 60px; color: #BEBAB9; font-size: .842105263em; font-family:'DIN Next W02 Medium',arial,sans-serif; text-decoration: none; text-align: right; }
#footer .nav.terms ul{ padding:0; margin:0; list-style: none; }
#footer .nav.terms ul li a{color: #BEBAB9; }
*/

/* Buttons
a.btnOrange{ display: inline-block; position: relative; margin: 30px 0 0 0; height: 60px; cursor: pointer; }
a.btnOrange .over{ position: absolute; top: 0; left: 0; z-index: 10; opacity: 0; filter: alpha(opacity=0); }
a.btnOrange .out{ position: relative; }
a.btnOrange .start, a.btnOrange .end{ display: block; float: left; height: 60px; background: no-repeat url('/images/structure/coevering_sprite.png'); }
a.btnOrange .start { width: 30px; }
a.btnOrange .end{ width: 50px; }
a.btnOrange .btnLabel{ display: block; float: left; padding-top: 23px; height: 37px; color: #fff; font-size: .928571429em; text-transform: uppercase; line-height: 1em; }
a.btnOrange .over .start{ background-position:  -10px -110px; }
a.btnOrange .over .end{ background-position:  -50px -110px; }
a.btnOrange .out .start{ background-position:  -10px -40px; }
a.btnOrange .out .end{ background-position:  -50px -40px; }
a.btnOrange .over .btnLabel{ background: repeat-x url('/images/structure/orangeBtn_over.jpg'); }
a.btnOrange .out .btnLabel{ background: repeat-x url('/images/structure/orangeBtn_out.jpg'); }

a.btnGreen{ display: inline-block; z-index: 0; position: relative; margin: 0 0 10px 0; width: 340px; height: 80px; cursor: pointer; }
a.btnGreen .over{ position: absolute; top: 0; left: 0; z-index: 10; opacity: 0; filter: alpha(opacity=0); }
a.btnGreen .out{ position: relative; }
a.btnGreen .start, a.btnGreen .end{ display: block; float: left; height: 80px; background: no-repeat url('/images/structure/coevering_sprite.png'); }
a.btnGreen .start { width: 80px; }
a.btnGreen .end{ width: 40px; }
a.btnGreen .btnLabel{ display: block; float: left; padding: 32px 0 0 0; width: 220px; height: 48px; color: #fff; font-size: 0.95em; font-family:'DIN Next W02 Regular', arial, sans-serif; line-height: 1em; }
a.btnGreen .out .end, a.btnGreen .over .end{ background-position: -290px -50px; }
a.btnGreen .over .btnLabel{ background: repeat-x url('/images/structure/btnGreen_over.jpg'); }
a.btnGreen .out .btnLabel{ background: repeat-x url('/images/structure/btnGreen_out.jpg'); }
a.btnGreen.phone .over .start{ background-position:  -110px -140px; }
a.btnGreen.phone .out .start{ background-position: -110px -50px; }
a.btnGreen.mail .over .start{ background-position:  -200px -140px; }
a.btnGreen.mail .out .start{ background-position: -200px -50px; }

a.btnGreen .target{ position: absolute; top: 21px; left: 21px; z-index: 50; width: 40px; height: 40px; }

a.btnGreen.phone{  position: relative;z-index: 2}
.detail{ display: block; position: absolute; bottom: -35px; left: 50%; z-index: 60; padding: 15px; height: 10px; background: #56565A; color: #fff; line-height: 0.5em; white-space: nowrap; opacity: 0; filter: alpha(opacity=0); }
.detail .arrow{ display: block; position: absolute; top: -10px; left: 50%; margin-left: -8px; width: 16px; height: 10px; background: url('/images/structure/coevering_sprite.png') -460px -10px;}
.detail .label{ display: block; position: relative; z-index: 100;  }
 */