@import url(https://fonts.googleapis.com/css?family=Archivo+Narrow|Abel);
/* CSS Document */
@-webkit-keyframes fadeIn {
 from {
opacity: 0;
}
 to {
opacity: 1;
}
}
 @keyframes fadeIn {
 from {
opacity: 0;
}
 to {
opacity: 1;
}
}
 @-webkit-keyframes fadeOut {
 0% {
opacity: 1;
}
 100% {
opacity: 0;
}
}
@keyframes fadeOut {
 0% {
opacity: 1;
}
 100% {
opacity: 0;
}
}
/* 1 ROOT           ============================================================================= */

* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
html, body {
	height: 100%;
}
html {
	font-size: 62.5%; /* this makes our px sizing match up with rems http://snook.ca/archives/html_and_css/font-size-with-rem */
	-webkit-overflow-scrolling: touch;
	-webkit-tap-highlight-color: #f3f5f6;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	width: 100%;
	overflow-x: hidden;
}
body, .yeeditor {
	margin: 0 auto;
	padding: 0;
	font-family: 'Source Sans Pro', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 25px;
	color: #7B7B7B;
	text-shadow: none!important;
}
.yeeditor {
	letter-spacing: 0.25px;
}

.yet-pad {padding:15px;}

div.yeeditor .yee-text-separator { margin: 20px 0 40px;}

.span9 .yeeditor {padding-right:30px!important;}

b, strong {
	font-weight: 400;
	color: #000;
}
/* 2 GRID  & twitbootstrap          ============================================================================= */

.nav > li > a:hover, .nav > li > a:focus {
	background-color: inherit!important;
	opacity: 1;
}
div.blog div.items-row div.span3 div.item div.page-header {
	display: none;
}
fieldset {
	border: 0;
}
a.btn, .btn-large, .btn-small, .btn-mini, .content-showtags a {
	color: #fff!important;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.btn-header {
	border-radius: 3px;
	color: #232323;
	padding: 10px 12px;
	font-size: 22px;
	font-size: 2.2rem;
}
a.btn-header:hover, a.btn-header:focus, .worklink a:hover, .worklink a:focus {
	color: #c3c3c3!important;
	text-decoration: none;
}
p.ls-l.worklink {
	border: 1px solid rgb(35,35,35)!important;
	border: 1px solid rgba(70,70,70,.5)!important;
}
[class^="icon-"], [class*=" icon-"] {
	background-image: none!important;
}

.yee-container {padding: 0!important}
/*** font optimalisation firefox and chrome =======================================================*/


/*@-moz-document url-prefix() {
 html, html a {
 -webkit-font-smoothing: antialiased !important;
 text-shadow: 1px 1px 1px rgba(0,0,0,0.002);
 -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
}

/*Chrome CSS here

@media screen and (-webkit-min-device-pixel-ratio:0) {
html, html a, body, .yeeditor {
 /*-webkit-font-smoothing: antialiased !important;*/
  /*-webkit-text-stroke: 0.35px;
 -webkit-font-smoothing: subpixel-antialiased!important;
}
}*/


/*** ============== end ========================= ***/

h1, h2, h3 {
	margin: 0;
	text-rendering: optimizelegibility;
	font-weight: 400;
	color: #000000;
}
h1 {
	margin-bottom: 0.25em;
	font-size: 32px;
	font-size: 3.2rem;
	line-height: 1.2;
	font-family: 'Archivo Narrow', sans-serif;
}
section.row-0 h2:first-of-type {
	font-size: 36px;
	font-size: 3.6rem;
	line-height: 36px;
}
h2, section.blog header h1, .yee-module-title h3 {
	margin-bottom: 1.25em;
	font-size: 29px;
	font-size: 2.9rem;
	line-height: 25px;
	color: #000;
	width: 100%;
	margin-left: 2px;
	font-family: 'Archivo Narrow', sans-serif;
}
body#onepageblog.work section.subpageheading h2, .yee-module-title h3 {
	margin-bottom: 0px;
	text-align: center;
}
.shadowheader {
	background: url(../images/shadowtop-features.png) no-repeat center bottom;
	width: 100%;
	padding-bottom: 2em;
	margin-top: -2em;
	margin-bottom: 2em;
}
.shadowheader h2 {
	margin-bottom: 0!important;
	text-align: center;
}
h2.article_anywhere_title {
	text-align: center;
	margin-bottom: 40px;
}
.yee-col-md-12 h2 {
	margin-bottom: 1.25em;
}
.yee-col-md-8 h2 {
	margin-bottom: 0.75em;
	margin-top: 0.5em;
}
.yee-row:nth-child(2) {
	margin-bottom: 2em;
}
.mmlParallaxWrap h2 black-back, white-color {
	color: #fff;
	max-width: 500px;
	padding: 20px;
	margin: 0 auto;
}
.mmlParallaxWrap h2 white-back, black-color {
	color: #000;
	max-width: 500px;
	padding: 20px;
	margin: 0 auto;
}
h3 {
	margin-bottom: 0.5em;
	font-size: 20px;
	font-size: 2rem;
	line-height: 1.3;
	font-family: 'Abel', sans-serif;
}
#note h3 {
	position: relative;
	padding-left: 25px;
}
#note h3:before {
	position: absolute;
	font-family: FontAwesome;
	top: 0;
	left: 0px;
	content: "\f00c";
	font-size: 80%;
	top: 10%;
	color: #575757;
}
h4, body.credits section.blog header h1 {
	font-size: 19px;
	font-size: 1.9rem;
	line-height: 25px;
	font-weight: 400;
	margin: 0 0 0.5em;
}
h5 {
	font-size: 14px;
	font-size: 1.4rem;
	margin-bottom: 0.1em;
	font-weight: normal!important;
}
h6 {
	margin-bottom: 0.5em;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: normal;
	letter-spacing: 1px;
	font-weight: normal!important;
	text-transform: uppercase;
}
div.page-header, .yee-module-title h3 {
	border-bottom: 0;
	margin: 0px 0 40px;
	padding-bottom: 0px;
}

