/* Home cover image */
.cover_bcg {background-repeat: no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;max-height: 422px;padding:120px 0; }
.cover_bcg img { display:block; }
ul.home-services { list-style:none }
ul.home-services li a { list-style-type:none; padding:10px 30px;float:left; color:#71bf4f; background-color:#FFF; margin:5px; text-decoration:none;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-ms-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
ul.home-services li a:hover { color:#fff; background-color:#71bf4f; }

/* Home text + slider */
.home h1 {padding:0px 0 30px 70px; display:block; background:url(../img/heading-lijn.jpg) no-repeat 0px 20px; text-align:left !important}

/* Volgpagina's */
.page-content { margin-bottom:50px; margin-top:50px}
.title-border {background:#f9f9f9; padding:30px 0}
.tussentitel {border-top:3px solid #e4f8e4;padding:20px 0; margin:20px 0}
.tussentitel p {text-align:center;color:#71bf4f}
.green {color:#71bf4f}
.green a {color:#71bf4f}
.col-content.about {border-top:3px solid #e4f8e4;padding-top:20px; padding-bottom:20px}
p.paper {font-size:0.9em;font-style:italic; width:75%}

/* Services */
.col-content.services {background-color:#eaf5e5;text-align:center;margin-bottom:20px;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-ms-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
.col-content.services a { display:block;padding:50px;}
.col-content.services:hover { background-color:#daf2cf}
.col-content.services .icon {padding-bottom:10px}
.portrait {webkit-border-radius: 71px;-moz-border-radius: 71px;border-radius: 71px; /*height:85%; width:85%*/width:142px; height:142px}

/* Contact panel */
.contact .panel h2 {margin-bottom:1em;}
.contact .panel h2, .contact .panel h3, .contact .panel p {padding-left:30px;}
.contact .panel h3, .contact .panel p {color:#222222}
.contact .panel h3 {margin-bottom: 0.2em;}
.contact .panel h3.adress {background:url(../img/contact_icon_1.png) no-repeat 0 0}
.contact .panel h3.phone {background:url(../img/contact_icon_2.png) no-repeat 0 0}
.contact .panel h3.email {background:url(../img/contact_icon_3.png) no-repeat 0 3px}
.contact .panel p {font-size:0.8em}
p.tiny{ display:block; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-style:italic; padding:10px 15px; background-color:#eaf5e5; color:#71bf4f}
p.warning {color:#F00; font-style:italic; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;padding:10px 15px;background-color:#ffecec}

/* Questions */
.questions {background:#e4f8e4; color:#636262; padding:50px 0}
.buttons {text-align:right}
.button { border:0;display:inline-block;/*line-height:26pt;*/background-color: #dedede;color:#fff !important;font-size: 14px;padding:1.5em 3em;margin:1em 0em 1em 0em; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-ms-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
.button.green {background-color: #71bf4f;}
.button.lightgreen {background-color: #c5d8c5;}
.button:hover {background-color:#333}
.questions .button {margin:1em 1em 1em 0em;}

/* Register */
.register .button { display:block; max-width:250px; margin:0 auto !important; text-align:center}

/* Services detail */
p.extralinks a {display:block;}

/* Referenties */
.references .ref-image, .references h3, .references p {text-align:center !important}
.references .ub100_text p, .references .ub100_text h3 {text-align:center !important}
.references .ub100_text {margin-bottom:50px}
.references .ref-image {margin-bottom:20px}
.references h3 {color:#222222; font-size:1.2em}
.references .ub_wrapper100 {margin-bottom:50px}

/* Terug knop */
.btn-back {position:relative; width:40px; height:40px; margin:60px auto 10px}
.btn-back a {display:block; width:100%; height:100%; background:url(../img/btn-back.png) no-repeat 0 0}
.btn-back span {display:none}


/* Footer */
.footer {background:#1b1c1a;padding-top:50px; padding-bottom:10px}
.footer .inhoud  {display:block;border-right:1px solid #3e3e3d; height:100%; margin-bottom:15px}
.footer p {color:#FFF; padding-bottom:0; margin-bottom:0; font-size:0.79em; text-transform:uppercase}
.footer p a {color:#FFF !important}
.footer p a:hover {color:#71bf4f !important}

#undercast a.under { height: 51px; width: 7px; margin:20px 20px 30px 20px; position: fixed; right: 0; bottom: 0; visibility: visible; background:url(../img/undercast.png) -2px 0 no-repeat; text-decoration:none }
#undercast a:hover.under { height: 51px; width: 7px; margin:20px 20px 30px 20px;position:fixed; right: 0; bottom: 0; visibility: visible; background:url(../img/undercast.png) 7px 0; text-decoration:none; }

@media screen and (max-width: 767px) {
.large-2.columns .about .portrait {display:block; margin:0 auto; }
.large-2.columns .about {background-color:#f5f5f5}
.questions {text-align:center}
.buttons {text-align:center;}
.button { display:block; /*padding:0.5em !important*/}
.contact .panel {margin-top:20px; margin-bottom:0}
.footer .inhoud  {border-right:none; padding-bottom:20px;border-bottom:1px solid #333}
.footer p {text-align:center}
#undercast {display:none}
}

/* Fonts */
@font-face {
    font-family: 'ralewaylight';
    src: url('raleway-light-webfont.eot');
    src: url('raleway-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('raleway-light-webfont.woff') format('woff'),
         url('raleway-light-webfont.ttf') format('truetype'),
         url('raleway-light-webfont.svg#ralewaylight') format('svg');
  font-weight: normal;
  font-style: normal;

}   

@font-face {
font-family: 'icomoon';
src:url('icomoon.eot');
src:url('icomoon.eot?#iefix') format('embedded-opentype'),
		url('icomoon.woff') format('woff'),
		url('icomoon.ttf') format('truetype'),
		url('icomoon.svg#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}

.icon-youtube, .icon-envelope, .icon-link, .icon-download-alt, .icon-location, .icon-mobile, .icon-linkedin-sign {font-family: 'icomoon';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;padding-right:5px;margin-right:5px;}
.icon-youtube:before {content: "\e003";}
.icon-envelope:before {content: "\f003";}
.icon-link:before {content: "\f0c1";}
.icon-download-alt:before {content: "\f019";}
.icon-location:before {content: "\e000";}
.icon-mobile:before {content: "\e001";}
.icon-linkedin-sign:before {content: "\f08c";}

@font-face {
    font-family: 'open_sansregular';
    src: url('opensans-regular-webfont.eot');
    src: url('opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-regular-webfont.woff') format('woff'),
         url('opensans-regular-webfont.ttf') format('truetype'),
         url('opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansregular';
    src: url('opensans-bold-webfont.eot');
    src: url('opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-bold-webfont.woff') format('woff'),
         url('opensans-bold-webfont.ttf') format('truetype'),
         url('opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansregular';
    src: url('opensans-bolditalic-webfont.eot');
    src: url('opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-bolditalic-webfont.woff') format('woff'),
         url('opensans-bolditalic-webfont.ttf') format('truetype'),
         url('opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: bold;
    font-style: italic;

}

@font-face {
    font-family: 'open_sansregular';
    src: url('opensans-italic-webfont.eot');
    src: url('opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-italic-webfont.woff') format('woff'),
         url('opensans-italic-webfont.ttf') format('truetype'),
         url('opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('opensans-semibold-webfont.eot');
    src: url('opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-semibold-webfont.woff') format('woff'),
         url('opensans-semibold-webfont.ttf') format('truetype'),
         url('opensans-semibold-webfont.svg#open_sans_semiboldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}