/****** FILE: themes/karindelange/css/reset.css *****/
/* v2.0 | 20110126
  http://meyerweb.com/eric/tools/css/reset/ 
  License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/****** FILE: themes/karindelange/css/typography.css *****/
/** ----------------------------------------------------------
 *
 * Contains the generic theme typography styles
 *
 *    Include your notes or table of contents here
 *
 *    Include color hex's or values of your grid
 *      #333333             - body
 *      #B80000             - links, headings
 *      #D80000             - links on hover
 *      5px Vertical grid   - based on multiples of 5px, eg 10px, 15px, 20px, 25px...
 *
 *    @author Your Name <email@gmail.com>
 *
 * ------------------------------------------------------- */

/* BASE TYPOGRPHY */
body {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 20px;
    color: #333333;
    font-family: georgia, "Times New Roman", Times, serif;
}
  body a { text-decoration: none; }
  body a:link { -webkit-tap-highlight-color: #b80000 }
.italic {font-style: italic;}

/* HEADERS */
.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 {
	font-family: "minion-pro-n4", "minion-pro", georgia, "Times New Roman", Times, serif;
/*	font-family: "futura-pt",​ arial, ​sans-serif; */
	font-style: normal;
	font-weight: 400;
	margin-bottom: 10px;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}
.typography h1 {
	font-size: 52px;
	line-height: 64px;
	margin: 0 0 10px 0;
	padding-bottom: 5px;
}
.typography h2 { font-size: 28px; line-height: 35px; margin-bottom: 15px; display: inline-block;}
.typography h3 { font-size: 22px; line-height: 30px; margin-bottom: 10px; }
.typography h4 { font-size: 18px; line-height: 25px; margin-bottom: 5px; }
.typography h5 { font-size: 16px; line-height: 20px; margin-bottom: 5px; }
.typography h6 { font-size: 14px; line-height: 20px; font-weight: bold; margin-bottom: 5px; }


/* PARAGRAGHS */
.typography  p {
	font-size: 16px;
	line-height: 26px;
	margin: 0 0 20px;
}
  .typography .intro {
	  font-family:"minion-pro", georgia, "Times New Roman", Times, serif;
	  font-style: normal;
	  font-weight: 400;
      font-size: 18px;
      line-height: 32px;
      margin-bottom: 20px;
  }
.typography em { font-style: italic; }
::-moz-selection {
    background: #b80000;
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #b80000;
    color: #fff;
    text-shadow: none;
}


/* LINKS */
.typography a, 
.typography a.intro {
    color: inherit;
    text-decoration: underline;
}
  .typography a:hover { 
    color: #D80000;
  }
  .typography a:focus { }

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
	color: inherit;
	text-decoration: none !important;
}

/* LIST STYLES
-------------------------------------------- */
.typography ul, 
.typography ol,
.typography dl { margin: 0 0 20px 25px; }
.typography ul li { list-style-type: disc; }
  .typography li { margin-bottom: 5px; }


/* TABLE STYLES
-------------------------------------------- */
.typography table {
    border-collapse: collapse;
    border: 1px solid #d4d4d4;
    border-spacing: 0;
    margin: 0 0 10px;
    text-align: left;
}
  .typography table tr:nth-child(even) {
      background-color: #ededed
  }
  .typography table tr.even,
  .typography table th,
  .typography thead td {
      background-color: #ededed
  }
  .typography table td,
  .typography table th {
      padding: 2px 5px;
      border: 1px solid #d4d4d4;
      vertical-align: top;
  }
  .typography table th {
      font-weight: bold;
  }


/* WYSIWYG EDITOR ALIGNMENT CLASSES 
-------------------------------------------- */
.typography .left {
    text-align: left
}
.typography .center {
    text-align: center
}
.typography .right {
    text-align: right
}


/* IMAGES 
-------------------------------------------- */
.typography img {
    border: 5px solid #d7d7d7;
    height: auto;
    background: transparent url(../images/ajax-loader.gif) no-repeat center center;
}
.typography img.left {
    float: left;
    max-width: 50%;
    margin: 5px 20px 10px 0;
}
.typography img.right {
    float: right;
    max-width: 50%; /* Responsive width */
    margin: 5px 0 10px 20px;
}
.typography img.leftAlone {
    float: left;
    margin-right: 100%;
    margin-bottom: 10px;
    clear: both;
}
.typography img.center {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 10px;
    clear: both;
}
.typography .captionImage { width: 100%; margin-top: 5px; }
.typography .captionImage img { margin: 0; }
  .typography .captionImage.left {
    float: left;
    margin: 5px 30px 20px 0px;      
  }
  .typography .captionImage.right{
    float: right;
    margin: 5px 0 20px 30px;
  }
  .typography .captionImage.left[style],
  .typography .captionImage.right[style] {
    max-width: 50%; /* Overides core width to make responsive */
  }
  .typography .captionImage.left img,
  .typography .captionImage.right img {
    float: none;
    max-width: none;
    width: 100%;
  }
  .typography .captionImage.left img {
    margin-right: -10px;
  }
  .typography .captionImage.right img {
    margin-left: -10px;
  }
  .typography .captionImage.right p {
    margin-left: -10px;
    text-align: left;
    margin-left: -10px;
  }
.typography .captionImage.leftAlone{
  float:none;
  margin: 0 20px 20px 0px;
}
.typography .captionImage.center{
  margin: 0 auto 20px;
}
.typography .captionImage p {
  clear: both;
  margin: 5px 0;
  font-style: italic;
  color: #888;
}