.singlearticle div.page-header, .singlearticle .yee-module-title h3 {margin:0 15px;}

body#onepageblog.work div.page-header {
	border-bottom: 1px solid #ececec;
	margin: 1em 0 2em;
}
.page-header h2 {
	margin-bottom: 0.25em;/*text-align: center;*/
}
h2 + h3 {
	margin-top: -1.3em;
}
p, ol, ul, dl, address {
	margin: 0 0 1.5em;
}
ul, ol {
	margin: 0 0 1.5em 0;
	padding: 0;
}
div.container div.row-fluid div.span6 div.item-page ul {
	padding: 0 0 0 24px;
}
li ul, li ol {
	margin: 0;/*font-size: 16px;
	font-size: 1.6rem;*/
}
/* Bootstrap pulldownmenu ================================== */

.sidebar-nav {
	padding: 9px 0;
}
.dropdown-menu .sub-menu {
	left: 100%;
	position: absolute;
	top: 0;
	visibility: hidden;
	margin-top: -1px;
	-webkit-animation: fadeOut 0.5s;
	animation: fadeOut 0.5s;
}
.dropdown-menu li:hover .sub-menu {
	visibility: visible;
}
.dropdown:hover .dropdown-menu {
	-webkit-animation: fadeIn 0.5s;
	animation: fadeIn 0.5s;
	display: block;
}
.dropdown-menu a {
	padding-top: 5px!important;
}
.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
	margin-top: 0;
	border-radius: 0;
}
.navbar .sub-menu:before {
	border-bottom: 7px solid transparent;
	border-left: none;
	border-right: 7px solid rgba(0, 0, 0, 0.2);
	border-top: 7px solid transparent;
	left: -7px;
	top: 10px;
}
.navbar .sub-menu:after {
	border-top: 6px solid transparent;
	border-left: none;
	border-right: 6px solid #fff;
	border-bottom: 6px solid transparent;
	top: 11px;
	left: -6px;
}
div#topmenu ul.nav-pills.menu > li > a {
	font-family: 'Abel', sans-serif;
	color: #4D4D4D;
	font-size: 18px;
	font-size: 1.8rem;
	text-transform: uppercase;
	padding: 8px 6px;
}
div#topmenu ul.nav-pills.menu > li > .calamiteit {
	background-color: #e9b922;
	border-radius: 1px;
	color: white;
	font-size: 15px;
}
div#topmenu ul.nav-pills.menu > li > .calamiteit:hover {
	background: rgba(230,176,8, 1)!important;
}
div#topmenu ul.nav-pills.menu > li .caret {
	display: none;
}
div#topmenu ul.nav-pills.menu li.active, div#topmenu ul.nav-pills.menu > li.active > a {
	background-color: transparent;
	color: #E9B922;
}
div#topmenu ul.nav-pills.menu li.item-143 {
	display: none; /** home button **/
}
div#topmenu ul.nav-pills.menu {
	margin-bottom: 0;
}
div#topmenu .dropdown-menu li a {
	font-family: 'Source Sans Pro', "Helvetica Neue", Helvetica, Arial, sans-serif!important;
	font-size: 14px;
	font-size: 1.4rem;
	color: #fff;
}
div#topmenu ul.dropdown-menu {
	background-color: #000;
	background: url(../images/downarrow.png) no-repeat 20px -2px #000;
	border: 0;
}
div#topmenu ul.dropdown-menu li:first-of-type {
	padding-top: 20px;
}
div#topmenu ul.dropdown-menu li:last-of-type {
	padding-bottom: 10px;
}
div#topmenu li.dropdown.parent {
	padding-bottom: 18px;
}
div#topmenu.wide, .container.wide, .header-container.wide {
	left: 0;
}
/** snelmenu **/

