/* Welcome to Compass. In this file you should write your main styles. (or centralize your imports) Import this file using the following HTML or equivalent: <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/*	flexslider */
/* jQuery FlexSlider v2.0 http://www.woothemes.com/flexslider/  Copyright 2012 WooThemes Free to use under the GPLv2 license. http://www.gnu.org/licenses/gpl-2.0.html  Contributing author: Tyler Smith (@mbmufffin) */
/* Browser Resets */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; }

.slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }

/* FlexSlider Necessary Styles
*********************************/
.flexslider { margin: 0; padding: 0; }

.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { width: 100%; display: block; border-bottom: 1px solid #fff; }

.flex-pauseplay span { text-transform: capitalize; }

/* Clearfix for the .slides element */
.slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

html[xmlns] .slides { display: block; }

* html .slides { height: 1%; }

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you include js that eliminates this class on page load */
.no-js .slides > li:first-child { display: block; }

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0 0px; position: relative; zoom: 1; }

.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }

.loading .flex-viewport { max-height: 300px; }

.flexslider .slides { zoom: 1; }

.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav { *height: 0; }

.flex-direction-nav a { width: 46px; height: 45px; margin: -20px 0 0; display: block; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease; }

.flex-direction-nav .flex-next { background-position: 100% 0; right: 20px; background: url(../img/next.png) no-repeat 0 0; }

.flex-direction-nav .flex-prev { left: 20px; background: url(../img/prev.png) no-repeat 0 0; }

.flexslider:hover .flex-next { opacity: 0.8; right: 15px; }

.flexslider:hover .flex-prev { opacity: 0.8; left: 15px; }

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }

.flex-direction-nav .flex-disabled { opacity: 0.3 !important; filter: alpha(opacity=30); cursor: default; }

/* Control Nav */
.flex-control-nav { width: 100%; position: absolute; bottom: 20px; text-align: center; }

.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }

.flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); }

.flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); }

.flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; }

.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }

.flex-control-thumbs li { width: 25%; float: left; margin: 0; }

.flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; }

.flex-control-thumbs img:hover { opacity: 1; }

.flex-control-thumbs .flex-active { opacity: 1; cursor: default; }

@media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 0; }
  .flex-direction-nav .flex-next { opacity: 1; right: 0; } }
