/*=====================================================================
 *
 * Author: Nedbase - www.nedbase.nl
 *
 *=====================================================================*/
/*=====================================================================
 *
 * Author: Nedbase - www.nedbase.nl
 *
 *=====================================================================*/
@font-face {
    font-family: 'icomoon';
    src: url("/content/fonts/icomoon-delta.eot");
    src: url("/content/fonts/icomoon-delta.eot?#iefix") format("embedded-opentype"), url("/content/fonts/icomoon-delta.svg#icomoon") format("svg"), url("/content/fonts/icomoon-delta.woff") format("woff"), url("/content/fonts/icomoon-delta.ttf") format("truetype");
    font-weight: normal;
    font-style: normal; }
/*=====================================================================
 *
 * Author: Nedbase - www.nedbase.nl
 *
 *=====================================================================*/
/*=====================================================================
 *
 * Author: Nedbase - www.nedbase.nl
 *
 *=====================================================================*/
/*=====================================================================
 *  Clearfix
 *=====================================================================*/
/*=====================================================================
 *  Lists
 *=====================================================================*/
/*=====================================================================
 *  Vertical align ceter
 *=====================================================================*/
/*=====================================================================
 *  Responsive Font-size
 *=====================================================================*/
/*=====================================================================
 *  Gradient
 *=====================================================================*/
/*=====================================================================
 *  Border Radius
 *=====================================================================*/
/*=====================================================================
 *  Transparent
 *=====================================================================*/
/*=====================================================================
 *  Shadow
 *=====================================================================*/
/*=====================================================================
 *  Transition
 *=====================================================================*/
/*=====================================================================
 *  Transform
 *=====================================================================*/
/*=====================================================================
 *  Rotate
 *  note: this is a transform-shorthand and cannot be use in combination with other transform-shorthands
 *=====================================================================*/
/*=====================================================================
 *  Scale
 *  note: this is a transform-shorthand and cannot be use in combination with other transform-shorthands
 *=====================================================================*/
/*=====================================================================
 *  Perspective
 *=====================================================================*/
/*=====================================================================
 *  Indexline
 *=====================================================================*/
/*=====================================================================
 *  Circle
 *=====================================================================*/
/*=====================================================================
 *  Border-arrow
 *=====================================================================*/
/*=====================================================================
 *
 * Author: Nedbase - www.nedbase.nl
 *
 *=====================================================================*/
*:after, *:before {
    font-family: 'icomoon';
    text-transform: none;
    font-weight: normal; }

img:before {
    font-family: sans-serif; }

.icon:before {
    content: "\e61d"; }

i.icon {
    font-style: normal; }

.proto.icomoon ul {
    list-style: none;
    padding: 0;
    margin: 0; }
.proto.icomoon ul li {
    display: block; }
.proto.icomoon ul li:before {
    content: none;
    color: red !important; }
.proto.icomoon ul li ul, .proto.icomoon ul li ol {
    list-style: none;
    padding: 0;
    margin: 0; }
.proto.icomoon ul li {
    float: left; }
.proto.icomoon ul li:before {
    color: greenyellow !important; }

.proto.icomoon ul li {
    width: 29.333%;
    margin: 0 2% 2% 0;
    padding: 1%;
    line-height: 32px;
    background: rgba(0, 0, 0, 0.025); }

.proto.icomoon ul li .icon {
    display: block;
    width: 50px;
    float: left;
    font-size: 32px; }

.proto.icomoon ul li pre {
    display: block;
    margin: 0;
    float: right; }

/*=====================================================================
 *  overwrite fonts
 *  copy selection.json to fonts folder
 *  paste icon-data-styles from icomoon style.css below
 *  replace .icon- width .icon.
 *  done!
 *=====================================================================*/
.icon.zoomout:before {
    content: "\e600"; }

.icon.zoomin:before {
    content: "\e601"; }

.icon.zip:before {
    content: "\e602"; }

.icon.xls:before {
    content: "\e603"; }

.icon.vimeo:before {
    content: "\e604"; }

.icon.users:before {
    content: "\e605"; }

.icon.user:before {
    content: "\e606"; }

.icon.up4:before {
    content: "\e607"; }

.icon.up3:before {
    content: "\e608"; }

.icon.up2:before {
    content: "\e609"; }

.icon.up1:before {
    content: "\e60a"; }

.icon.twitter:before {
    content: "\e60b"; }

.icon.twitter2:before {
    content: "\e60c"; }

.icon.spinner:before {
    content: "\e60d"; }

.icon.smartphone:before {
    content: "\e60e"; }