#snelmenu {
	position: relative;
	left: -15px;
}
#snelmenu .row-fluid {
	margin-left: -15px;
	margin-right: -15px;
}
#snelmenu .moduletable {
	position: absolute;
	top: -164px;
	z-index: 100;
	max-width:1230px;
}
#snelmenu .nav {
	background: rgb(0, 0, 0) transparent;
	background: rgba(0, 0, 0, 0.2);
	padding: 25px 30px 20px !important;
}
#snelmenu .nav > li {
	display: inline-block;
	/*width: 18.35%;*/
	width: 20%;
	min-width: 150px;
}
#snelmenu .nav > li a:hover,#snelmenu .nav > li a:focus  {
	background: rgba(151, 157, 158, 1)!important;
}
#snelmenu .nav > li.current.active a, #snelmenu .nav > li.current.active a:hover {
	background-color: #505759;
	background-image:url(../images/triangle-active.png)!important;
	background-repeat:no-repeat!important;
	background-position:left -1!important;
}
#snelmenu .nav > li:first-of-type, #snelmenu .nav > li:first-of-type a {
	margin-left: 0;
}
#snelmenu .nav > li:last-of-type, #snelmenu .nav > li:last-of-type a {
	margin-right: 0;
}
#snelmenu .nav > li > a {
	overflow: hidden;
	max-height: 75px;
	color: #fff;
	position: relative;
	margin: 0 5%;
	background-color: #E63027;
	padding: 10px 10px 10px 20px;
	display: block;
	white-space: pre-line;
	 font-family: "Abel",sans-serif;
}
#snelmenu .nav > li > a:hover {
	background-color: inherit;
}
#snelmenu .nav > li > a:before {
	position: absolute;
	font-family: FontAwesome;
	content: "\f105";
	font-size: 80%;
	color: #fff;
	left: 10px;
	top: 11px;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
	background-color: #595959;
	background-image: none;
}
/* 5 LINKS           ============================================================================= */