/*	formulier */
/* Welcome to Compass. In this file you should write your main styles. (or centralize your imports) Import this file using the following HTML or equivalent: <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
#userForm { display: block; margin-bottom: 30px; }
#userForm p.formRed, #userForm body #main #main-container #middle #content ul.formRed, body #main #main-container #middle #content #userForm ul.formRed { color: red !important; font-size: 20px !important; text-decoration: underline; }
#userForm span.formError { color: red !important; }
#userForm h2 { margin-top: 20px; }
#userForm strong.formRequired, #userForm body #main #main-container #middle #content a.formRequired, body #main #main-container #middle #content #userForm a.formRequired { font-size: 12px !important; color: #FF7A7A !important; }
#userForm.hide { display: none; }
#userForm .rsform-input-box, #userForm .rsform-text-box, #userForm .rsform-password-box, #userForm .rsform-calendar-box, #userForm .rsform-captcha-box, #userForm .rsform-select-box { -webkit-transition-property: border; -moz-transition-property: border; -o-transition-property: border; transition-property: border; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; background: none repeat scroll 0 0 white; border: 1px solid #bbbbbb; padding: 3px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }
#userForm .rsform-input-box:hover, #userForm .rsform-input-box:focus, #userForm .rsform-text-box:hover, #userForm .rsform-text-box:focus, #userForm .rsform-password-box:hover, #userForm .rsform-password-box:focus, #userForm .rsform-calendar-box:hover, #userForm .rsform-calendar-box:focus, #userForm .rsform-captcha-box:hover, #userForm .rsform-captcha-box:focus, #userForm .rsform-select-box:hover, #userForm .rsform-select-box:focus { border: 1px solid #555555; }
#userForm .rsform-submit-button, #userForm .rsform-button, #userForm .rsform-reset-button, #userForm .btn-primary { -webkit-transition-property: border; -moz-transition-property: border; -o-transition-property: border; transition-property: border; -webkit-transition-duration: 0.1s; -moz-transition-duration: 0.1s; -o-transition-duration: 0.1s; transition-duration: 0.1s; border: 1px solid #bbbbbb; padding: 6px 9px; font-size: 14px; }
#userForm .rsform-submit-button:hover, #userForm .rsform-button:hover, #userForm .rsform-reset-button:hover, #userForm .btn-primary:hover { border: 1px solid #555555; cursor: pointer; }
#userForm .rsform-block-submit .formBody { width: 172px; }
#userForm .rsform-block-tekst:nth-last-child(1) { font-size: 12px; }
#userForm input[type='text'] { width: 225px; }
#userForm select { width: 232px; }
#userForm textarea { width: 430px; }
#userForm table.personen thead { font-size: 12px; }
#userForm table.personen td:nth-child(1) { width: 203px; }
#userForm table.personen input[type='text'] { width: 155px; margin: 1px; }
#userForm table.personen select { width: 50px; margin: 1px; }

div.formCaption { line-height: 25px; font-weight: bold; width: 234px; }

div.formBody { width: 396px; line-height: 14px; }
div.formBody span { width: 225px; }

/*	global variables	*/
.abstract-primary-font, body, body #main #main-container #middle #side div#klantreferenties .customklantreferenties ul li .ref-text, body #main #main-container #middle #side div#klantreferenties .customklantreferenties ul li div.ref, body #main #main-container #middle #side div#klantreferenties .customklantreferenties ul li p.ref-name, body #main #main-container #middle #side div#klantreferenties .customklantreferenties ul li #content ul.ref-name, body #main #main-container #middle #content #side div#klantreferenties .customklantreferenties ul li ul.ref-name, body #main #main-container #middle #side div#klantreferenties .customklantreferenties ul li p.ref-from, body #main #main-container #middle #side div#klantreferenties .customklantreferenties ul li #content ul.ref-from, body #main #main-container #middle #content #side div#klantreferenties .customklantreferenties ul li ul.ref-from { font-family: 'Open Sans', sans-serif; font-weight: 400; }

.abstract-primary-font-bold, h1, h2, body #main #main-container #header #menu, body #main #main-container #header div#banner ul.slides li .text-container .text-caption { font-family: 'Open Sans', sans-serif; }

.abstract-secondary-font, p, body #main #main-container #middle #content ul, body #main #main-container #middle #side div#gegevens { font-family: 'Ubuntu', sans-serif; font-weight: 400; }

.abstract-secondary-font-bold { font-family: 'Ubuntu', sans-serif; }