.icon.skype:before {
    content: "\e60f"; }

.icon.search:before {
    content: "\e610"; }

.icon.right2:before {
    content: "\e611"; }

.icon.right1:before {
    content: "\e612"; }

.icon.question:before {
    content: "\e613"; }

.icon.ppt:before {
    content: "\e614"; }

.icon.pointer:before {
    content: "\e615"; }

.icon.plus:before {
    content: "\e616"; }

.icon.play:before {
    content: "\e617"; }

.icon.pinterest:before {
    content: "\e618"; }

.icon.pinterest2:before {
    content: "\e619"; }

.icon.phone:before {
    content: "\e61a"; }

.icon.pdf:before {
    content: "\e61b"; }

.icon.minus:before {
    content: "\e61c"; }

.icon.mail:before {
    content: "\e61d"; }

.icon.lock:before {
    content: "\e61e"; }

.icon.list2:before {
    content: "\e61f"; }

.icon.list:before {
    content: "\e620"; }

.icon.linkedin:before {
    content: "\e621"; }

.icon.left3:before {
    content: "\e622"; }

.icon.left2:before {
    content: "\e623"; }

.icon.left1:before {
    content: "\e624"; }

.icon.instagram:before {
    content: "\e625"; }

.icon.info:before {
    content: "\e626"; }

.icon.images:before {
    content: "\e627"; }

.icon.image:before {
    content: "\e628"; }

.icon.home:before {
    content: "\e629"; }

.icon.grid2:before {
    content: "\e62a"; }

.icon.grid:before {
    content: "\e62b"; }

.icon.googleplus:before {
    content: "\e62c"; }

.icon.googleplus2:before {
    content: "\e62d"; }

.icon.file:before {
    content: "\e62e"; }

.icon.feed:before {
    content: "\e62f"; }

.icon.feed2:before {
    content: "\e630"; }

.icon.facebook2:before {
    content: "\e631"; }

.icon.facebook:before {
    content: "\e632"; }

.icon.down3:before {
    content: "\e633"; }

.icon.down2:before {
    content: "\e634"; }

.icon.down1:before {
    content: "\e635"; }

.icon.doubleup:before {
    content: "\e636"; }

.icon.doubleright:before {
    content: "\e637"; }

.icon.doubleleft:before {
    content: "\e638"; }

.icon.doubledown:before {
    content: "\e639"; }

.icon.dot2:before {
    content: "\e63a"; }

.icon.dot:before {
    content: "\e63b"; }

.icon.doc:before {
    content: "\e63c"; }

.icon.close3:before {
    content: "\e63d"; }

.icon.close2:before {
    content: "\e63e"; }

.icon.close:before {
    content: "\e63f"; }

.icon.check2:before {
    content: "\e640"; }

.icon.check1:before {
    content: "\e641"; }

.icon.camera:before {
    content: "\e642"; }

.icon.basket:before {
    content: "\e643"; }

.icon.right4:before {
    content: "\e644"; }

.icon.right3:before {
    content: "\e645"; }

.icon.linkedin2:before {
    content: "\e646"; }

.icon.left4:before {
    content: "\e647"; }

.icon.envelope:before {
    content: "\e648"; }

.icon.down4:before {
    content: "\e649"; }

.icon.print:before {
    content: "\e64a"; }

/*=====================================================================================
 *
 * Author: Nedbase - www.nedbase.nl
 *   __  __        __ ___   __ __  ___
 *  |  \/  \  |\ |/  \ |   |_ |  \| |
 *  |__/\__/  | \|\__/ |   |__|__/| |
 *
 * THIS IS A HELPER: PLEASE DO NOT EDIT THIS FILE BUT OVERWRITE IN YOUR OWN FILES
 *===================================================================================*/
/* Clearfix */
.group:before, .group:after {
    content: ' ';
    display: table; }

.group:after {
    clear: both; }

.ie6 .group {
    zoom: 1; }

/* Nedbase reset */
*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased; }

audio,
canvas,
img,
svg,
video {
    vertical-align: middle; }

/* bullet list with icomoon */
ul, ol {
    list-style: none; }

ul li,
ol li {
    position: relative; }

ul li:before,
ol li:before {
    content: '\e63a';
    position: absolute;
    left: -25px; }

/* backward compatibility for ul li inline & stacked*/
.inline, .inline ul, .inline ol,
.stacked, .stacked ul, .stacked ol {
    list-style: none;
    padding: 0;
    margin: 0; }

.inline li {
    display: block;
    float: left; }

.stacked li {
    display: block; }

.inline li:before,
.stacked li:before {
    content: none; }

