/* P5 WEB TEMPLATE 1.9 */
audio,canvas,video{display:inline;zoom:1;}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}button,input,select,textarea{font-family:sans-serif;color:#222;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:700;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}ins{background:#ff9;color:#000;text-decoration:none;}mark{background:#ff0;color:#000;font-style:italic;font-weight:700;}pre,code,kbd,samp{font-family:monospace,monospace;_font-family:'courier new',monospace;font-size:1em;}pre{white-space:pre-wrap;word-wrap:break-word;}q{quotes:none;}q:before,q:after{content:none;}small{font-size:85%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-.5em;}sub{bottom:-.25em;}dd{margin:0 0 0 40px;}nav ul,nav ol{list-style:none;list-style-image:none;margin:0;padding:0;}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;}fieldset,figure,form,ul,ol,body{border:0;margin:0;padding:0;}label{cursor:pointer;}legend{border:0;margin-left:-7px;padding:0;}button,input,select,textarea{font-size:100%;vertical-align:middle;margin:0;}button,input{line-height:normal;overflow:visible;}table button,table input{overflow:auto;}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button;}input[type=checkbox],input[type=radio]{box-sizing:border-box;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type=search]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;resize:vertical;}table{border-collapse:collapse;border-spacing:0;}td{vertical-align:top;}.ir{display:block;border:0;text-indent:-999em;overflow:hidden;background-color:transparent;background-repeat:no-repeat;text-align:left;direction:ltr;}audio:not([controls]),[hidden],.ir br{display:none;}::-moz-selection,::selection{background:#666;color:#fff;text-shadow:none;}
* { -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(/js/boxsizing.htc);}
a:link, a:visited, a:active { text-decoration : none; color: #2d2e2e; transition: all 0.3s ease-out; }
a:hover { color : red; outline: 0;}
a:focus, a:active { outline: 0; }
.hidden, .hide { display : none !important; }
.show, article { display : block; }
.invisible { visibility: hidden;}
.clearfix:before, .clearfix:after {content: " "; display: table;} .clearfix:after {clear: both;} .clearfix {*zoom: 1;}
.disabled { pointer-events: none; filter: alpha(opacity=50); opacity: 0.5;}
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.1.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa, .tweetIcon:before, .kb_title:after {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Styles */
html {
    height: 100%;
    overflow: auto;
}

body {
    background: #eee;
    color: #2d2e2e;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    position: relative;
    line-height: 1.5;
}
.disable-hover { pointer-events: none; }
body, input, button { -webkit-font-smoothing: antialiased; }

.c {
	width: 96%;
    max-width: 1300px;
    display: block;
    margin: 0px auto;
    position: relative;
}

    .faq .antwoord { display: none; }

.leftside, .sidebar {
    display: block;
    float: left;
    width: 70%;
}
    .sidebar { width: 30%; padding-left: 3%; }

h1, h2, h3, h4 { font-weight: normal; margin: 0; font-family: 'Roboto Condensed', sans-serif; }
h1, h2.large { font-size: 36px; }
h2 { font-size: 24px; }
h3 { font-size: 1.17em; }
h4 { font-size: 1em; }
h1 span, h2 span { font-size: 16px; color: #727272; }
.italic { font-style: italic; }
.likeBox { width: 100%; height: 300px; border: 0; margin-left: -7px; }
.bg_blue { background: #2b5c87; }
.color_white_primary { color: #fff; }
.color_white_secondary { color: #eee; }
.color_primary { color: #2d2e2e; }
.color_secondary { color: #757575; }

.smalllogo { display: block; width: 65px; padding: 4px 0 12px 0;}
.smalllogo img { display: block; width: 100%; }
.vve .smalllogo { display: none; }
#nav {
	display: block;
	list-style: none;
	font-family: 'Roboto Condensed', sans-serif;
	border-bottom: 1px solid #eaeaea;
	position: absolute;
	top: 6px;
	right: 0;
	left: 80px;
}
	#nav li {
		display: block;
		float: left;
		position: relative;
	}
		#nav li a {
			display: block;
			font-weight: bold;
			color: #eaeaea;
			text-transform: uppercase;
			font-size: 24px;
			padding: 7px 13px;
		}
		.vve #nav { left: 0; }
		#nav li.special { float: right; }
		#nav li.special a { color: #69b8ff; }
		#nav li.current a, #nav li a:hover {
			color: #69b8ff;
		}
		#nav li.nav-logoff { position: absolute; right: 0; bottom: -33px; }
		#nav li.nav-logoff a { font-size: 14px; }
		#nav li.hamburgerMenu { display: none; }

.homeLogo {
	display: block;
	text-align: center;
	color: white;
	padding-top: 180px;
}

	#socials {
		display: block;
		text-align: right;
		line-height: 27px;
		font-size: 14px;
		color: #a5a5a5;
	}
		#socials a {
			display: inline-block;
			background: url('../img/def_sprite.png') no-repeat 0 0;
			width: 28px;
			height: 27px;
			margin: 0 3px;
		}
			#socials a:hover { filter: alpha(opacity=70); opacity: 0.7; }
			#socials a.facebook { background-position: 0 -153px;}
			#socials a.twitter { background-position: 0 -231px;}
			#socials a.youtube { background-position: 0 -191px;}
			#socials a.gplus { background-position: 0 -269px;}
.fifty {
	display: block;
	float: left;
	width: 50%;
	padding: 0 4%;
}
.welkom { font-size: 18px; margin-bottom: 85px;}
.inleiding { width: 40%; display: block; margin: 0 auto 40px auto; font-size: 18px; text-align: center;}
.welkom h1, .inleiding h1, .ctype h2, .welkom h2.large, .inleiding h2.large { color: black; }

.photoBalk {
	display: block;
	position: relative;
	padding: 25px 0 0 0;
	margin-bottom: 50px;
}
	.photoBalk .halfLogo {
		display: block;
		width: 88px;
		position: absolute;
		z-index: 1;
		left: 50%;
		margin-left: -44px;
		top: -56px;
	}
	.photoBalk .photo {
		float: left;
		margin-bottom: 25px;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		cursor: pointer;
		position: relative;
		z-index: 2;
	}
	.photoBalk .photo:hover {
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-o-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
		-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
		box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	}

.third {
	float: left;
	margin-bottom: 35px;
}

#footer {
	text-align: center;
	font-size: 14px;
	color: #727272;
	margin-top: 10px;
}
	#footer a { color: #727272; }
	#footer a:hover { color: #69b8ff; }
	.footerLogo { display: block; width: 88px; margin: 0 auto 25px auto; }
	#footer .siteBy { display: inline-block; margin: 5px 0 15px 0;}


.blok {
	background: white;
	display: block;
	padding: 8px 14px 0 14px;
	font-size: 14px;
	margin-bottom: 10px;
}
	.blok.blue { background: #69B8FF; color: white; }
	.blok.blue .button, .catPage .blok .button { float: right; margin-top: 5px;}
	.blok.noMargin { margin-bottom: 0; }

a.fileLink {
	display: block;
	padding: 2px 0 5px 22px;
	position: relative;
}
	a.fileLink.noIcon { padding-left: 8px; }
	a.fileLink .fa {
		position: absolute;
		left: 1px;
		top: 5px;
		font-size: 17px;
		color: #69B8FF;
		z-index: 2;
	}
	a.fileLink div {
		display: block;
		font-size: 13px;
		color: #727272;
		line-height: 1.2;
		z-index: 2;
		position: relative;
	}
	a.fileLink span { z-index: 2; position: relative; }
	a.fileLink:before {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 1px;
		background: #f1f1f1;
		z-index: 1;
	}
	a.fileLink:hover:before { height: 100%; background: #69B8FF;}
	a.fileLink:hover { color: white; }
	a.fileLink:hover div { color: #E6E6E6; }
	.thirds a.fileLink { width: 33.33%; float: left; }

	.catPage .blok.noMargin:nth-of-type(1), .onderwerp .blok:nth-of-type(1) { border-top: 1px solid #69B8FF; }
	.forum a.blok, .onderwerp .blok, .catPage .blok { border: 1px solid #69B8FF; border-top: 0; padding-top: 6px; }
	.forum a.blok.noMargin { line-height: 1.2; }
	.forum a.blok.noMargin:hover { background: #69B8FF; color: white; }
	.catPage .blok.thirds { margin-bottom: 0; margin-top: -1px; border-top: 1px solid white; }
	.topicsPage a.blok { padding-bottom: 5px; }
	.catPage .noMargin h3 { float: left; }
	.topicsPage a.blok:nth-last-child(1){ border-bottom: 1px solid #69B8FF; }

	.catPage .blok:nth-of-type(2n+2), .topicsPage a.blok:nth-child(even), .onderwerp .blok:nth-of-type(even){ background: #F0FAFC; }
	.beheerderDeleteLink { font-size: 12px; color: #9d9d9d; }
	.beheerderDeleteLink:hover, .onderwerp a.berichtDeleteButton { color: #C70B0B;}
	.top_onderwerp, .top_laatste, .top_aantal {
		float: left;
		width: 10%;
		font-size: 13px;
	}

		.topbar { padding-top: 5px; padding-bottom: 5px; font-size: 14px;}
		.top_onderwerp { width: 70%; font-weight: bold; font-size: 14px; }
		.topbar .top_onderwerp { font-weight: normal; }
		.topbar .top_laatste, .topbar .top_aantal { font-size: 14px; }
		.top_laatste { width: 20%; }
		.top_laatste span { filter:alpha(opacity=70); opacity: 0.7; }

	.onderwerp .userInfo { float: left; width: 25%; }
	.onderwerp h4 { color: #696969; }
	.onderwerp .text h4 { font-size: 12px; }
	.onderwerp .text { float: left; width: 75%; padding-left: 10px; padding-bottom: 15px;}
    .text ul { list-style-position: inside; }
	.onderwerp a { color: #69B8FF; }
	.onderwerp a:hover { color: black; }
	.quill-wrapper {
		border: 1px solid #ccc;
		background: white;
		display: block;
		width: 100%;
		margin: 0 0 15px 0;
	}
	.fileinput-button { position: relative; }
	.fileinput-button input {
		position: absolute;
		top: 0;
		right: 0;
		margin: 0;
		opacity: 0;
		-ms-filter: 'alpha(opacity=0)';
		font-size: 200px;
		direction: ltr;
		cursor: pointer;
	}
	@media screen\9 {
		.fileinput-button input {
			filter: alpha(opacity=0);
			font-size: 100%;
			height: 100%;
		}
	}
.forumTitle {
	float: left;
	width: 80%;
}
.pagination {
	list-style: none;
	float: right;
	max-width: 20%;
	margin-top: 7px;
}
	.pagination li { float: left; border: 1px solid #ccc; margin: 0 1px; font-size: 13px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
	.pagination li a { padding: 2px 4px; display: block; background: white; }
	.pagination li.active a, .pagination li:not(.disabled):hover a { background: #69B8FF; color: white; }
	.nrOfPages { float: right; font-size: 13px; margin: 9px 10px 0 0; }
.quote, .attachment {
	display: block;
	border-top: 2px solid #bbb;
	border-bottom: 2px solid #bbb;
	margin: 5px 10px 5px 0;
	padding: 10px;
	background: #F5F5F5;
	font-style: italic;
}
	.quote:first-line { font-weight: bold; font-size: 12px; }

/* Kennisbank */
    .kennisbank_section {
        display: block;
        margin: 40px 0;
    }
        .vve .kennisbank_section { margin: 20px 0; text-align: center; }
    .kennisbank_header {
        width: 50%;
    }
        .vve .kennisbank_header { margin-left: auto; margin-right: auto; }
        .kennisbank-search { position: relative; }
        .kennisbank-search { margin-top: 20px; }
        #kennisbanksearch { padding: 13px 9px; border-radius: 4px; }

        .kennisbank-autocomplete {
            position: absolute;
            top: 100%;
            margin-top: 1px;
            left: 0;
            width: 100%;
            background: white;
            border-radius: 0 0 4px 4px;
            box-shadow: 0 5px 10px rgba(0,0,0,0.4);
            list-style: none;
            z-index: 10;
            text-align: left;
        }
            .kennisbank-autocomplete li { display: block; }
            .kennisbank-autocomplete li:hover { background: #69b8ff; }
            .kennisbank-autocomplete li:hover a { color: #212121; }
            .kennisbank-autocomplete li a {
                display: block;
                padding: 5px 8px;
            }


    .kennisbank_cats ul {
        list-style: none;
        -webkit-columns: 4;
        -moz-columns: 4;
        columns: 4;
        -webkit-column-width: 175px;
        -moz-column-width: 175px;
        column-width: 175px;
        -webkit-column-gap: 14px;
        -moz-column-gap: 14px;
        column-gap: 14px;
    }
        .kennisbank_cats li a {
            font-size: 16px;
            padding: 4px 0;
            display: block;
            color: #2b5c87;
        }
            .kennisbank_cats li a:hover, .kennisbank_cats li.current a { color: #69b8ff; }

    .kennisbank_answers > ul {
        list-style: none;
        display: block;
        max-width: 800px;
    }
        .kennisbank_answers > ul > li {
            display: block;
            margin-bottom: 4px;
        }
            .kb_title, .kb_answer {
                background: white;
                padding: 8px 20px 12px 20px;
                margin: 0;
                display: block;
                position: relative;
            }
            .kb_title:hover { background: #69b8ff; }
            .kb_title:after {
                content: '\f107';
                position: absolute;
                right: 20px;
                top: 16px;
                color: #757575;
                pointer-events: none;
            }
                .kb_checkbox:checked ~ .kb_title:after { content: '\f106'; }
        .kb_title {
            font-size: 24px;
        }
    .kb_checkbox, .kb_answer { display: none; }
    .kb_checkbox:checked ~ .kb_answer { display: block; }

    .kennisbank_home { margin-bottom: 60px; }
    .kennisbank_highlights > div {
        float: left;
        width: 50%;
        border-right: 1px solid #7d96ac;
        padding: 10px;
        text-align: left;
    }
        .kennisbank_highlights > div:last-child { border: 0; }
        .kennisbank_highlights a { display: block; color: white; }
        .kennisbank_highlights a:hover { color: #69b8ff; }

/* End-Kennisbank */


#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    filter: alpha(opacity=70);
    opacity: 0.7;
    z-index: 100;
    display: none;
}
    #overlayContainer {
        width: 800px;
        height: 463px;
        position: fixed;
        top: 50%;
        left: 50%;
        margin: -231px 0 0 -400px;
        z-index: 101;
        background: white;
        display: none;
        cursor: pointer;
    }
    .overlayClose {
        position: absolute;
        top: 5px;
        right: 5px;
        font-size: 22px;
        color: white;
        filter: alpha(opacity=70);
        opacity: 0.7;
        cursor: pointer;
        background: black;
        padding: 2px 5px;
    }
        .overlayClose:hover {
            color: #ef6500;
            filter: alpha(opacity=100);
            opacity: 1;
        }
        .overlayTestImage {
            position: fixed;
            top: 0;
            left: 0;
            visibility: hidden;
        }
        .overlayContent {
            display: block;
            height: 100%;
        }
    .absoluteCenter {
        margin: auto;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 110;
        display: none;
    }
        img.absoluteCenter {
            max-height: 100%;
            max-width: 100%;
            cursor: pointer;
            -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.8);
            -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.8);
            -o-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.8);
            -ms-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.8);
            box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.8);
        }
    .pvArrow {
        display: none;
        width: 26px;
        height: 45px;
        background: url('../img/def_sprite.png') no-repeat 0 -95px;
        position: fixed;
        top: 50%;
        margin-top: -22px;
        z-index: 150;
        left: 15px;
        cursor: pointer;
    }
        .pvArrow.next {
            right: 15px;
            left: auto;
            background-position: -26px -95px;
        }
        .pvArrow:hover, .siteBy:hover {
            filter: alpha(opacity=70);
            opacity: 0.7;
        }


.ctype {
    display: block;
    clear: both;
    margin-bottom: 30px;
}
    .ctype h2 { display: block; }
    .ctype .imgContainer {
        display: block;
        overflow: hidden;
        position: relative;
        margin-bottom: 10px;
    }
        .ctype .imgContainer img { display: block; width: 100%; }
        .ctype .imgContainer.video img { margin: -12% 0; }
        .ctype .imgContainer.video:hover img { opacity: 0.7; filter: alpha(opacity=70);}

    .ctype1 .imgContainer {
        width: 100%;
    }
    .ctype2 .imgContainer {
        float: left;
        width: 30%;
        margin-right: 1%;
    }
    .ctype3 .imgContainer {
        float: right;
        width: 30%;
        margin-left: 1%;
    }
    .ctype .date { color: #a5a5a5; font-size: 13px; }

    .transition, a.fileLink:before, .button {
        -webkit-transition: all 350ms ease;
        -moz-transition: all 350ms ease;
        -ms-transition: all 350ms ease;
        -o-transition: all 350ms ease;
        transition: all 350ms ease;
    }
    .ellipsis {
        white-space: nowrap;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
#loading {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    display: none;
    font-size: 18px;
    background: #e74c3c;
	text-align: center;
	padding: 5px 10px;
    z-index: 400;
    color: #fff;
}
	#login #loading { bottom: 0;background: rgba(0,0,0,0.7); padding-top: 60px;}
	#loading .spinner { font-size: 30px; }
	#login #loading .fa { font-size: 90px; }

	#loginWindow {
        overflow: hidden;
		-webkit-animation-fill-mode: both;
	    -moz-animation-fill-mode: both;
	    animation-fill-mode: both;
	    -webkit-animation-duration: 500ms;
	    -moz-animation-duration: 500ms;
	    animation-duration: 500ms;
	    -webkit-animation-name: fadeInDown;
	    -moz-animation-name: fadeInDown;
	    animation-name: fadeInDown;
	}
        .leftLoginPart {
        	display: block;
        	float: left;
        	width: 40%;
        	border-radius: 3px 0 0 3px;
        	padding: 25px 10px;
        	position: relative;
        	text-align: center;
        }

    	.leftLoginPart img { display: block; width: 62%; margin: 0 auto 5px auto; }

        #loginForm {
        	width: 60%;
        	float: left;
        	display: block;
        	margin-bottom: -985px;
        	padding: 15px 20px 1000px 20px;
        }

        .passwordReset { display: none; }

        .loginError {
            border: 1px solid #900;
            border-radius: 3px;
            display: none;
            color: white;
            background: #E74C3C;
            padding: 3px 0;
            text-align: center;
            font-size: 14px;
            margin: 0 auto 5px auto;
        }
/* Slider5 */
#header {
	display: block;
	width: 100%;
	position: relative;
	height: auto;
	overflow: visible;
	margin-bottom: 40px;
}
    .versie2.vve #header,
    .kennisbank #header { margin-bottom: 0; }
	.contact #header { height: 375px; }
	.vve #header { height: 750px; }
    .versie2.vve #header { height: 550px; }
    .versie2 .homeLogo { padding-top: 130px; }
    .versie2 .homeLogo img { margin: 0 auto; display: block; max-width: 400px; width: 80%; }
	#header .c { position: relative; z-index: 3; }
	#slider, #map-canvas {
		display: block;
		width: 100%;
		position: absolute;
		z-index: 1;
		overflow: hidden;
		height: 100%;
		background: black;
	}
	.menuShadow {
		position: absolute;
		z-index: 2;
		width: 100%;
		left: 0;
		top: 0;
		height: 56px;
		background: black;
		filter: alpha(opacity=10);
		opacity: 0.1;
	}
		#header:hover .menuShadow {
			filter: alpha(opacity=50);
			opacity: 0.5;
		}
	#slider.slider_fullscreen, #slider_overlay {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		border: 0;
		margin: 0;
		padding: 0;
		opacity: 0;
		z-index: 9999;
	}
    	#slider_overlay {
    		opacity: 1;
    		background: black;
    		z-index: 9998;
    		display: none;
    	}
    #slider #videoContainer {
    	display: none;
    	position: absolute;
    	top: 0;
    	left: 0;
    	width: 100%;
    	height: 100%;
    	z-index: 1;
    }
    	#slider #videoContainer.visible { z-index: 4; display: block;}
        .vidSlide { background-color: black; }

    .innerSlider {
        display: block;
        width: 100%;
        height: 100%;
        overflow: hidden;
		filter: alpha(opacity=38);
		opacity: 0.38;
    }
	    .imageContainer {
	        display: block;
	        position: absolute;
	        left: 0;
	        top: 0;
	        z-index: 2;
	        width: 100%;
	        height: 100%;
	    }
	    	.leftright .imageContainer { width: 20000px; }
	        .updown .imageContainer { height: 20000px; }

			.slide {
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
				width: 100%;
				height: 100%;
				display: none;
				position: relative;
			}
				a.slide {-webkit-transition: none s ease;-moz-transition: none;-o-transition: none;-ms-transition: none;transition: none;}
	            .leftright .slide { float:left; display: block; width: 1000px; }
	            .updown .slide { display: block; height: 885px; }
	            .fade .slide { position: absolute; top: 0; left: 0; width: 100%; }

		        .placeholdImg, .slide img {
		        	display: block;
		        	width: 100%;
		        	visibility: hidden;
		        }
		        	.updown .placeholdImg { height: 100%; width: auto;}
		            .slide img { visibility: visible; }

		.slideArrow {
		    display: block;
		    width: 32px;
		    height: 32px;
		    position: absolute;
		    left: 21px;
		    bottom: 15px;
		    background: #f28c00;
		    z-index: 5;
		    cursor: pointer;
		    border-radius: 4px;
		}
	        .slideArrow.right { left: 59px; }
	        .slideArrow.fullscreen { left: 98px;}
	        .slideArrow:hover { background-color: #FFD499; }

			.slideArrow.right:after,
			.slideArrow.left:after,
			.slideArrow.fullscreen:before, .slideArrow.fullscreen:after, .slideArrow.fullscreen a:before, .slideArrow.fullscreen a:after {
	    		content: '';
	    		position: absolute;
	    		top: 9px;
	    		left: 10px;
	    		width: 0px;
				height: 0px;
				border-style: solid;
			}
		    	.slideArrow.right:after {
					border-width: 7px 0 7px 12px;
					border-color: transparent transparent transparent white;
		    	}
		    	.slideArrow.left:after {
					border-width: 7px 12px 7px 0;
					border-color: transparent white transparent transparent;
		    	}

			        .slideArrow.fullscreen:before,
					.slideArrow.fullscreen:after {
					    z-index: 1;
					    left: 15px;
					    top: 50%;
					    width: 3px;
					    height: 8px;
					    border-color: white;
					    border-width: 5px 0;
					    margin-top: -9px;
					    -webkit-transform: rotate(45deg);
					    -moz-transform: rotate(45deg);
					    -ms-transform: rotate(45deg);
					    -o-transform: rotate(45deg);
					    transform: rotate(45deg);
					}
						.slideArrow.fullscreen:after {
						    -webkit-transform: rotate(-45deg);
						    -moz-transform: rotate(-45deg);
						    -ms-transform: rotate(-45deg);
						    -o-transform: rotate(-45deg);
						    transform: rotate(-45deg);
						}
						.slideArrow.fullscreen a:before,
						.slideArrow.fullscreen a:after {
						    left: 7px;
						    top: 50%;
						    z-index: 10;
						    width: 4px;
						    height: 0;
						    border-width: 0 7px 7px;
						    border-color: transparent white;
						    margin-top: -9px;
						}
							.slideArrow.fullscreen a:after {
							    border-width: 7px 7px 0;
							    margin-top: 3px;
							}

					.slider_fullscreen .slideArrow.fullscreen:before,
					.slider_fullscreen .slideArrow.fullscreen:after {
					    width: 3px;
					    height: 14px;
					    margin-top: -12px;
					}
					.slider_fullscreen .slideArrow.fullscreen a:before,
					.slider_fullscreen .slideArrow.fullscreen a:after {
					    left: 9px;
					    width: 6px;
					    border-width: 5px;
					    margin-top: -5px;
					    -webkit-transform: rotate(-45deg);
					    -moz-transform: rotate(-45deg);
					    -ms-transform: rotate(-45deg);
					    -o-transform: rotate(-45deg);
					    transform: rotate(-45deg);
					}
					.slider_fullscreen .slideArrow.fullscreen a:after {
					    -webkit-transform: rotate(45deg);
					    -moz-transform: rotate(45deg);
					    -ms-transform: rotate(45deg);
					    -o-transform: rotate(45deg);
					    transform: rotate(45deg);
					}
		.slideBubbles {
	        display: block;
	        height: 12px;
	        position: absolute;
	        right: 20px;
	        bottom: 27px;
	        z-index: 5;
	    }
	    	.slideBubbles.center { right: 0; left: 0; text-align: center; }
	        .slideBubbles .bubble {
	            display: block;
	            width: 12px;
	            height: 12px;
	            float: left;
	            background: white;
	            margin: 0 2px;
	            cursor: pointer;
	            border-radius: 50%;
	            opacity: 0.5;
	        }
	        	.slideBubbles.center .bubble { float: none; display: inline-block; }
	            .slideBubbles .bubble.active, .slideBubbles .bubble:hover { opacity: 1; }

        .playIcon {
        	display: block;
        	width: 160px;
        	height: 52px;
        	background: #f28c00;
        	position: absolute;
        	top: 50%;
        	left: 50%;
        	margin: -26px 0 0 -80px;
        	line-height: 52px;
        	border-radius: 4px;
        	color: white;
        	font-size: 20px;
        	text-align: center;
        }
        	 .playIcon:hover {
        	 	filter: alpha(opacity=70);
        	 	opacity: 0.7;
        	 }
/* End-Slider5 */
/* Contactform */
label {
    clear: both;
    display: block;
    margin: 5px 0 2px 0;
}

    label.error { color : red; }
    label.floatlabel { float : left; clear : none; }

.input-text, textarea, .input-select {
    display: block;
    line-height: 20px;
    width: 100%;
    margin: 4px 0;
    position: relative;
    padding: 5px 7px;
    font-size: 15px;
    background-color: white;
    border: 1px solid #d8dbdb;
}
    input:invalid, input:valid, textarea:invalid, textarea:valid { background-color : white; }

    input.error, textarea.error, .input-select.error {
        background-color: #ffcece;
        border: 1px solid #DE3737;
    }
    input.correct, textarea.correct, .input-select.correct {
        border: 1px solid #9adf8f;
    }

    input[required], input.correct, .input-select.correct, input.error, .input-select.error {
        background-image: url('../img/def_sprite.png');
        background-repeat: no-repeat;
        background-position: 100% 5px;
    }
        input.correct, .input-select.correct { background-position: 100% -29px; }
        input.error, .input-select.error { background-position: 100% -63px; }

    textarea {
        line-height: 1.2;
        height: 100px;
    }
    input[type=checkbox] {
        width: 15px;
        padding: 0;
        margin: 0;
    }
    input.floatcheckbox {
        float: left;
        margin: 7px 10px 15px 0;
        clear: both;
    }

    .button, a.button {
        background: #2b5c87;
        color: white;
        padding: 5px 9px;
        float: left;
        margin-top: 2px;
        cursor: pointer;
		overflow: hidden;
    }
		.button .fa { position: relative; left: 0; margin-left: 3px; }
		.button.white { background: white; color: #2b5c87; }
        .button:hover, a.button:hover {
        	border-color: #034267;
        	color: #034267;
            background: white;
        }
		.button.white:hover { background: #2b5c87; color: white; }
		.button:hover .fa { left: 25px; }
        .button:active, a.button:active {
            -moz-box-shadow: inset 0 0 10px 0 rgba(0,0,0,0.4);
            -webkit-box-shadow: inset 0 0 10px 0 rgba(0,0,0,0.4);
            box-shadow: inset 0 0 10px 0 rgba(0,0,0,0.4);
        }

    form .loading {
        float: left;
        margin: 10px 0 0 10px;
        display: none;
    }
    .input-radio {
        float: left;
        width: 22px;
    }
    label.radioLabel, .fieldset label.radioLabel {
        position: relative;
        float: left;
        width: 50%;
        margin: 0;
        clear: none;
        top: 0;
    }

    form .loading {
        float: left;
        margin: 10px 0 0 10px;
        display: none;
    }

    .fieldset {
        display: block;
        width: 100%;
        position: relative;
        margin-bottom: 5px;
        clear: both;
    }
        .fieldset label {
            width: 20%;
            position: absolute;
            left: 0;
            top: 3px;
        }
        .fieldset .input-text, .fieldset textarea {
            width: 80%;
            margin-left: 20%;
        }

    #inputWarning {
		display: none;
		background: #c0392b;
		width: 280px;
		color: white;
		padding: 10px 20px;
		position: fixed;
		bottom: 200px;
		left: 50%;
		margin-left: -140px;
		z-index: 100;
		text-align: center;
		font-size: 120%;
	}

/* Contactform-end */
/* Media Queries */
	@media(min-width:1001px){
		.photoBalk .photo { width: 24%; height: 350px; margin-right: 1.33%; }
		.photoBalk .photo:nth-of-type(4n+4) { margin-right: 0; }
		.third { width: 30%; margin-left: 5%;}
		.third:nth-of-type(3n+2){ margin-left: 0; clear: left; }
	}
	@media (min-width:631px) and (max-width:1000px){
		.photoBalk .photo { width: 32%; height: 300px; margin-right: 1.5%; }
		.photoBalk .photo:nth-of-type(3n+3) { margin-right: 0; }
		.third { width: 47%; margin-left: 6%; }
		.third:nth-of-type(2n+2){ margin-left: 0; clear: left;}
	}
	@media (max-width: 1030px){
        .kennisbank_header { width: 80%; }
    }
	@media (max-width: 750px){
        .kennisbank_header { width: 100%; }
        .kennisbank_highlights > div { width: 50%; border: 0; }
        .kennisbank_highlights > div:last-child { width: 100%; border: 0; }
        .kb_title { font-size: 18px; }
        .kb_title, .kb_answer { padding: 6px 10px 9px 10px; }
        .kb_title:after { right: 10px; top: 11px; }
		.inleiding { width: 75%; }
		.leftside, .sidebar, .fifty { width: 100%; float: none; padding: 0; }
		.photoBalk .photo { height: 250px; }
		#nav li { display: none; background: white; float: none !important; }
		#nav li a { color: #2D2E2E;}
		#nav li.hamburgerMenu { display: block; background: transparent;}
		#nav li.hamburgerMenu a { color: white;}
		#header { margin-bottom: 20px;}
		.vve #header { height: 530px; }
		.homeLogo { padding-top: 110px;}
		.homeLogo img { width: 60%; display: block; margin: 0 auto; }
	}
	@media(max-width:630px){
		.photoBalk .photo { width: 49%; height: 200px; margin-right: 2%; }
		.photoBalk .photo:nth-of-type(2n+2) { margin-right: 0; }
		h1, h2.large { font-size: 28px; }
		.vve #header { height: 440px; }
		.welkom { font-size: 16px; }
	}
	@media(max-width: 500px){
        .kennisbank_highlights > div { width: 100%; border: 0; }
		.homeLogo img { width: 75%; }
		.inleiding { width: 80%; }
	}
/* End-Media Queries */
/* 404 */
    .errorContainerInner { max-width: 380px; width: 100%; margin : 0 auto; }
	.errorContainerInner ul { padding-left: 40px; margin: 1em 0; }
    #goog-fixurl ul { list-style: none; padding: 0; margin: 0; }
    #goog-fixurl form { margin: 0; }
    #goog-wm-qt, #goog-wm-sb { border: 1px solid #bbb; font-size: 16px; line-height: normal; vertical-align: top; color: #444; border-radius: 2px; }
    #goog-wm-qt { width: 220px; height: 20px; padding: 5px; margin: 5px 10px 0 0; box-shadow: inset 0 1px 1px #ccc; }
    #goog-wm-sb { display: inline-block; height: 32px; padding: 0 10px; margin: 5px 0 0; white-space: nowrap; cursor: pointer; background-color: #f5f5f5; background-image: -webkit-linear-gradient(rgba(255,255,255,0), #f1f1f1); background-image: -moz-linear-gradient(rgba(255,255,255,0), #f1f1f1); background-image: -ms-linear-gradient(rgba(255,255,255,0), #f1f1f1); background-image: -o-linear-gradient(rgba(255,255,255,0), #f1f1f1); -webkit-appearance: none; -moz-appearance: none; appearance: none; *overflow: visible; *display: inline; *zoom: 1; }
    #goog-wm-sb:hover, #goog-wm-sb:focus { border-color: #aaa; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); background-color: #f8f8f8; }
    #goog-wm-qt:focus, #goog-wm-sb:focus { border-color: #105cb6; outline: 0; color: #222; }
/* End-404 */
/* Print Stylesheet */
    @media print {
      * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
      a, a:visited { text-decoration: underline; }
      thead { display: table-header-group; }
      tr, img { page-break-inside: avoid; }
      img { max-width: 100% !important; }
      @page { margin: 0.5cm; }
      p, h2, h3 { orphans: 3; widows: 3; }
      h2, h3 { page-break-after: avoid; }
    }
/* End-Print stylesheet */
.spinner {
	-webkit-animation: rotate 2s linear infinite;
	-moz-animation: rotate 2s linear infinite;
	animation: rotate 2s linear infinite;
}
@-moz-keyframes rotate {
	0% { -moz-transform: rotate(0deg); }
	100% { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes rotate {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}
@keyframes rotate {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg);}
}

@-webkit-keyframes fadeInDown {
	0% { opacity: 0; -webkit-transform: translateY(-15px); }
	100% { opacity: 1; -webkit-transform: translateY(0); }
}
@-moz-keyframes fadeInDown {
	0% { opacity: 0; -moz-transform: translateY(-15px); }
	100% { opacity: 1; -moz-transform: translateY(0); }
}
@keyframes fadeInDown {
	0% { opacity: 0; transform: translateY(-15px); }
	100% { opacity: 1; transform: translateY(0); }
}

/* Bootstrap */
	@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{overflow:hidden;height:20px;margin-bottom:20px;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:40px 40px}.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}
/* End-Bootstrap part */