/* general css */
.w5  	{width:5%;}
.w10 	{width:10%;}
.w15 	{width:15%;}
.w20 	{width:20%;}
.w25 	{width:25%;}
.w30 	{width:30%;}
.w35 	{width:35%;}
.w40 	{width:40%;}
.w45 	{width:45%;}
.w50 	{width:50%;}
.w55 	{width:55%;}
.w60 	{width:60%;}
.w65 	{width:65%;}
.w70 	{width:70%;}
.w75 	{width:75%;}
.w80 	{width:80%;}
.w85 	{width:85%;}
.w90 	{width:90%;}
.w95 	{width:95%;}
.w100 	{width:100%;}

.w33 	{width:33.3333333333333333333333333%;} /* 1/3 kolom */
.w66 	{width:66.66666666666666666666%;} /* 2/3 kolom */
.w48 	{width:48%;}/* Used when 2 tables shown next to eachother, with a bit of space between it*/

.w150px {width: 150px;}

h230 	{min-height: 230px;}

/* POSITIONS */	
.rel	{position:relative;}
.abs 	{position:absolute;}


/* 	PADDINGS */ 
.padding		{padding:25px;}
.padding-left	{padding-left:25px;}
.padding-right	{padding-right:25px;}
.padding-top	{padding-top:25px;}
.padding-bottom	{padding-bottom:25px;}
.no-padding		{padding:0;}

.centered {
	max-width:990px;
	margin: 0 auto;
}
.iconRound {
	width:26px;
	display: inline-block;
	background:#b4cd00;
	color:#fff;
	text-align: center;
	-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;
}
a.iconRound {
	text-decoration: none;
}
a.iconRound:hover {
	background:#b4cd00;
	color:#fff;
	text-decoration: none;
	-webkit-transition: background-color 150ms linear;
	-moz-transition: background-color 150ms linear;
	-o-transition: background-color 150ms linear;
	-ms-transition: background-color 150ms linear;
	transition: background-color 150ms linear;
}
.iconRound .fa {
	line-height:26px;
	height:26px;
	display: block;
}


/* flipping */
.flipper:hover:after {
	transform: rotateY(0deg);
}
.flipper:hover:before {
	transform: rotateY(180deg);
}


.flipper {
	transform-style: preserve-3d;
	position: relative;
	line-height:28px;
	height:28px;
	width: 28px;
	text-align:center;
	top:0;
	-webkit-perspective: 180px;
	-moz-perspective: 180px;
	perspective: 180px;
	display:inline-block;
}
.flipper:before, .flipper:after {

	transition: 0.8s;
	position: absolute;
	top: 0;
	left: 0;
	
	transform: rotateX(0deg) rotateY(0deg);
	
	-webkit-transform-style: preserve-3d;
		 -moz-transform-style: preserve-3d;
					transform-style: preserve-3d;

	-webkit-backface-visibility: hidden;
		 -moz-backface-visibility: hidden;
					backface-visibility: hidden;
}


.flipper:before {
	width:100%;
	z-index: 2;
	transform: rotateY(0deg);
	background:#fff;
	color:#b4cd00;
	
	-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;
}
.flipper:after {
	width:100%;
	content:"";
	-webkit-transform: rotateY(-180deg);
	 -moz-transform: rotateY(-179deg); /* setting to 180 causes an unnatural-looking half-flip */
	transform: rotateY(-179deg);
	background:#888;
	color:#fff;
	
	-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;
}
.flipper.fa-facebook:after {
	content:"\f09a";
}
.flipper.fa-twitter:after {
	content:"\f099";
}
.flipper.fa-phone:after {
	content:"\f095";
}
.flipper.fa-linkedin:after {
	content:"\f0e1";
}

/* --------------------------------------
 standaard classes */
.boxShadow {
	-webkit-box-shadow: 0 0px 10px rgba(0,0,0,0.3);
		-moz-box-shadow: 0 0px 10px rgba(0,0,0,0.3);
			box-shadow: 0 0px 10px rgba(0,0,0,0.3);
}
.rounded {
	-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;
}