/* BLOCKQUOTES
-------------------------------------------- */
.typography blockquote {
  background: transparent url(../images/blockquote.png) no-repeat 0px 6px;
	font-family: "minion-pro-n4", "minion-pro", georgia, "Times New Roman", Times, serif;
	font-style: normal;
	font-weight: 400;
  color: #777;
  display: block;
  font-style: italic;
  margin: 0 0 20px;
  float: right;
  text-indent: 30px;
  width: 50%;
  margin-left: 5%;
  clear: both;
}
.typography blockquote p {
  font-size: 17px;
  line-height: 25px;
}
.typography pre {
  background: #F7F7F7;
  border: 1px solid #E4E4E4;
  font-family: Courier, monospace;
  margin: 0 0 20px 0;
  padding: 15px;
  clear: both;
}

/* ADDRESS
-------------------------------------------- */
address {
  display: block;
  margin-bottom: 20px;
}

/****** FILE: themes/karindelange/css/form.css *****/
/** ----------------------------------------------------------
 *
 * This stylesheet includes both generic form styles and 
 *    additional form styles for the User Defined Form Module. 
 *
 ** ------------------------------------------------------- */


/* GENERIC FORMS
----------------------------------------------- */

form {
    max-width: 500px;
    width: 50%;
}
div.field {
    margin: 5px 0 10px;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
form label {
    margin-bottom: 3px;
}
    form label.left {
        display: block;
        font-weight: bold;
    }
    form label.right {
        font-size: 12px;
        color: #888;
    }

form input.text,
form textarea,
form .textajaxuniquetext,   /* Not sure if this is used? */
form select {
    width: 100%;
    max-width: 400px;
    padding: 6px 5px;
    font-size: 15px;
    background-color: #fff;
    border: 1px solid #dad9d9;
	-webkit-appearance: none;
}
    .ie7 form select { width: 400px; }

form input.text:focus,
form textarea:focus,
form .textajaxuniquetext:focus,
form select:focus {
    outline:none;
}
form input[disabled], form textarea[disabled] {
    background-color: #f7f7f7;
    border: 1px solid #dad9d9;
}
textarea {
    resize: vertical;
}


/* Radio and Checkbox */
.field .checkbox, .field .radio {
    float: left; 
    width: 13px; 
    height: 13px; 
    margin-right: 6px; 
    margin-top: 3px;
    padding: 0;
	-webkit-appearance: none;
}
    .checkbox label.right,
    .radio label.right {
        float: left;
    }


/* Messages */
form .message {
    background-color: #fef4ba;
    padding: 5px 10px;
    border: 1px solid #e8c805;
    border-radius: 3px;
}
    form .good {
        background-color: #ecf9d0;
        border-color: #8fbe00;
    }
    form .bad, form .required {
        background-color: #f9d0d0 !important;
        border-color: #cf0000 !important;
        color: #b80000 !important;
    }
    label.required{
	    background: none !important;
	    font-size: 13px;
	    text-align: right;
    }


/* ACTIONS */
.Actions {
    margin-bottom: 20px;
}
    a.btn, button, input[type="submit"], .Actions .action {
        background: #8E0003;
        color: #fff;
        display: inline-block;
        border-radius: 4px;
        padding: 6px 15px;
        margin-top: 10px;
        margin-bottom: 10px;
        text-transform: uppercase;
        letter-spacing: 1px;
        border: none;
        font-size: 13px;
        margin-right: 10px;
        float: left;
		-webkit-appearance: none;
    }
    a.btn:hover, button, input[type="submit"]:hover, .Actions .action:hover {
        background: #C80000;
        color: #fff;
    }
    a.btn {
        line-height: 18px;
        margin-bottom: 10px;
    }
    a.btn:after {                     /* creates arrow in button */
        content: '\2192';
        padding-left: 10px;
    }
    .ie7 input.action {
        width: 0;                     /* IE table-cell margin fix */
        overflow: visible;
    }
    input.action[class] {             /* IE ignores [class] */
        width: auto;                  /* cancel margin fix for other browsers */
    }

    .ie7 .Actions .action {
        float: left;
    }
    .Actions:after {
        color: #B94A48;
        content: "Velden met een * zijn verplicht.";
	    font-size: 13px;
        font-weight: normal;
        margin-top: 9px;
	    display: inline-block;
    }
    #MemberLoginForm_LoginForm .Actions:after {
        display: none;
    }


/* AREA SPECIFIC */
    /* LOGIN and FORGOT PASSWORD */
    #Remember {
        min-height: 20px;
    }
    #ForgotPassword {
        clear: left;
    }
    #MemberLoginForm_LostPasswordForm .Actions:after {
        display: none;
    }

    /* Search / Login */
    .header form .middleColumn {
        /* float: none;
        width: 100% !important; */
    }




/* USER DEFINED USER FORM MODULE STYLES
----------------------------------------------- */

/*Generic and mixed*/
.FormHeading {
    clear: both;
    padding-top: 15px;
}
form .date .middleColumn input {
    /*background: transparent url(../images/icons/your_icon_here.png) no-repeat scroll 90px 5px;*/
    width: 114px;
}
.Actions input.resetformaction {                  /* Clear button */
    float: left;
    background-color: #888;
}
.Actions input.resetformaction:hover {            /* Clear button */
    background-color: #aaa;
}

/* Labels */
.checkbox label.right {
    font-size: 13px;                            /* reset to default */
    color: #333;                                /* reset to default */
}
form .requiredField label.left{
	font-size: 16px;
}
form .requiredField label.left:after {
    color: #B94A48;
    content: "*";
    font-size: 13px;
    font-weight: normal;
    padding-left: 3px;
}