h1, h2 { color: #01a3e6; font-size: 30px; }

h2 { font-size: 18px; color: #f97921; }

b, .abstract-primary-font-bold, h1, h2, body #main #main-container #header #menu, body #main #main-container #header div#banner ul.slides li .text-container .text-caption, .abstract-secondary-font-bold, strong, body #main #main-container #middle #content a { font-weight: 700; }

p, body #main #main-container #middle #content ul { color: #333; font-size: 15px; margin-top: 15px; line-height: 22px; }

/* measure config */
body #content { width: 640px; float: left; }

body.home #content { width: 946px; }

body.home #side { display: none; }

body { /*	global attributes	*/ width: 100%; height: 100%; background-image: url("/templates/betonboringen/img/wall.jpg"); background-repeat: repeat; /*	local attributes	*/ }
body a { -webkit-transition-property: background-color, color; -moz-transition-property: background-color, color; -o-transition-property: background-color, color; transition-property: background-color, color; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; text-decoration: none; color: #ffffff; }
body .clear { clear: both; }
body #main { width: 1020px; margin: 0 auto; padding: 0 20px; }
body #main #main-container { width: inherit; -webkit-box-shadow: 0 0 10px rgba(51, 51, 51, 0.1); -moz-box-shadow: 0 0 10px rgba(51, 51, 51, 0.1); box-shadow: 0 0 10px rgba(51, 51, 51, 0.1); }
body #main #main-container #header #menu { color: #fff; font-size: 17px; height: 53px; background-color: #01a4e7; -webkit-box-shadow: 0 0 10px rgba(51, 51, 51, 0.06); -moz-box-shadow: 0 0 10px rgba(51, 51, 51, 0.06); box-shadow: 0 0 10px rgba(51, 51, 51, 0.06); }
body #main #main-container #header #menu ul.menu { height: inherit; }
body #main #main-container #header #menu ul.menu li, body #main #main-container #header #menu ul.menu a { -webkit-transition: 0.2s background-color; -moz-transition: 0.2s background-color; -o-transition: 0.2s background-color; transition: 0.2s background-color; }
body #main #main-container #header #menu ul.menu li { list-style: none; }
body #main #main-container #header #menu ul.menu li.active { background: #0192ce; }
body #main #main-container #header #menu ul.menu li:hover { background: #f97921; }
body #main #main-container #header #menu ul.menu > li { list-style-image: none; list-style-type: none; margin-left: 0; white-space: nowrap; display: inline; float: left; display: table; height: inherit; float: left; position: relative; }
body #main #main-container #header #menu ul.menu > li > a, body #main #main-container #header #menu ul.menu > li > span { text-decoration: none; display: table-cell; vertical-align: middle; padding: 0 18px; font-size: 15px; font-weight: normal; text-transform: uppercase; }
body #main #main-container #header #menu ul.menu > li > ul.nav-child { display: none; }
body #main #main-container #header #menu ul.menu > li .barContainer { position: absolute; left: 0; top: 53px; height: 0px; }
body #main #main-container #header #menu ul.menu > li.hover .barContainer { height: 4px; }
body #main #main-container #header #menu ul.menu > li > div.nav-child { position: absolute; z-index: 99; top: 53px; left: 0; width: 460px; height: 0px; -webkit-transition: 0.6s ease opacity, 0.6s ease height; -moz-transition: 0.6s ease opacity, 0.6s ease height; -o-transition: 0.6s ease opacity, 0.6s ease height; transition: 0.6s ease opacity, 0.6s ease height; background: #7ec3e0; overflow: hidden; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; font-weight: normal; }
body #main #main-container #header #menu ul.menu > li > div.nav-child:hover { overflow: visible; }
body #main #main-container #header #menu ul.menu > li > div.nav-child .column { line-height: 26px; float: left; padding: 11px 0; width: 50%; list-style: disc; font-size: 10px; }
body #main #main-container #header #menu ul.menu > li > div.nav-child .column.col-0 { padding-right: 0px; }
body #main #main-container #header #menu ul.menu > li > div.nav-child .column a { padding-left: 25px; padding-top: 2px; padding-bottom: 2px; text-decoration: none; font-size: 14px; display: block; }
body #main #main-container #header #menu ul.menu > li > div.nav-child .column a:hover { background: #f97921; }
body #main #main-container #header div#banner ul.slides li { position: relative; overflow: hidden; width: 920px; }
body #main #main-container #header div#banner ul.slides li .text-container { position: absolute; width: 100%; height: 100%; margin: 0px auto; top: 0px; left: 0px; }
body #main #main-container #header div#banner ul.slides li .text-container .text-area { position: relative; margin: 0px auto; height: 100%; }
body #main #main-container #header div#banner ul.slides li .text-container .text-caption { position: absolute; bottom: 32px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85); opacity: 0.85; background-color: #f47923; padding: 20px; color: #fff; }
body #main #main-container #header div#banner ul.slides li .text-container .text-caption h1, body #main #main-container #header div#banner ul.slides li .text-container .text-caption h2 { font-size: 37px; color: #fff; }
body #main #main-container #header div#banner ul.slides li .text-container .text-caption h2 { font-size: 16px; margin-top: 7px; }
body #main #main-container #header div#banner ol.flex-control-nav { bottom: 10px; }
body #main #main-container #header div#banner ol.flex-control-nav li a { background-color: #f97921; }
body #main #main-container #header div#banner ol.flex-control-nav li a.flex-active { background-color: #01a4e7; }
body #main #main-container #middle { background-color: #fff; }
body #main #main-container #middle #content, body #main #main-container #middle #side { padding: 37px; }
body #main #main-container #middle #content h2 { margin-top: 20px; }
body #main #main-container #middle #content h2 + p, body #main #main-container #middle #content h2 + ul { margin-top: 5px; }
body #main #main-container #middle #content p + ul, body #main #main-container #middle #content ul + ul { margin-top: 5px; }
body #main #main-container #middle #content a { color: #01a4e7; }
body #main #main-container #middle #content a:hover { color: #f97921; }
body #main #main-container #middle #content a:active { text-decoration: underline; }
body #main #main-container #middle #content ul { margin-left: 20px; list-style: circle; }
body #main #main-container #middle #content div.wk-gallery { margin-top: 20px; }
body #main #main-container #middle #content div.werkrow { margin-top: 42px; }
body #main #main-container #middle #content div.werkrow a.werkblok { -webkit-transition-property: background-position, line-height, background-color; -moz-transition-property: background-position, line-height, background-color; -o-transition-property: background-position, line-height, background-color; transition-property: background-position, line-height, background-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; display: block; width: 205px; height: 211px; -webkit-box-shadow: 0 0 3px rgba(51, 51, 51, 0.26); -moz-box-shadow: 0 0 3px rgba(51, 51, 51, 0.26); box-shadow: 0 0 3px rgba(51, 51, 51, 0.26); -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; background-color: #01a4e7; float: left; margin-left: 42px; background-repeat: no-repeat; background-position: 0 50px; background-size: 100% auto; text-align: center; line-height: 50px; font-size: 14px; color: #fff; }
body #main #main-container #middle #content div.werkrow a.werkblok:hover { background-position: 0 60px; line-height: 60px; background-color: #f97921; }
body #main #main-container #middle #content div.werkrow a.werkblok#boren { background-image: url("/templates/betonboringen/img/blok/boren.jpg"); }
body #main #main-container #middle #content div.werkrow a.werkblok#zagen { background-image: url("/templates/betonboringen/img/blok/zagen.jpg"); }
body #main #main-container #middle #content div.werkrow a.werkblok#vloerverwarming { background-image: url("/templates/betonboringen/img/blok/vloerverwarming.jpg"); }
body #main #main-container #middle #content div.werkrow a.werkblok#vloerenschuren { background-image: url("/templates/betonboringen/img/blok/vloeren-schuren.jpg"); }
body #main #main-container #middle #content div.werkrow a.werkblok#renovatiekokers { background-image: url("/templates/betonboringen/img/blok/renovatiekokers.jpg"); }
body #main #main-container #middle #content div.werkrow a.werkblok#hakenbreek { background-image: url("/templates/betonboringen/img/blok/hakenbreek.jpg"); }
body #main #main-container #middle #content div.werkrow a.werkblok#trapgaten { background-image: url("/templates/betonboringen/img/blok/trapgaten-boren.jpg"); }
body #main #main-container #middle #content div.werkrow a.werkblok#sloopgrondwerken { background-image: url("/templates/betonboringen/img/blok/sloopwerken.jpg"); }
body #main #main-container #middle #content div.werkrow a.werkblok#pneumatischboren { background-image: url("/templates/betonboringen/img/blok/pneumatisch-boren.jpg"); }
body #main #main-container #middle #content div.werkrow a.werkblok#staalconstructies { background-image: url("/templates/betonboringen/img/blok/constructiewerken.jpg"); }
body #main #main-container #middle #content div.werkrow a.werkblok#offerteaanvragen { text-align: left; }
body #main #main-container #middle #content div.werkrow a.werkblok#offerteaanvragen h1, body #main #main-container #middle #content div.werkrow a.werkblok#offerteaanvragen h2 { padding: 0 20px; line-height: 26px; margin-top: 20px; font-size: 24px; color: #fff; }
body #main #main-container #middle #content div.werkrow a.werkblok#offerteaanvragen p, body #main #main-container #middle #content div.werkrow a.werkblok#offerteaanvragen ul { line-height: 21px; padding: 0 20px; margin-top: 11px; color: #fff; }
body #main #main-container #middle #content div.werkrow a.werkblok:first-child { margin-left: 0; }
body #main #main-container #middle #content div.werkrow:first-child { margin-top: 0; }
body #main #main-container #middle #side { float: left; width: 232px; }
body #main #main-container #middle #side .sideBlok, body #main #main-container #middle #side a#offerteaanvragen, body #main #main-container #middle #side div#gegevens, body #main #main-container #middle #side div#klantreferenties, body #main #main-container #middle #side div#klantreferenties a.ref-link { display: block; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding-box; -webkit-box-shadow: 0 0 3px rgba(51, 51, 51, 0.2); -moz-box-shadow: 0 0 3px rgba(51, 51, 51, 0.2); box-shadow: 0 0 3px rgba(51, 51, 51, 0.2); margin: 30px 0; padding: 20px; color: #fff; }
body #main #main-container #middle #side a#offerteaanvragen { -webkit-transition: 0.2s ease background-color; -moz-transition: 0.2s ease background-color; -o-transition: 0.2s ease background-color; transition: 0.2s ease background-color; margin-top: 0; height: 48px; line-height: 48px; background-color: #f97921; padding-top: 0; padding-bottom: 0; text-align: center; }
body #main #main-container #middle #side a#offerteaanvragen:hover { background-color: #e15f06; }
body #main #main-container #middle #side div#gegevens, body #main #main-container #middle #side div#klantreferenties { background-color: #01a4e7; }
body #main #main-container #middle #side div#gegevens { font-size: 14px; line-height: 20px; }
body #main #main-container #middle #side div#gegevens a:hover { color: #f97921; }
body #main #main-container #middle #side div#klantreferenties h1, body #main #main-container #middle #side div#klantreferenties h2 { color: #fff; font-size: 18px; margin-bottom: 15px; text-align: center; }
body #main #main-container #middle #side div#klantreferenties .customklantreferenties { height: 200px; }
body #main #main-container #middle #side div#klantreferenties .customklantreferenties ul li { width: 100%; }
body #main #main-container #middle #side div#klantreferenties .customklantreferenties ul li .ref-text, body #main #main-container #middle #side div#klantreferenties .customklantreferenties ul li div.ref, body #main #main-container #middle #side div#klantreferenties .customklantreferenties ul li p.ref-name, body #main #main-container #middle #side div#klantreferenties .customklantreferenties ul li #content ul.ref-name, body #main #main-container #middle #content #side div#klantreferenties .customklantreferenties ul li ul.ref-name, body #main #main-container #middle #side div#klantreferenties .customklantreferenties ul li p.ref-from, body #main #main-container #middle #side div#klantreferenties .customklantreferenties ul li #content ul.ref-from, body #main #main-container #middle #content #side div#klantreferenties .customklantreferenties ul li ul.ref-from { color: #333; font-size: 14px; text-align: center; }
body #main #main-container #middle #side div#klantreferenties .customklantreferenties ul li div.ref { font-style: italic; }
body #main #main-container #middle #side div#klantreferenties .customklantreferenties ul li p.ref-from, body #main #main-container #middle #side div#klantreferenties .customklantreferenties ul li #content ul.ref-from, body #main #main-container #middle #content #side div#klantreferenties .customklantreferenties ul li ul.ref-from { color: #fff; }
body #main #main-container #middle #side div#klantreferenties a.ref-link { -webkit-transition: 0.2s ease background-color; -moz-transition: 0.2s ease background-color; -o-transition: 0.2s ease background-color; transition: 0.2s ease background-color; margin: 0; margin-top: 10px; background-color: #f97921; font-size: 14px; text-align: center; padding: 15px 20px; }
body #main #main-container #middle #side div#klantreferenties a.ref-link:hover { background-color: #e15f06; }
body #main #main-container #footer { color: #fff; background-image: url("/templates/betonboringen/img/footer.jpg"); height: 177px; width: inherit; text-align: center; line-height: 260px; }
body #main #ref { height: 30px; width: inherit; display: table; text-align: right; }
body #main #ref span { display: table-cell; text-align: right; vertical-align: middle; font-size: 12px; }
body #main #ref span a { color: #000; font-weight: 700; margin-top: 10px; }
body #main #ref span a:hover { color: #f97921; }