a {
	text-decoration: none;
	color: #231F20;
	transition-duration: 0.3s;
	transition-property: color;
	transition-timing-function: ease;
	-webkit-transition: color 0.35s ease-in;
	outline: 0;
	-moz-transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
a:visited {
	color: #231F20;
	transition-duration: 0.3s;
	transition-property: color;
	transition-timing-function: ease;
	-webkit-transition: color 035s ease-in;
	outline: 0;
}
a:hover {
	text-decoration: underline;
	color: #EE3E33;
}
a:focus {
	/*outline: thin dotted;*/
	outline: 0;
	color: #EE3E33;
}
a:hover, a:active {
	outline: 0;
}

::-moz-selection {
 background-color: #d6dbe1;
 color: #2d353e;
 text-shadow: none;
}
::selection {
	background-color: #d6dbe1;
	color: #2d353e;
	text-shadow: none;
}
div:hover, li:hover, span:hover {
	transition-duration: 0.3s;
	transition-property: color;
	transition-timing-function: ease;
	-webkit-transition: color 0.35s ease-in;
	outline: 0;
	-moz-transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
/* 6 FIGURES & IMAGES     ============================================================================= */

img {
	border-width: 0;
	vertical-align: middle;
	-ms-interpolation-mode: bicubic;
}
svg:not(:root) {
	overflow: hidden;
}
img.gray, .img_grayscale {
	filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
}
img.gray:hover, .img_grayscale:hover {
	filter: none;
	-webkit-filter: grayscale(0);
}
figure {
	margin-bottom: 1.5em;
}
figure figcaption {
	display: block;
	font-weight: normal;
	font-size: 12px;
	font-size: 1.2rem;
	color: #777;
}
.video embed, .video object, .video iframe {
	width: 100%;
	height: auto;
}
iframe {
	border: 0;
}
/* 7 sections full width  ============================================================================= */

section.fullwidth .container{
    width: 100%!important;
    max-width: inherit!important;
}


section.oranje {
}
section.grijs {
	background: rgb(221,234,244); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */

	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZGRlYWY0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjdmNmZiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjZjRmM2Y4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(-45deg, rgba(221,234,244,1) 0%, rgba(247,246,251,1) 50%, rgba(244,243,248,1) 51%, rgba(252,252,252,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(221,234,244,1)), color-stop(50%, rgba(247,246,251,1)), color-stop(51%, rgba(244,243,248,1)), color-stop(100%, rgba(252,252,252,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, rgba(221,234,244,1) 0%, rgba(247,246,251,1) 50%, rgba(244,243,248,1) 51%, rgba(252,252,252,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, rgba(221,234,244,1) 0%, rgba(247,246,251,1) 50%, rgba(244,243,248,1) 51%, rgba(252,252,252,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, rgba(221,234,244,1) 0%, rgba(247,246,251,1) 50%, rgba(244,243,248,1) 51%, rgba(252,252,252,1) 100%); /* IE10+ */
	background: linear-gradient(135deg, rgba(221,234,244,1) 0%, rgba(247,246,251,1) 50%, rgba(244,243,248,1) 51%, rgba(252,252,252,1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddeaf4', endColorstr='#fcfcfc', GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}
section.gray {
	background-color: #f5f7f9;
}
section.splitgray {
	background: url(../images/splitgray-back.png) repeat-y center top
}
section.lightgray {
	background: #fdfdfd;
}
section.gradient {
	background: #fdfdfd; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top, #fdfdfd 0%, #fdfdfd 50%, #f9f9f9 50%, #fdfdfd 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfdfd), color-stop(50%, #fdfdfd), color-stop(50%, #f9f9f9), color-stop(99%, #fdfdfd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fdfdfd 0%, #fdfdfd 50%, #f9f9f9 50%, #fdfdfd 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fdfdfd 0%, #fdfdfd 50%, #f9f9f9 50%, #fdfdfd 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fdfdfd 0%, #fdfdfd 50%, #f9f9f9 50%, #fdfdfd 99%); /* IE10+ */
	background: linear-gradient(to bottom, #fdfdfd 0%, #fdfdfd 50%, #f9f9f9 50%, #fdfdfd 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#fdfdfd', GradientType=0 ); /* IE6-8 */
}
.yee-col-md-4.about > div {
	padding: 10% 5%;
	background-color: #fff;
	border: 1px solid #fff;
	-webkit-box-shadow: 0px 0px 13px 1px rgba(227,224,227,1);
	-moz-box-shadow: 0px 0px 13px 1px rgba(227,224,227,1);
	box-shadow: 0px 0px 13px 1px rgba(227,224,227,1);
}
.row-1 {
}
.contentpadding {
	padding: 5%;
}
div#grijs.flattern div.yee-row img, div#oranje.flattern div.yee-row img {
	margin: 2% 1%;
}
section.row-0.mmlParallax {
	margin-top: -1%!important;
}
section.mmlParallax {
	margin: 0 0 0px!important;
	padding: 0!important;
}
/* 8 FORMS & BUTTONS    ============================================================================= */


select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	height: 30px;
}
iframe.breezingforms_iframe_plg {
	width: 100%!important;
}
body.modal {
	background-color: transparent;
}

#form-links, #form-rechts {width:49%; float:left;}
#right #form-links, #right #form-rechts {width:100%; float:none;}
#form-links input, #form-rechts input, #form-links textarea, #form-rechts textarea  {max-width:90%!important;}

.buttonwhite{    
	border: 2px solid #fff;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    padding: 10px 10px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    max-width: 200px;
    margin: 0 auto;
	float:left;}
.buttonwhite a {color:#fff!important; text-transform:none;}

/*** search animation ***/
.search input.inputbox, .search input.ps_ng_search_box, #mod-finder-searchform input {
	background: none repeat scroll 0 0 #efefef;
	transition: all 0.5s ease-in-out 0s;
	width: 150px;
	z-index: 1;
	float: right;
	margin-top: -1.4em;
}
.search input.inputbox:focus, .search input.ps_ng_search_box:focus, #mod-finder-searchform input:focus {
	background: none repeat scroll 0 0 #FFFFFF;
	box-shadow: 0 1px 2px #666666 inset;
	width: 180px;
}
/** end **/

/* YEE editor =================================================== */
.yeeditor {
	background-color: inherit;
}
/* 9 HEADER           ============================================================================= */

.header-container {
	height: 78px;
	max-height: 80px;
	top:-30px;
}
hr.header {
	margin: 5px 0px
}
/* 10 LOGO           ============================================================================= */

#logoRow.row {
	padding: 4px 0 5px;
	padding: 0.4rem 0 0.7rem;
}
#logo {
	font-size: 36px;
	font-size: 3.6rem;
	height: auto;
	margin: 0 auto;
}
/* 11 NAVIGATION      ============================================================================= */

ul.pagenav, ul.pagenav li {
	margin: 0;
	padding: 0;
}
ul.pagenav li {
	list-style-type: none;
	display: inline-block;
}
li.pagenav-prev {
	float: left;
}
li.pagenav-next {
	float: right;
}
.pagination p, .pagination ul {
	text-align: center;
}
.pagination ul {
	margin: 0;
	padding: 0;
}
.pagination li {
	list-style-type: none;
	display: inline-block;
	margin: .125em;
}
.pagination li span, .pagination li a {
	padding: .25em .5em;
}
.pagination li a {
	border: 1px solid #e5e5e5;
	background: #f9f9f9;
}
.pagination li a:hover {
	background: #e5e5e5;
}
.pagination li span {
	border: 1px solid #eee;
	color: #d5d5d5;
}
.icon-chevron-right {
	top: 4px;
	position: relative;
	font-size: 12px;
	left: 3px;
	color: #6e6e6e;
}
.icon-chevron-left {
	top: 4px;
	position: relative;
	font-size: 12px;
	right: 3px;
	color: #6e6e6e;
}
/* breadcrumb */
.row.breadcrumbs {
	margin-left: 0;
}
.breadcrumb {
	padding: 8px 5px!important;
	position: relative;
}

.breadcrumb > li {
    position: relative;
    z-index: 3;
}
/* 12 BANNER         ============================================================================= */

#toprotator {
	position: relative;
	width: 100%;
	border-bottom:27px solid #E9B922;
}

.aikon_paralax {min-height:300px; background-color:#ececec;}


.aikon-parallax-outer-container {border-bottom:27px solid #E9B922; margin-bottom: 1em!important; position:relative;}
.aikon-parallax-outer-container h2 {color:#fff; padding: 0 15px; line-height: 0.9em; font-size:28px; font-size:2.8rem; }
/* 13 ABOVE         ============================================================================= */

/* 14 MAIN CONTENT       ============================================================================= */

div.yeeditor ul {
	padding: 0 0 0 15px;
}
div.yeeditor ul li {
	list-style: circle;
}
/*body#onepageblog section {
	margin: 0em 0;
	padding: 4em 0 2em;
}*/
body#onepageblog section.header {
}
body#onepageblog section section {
	padding: 0
}
body#onepageblog section.divider {
	padding: 0;
	height: 1px;
}
body#onepageblog section.divider hr {
	margin: 0;
}

section.descriptionimage {padding:0!important;}

#dropshadow {
	background-image: url(../images/slider-bottom.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 10px;
}
/*#wrap2*/ #ghostly {
	opacity: 0;
}
body#onepageblog #wrap2> section:first-of-type {padding-top:2em;
}
#wrap2> section:last-of-type {
	padding-bottom: 2em;
}