/* --------------------------------------
 framework */
html, body {
	height:100%;
	font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
 }
 #container {
	min-height:100%;
	position:relative;
	background:#fff;
	-ms-transform-origin: 0% 0%; /* IE 9 */
		-webkit-transform-origin: 0% 0%; /* Chrome, Safari, Opera */
			transform-origin: left top 0px;
	-webkit-backface-visibility: hidden; /* voorkomt flikkering safari */
 }

.footerHeight {
	height:100px;
}
h1 {
	font-weight:700;
}
 
h2 {
	font-weight: 400;
	font-size: 16pt;
	margin:0;
}
h3 {
	font-weight: 200;
	font-size: 13pt;
	margin-top: 5px;
}



.publicatieInner {
	border-left:1px solid #ccc;
	border-bottom: 1px solid #eaeaea;
	padding:20px;
	position: relative;
}
.publicatieInner:before {
	border:2px solid #ccc;
	background: #fff;
	width:20px;
	height: 20px;
	
	-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;
	
	position: absolute;
	left:-11px;
	top:22px;
	content:"";
}


.publicatie > .w15 {
	padding-top:15px;
}
.publicatie > .w15 span, .publicatie > .w15 a {
	display: block;
	font-size: 9pt;
	background: #b4cd00;
	padding:2px 5px;
	margin:10px 20px 10px 0;
	position: relative;
	float: right;
	clear: both;
	min-width: 110px;
	padding-right:10px;
	text-align: center;
	color:#fff;
}
.publicatie > .w15 a {
	background: #e73432;
	
}
.publicatie > .w15 span:after, .publicatie > .w15 a:after {
	position: absolute;
	right:0;
	top:0;
	
	content:"";
	
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 11px 0 11px 10px;
	border-color: #fff #fff #fff transparent;
}


/* --------------------------------------
 header */
header {
	background:#fff;
	color:#333;
}
#logo {
	float:left;
	font-size:14pt;
	font-weight:300;
}
#headerRight {
	float:right;
	padding:15px 0 0;
}

nav {
	background:#BBDEFB;
}

/* burgermenu */
.mobMenuBtn {
	display:block;
	width:38pt;
	padding:4px 0;
	cursor:pointer;
	float:right;
	margin-top:13px;
}
.mobMenuLine {
	margin:0 7pt 5pt;
	height:4px;
	background:rgba(0,0,0,0.5);
}
.mobMenuText {
	text-align:center;
	color:#000;
	font-size:80%;
	margin-top:-7pt;
	opacity:0.5;
	display:none;
}



/* --------------------------------------
 footer */
footer {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	background:#b4cd00;
	color:#fff;
}
#footerInner {
	padding:10px 20px;
	text-align:left;
}
.socialIcons {
	text-align:center;
	float:right;
	color:#fff;
}

/* --------------------------------------
 sidemenu */

#containerOverlay {
	position: absolute;
	content:"";
	top:0;
	left:0;
	right:0;
	bottom:0;
	display:none;
	opacity:0;
	background:#000;
	z-index: 100;
	-webkit-backface-visibility: hidden;
	cursor: e-resize;
}
#sideMenu {
	width:320px;
	right:-320px;
	position: fixed;
	z-index: 100;
	top:0;
	bottom:0;
	background:#eaeaea;
	padding:0;
	max-height: 100%;
	overflow:auto;
	
	-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
			box-sizing: border-box;
	
}
#sideMenuInner {
	padding:0;
	position:relative;
}
#sideMenuTop {
	background: #f1f1f1;
} 
#sideMenu h3 {
	margin:0;
	padding:0 0 0 15px;
	line-height: 50px;
}
#sideMenuHide {
	float:right;
	line-height: 50px;
	width:50px;
	text-align: center;
	cursor: pointer;
	font-size: 22pt;
}

#sideMenu ul.menu {
	
}


#sideMenuCenter {
	padding:30px 0px 30px;
}




/* sidemenu */