html, body{
	padding:0px;
	margin:0px;
	font-family:'Open Sans', sans-serif;
	font-style:normal;
	height: 100%;
}

body{
	background: url(../images/achtergrond-geldoporde.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin-bottom:0px;
}

/* 
 BLAUW: 			color:#0088c1;
 GROEN: 			color:#98b800;
 GROEN donkerer:	color:#90ae00;
 LICHT-GRIJS:		color:#f0f0f0;
*/
	
/*NAV*/
.bar-wit{background:#FFF; height:128px; width:1500px; margin-left:-1500px; position:absolute;}

.navwrapper{ height:128px; padding:0px; margin-top:82px; background:url(../images/euro-groot.png) no-repeat #98b800; margin-left:-15px; }
.navcontainer{padding:0px;}
	
.navbar-header{background:#98b800;}

.navbar, .navbar-default{border:none; height:auto; margin-bottom:0px; background:none;}
.sidebarnav .container-fluid{margin:0px; padding:0px;}
.collapse, .navbar-collapse{argin:0px; padding:0px; float:right;}

.navbar-nav{width:auto; float:right;}
.navbar-nav > li{float:left; width:auto; display:inline; margin:0px 0px 0px 0px;}
.navbar-nav > li:last-child{border-bottom:none;}
.navbar-left > .btn-default{float:right;}

.navbar-default .navbar-nav > li > a {float:right; display:inline-block; padding:0px 26px; position: relative;color:#FFF; font-size:24px; line-height:128px; font-weight:300;}
.navbar-default .navbar-nav > li > a:hover {background:rgba(144,174,0,0.8); color:#FFF;}
.navbar-default .navbar-nav > li:last-child > a:hover {color:#FFF;}
.navbar-nav > li > a { padding-bottom: 10px;  padding-top: 11px;}

.navbar-brand{display:block; position:relative; float:left; padding:0px; margin-top:0px; margin-left:0px;}
.caret{float:right; margin-top:8px;}

ul.navbar-nav > li.nav-selected a{background:#90ae00; color:#FFF; font-weight:700;}
ul.navbar-nav > li.nav-path-selected a{background:#90ae00; color:#FFF; font-weight:700; }
li.nav-path-selected ul li a{background:#90ae00!important; color:#FFF!important; }
ul.navbar-nav > li.nav-path-selected a.nav-selected{background:#90ae00!important; color:#FFF!important; font-weight:700;}

ul > li.nav-selected a{background:#90ae00; color:#FFF; font-weight:700;}
ul > li.nav-path-selected a{background:#90ae00; color:#FFF; font-weight:700; }
ul > li.nav-path-selected a.nav-selected{background:#90ae00!important; color:#FFF!important; font-weight:700;}
/*MAIN*/
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -130px;
}

/*jumbotron*/
.jumbowrapper{ margin-bottom:50px;}
.jumbotron{margin:50px 100px; background:none; text-align:center; display:block;}
.jumbotron h1{font-family: 'Oleo Script', cursive; font-size:80px; color:#FFF; padding:0px; margin:0px;
	text-shadow:	1px 1px 0px #364d14,
					2px 2px 0px #364d14,
					3px 3px 0px #364d14,
					4px 4px 20px #FFF;}

/*mainintro*/
.mainintro{	background:#FFF; padding:50px; text-align:center;}
.mainintro h1{padding:0px; margin:0px; font-size:26px; line-height:32px; font-weight:800; color:#4e4e4e; font-family:'Open Sans', sans-serif;}
.mainintro h2{padding:0px; margin:0px; font-size:16px; line-height:25px; font-weight:800; color:#4e4e4e; font-family:'Open Sans', sans-serif;}
.mainintro p{font-size:15px; line-height:26px; font-weight:300;}

.mainintro-extend{ display:block; background:#f0f0f0; padding:50px 50px 25px 50px; text-align:left;}
.mainintro-extend p{font-size:13px; line-height:18px; font-weight:300;}

.mainintro p, .mainintro-extend p:last-child{padding:0px; margin:0px;}
.certificaatlogo{text-align:right; padding:0px}

.maincontent{background:#FFF; margin-top:50px; padding:50px 0px;}
.maincontent img{max-width:100%; height:auto;}

.aandachtspunten{background:#98b800; padding:20px; margin:15px 0px;}
	.aandachtspunten h1, .aandachtspunten h2, .aandachtspunten h3, .aandachtspunten p, .aandachtspunten ul{color:#FFF;}
	.aandachtspunten ul{padding:0px 0px 0px 15px; margin:0px; font-weight:400; font-size:14px;}
	.aandachtspunten a{color:#FFF; text-decoration:underline;}
	
/*submenu*/
.submenu{ display: block; width:100%; min-width:100px; padding:0px; margin:0px 0px 40px 0px; overflow:hidden;}
.submenu ul{list-style:none; padding:0px; margin:0px; width:100%;}
.submenu ul li a{background:#f0f0f0; font-size:16px; font-weight:400; width: 100%; display:block; padding:8px 12px; border-bottom:1px solid #dcdcdc;}
.submenu ul li a:hover{background:#98b800; color:#FFF; text-decoration:none;}

/*affix*/
.affix{position:fixed; top:40px; width:auto;}
.affix-bottom{position:fixed; top:20px; width:auto;}

/*cta*/
.cta a{ background:#98b800; padding:8px 30px; font-family: 'Oleo Script', cursive; color:#FFF; font-size:22px; position:absolute; display:block; bottom:-20px; transform: translate(-50%, 0%); left:50%; z-index:20; text-decoration: none;}
.cta a:hover{ background:#0088c1; }

/*FOOTER*/
.footer, .push {height: 130px;}
.footer{position:static; bottom:0px; width:100%; height:130px; background:#FFF; overflow:hidden;}
.ftrgrey{background:#e6e6e6!important;}

.ftrinfo{ text-align:left;}
.ftrinfo ul{padding:0px; margin:0px;}
.ftrinfo ul li{ float:left; line-height:130px; color:#d6d6d6; list-style:none; margin:0px 0px 0px 0px;}
	.ftrgrey ul li{color:#a2a2a2;}
.ftrinfo ul li:after{content:'|'; color:#e6e6e6; margin:0px 20px;}
	.ftrgrey ul li:after{color:#c4c4c4;}
.ftrinfo ul li:last-child:after{content:''; }
.ftrinfo ul li a{color:#0088c1;}

.ftrsocial{ text-align:right;}
.ftrsocial ul{ float: right;}
.ftrsocial ul li{ float:left; line-height:130px; color:#d6d6d6; list-style:none; margin:0px 0px 0px 20px;}
.ftrsocial ul li a{color:#0088c1;}


/*ANIMATIE - EFFECTS*/
.navbar-default .navbar-nav > li > a, .cta a, .submenu ul li a{
	-webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition:all 0.25s ease-in-out;
}

.cta a, .submenu, .aandachtspunten{-moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px;}
.noroundedborder{-moz-border-radius:0px; -webkit-border-radius:0px; -khtml-border-radius:0px; border-radius:0px;}

/*VORMFACTOR*/
.vf a{height:20px; width:100%; text-align:center; font-size:10px; color:#000000!important; text-decoration:none; display:inline-block; zoom: 1; filter: alpha(opacity=15); opacity: 0.15;}
.vf a:hover {filter: alpha(opacity=100); opacity: 1;}
.vf img{height:8px; width:80px;}

/*OVERIG*/
.clearfix:after{content:""; visibility:hidden; display:block; height:0; clear:both;}
.nopm{padding-left:0px; padding-right:0px; margin-left:0px; margin-right:0px;}
/*div#ccm-highlighter {z-index:100!important;}*/
/*#ccm-highlighter{margin-top:-49px !important;}*/
.vcenter{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}

/*CMS*/
.youtubeBlock{ height:0; overflow: hidden; padding-bottom: 56.25%; padding-top: 30px; position: relative;}
.youtubeBlock iframe, .youtubeBlock object, .youtubeBlock embed {height:100%!important; left: 0; position: absolute; top: 0; width: 100% !important;}
.ccm-block-edit[data-block-type-handle="youtube"] .ccm-edit-mode-disabled-item { height: 0 !important; padding-bottom: 56.25%; width: 100% !important;}
.miniSurveyView textarea {width: 100%;}
.miniSurveyView .question {color:#8d8178;}
.miniSurveyView {color: black;}

.neg-mar{margin-left:-15px; margin-right:-15px;}