body#onepageblog section section.mmlParallaxImage {
	margin: inherit;
}
div.item-page {
	font-size: 0.9rem;
	font-size: 0.9em;
}

div.item div.newsflash {
	background-color: #E6E7E8;
}
div.blog div.items-row div.span4 div.item h3 {
	color: #0078AE;
	font-size: 170%;
	margin-bottom: 5px;
}
div.item div.newsflash h4 {
	padding: 8px 8px;
	background-color: #D1D3D4;
	margin-bottom: 0;
	font-size: 95%;
}
div.item div.newsflash p {
	padding: 2px 8px 2px;
	background-color: #E6E7E8;
	margin-bottom: 3px;
	font-size: 85%;
}
div.item div.newsflash .readmore {
	padding: 2px 8px 2px;
	font-size: 85%;
}
.minifrontpage-default {
	background-color: #E6E7E8;
	padding: 10px 5px 5px 10px;
}
#mainRow {
/*border-top:1px solid #eee;*/

}
#main {
	border-bottom: 3px solid transparent;
	margin-bottom: 3em;
	padding-bottom: 3em;
}
#main p, #main div {
	font-size: 1.2rem;
	line-height: 1.6rem;
	font-weight: 100;
}
section.blog section.category-desc, section.article-intro, section.article-body {
	font-size: 1.2rem;
	line-height: 1.6rem;
	font-weight: 100;
}
section.blog section.intro-articles article.article {
	width: 100%;
}
div.blog div.moduletable.span12 {
	margin-left: 0;
}
/*** contant layout ***/

.row-fluid [class*="span"]:first-child {
	margin-left: 0!important;
	min-height: inherit;
}
p [class*="span"], [class*="span"] {
	margin-left: 2.12766%!important;
}
p [class*="first"], [class*="first"] {
	margin-left: 0!important;
}
div.blog div.items-row div.span12 {
	margin-left: 0!important;
}

.singlearticle .container .container, .singlearticle .container .yee-container {width:inherit!important;}

/**contact **/
div.contact h3 {
	display: none;
}

div.custom.contactheader {position:relative;height: 70px;}
.contactheader .arjan {left: 120px;
    position: absolute;
    top: -50px;
    z-index: 3;}
/*** formulier ***/
div.jsn-form-container div.jsn-form-content div.jsn-container-left div.control-group {
	padding: 0!important;
}
/* 15 zentools    ============================================================================= */