/* Radio / Checkbox */
form .checkboxset ul,
form .optionset ul {
    margin: 0;
}
    form .checkboxset li,
    form .optionset li {
        margin-bottom: 5px;
        list-style-type:none;
    }
    form div.checkbox:after { 
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    form .checkbox .checkbox { clear: both; }

/* Messages */
span.message {
    margin: 10px 0;
    display: block;
    max-width: 390px;
    clear: left;
}
div.holder-required {               /* This class needs to be changed - is used for both input and div */
    /* background-color: #f9d0d0;
    border: 1px solid #cf0000;
    padding: 10px;
    margin-left: -11px; */
}
form input.holder-required {        /* This class needs to be changed - is used for both input and div */
    border: 1px solid #cf0000; 
}

/* Error messages */
input:invalid,
textarea:invalid {
    border-radius: 1px;
}
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid {
    background-color: #f0dddd
}

/* To test - potentially not needed? */
.ss-uploadfield-item-info button{
    margin-top: 4px !important;
    float: left;
}
form .creditCardField input,
form input.currency,
form input.numeric {
    width: 50px;
}
form #DMYDate-month,
form #DMYDate-day {
    width: 25px
}




/* Responsive form styles
----------------------------------------------- */

@media only screen and (max-width: 700px) { 

    /* To test - potentially not needed? */
	.header form .middleColumn {
	    float: none;
	    width: 100% !important;
	}
	form label.left,
	#MemberLoginForm_LoginForm label {
	    margin-bottom: 8px
	}
}

@media only screen and (max-width: 900px) { 
    form {
        max-width: 100%;
    }
}

@media only screen and (min-width: 700px) { 

}

/****** FILE: themes/karindelange/css/skeleton_9.css *****/
/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */



/* #Base 990 Grid
================================================== */

    .container                                  { position: relative; width: 990px; margin: 0 auto; padding: 0 20px 0 20px; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 20px; margin-right: 20px; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

	/* Padded Column Classes */
	.column.padded, .columns.padded               { margin-left: 0; margin-right: 0; padding-left: 20px; padding-right: 20px;}

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 70px;  }
    .container .two.columns                     { width: 180px; }
    .container .three.columns                   { width: 290px; }

	.container .three5.columns                   { width: 345px; }

    .container .four.columns                    { width: 400px; }
    .container .five.columns                    { width: 510px; }
    .container .six.columns                     { width: 620px; }
    .container .seven.columns                   { width: 730px; }
    .container .eight.columns                   { width: 840px; }
    .container .nine.columns                    { width: 950px; }

    .container .one-third.column                { width: 290px; }
    .container .two-thirds.column               { width: 620px; }

    /* Offsets */
    .container .offset-by-one                   { margin-left: 110px;  }
    .container .offset-by-two                   { margin-left: 220px; }
    .container .offset-by-three                 { margin-left: 330px; }
    .container .offset-by-four                  { margin-left: 440px; }
    .container .offset-by-five                  { margin-left: 550px; }
    .container .offset-by-six                   { margin-left: 660px; }
    .container .offset-by-seven                 { margin-left: 770px; }
    .container .offset-by-eight                 { margin-left: 880px; }

/* #RESPONSIVE MOBILE 990 Grid
================================================== */
@media screen and (max-width : 600px) {
	.container                                  { position: relative; width: 100%; margin: 0 auto; padding: 0 20px 0 20px; }
	.container .column,
	.container .columns                         { float: left; display: inline; padding-left: 20px; padding-right: 20px; margin: 0;}
	.row                                        { margin-bottom: 20px; }

	/* Nested Column Classes */
	.column.alpha, .columns.alpha               { margin-left: 0; }
	.column.omega, .columns.omega               { margin-right: 0; }

	/* Padded Column Classes */
	.column.padded, .columns.padded               { margin-left: 0; margin-right: 0; padding-left: 20px; padding-right: 20px;}

	/* Base Grid */
	.container .one.column,
	.container .one.columns,
	.container .two.columns,
	.container .three.columns,

	.container .three5.columns,

	.container .four.columns,
	.container .five.columns,
	.container .six.columns,
	.container .seven.columns,
	.container .eight.columns,
	.container .nine.columns,

	.container .one-third.column,
	.container .two-thirds.column               { width: 100%; }

	/* Offsets */
	.container .offset-by-one,
	.container .offset-by-two,
	.container .offset-by-three,
	.container .offset-by-four,
	.container .offset-by-five,
	.container .offset-by-six,
	.container .offset-by-seven,
	.container .offset-by-eight                 { margin-left: 0px; }
}
/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }


/****** FILE: themes/karindelange/css/layout.css *****/
*{box-sizing:border-box}.fixed{position:fixed;z-index:900}html,body{height:100%}body{background:#000;margin:0}body a{color:inherit;text-decoration:underline}body a:hover{color:#87130c}body a.intro{color:inherit;text-decoration:underline}body a#start{position:absolute;top:-20px;left:0}body #header{width:100%;background-color:#fff;position:fixed;top:0;left:0;z-index:600;box-shadow:0px 0px 10px rgba(0,0,0,0.4);height:125px}body #header #menu_pijl{position:absolute;bottom:-21px;left:-500px;width:40px;height:25px;background:url("../images/menu_pijl.png") no-repeat top left}body #header #main_nav{padding:0 20px 0 20px;height:125px;position:relative;bottom:0}body #header #main_nav #main_logo{display:inline;margin-left:20px;margin-right:20px;float:left;width:180px;height:115px;margin-top:5px}body #header #main_nav #responsive-menu{display:none}body #header #main_nav #nav{position:absolute;bottom:8px;left:200px}body #header #main_nav #nav ul.menu{display:block;height:29px}body #header #main_nav #nav ul.menu li{float:left;margin-right:14px}body #header #main_nav #nav ul.menu li.current a{color:#b51500}body #header #main_nav #nav ul.menu li a{font-family:"futura-pt",arial,sans-serif;font-style:normal;font-weight:400;font-size:21px;text-transform:uppercase;text-decoration:none;color:#5c4f3c}body #header #main_nav #nav ul.menu li a:hover{color:#87130c}body #header #main_nav #nav ul.sub_menu{display:block;height:28px}body #header #main_nav #nav ul.sub_menu li{float:left;font-family:Georgia;font-size:16px;margin-right:15px}body #header #main_nav #nav ul.sub_menu li.selected a{color:#b51500}body #header #main_nav #nav ul.sub_menu li a{color:#5c4f3c;text-decoration:none}body #header #main_nav #nav ul.sub_menu li a:hover{color:#87130c}body #header #responsive-nav{display:none}body #stacked-page-holder{width:auto;margin:0 0 0 0}body #stacked-page-holder .stacked-page-item .photo-bar{background-clip:border-box;background-color:transparent;background-repeat:no-repeat;background-attachment:fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;font-size:26px;width:100%;height:445px !important;position:relative;overflow:hidden}body #stacked-page-holder .stacked-page-item .photo-bar h2{position:fixed;top:300px;font-family:"minion-pro-n4", "minion-pro", georgia, "Times New Roman", Times, serif;font-style:normal;font-weight:400;color:#fff;font-size:60px;width:100%;line-height:65px;z-index:inherit;text-shadow:rgba(0,0,0,0.8) 1px 1px 4px;display:none}body #stacked-page-holder .stacked-page-item .photo-bar a.Handle{position:absolute;bottom:0;display:block;width:100%;height:400px}body #stacked-page-holder .stacked-page-item .stacked-content{width:100%;background-color:#efece7;color:#5c4f3c;padding:20px 0 20px 0;overflow:visible;position:relative;z-index:500;box-shadow:0px 0px 10px rgba(0,0,0,0.4)}body #stacked-page-holder .stacked-page-item .stacked-content .container .page-image-holder{margin:15px 0 0 0}body #stacked-page-holder .stacked-page-item .stacked-content .container .page-image-holder li img{border:6px solid #efece7;box-shadow:2px 2px 10px rgba(0,0,0,0.5)}body #stacked-page-holder .stacked-page-item .stacked-content .container .page-image-holder li .imageTitle{font-style:italic;font-size:14px}body #stacked-page-holder .stacked-page-item .stacked-content .container .content-column{min-height:300px}body #stacked-page-holder .stacked-page-item .stacked-content .container .blog-shortlist-holder{margin-top:28px}body #stacked-page-holder .stacked-page-item .stacked-content .container .blog-shortlist-holder h2{font-size:24px;margin:10px 0 10px 0}body #stacked-page-holder .stacked-page-item .stacked-content .container .blog-shortlist-holder .blog-shortlist{border-top:1px dashed #ccc}body #stacked-page-holder .stacked-page-item .stacked-content .container .blog-shortlist-holder .blog-shortlist li{list-style-type:none;border-bottom:1px dashed #ccc;padding:7px 0 5px 0}body #stacked-page-holder .stacked-page-item .stacked-content .container .blog-shortlist-holder .blog-shortlist li:hover,body #stacked-page-holder .stacked-page-item .stacked-content .container .blog-shortlist-holder .blog-shortlist li.hover{background:#fff;cursor:pointer}body #stacked-page-holder .stacked-page-item .stacked-content .container .blog-shortlist-holder .blog-shortlist li .postTitle{font-size:16px;line-height:18px}body #stacked-page-holder .stacked-page-item .stacked-content .container .blog-shortlist-holder .blog-shortlist li .authorDate{font-size:13px}body #stacked-page-holder .stacked-page-item .stacked-content .container .blog-shortlist-holder .quick-navigation-holder{margin-top:28px}body #stacked-page-holder .stacked-page-item .stacked-content .container .blog-shortlist-holder .quick-navigation-holder h2{font-size:24px;padding:7px 0 7px 0}body #stacked-page-holder .stacked-page-item .stacked-content .container .blog-shortlist-holder .quick-navigation-holder .quick-navigation{border-top:1px dashed #ccc}body #stacked-page-holder .stacked-page-item .stacked-content .container .blog-shortlist-holder .quick-navigation-holder .quick-navigation li{list-style-type:none;border-bottom:1px dashed #ccc}body #stacked-page-holder .stacked-page-item .stacked-content .container .blog-shortlist-holder .quick-navigation-holder .quick-navigation li a{display:block;padding:5px 0 5px 0;font-size:16px;line-height:18px}body #stacked-page-holder .stacked-page-item .stacked-content .container .blog-shortlist-holder .quick-navigation-holder .quick-navigation li a:hover{background:#fff}body #stacked-page-holder .ProjectListPage .description-modal-background{display:none}body #stacked-page-holder .ProjectListPage .stacked-content .container .columns .project-holder{overflow:hidden;margin-bottom:20px}body #stacked-page-holder .ProjectListPage .stacked-content .container .columns .project-holder ul{overflow:auto}body #stacked-page-holder .ProjectListPage .stacked-content .container .columns .project-holder ul .project-list-item{padding:0 0 40px 0;width:950px;height:auto !important;overflow:hidden !important}body #stacked-page-holder .ProjectListPage .stacked-content .container .columns .project-holder ul .project-list-item .image-holder{float:left;width:290px;height:455px;overflow:hidden;margin:0 40px 0 0;position:relative}body #stacked-page-holder .ProjectListPage .stacked-content .container .columns .project-holder ul .project-list-item .image-holder ul.project-image-list{width:300px}body #stacked-page-holder .ProjectListPage .stacked-content .container .columns .project-holder ul .project-list-item .image-holder ul.project-image-list li.project-image-list-item{width:300px;height:auto !important}body #stacked-page-holder .ProjectListPage .stacked-content .container .columns .project-holder ul .project-list-item .image-holder ul.project-image-list li.project-image-list-item img{width:278px;border:6px solid #efece7}body #stacked-page-holder .ProjectListPage .stacked-content .container .columns .project-holder ul .project-list-item .image-holder ul.project-image-list li.project-image-list-item a:hover img{width:278px;border:6px solid #87130c}body #stacked-page-holder .ProjectListPage .stacked-content .container .columns .project-holder ul .project-list-item .image-holder .SimpleSliderNavigation{position:absolute;margin:0;padding:0;bottom:0;left:0;z-index:999}body #stacked-page-holder .ProjectListPage .stacked-content .container .columns .project-holder ul .project-list-item .image-holder .SimpleSliderNavigation li{position:relative;float:left;margin:0 5px 0 0;padding:0;width:15px;height:17px;list-style-type:none;list-style:none}body #stacked-page-holder .ProjectListPage .stacked-content .container .columns .project-holder ul .project-list-item .image-holder .SimpleSliderNavigation li.last{margin:0}body #stacked-page-holder .ProjectListPage .stacked-content .container .columns .project-holder ul .project-list-item .image-holder .SimpleSliderNavigation li a{position:relative;float:left;width:15px;height:17px;display:block;background:url(../images/spr-bullets.png) -26px 0 no-repeat}body #stacked-page-holder .ProjectListPage .stacked-content .container .columns .project-holder ul .project-list-item .image-holder .SimpleSliderNavigation li a:hover{background:url(../images/spr-bullets.png) -8px 0 no-repeat}body #stacked-page-holder .ProjectListPage .stacked-content .container .columns .project-holder ul .project-list-item .image-holder .SimpleSliderNavigation li a.active{background:url(../images/spr-bullets.png) -8px 0 no-repeat}body #stacked-page-holder .ProjectListPage .stacked-content .container .columns .project-holder ul .project-list-item .image-holder .SimpleSliderNavigation li.selected a,body #stacked-page-holder .ProjectListPage .stacked-content .container .columns .project-holder ul .project-list-item .image-holder .SimpleSliderNavigation li.active a{background:url(../images/spr-bullets.png) -8px 0 no-repeat}body #stacked-page-holder .ProjectListPage .stacked-content .container .columns .project-holder ul .project-list-item .information{float:left;width:610px;height:auto !important}body #stacked-page-holder .ProjectListPage .stacked-content .container .columns .project-holder ul .project-list-item .information h2{font-size:32px}body #stacked-page-holder .ProjectListPage .stacked-content .container .columns .project-holder ul .project-list-item .information .issue-icon{background-image:url("../images/issue15.png");width:15px;height:15px;margin-bottom:6px;background-size:15px;display:inline-block;margin-left:5px}body #stacked-page-holder .ClientPage .stacked-content .container .columns .client-list-holder{overflow:hidden;width:100%}body #stacked-page-holder .ClientPage .stacked-content .container .columns .client-list-holder .client-list{overflow:hidden;margin-left:auto;margin-right:auto;margin-bottom:20px;min-height:150px}body #stacked-page-holder .ClientPage .stacked-content .container .columns .client-list-holder .client-list ul{overflow:auto}body #stacked-page-holder .ClientPage .stacked-content .container .columns .client-list-holder .client-list ul .client-list-item{float:left;text-align:center;overflow:visible !important;margin-right:50px;margin-left:10px;height:auto !important;padding:0 0 40px 0}body #stacked-page-holder .ClientPage .stacked-content .container .columns .client-list-holder .client-list ul .client-list-item .image-holder img{width:230px}body #stacked-page-holder .BlogHolder .container .content-column .content .blogSummary,body #stacked-page-holder .ArchiveHolder .container .content-column .content .blogSummary{border-bottom:1px dashed #ccc;margin:20px 0 20px 0;padding:0 0 20px 0}body #stacked-page-holder .BlogHolder .container .content-column .content .blogSummary.last,body #stacked-page-holder .ArchiveHolder .container .content-column .content .blogSummary.last{border-bottom:none}body #stacked-page-holder .BlogHolder .container .content-column .content .blogSummary .postTitle,body #stacked-page-holder .ArchiveHolder .container .content-column .content .blogSummary .postTitle{margin:0;color:#87130c}body #stacked-page-holder .BlogHolder .container .content-column .content .blogSummary .authorDate,body #stacked-page-holder .ArchiveHolder .container .content-column .content .blogSummary .authorDate{margin:0;line-height:16px;font-size:14px}body #stacked-page-holder .BlogHolder .container .content-column .content .blogSummary p,body #stacked-page-holder .ArchiveHolder .container .content-column .content .blogSummary p{margin:0}body #stacked-page-holder .BlogHolder .container .content-column .content .blogSummary .blogVitals a,body #stacked-page-holder .ArchiveHolder .container .content-column .content .blogSummary .blogVitals a{color:#87130c}body #stacked-page-holder .BlogHolder .container .content-column .content .pagination .PageNumbers,body #stacked-page-holder .ArchiveHolder .container .content-column .content .pagination .PageNumbers{text-align:center;width:100%}body #stacked-page-holder .BlogHolder .container .content-column .content .pagination .PageNumbers li,body #stacked-page-holder .ArchiveHolder .container .content-column .content .pagination .PageNumbers li{list-style:none;padding:5px 10px;display:inline-block}body #stacked-page-holder .BlogHolder .container .content-column .content .pagination .PageNumbers li.active a,body #stacked-page-holder .ArchiveHolder .container .content-column .content .pagination .PageNumbers li.active a{color:#b51500;text-decoration:underline}body #stacked-page-holder .BlogHolder .container .content-column .content .pagination .PageNumbers li a,body #stacked-page-holder .ArchiveHolder .container .content-column .content .pagination .PageNumbers li a{text-decoration:none}body #stacked-page-holder .BlogHolder .container .content-column .content .pagination .PageNumbers li a.disabled:hover,body #stacked-page-holder .ArchiveHolder .container .content-column .content .pagination .PageNumbers li a.disabled:hover{color:inherit;cursor:default}body #stacked-page-holder .BlogHolder .container .omega #Sidebar .ArchiveWidget ul,body #stacked-page-holder .ArchiveHolder .container .omega #Sidebar .ArchiveWidget ul{margin-left:0 !important}body #stacked-page-holder .BlogHolder .container .omega #Sidebar .ArchiveWidget ul li,body #stacked-page-holder .ArchiveHolder .container .omega #Sidebar .ArchiveWidget ul li{list-style:none !important;text-decoration:none !important}body #stacked-page-holder .BlogHolder .container .omega #Sidebar .ArchiveWidget ul li a,body #stacked-page-holder .ArchiveHolder .container .omega #Sidebar .ArchiveWidget ul li a{text-decoration:none !important}body .stacked-page-item .photo-bar{background-clip:border-box;background-color:transparent;background-repeat:no-repeat;background-attachment:fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;font-size:26px;width:100%;height:445px !important;position:relative;overflow:hidden}body .stacked-page-item .photo-bar h2{position:fixed;top:300px;font-family:"minion-pro-n4", "minion-pro", georgia, "Times New Roman", Times, serif;font-style:normal;font-weight:400;color:#fff;font-size:60px;width:100%;line-height:65px;z-index:inherit;text-shadow:rgba(0,0,0,0.8) 1px 1px 4px;display:none}body .stacked-page-item .photo-bar a.Handle{position:absolute;bottom:0;display:block;width:100%;height:400px}body #footerHolder{background:#fff;height:auto;z-index:1500;box-shadow:0px 0px 20px rgba(0,0,0,0.8);z-index:400;position:relative}body #footerHolder .container{padding-top:50px}body #footerHolder .container .columns{padding:20px 0}body #footerHolder .container .columns h2{height:18px;font-family:"futura-pt",sans-serif;margin-bottom:8px;line-height:26px;display:inline-block}body #footerHolder .container .columns p{font-size:14px;font-family:georgia,serif;margin-bottom:8px;line-height:20px}body #footerHolder .container #kaart #gmap{width:100%;height:180px}body #footerHolder .container #twitter .twtr .twtrlogo{height:14px;width:20px;display:inline-block;margin:0 0 6px 10px;background-image:url("../images/twitter-b.png");background-size:20px}body #footerHolder .container #twitter .twtr:hover .twtrlogo{background-image:url("../images/twitter-h.png")}body #footerHolder .container #twitter .twitter_feed{border-bottom:1px dashed #ccc}body #footerHolder .container #twitter .twitter_feed .tweet{font-size:14px;line-height:20px;padding:5px 0 10px 0;border-top:1px dashed #ccc}body #footerHolder .container #twitter .twitter_feed .tweet:hover{background-color:#efece7}body.tablet{width:1050px}body.tablet .stacked-page-item div .photo-bar{background-attachment:scroll;width:100%;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}body.tablet .stacked-page-item div .photo-bar h2{position:absolute;right:0;bottom:80%;font-size:50px !important;line-height:1.1 !important;text-align:center}body.tablet .stacked-page-item div .photo-bar h2 span{width:100% !important;position:relative;right:0 !important;padding:40px}body.tablet #stacked-page-holder .first div .photo-bar{background-position:center 90px !important}body.tablet #stacked-page-holder .stacked-page-item div .photo-bar{background-attachment:scroll;width:100%;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}body.tablet #stacked-page-holder .stacked-page-item div .photo-bar h2{position:absolute;right:0;bottom:80%;font-size:50px !important;line-height:1.1 !important;text-align:center}body.tablet #stacked-page-holder .stacked-page-item div .photo-bar h2 span{width:100% !important;position:relative;right:0 !important;padding:40px}body.phone{width:100%}body.phone .typography h1{font-size:40px;line-height:50px}body.phone #header #menu_pijl{display:none !important}body.phone #header #main_nav{padding:0 20px 0 20px;height:125px;position:relative;bottom:0;background-color:#fff;box-shadow:0px 0px 10px rgba(0,0,0,0.4)}body.phone #header #main_nav #main_logo{float:left;height:115px;margin-top:5px}body.phone #header #main_nav #nav{display:none !important}body.phone #header #main_nav #responsive-menu{display:inline-block;float:right;width:40px;height:40px;background:url("../images/sprite-arrows.png") no-repeat -55px -55px;border-radius:15px;margin-top:47px;margin-right:30px;padding:0;transition:all 0.2s linear;-moz-transition:all 0.2s linear;-webkit-transition:all 0.2s linear;transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg)}body.phone #header #main_nav #responsive-menu.active{transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg)}body.phone #header #responsive-nav{display:none;width:100%;height:auto}body.phone #header #responsive-nav.active{display:block}body.phone #header #responsive-nav ul{background-color:#fff;height:auto;float:inherit;padding:20px;box-shadow:0px 0px 10px rgba(0,0,0,0.4)}body.phone #header #responsive-nav ul li{float:inherit;padding:10px 20px;margin:0;border-top:1px dashed #ccc}body.phone #header #responsive-nav ul li.last{border-bottom:1px dashed #ccc}body.phone #header #responsive-nav ul li a{font-family:"futura-pt",arial,sans-serif;font-style:normal;font-weight:400;font-size:21px;text-transform:uppercase;text-decoration:none;color:#5c4f3c}body.phone #header #responsive-nav ul li a:hover{color:#87130c}body.phone .stacked-page-item div .photo-bar{background-attachment:scroll;width:100%;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}body.phone .stacked-page-item div .photo-bar h2{position:absolute;right:0;bottom:80%;font-size:50px !important;line-height:1.1 !important;text-align:center}body.phone .stacked-page-item div .photo-bar h2 span{width:100% !important;position:relative;right:0 !important;padding:40px}body.phone .stacked-page-item div .photo-bar h2 span{position:relative !important;text-align:center;padding:0;bottom:80px !important}body.phone #stacked-page-holder .first div .photo-bar{background-position:center 90px !important}body.phone #stacked-page-holder .stacked-page-item div .photo-bar{background-attachment:scroll;width:100%;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}body.phone #stacked-page-holder .stacked-page-item div .photo-bar h2{position:absolute;right:0;bottom:80%;font-size:50px !important;line-height:1.1 !important;text-align:center}body.phone #stacked-page-holder .stacked-page-item div .photo-bar h2 span{width:100% !important;position:relative;right:0 !important;padding:40px}body.phone #stacked-page-holder .stacked-page-item div .photo-bar h2 span{position:relative !important;text-align:center;padding:0;bottom:80px !important}body.phone #stacked-page-holder .ProjectListPage .description-modal-background{transition:all 0.2s linear;-moz-transition:all 0.2s linear;-webkit-transition:all 0.2s linear;transform:scale(0, 0);-webkit-transform:scale(0, 0);-moz-transform:scale(0, 0);opacity:0;width:100%;height:100%;display:block;position:fixed;z-index:1000;top:0;right:0;background-color:rgba(0,0,0,0.8)}body.phone #stacked-page-holder .ProjectListPage .description-modal-background.active{transform:scale(1, 1);-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);opacity:1}body.phone #stacked-page-holder .ProjectListPage .description-modal-background .description-modal{width:92%;height:92%;display:block;background-color:#fff;position:absolute;box-shadow:1px 1px 10px rgba(0,0,0,0.5);top:4%;bottom:4%;left:4%;right:4%;padding:30px 30px}body.phone #stacked-page-holder .ProjectListPage .description-modal-background .description-modal .modal-container{overflow-x:scroll;position:relative;width:100%;height:100%}body.phone #stacked-page-holder .ProjectListPage .description-modal-background .description-modal .modal-container h1{font-family:"minion-pro-n4", "minion-pro", georgia, "Times New Roman", Times, serif;display:inline-block;font-style:normal;font-weight:400;color:#87130c;font-size:30px;padding:0.5em 0}body.phone #stacked-page-holder .ProjectListPage .description-modal-background .description-modal .modal-container p{padding:0.5em 0}body.phone #stacked-page-holder .ProjectListPage .description-modal-background .description-modal .modal-container p.italic{color:#666}body.phone #stacked-page-holder .ProjectListPage .description-modal-background .description-modal a.close-button{width:40px;height:40px;background-image:url("../images/close.png");background-size:40px;display:block;position:absolute;top:-12px;right:-12px}body.phone #stacked-page-holder .ProjectListPage .stacked-content .container .columns .project-holder .project-list .project-list-item{width:100%}body.phone #stacked-page-holder .ProjectListPage .stacked-content .container .columns .project-holder .project-list .project-list-item .image-holder{width:100%;border:10px solid #fff;height:auto}body.phone #stacked-page-holder .ProjectListPage .stacked-content .container .columns .project-holder .project-list .project-list-item .image-holder a{display:block;line-height:0}body.phone #stacked-page-holder .ProjectListPage .stacked-content .container .columns .project-holder .project-list .project-list-item .image-holder a img{width:100%}body.phone #stacked-page-holder .ProjectListPage .stacked-content .container .columns .project-holder .project-list .project-list-item .information{display:none}body.phone #stacked-page-holder .ProjectListPage .stacked-content .container .columns .client-list-holder .client-list ul li.client-list-item{margin:0 30px}@media print{.photo-bar,#Form_Form,.arrow-left,.arrow-right,.photo-bar h2,#footerHolder,#header,.blog-shortlist-holder,.quick-navigation-holder{display:none}.stacked-content{background-color:#fff !important;background-image:none !important}body{background-color:#fff;color:#000 !important;width:955px;margin:auto}.content-column{float:right}img{float:left;padding:0;box-shadow:none !important}.typography,.imageTitle{color:#000 !important}.typography a{color:#000 !important;text-decoration:underline}.container .offset-by-one,.container .offset-by-two,.container .offset-by-three,.container .offset-by-four,.container .offset-by-five,.container .offset-by-six,.container .offset-by-seven,.container .offset-by-eight{padding-left:0}.container .one.column,.container .one.columns{width:345px}.container .two.columns{width:345px}.container .three.columns{width:345px}.container .three5.columns{width:345px}.container .four.columns{width:345px}.container .five.columns{width:345px}.container .six.columns{width:950px}.container .seven.columns{width:950px}.container .eight.columns{width:950px}.container .nine.columns{width:950px}.container .one-third.column{width:345px}.container .two-thirds.column{width:345px}}.ie8 .photo-bar,.ie7 .photo-bar,.ie6 .photo-bar{background-position:center center}.photo-bar h2 span{right:70px;position:absolute}.ie .photo-bar h2 span{right:70px;position:absolute;color:white}.photo-bar h2 span.shadow{display:none}.ie .photo-bar h2 span.shadow{display:inline-block;zoom:1;color:#333;filter:progid:DXImageTransform.Microsoft.Blur(pixelradius=2)}.ie6 .photo-bar h2 span,.ie7 .photo-bar h2 span,.ie8 .photo-bar h2 span{top:325px}.arrow-up{position:absolute;top:0px;right:55px;width:42px;height:42px;background:url("../images/sprite-arrows.png") no-repeat -4px -54px;z-index:100}.arrow-up:hover{background:url("../images/sprite-arrows.png") no-repeat -54px -54px}.arrow-down{position:absolute;top:60px;right:55px;width:42px;height:42px;background:url("../images/sprite-arrows.png") no-repeat -4px -4px;z-index:100}.arrow-down:hover{background:url("../images/sprite-arrows.png") no-repeat -54px -4px}.arrow-left{position:absolute;top:50%;left:20px;width:42px;height:42px;background:url("../images/sprite-arrows.png") no-repeat -4px -154px;z-index:100}.arrow-left:hover{background:url("../images/sprite-arrows.png") no-repeat -53px -154px}.arrow-right{position:absolute;top:50%;right:20px;width:42px;height:42px;background:url("../images/sprite-arrows.png") no-repeat -4px -104px;z-index:100}.arrow-right:hover{background:url("../images/sprite-arrows.png") no-repeat -53px -104px}.li,.fb,.tw{background-image:url(../images/social-sprite.png);width:26px;height:26px;margin:14px 4px 0 0;display:inline-block;background-position:0 26px}.li{background-position:56px 26px}.tw{background-position:26px 26px}.fb:hover{background-position:0 0}.li:hover{background-position:56px 0}.tw:hover{background-position:26px 0}.tw-icon,.fb-icon,.ln-icon,.m-icon{background:url("../images/share-sprites.gif") no-repeat;overflow:hidden;display:block;height:16px !important;width:16px !important;line-height:16px !important;float:left;margin:0 2px}.tw-icon{background-position:0 -864px}.fb-icon{background-position:0 -288px}.ln-icon{background-position:0 -448px}.m-icon{background-position:0 -272px}form{width:100%}form label.left{display:block;font-weight:100}


/****** FILE: themes/karindelange/css/overrides.css *****/
.typography h2.PageTitle {
	font-size: 52px;
	line-height: 64px;
	margin: 0 0 10px 0;
	padding-bottom: 5px;
}

.NewsletterListPage {

}

.AjaxModal {
	max-width: 600px;
	min-width: 600px;
	padding: 10px 20px 20px 20px;
}

.AjaxModal h2 {
	font-size: 24px;
	margin: 10px 0 10px 0;
}

.AjaxModal .Close {
	position: absolute;
	top:10px;
	right: 25px;
	width: 20px;
	height: 20px;
}

.AjaxModal .Close a {
	display: block;
	width: 40px;
	height: 40px;
}




/****** FILE: themes/karindelange/css/cookieconsent.css *****/
.cookie-consent p,
.cookie-consent h3 {
  margin-bottom: 1rem;
  color: #5C4F3C;
}

.cookie-consent h3 {
  font-size: 24px;
}

.button.cookie-consent__button {
  background: #8E0003;
  color: #fff;
  display: inline-block;
  border-radius: 4px;
  padding: 6px 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
  border: none;
  text-decoration: none;
  margin-right: 10px;
  float: left;
  -webkit-appearance: none;
  font: 400 13px system-ui;
  text-align: center;
}

.button.cookie-consent__button:focus,
.button.cookie-consent__button:hover {
}

.button.cookie-consent__button--manage {
  background: #fff;
  color: #333333;
}

.button.cookie-consent__button--manage:focus,
.button.cookie-consent__button--manage:hover {
}

form.cookie-consent-form {
  max-width: none;
}

.cookie-consent-form fieldset {
  margin: 0;
  padding: 0;
  border: none;

}
.cookie-consent-field,
fieldset {
  max-width: none !important;
}

.cookie-consent-field__label label {
  text-transform: uppercase;
  font-size: 12px;
  line-height: 22px;
  font-family: "futura-pt",arial,sans-serif;
}

.cookie-consent-field__description p {
  font-size: 14px;
  line-height: 24px;
  margin: 4px 0 16px 0;
}

.cookie-consent-field__field input[type="checkbox"] {
  float: right;
}

.table-scroll {
  overflow-x: auto;
}

.cookie-group-table {
  min-width: 100%;
}

.cookie-group-table__body-col,
.cookie-group-table__header-col {
  white-space: nowrap;
}

.cookie-group-table__body-col--provider,
.cookie-group-table__header-col--provider,
.cookie-group-table__body-col--expiry,
.cookie-group-table__header-col--expiry,
.cookie-group-table__body-col--name,
.cookie-group-table__header-col--name {
  width: 20%;
}

.cookie-group-table__body-col--purpose,
.cookie-group-table__header-col--purpose {
  min-width: 40%;
}