/* Lists */
.centerinline {
    position: relative;
    float: right;
    left: -50%; }

.centerinline .inline {
    left: 50%;
    position: relative; }

.centervertical:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%; }

.centervertical .vertical {
    display: inline-block;
    vertical-align: middle; }

/* definition lists */
dl {
    margin: 0;
    zoom: 1; }
dl:before, dl:after {
    content: '';
    display: table; }
dl:after {
    clear: both; }

dl dt,
dl dd {
    float: left;
    margin: 0;
    margin-bottom: 1em; }

dl dt {
    width: 40%;
    padding-right: 5em;
    clear: left;
    font-weight: bold; }

dl dd {
    width: 60%;
    clear: right; }

dl.stacked dt,
dl.stacked dd {
    width: auto;
    float: none; }

dl.stacked dt {
    margin: 0; }

/* Helper classes */
.left {
    float: left; }

.right {
    float: right; }

.align-left {
    text-align: left; }

.align-center {
    text-align: center; }

.align-right {
    text-align: right; }

.hidden {
    display: none; }

.pointer {
    cursor: pointer; }

/* Grid */
.col-wrapper {
    clear: both; }

.col {
    float: left;
    display: block;
    clear: none; }

.grid-6 .span-1 {
    width: 16.666%; }

.grid-6 .span-2 {
    width: 33.333%; }

.grid-6 .span-3 {
    width: 50%; }

.grid-6 .span-4 {
    width: 66.666%; }

.grid-6 .span-5 {
    width: 83.333%; }

.grid-6 .span-6 {
    width: 100%; }

.grid-5 .span-1 {
    width: 20%; }

.grid-5 .span-2 {
    width: 40%; }

.grid-5 .span-3 {
    width: 60%; }

.grid-5 .span-4 {
    width: 80%; }

.grid-5 .span-5 {
    width: 100%; }

.grid-4 .span-1 {
    width: 25%; }

.grid-4 .span-2 {
    width: 50%; }

.grid-4 .span-3 {
    width: 75%; }

.grid-4 .span-4 {
    width: 100%; }

.grid-3 .span-1 {
    width: 33.3333%; }

.grid-3 .span-2 {
    width: 66.6666%; }

.grid-3 .span-3 {
    width: 100%; }

.grid-2 .span-1 {
    width: 50%; }

.grid-2 .span-2 {
    width: 100%; }

.grid-1 .span-1 {
    width: 100%; }

/* Responsive */
img, embed, object, video {
    max-width: 100%;
    height: auto; }

.map img {
    max-width: none; }

/* Reset */
input:focus {
    outline: none; }

/* Fancybox */
.figure a.fancybox {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in; }

.fancybox-outer {
    background: #fff;
    border-radius: 5px; }

.fancybox-inner {
    -webkit-border-radius: 5px;
    border-radius: 5px; }

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url("/image/fancybox_sprite.png") !important; }

#fancybox-loading div {
    background-image: url("/image/fancybox_loading.gif") !important; }

/* Waypoints Sticky */
.sticky {
    overflow: hidden; }

.sticky.stuck {
    position: fixed;
    z-index: 1;
    top: 0; }

/* Custom file input */
.NFI-wrapper {
    width: 100%;
    height: auto;
    zoom: 1;
    padding-bottom: 1em; }
.NFI-wrapper:before, .NFI-wrapper:after {
    content: '';
    display: table; }
.NFI-wrapper:after {
    clear: both; }

.NFI-button {
    background-color: #0192DD;
    color: #FFFFFF;
    height: 40px;
    line-height: 40px;
    width: 30%; }

.NFI-filename,
.inputwrapper .NFI-filename {
    background: #fff;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05) inset;
    color: #777777;
    height: 40px;
    line-height: 40px;
    text-shadow: 0 1px 0 #FFFFFF;
    display: inline-block;
    border-left: 0;
    width: 70%; }

/* DB Debug */
.dbdebug {
    position: relative;
    z-index: 999;
    background: rgba(255, 255, 255, 0.85);
    padding: 2em 0;
    margin-top: 10em;
    font-family: "Lucida Console", Monaco, monospace;
    color: #444; }

.dbdebug tbody td.first {
    padding-right: 5px; }

.dbdebug tbody td {
    vertical-align: top;
    padding: 5px 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05); }

.dbdebug tbody td.number {
    text-align: right; }