/*nieuwsslider*/
/** slider **/
.nieuwsslider .owl-carousel {}
.nieuwsslider .zt-col-6.zt-column-1 {min-height:320px;width: 50%; background-image: url(../images/arrow-nieuwslider.png); background-repeat:no-repeat; background-position:right top;}
.nieuwsslider .zt-col-6.zt-column-2 {background-color:#ebebeb; margin-left:0 ; width: 50%; padding:2% 3%; min-height:320px;}
.nieuwsslider .imagecoversize {min-height:320px; position:relative; z-index:-1;}
.nieuwsslider div.owl-buttons > div.owl-prev {position:relative; left: -60px; top:-34px; background-color:#363636;}
.nieuwsslider div.owl-buttons > div.owl-next {position:relative; left: 60px; top:-34px; background-color:#e31e17;}
.nieuwsslider div.owl-buttons > div.owl-next, .nieuwsslider div.owl-buttons > div.owl-prev {border-radius:0;-webkit-border-radius: 0px;
    -moz-border-radius: 0px; opacity:1; padding: 1px 8px;}
.nieuwsslider .owl-page span {border:3px solid #e1e1e1; background-color:transparent; width:13px; height:13px;}
.nieuwsslider .owl-page.active span {border:3px solid #e31e17; background-color:#e31e17;}

.zentools li, li.zt-item {list-style:none!important;}
.zentools .zt-item {margin-bottom:15px;}

/* 16 BOTTOM         ============================================================================= */

#bottomRow {
/*background:#fcfcfc;*/

}
/* 17 FOOTER         ============================================================================= */

.moduletablefooter h3, .moduletablefooter p {
	color: #fff;
	font-size: 95%;
	margin: 0;
	padding: 0;
}
div.moduletablefooter ul.nav, .footdark .nav {
	margin: 0;
	padding: 0;
}

.footdark h3, #footermobile h3 {color:#fff; font-size:14px; font-weight:800; margin-bottom:0.25em; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif}
.footdark p, .footdark div {color:#B2B2B2; font-size: 14px; font-size:1.4rem; line-height:21px;}
div.moduletablefooter ul.nav li {
	list-style: none;
}
div.moduletablefooter ul.nav li a, .foot1 a {
	color: #B2B2B2;
	font-size: 14px;
	font-size:1.4rem;
	line-height:21px;
}
div.moduletablefooter ul.nav li a:hover, .foot1 a:hover, div.moduletablefooter .nav > li > a:focus {
	text-decoration: underline;
	color: #fff;
	background: inherit!important;
}
#footer .foot1, .foot2, .foot3, .foot4 {
	margin-top: 20px;
}

.span3.foot2 { margin-top:3em;}
.foot4 h3 {margin-bottom:0.5em;}

.foot1 p {
	margin-bottom: 0;
	padding: 0;
}
.foot1 .logo {
	margin-bottom: -7px;
	margin-top: -15px;
}
div.customlogofoot p.link {
	margin-top: -15px;
}
.copyright {
}
.customlogofoot {
	width: 155px;
}
div#footer div.moduletable ul {
	margin: 0;
	padding: 0;
	text-align: center;
}
div#footer div.moduletable ul.nav li {
	display: inline-block;
	margin-left: 9px;
}
div#footer div.moduletable ul.nav li a {
	color: #747474;
	font-size: 14px;
}
div#footer div.moduletable ul.nav li a:hover {
	background-color: transparent;
	text-decoration: underline;
	color: #000000;
}
.copyright .moduletable {
	text-align: center;
	font-size: 80%;
}
div#footer div.span12 {
	min-height: 0px;
}
.footermenu {
	margin-top: -45px;
}
.footermenu, .copyright {
	line-height: 1.2em;
}
.copyright {
	color: #666
}
.footermobile {
	text-align: center;
	padding-top: 20px;
	position: relative;
	z-index: 9999;
}
#footermobile{background-color: #232323;
    height: 340px;
    padding-top: 2em;}

/********** mobile *******/

div.mobilemenuheader {
	color: #FFFFFF;
	min-height: 80px;
	padding: 0;
	z-index: 98;
	background-color: #fff;
	position: fixed;
	width: 100%;
	-webkit-overflow-scrolling: touch;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.6s ease;
}
#logoRow, #InfoRow {
	-webkit-overflow-scrolling: touch;
	z-index: 999999999999;
}
div.mobilemenuheader #logoRow img {
	max-width: 300px;
}
#InfoRow {
	background-color: #E63027;
	border-bottom: 9px solid #E9B922;
}
div.mobilemenuheader .mobmenu {
	float: right;
	width: 50px;
}
.sm-menu.mobmenu {z-index:9999999!important;}
div.mobilemenuheader .phoneinfo {
	float: left;
	width: 76%;
	padding: 10px 0 0px 7px;
}
div.mobilemenuheader .phoneinfo a {
	color: #fff;
    font-size: 18px;
    font-weight: 500;
}
.mobmenu {
	width: 50px;
	margin-right: 10px;
	display: inline-block;
	padding-top: 5px;
}
/*** menu top ***/

.nav > li > a {
}
div#topmenu {
	background-color: #fff;
	padding-top: 26px;
	padding-bottom: 0;
	float: right;
}
.header-container.wide, .mobilemenuheader, .boxshadow {
	border-bottom: 1px solid #ececec;
	-webkit-box-shadow: 0px 15px 66px -35px rgba(0,0,0,0.55);
	-moz-box-shadow: 0px 15px 66px -35px rgba(0,0,0,0.55);
	box-shadow: 0px 15px 66px -35px rgba(0,0,0,0.55);
}
.header-container.wide {
	position: fixed;
	z-index: 99999;
	background-color: #fff;
}
/*** sticky ***/

#wrap, #wrap2 {
	height: auto !important;
	margin: 0 auto -350px;
	min-height: 100%;
	/*background-color: #fff;*/
	width: 100%;
	max-width: 1170px;
	padding: 0;
	overflow-x: hidden;
}
#wrap2 {
	max-width: inherit;/*padding-top: 2%;*/
}
#wrapfullscreen {
	height: auto !important;
	min-height: 100%;
	background-color: #fff;
	width: 100%;
}
#wrapfullscreen .container {
	margin: 0 auto;
}
#push {
	height: 350px;
	clear:both;
}
#footer {
	height: 350px;
}
#footer .footdark {
	background-color: #232323;
	height: 340px;
	padding-top:2em;
}
#footer .footdark .container {
	padding: 0 15px
}
div#footer div.bottomlinks {/*background-color: #cfcfcf;*/
	min-height: 30px;
	position: absolute; /*bottom:0; */
	max-width: 1000px;
	width: 100%;
}
/* 20 MODULE STYLES     ============================================================================= */

article {
	margin-bottom: 10px;
	margin-bottom: 1rem;
}
/** arrow down ***/

.hide-arrow {
	opacity: 0;
}
.arrow-wrap {
	position: fixed;
	bottom: 5px;
	z-index: 999999999;
	/*left:50%;*/
	right: 20px;
	/*top:-5em;*/
	margin-left: -5em;
	background: #111;
	width: 3.5em;
	height: 3.5em;
	padding: 2.5em;
	border-radius: 50%;
	font-size: 0.5em;
	display: block;
	-webkit-transition: opacity 0.6s ease-in-out;
	-moz-transition: opacity 0.6s ease-in-out;
	-ms-transition: opacity 0.6s ease-in-out;
	-o-transition: opacity 0.6s ease-in-out;
	transition: opacity 0.6s ease-in-out;
}
.arrow {
	float: left;
	position: relative;
}
.arrow:after {
	content: '';
	position: absolute;
	font-family: FontAwesome;
	top: 0;
	left: 0px;
	content: "\f107";
	color: #fff;
	top: -0.5em;
	left: -0.35em;
	font-size: 25px;
}
.hint {
	position: absolute;
	top: 0.6em;
	width: 100%;
	left: 0;
	font-size: 2em;
	font-style: italic;
	text-align: center;
	color: #fff;
	opacity: 0;
}
.arrow-wrap:hover .hint {
	opacity: 1;
}
 @-webkit-keyframes arrows {
 0% {
top:0;
}
 10% {
top:12%;
}
 20% {
top:0;
}
 30% {
top:12%;
}
 40% {
top:-12%;
}
 50% {
top:12%;
}
 60% {
top:0;
}
 70% {
top:12%;
}
 80% {
top:-12%;
}
 90% {
top:12%;
}
 100% {
top:0;
}
}
.arrow-wrap .arrow {
	-webkit-animation: arrows 2.8s 0.4s;
	-webkit-animation-delay: 3s;
}

/* Large desktop */
@media (min-width: 1441px) {
h1, h2, h3, h4, h5, h6 {
}
h3 {font-size: 23px;
	font-size: 2.3rem;}
	
#snelmenu .nav > li > a {
    font-size: 18px;
    line-height: 1.4em;}

}