.dbdebug .error {
    color: #f00; }

.dbdebug .notice {
    font-style: italic;
    color: white;
    background-color: #00d4ff; }

.dbdebug textarea {
    display: none; }

.dbdebug {
    background: rgba(0, 0, 0, 0.85);
    color: #e9e9fa; }

.dbdebug .error {
    background: rgba(255, 255, 255, 0.8);
    xposition: fixed;
    padding: 10px;
    top: 20px;
    left: 20px;
    color: #f00;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 5px;
    border-radius: 5px; }

/* enable for fixed */
.xdbdebug {
    position: fixed;
    bottom: 0;
    max-height: 50%;
    overflow-y: auto;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }

/*=====================================================================
 *  DO NOT USE FOR EDIT
 *=====================================================================*/
/* reset */
input, select, textarea, label, button, .fbCheckboxContainerTitle, .fbRadioContainerTitle {
    margin: 0;
    padding: 0;
    width: auto;
    height: auto; }

label {
    border: none; }

textarea {
    overflow: auto;
    resize: none; }

/*=====================================================================
 *  START SETTING BASE DIMENSIONS -> YOU CAN EDIT HERE
 *=====================================================================*/
/* width of labels / inputs */
.labelwrapper,
.inputwrapper {
    width: 40%; }

.labelwrapper {
    width: 60%; }

label.error {
    margin-left: 40%;
    color: #F64C3B; }

.require {
    color: #F64C3B; }

.small .inputwrapper {
    width: 30%; }

.tiny .inputwrapper {
    width: 15%; }

/* border, padding and focus inputs, selects and textareas & the fix for these settings*/
input, textarea, select {
    border: 1px solid #e3e3e3;
    padding: 2px 4px; }

input:focus, textarea:focus, select:focus {
    border-color: #b2b2b2;
    outline: none; }

.inputwrapper .inputpadding,
.inputwrapper .inputpadding {
    margin-right: 10px; }

/* total width of the padding + the borders */
/* margin fbElements */
.fbElement,
.fbContainer {
    margin-bottom: 5px; }

.inline .fbElement {
    margin-right: 1em; }

/* finetune setting */
.fbCheckbox,
.fbRadio {
    margin-bottom: 5px; }

.fbCheckbox label,
.fbRadio label {
    padding-left: 20px; }

.inputwrapper textarea {
    height: 75px; }

.fbCheckbox input,
.fbRadio input {
    left: 0;
    top: 2px; }

/* overviewpage */
#OverzichtForm #containerFilter {
    width: 390px; }

#OverzichtForm .telwerk .alnright {
    text-align: right;
    padding-right: 34px; }

#OverzichtForm .telwerk .overschrijding {
    color: red;
    font-weight: bold; }

#OverzichtForm .telwerk .grenzen {
    color: #aaaaaa; }

/*=====================================================================
 *  END SETTING BASE DIMENSIONS
 *=====================================================================*/
/* sekeleton */
.labelwrapper,
.inputwrapper {
    position: relative;
    float: left; }

.labelwrapper {
    height: auto; }

.inputwrapper input,
.inputwrapper select {
    width: 100%;
    height: auto; }

.inputwrapper textarea {
    width: 100%; }

.fbContainer > .inputwrapper {
    height: auto; }

.inline .fbElement {
    float: left;
    clear: none;
    display: inline-block;
    width: auto; }

.inline .fbElement label {
    width: auto; }

.stacked .labelwrapper {
    width: 100%;
    clear: both; }

.stacked .inputwrapper {
    width: 100%; }

.stacked label.error {
    margin-left: 0; }

.fbCheckbox,
.fbRadio {
    position: relative;
    padding-top: 0;
    padding-bottom: 0; }

.fbCheckbox input,
.fbRadio input {
    position: absolute;
    width: auto;
    height: auto;
    border: none; }

.fbCheckbox label,
.fbRadio label {
    display: block; }

/* errors and requires */
label.error {
    display: block;
    clear: both;
    width: auto;
    height: auto; }

.ie6 label.error,
.ie7 label.error {
    width: 200px; }

.fbForm .fbTextfield input.error,
.fbForm .fbPassword input.error,
.fbForm textarea.error {
    border: 1px solid #F64C3B; }

/* exceptions */
input[type="image"] {
    height: auto; }

.imageuploader {
    display: none; }

.fbButton input {
    width: auto; }

/* grouping on formElements and formContainers */
.fbElement:before, .fbElement:after,
.fbContainer:before, .fbContainer:after {
    content: '';
    display: table; }

.fbElement:after,
.fbContainer:after {
    clear: both; }

.ie6 .fbElement,
.ie6 .fbContainer {
    zoom: 1; }

/*# sourceMappingURL=formbuilder_delta.css.map */