@media (min-width: 980px) and (max-width: 1440px), screen and (min-device-width: 980px) and (max-device-width: 1440px) {

#snelmenu .moduletable {max-width: /*1040px;*/ 965px;}
.contactheader .arjan {left: 80px;}
.container, .yee-container, #wrapfullscreen .yee-container  {max-width:940px!important;}
.contactheader .arjan {left:65px;}

}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px), screen and (min-device-width: 768px) and (max-device-width: 979px) {
h1, h2, h3, h4, h5, h6 {
}
h4 {
	text-align: left!important;
}
#topmenu.navmenu.visible, .navmenu.visible {
	width: 720px;
	padding-top: 0;
}
#topmenu.navmenu.visible div {
	width: 720px;
	padding-top: 15px;
}
body#onepageblog section {
	margin: 0em 0;
	padding: 2em 0 1em;
}
#wrapfullscreen {
	padding-top: 80px;
}
.mobilemenuheader #logoRow, .mobilemenuheader #InfoRow {
	padding-left: 20px!important;
}
#snelmenu .moduletable {max-width: 828px;}
#logoRow, #InfoRow {margin-left:0;}
#snelmenu {display:none;}
.contactheader .arjan {
    left: 75px;
    top: -40px;
    width: 70%;
}
.singlearticle .span9, .singlearticle .span6 {width:100%!important;}
.singlearticle div.page-header {padding: 30px 15px 0 0;}\
.aikon-parallax-outer-container .aikon_paralax {background-size:cover!important;}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px), screen and (max-device-width: 767px), screen and (device-aspect-ratio: 3/4) {
body, .yeeditor {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #4E4E4E
}
.yee-widget, #wrap2 > section, h2, section.blog header h1, div.page-header {
	margin-bottom: 0
}
h1, h2, h3, h4, h5, h6 {
	text-align: left!important;
}

h2 + h3 {margin-top:0.2em;}
#footermobile h3  {text-align:center!important}

body#onepageblog section {/*padding: 1em 0;*/
	padding: 0;
	margin: 0;
}
body#onepageblog section .container {/*padding: 1em 0;*/
	padding: 2em 0em;
	margin: 0!important;
}

body#onepageblog #wrap2 > section:first-of-type {padding-top:0;}
.aikon-parallax-outer-container h2 {padding: 0 15px;}
.section.divider .container {
	margin: 0;
	padding: 0!important;
}
section.row-0 h2:first-of-type {
	font-size: 28px;
	font-size: 2.8rem;
	line-height: 28px;
}
h2, section.blog header h1, .page-header h2, .yee-module-title h3 {
	font-size: 24px;
	font-size: 2.4rem;
	text-align: left;
}

h3 {font-size: 1.9rem;
    line-height: 1.2;}
h4, body.credits section.blog header h1 {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.4;
	margin: 1.33em 0;
}
p [class*="span"], [class*="span"] {
	margin-left: 0!important;
}
div.items-leading, div.items-row, .span12 .moduletable {
	padding: 0 2%;
}
.category-desc {
	padding: 0 4%;
}
.header-container {
	padding-top: 0;
	height: auto;
}
div.page-header {
	padding: 0 15px;
}

.singlearticle div.page-header {padding: 30px 15px 0 0;}

body#onepageblog.work div.page-header {
	padding: 0 15px;
	border-bottom: 0;
	margin-top: 2em;
}
body#onepageblog.work div.page-header h2 {
	border-bottom: 1px solid #ececec;
}
.mid-container {
	padding: 0 2%;
}

.multithumb {
	display: block!important;
	margin: 5px;
	width: 100%!important;
}
.zentitle {
	padding-left: 10px!important;
}
.zentools .grid_three, .grid_4 {
	width: 50%!important
}

.nieuwsslider .zt-col-6.zt-column-1,  .nieuwsslider .zt-col-6.zt-column-2 {width:100%;}
.nieuwsslider .zt-col-6.zt-column-2 {padding:5% 10%;}

section.section {
}
div#grijs.flattern div.yee-row img, div#oranje.flattern div.yee-row img {
	margin: 3% 3% 5%;
}
#ghostly {
	padding-top: 150px;
}
body.overview section .container:nth-child(1) {
	padding-top: 0!important;
}

.item-pagework p, .article_anywhere_title {
	padding: 0 15px;
}
ul#filters li {
	margin: 0 10px 10px 0;
}
#onepageblog #mobile-rotator {margin-bottom:-3em;}
.aikon-parallax-outer-container .aikon_paralax {background-size:cover!important;}
.span9 .yeeditor {padding-right:0!important;}
.zt-grid ul {padding:0!important;}
.zt-grid ul li {padding:0!important;}

}

/* Landscape phones and down */
@media (max-width: 480px), screen and (max-device-width: 480px), screen and (device-aspect-ratio: 40/71) {
body {
}
body, html {
	margin: 0 auto;
	width: 100%;
}
#ascrail2000-hr {
	display: none;
}
.form-horizontal .controls {
	margin-left: 90px!important;
}
.form-horizontal .control-label {
	width: 80px!important;
}
input[type="text"], input[type="password"], textarea {
	max-width: 160px;
}
select[multiple], select[size] {
	max-width: 160px;
}

#form-links, #form-rechts {display:block; width:100%;}

}