/* GLOBAL */
body
{
        border-top:5px solid #66952f;
        background:#ffffff;
        font-family: 'Open Sans', sans-serif;		
        color:#333333;
		font-size:15px;
}


#success_message{ display: none;}

p
{
        margin:5px 0;
        line-height:25px;
}

a
{        
		text-decoration:none;
        color:inherit;
        transition: color .5s ease;
}

.link a, .link a:hover{
		 color:#218dac;		
}

strong
{
        font-weight:bold;
}

figcaption strong
{
        border-bottom: 1px solid #66952f;
        padding-bottom:10px;		
        margin: 0 0 20px 0;
        display:block;
}

figcaption
{
        line-height: 25px;
        font-size:14px;
        width:200px;
}

hr
{
        background-color: #66952f;
        border:0;
        height:1px;
        margin:20px 0;
}

h5
{
		font-size:14px;
		padding-bottom:20px;
}

.formkop 
{
		font-size:20px;
		font-weight:bold;
		padding-top:5px;
		padding-bottom:25px;
}

img 
{ 
		border: 0px; 
}

.none
{
		display:none;
}

.melding 
{
	color:#a94442; 
	padding-top:20px;
	padding-bottom:10px;
}

.melding2
{
	color:#a94442;
}

.overzicht 
{
	width:170px;
	font-weight:bold;
}

/* HEADER */

header
{
        position:relative;
        width:auto;
        max-width:900px;
        margin: 0 auto 0 auto;			
}

.headermenu h1 {display:none;}

.desktopphone {	
		position:relative;     
		width:auto;
        max-width:900px;
		margin: 0 auto 0 auto;
		float:right;			
}

.desktopphone ul, .flag ul
{
		list-style:none;		
}

.desktopphone ul li
{
		font-size:14px;
		font-weight:bold;
		color:#66952f;
		display:block;       
		float:left;
		padding:8px 5px 8px 10px;
}

.phonehead 
{
		margin-top:6px;	
}

.phonehead ul li
{		
		display:block;       
		float:left;  	
}

.flag ul li
{		
		display:block;       
		float:left; 
		padding-left:4px;		
}


.logocontainer 
{			
		position:relative;    
        width:auto;
        max-width:900px;
        margin: 0 auto 0 auto;	
		clear:both; 
}

.logo
{		
		float:left;
		width:290px;		
		padding-top:5px;			
}

/* SLIDESHOW */

#logoslider 
{
		float:right;
		width: 600px;
        height: 200px; 	
}

.swiper-container 
{       
		width: 100%;
        height: 100%; 
		-webkit-box-shadow: 0px 0px 10px 0px rgba(51,51,51,1);
		-moz-box-shadow: 0px 0px 10px 0px rgba(51,51,51,1);
		box-shadow: 0px 0px 10px 0px rgba(51,51,51,1);
}
	
.swiper-slide 
{
        text-align: center;
        font-size: 18px;
        background: #fff;
        
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
 }
 
.swiper-button-next 
{
	color:#ffffff !important;
}


/* MENU */ 
.headermenu a
{
		display: none;	
}

.desktopmenu 
{
		position:relative;     
		width:auto;
        max-width:900px;
		margin: 0 auto 20px auto;	
}

.desktopmenu nav
{        
		float:right;		
}

.desktopmenu nav ul
{
        list-style:none;
}

.desktopmenu nav ul li
{
        display:block;
        float:left;
        padding:15px 15px;
}

.desktopmenu nav ul li a
{
        font-size:16px;
		font-family: 'Open Sans', sans-serif;     
        transition: all .25s ease;
		text-decoration:none;
}

.desktopmenu nav ul li a:hover
{
        color:#66952f;
}

.up, .up a, .up a:hover
{
		color: #66952f;
		text-decoration:none;
}

/* SPACER */
#spacer 
{       
		width:auto;
        height:70px;
        background-color:#218dac;
        position:relative;
        font-family: 'Open Sans', sans-serif;
        color:#fff;
        font-size:18px;		
		clear:both; 
}

#spacer p
{
        margin-top:22px;       
}

#spacer .tagline
{
		width:auto;    
		position:absolute;
		left:50%;		
        margin-left:-450px;
}

#spacer .tagline h2
{
		margin-top:22px;   
		font-size:22px;	
}

#spacer .search
{              
		width:auto;
        position:absolute;
        right:50%;
        margin-right:-450px;
}

#spacer .search a
{		
		border:2px solid #ffffff;
		color:#218dac;
		background:#ffffff;
		-webkit-border-radius: 10;
		-moz-border-radius: 10;
		border-radius: 10px;
		font-family: 'Open Sans', sans-serif;
		font-size: 16px;		
		padding: 4px 15px 4px 15px;		
		text-align:center;
		text-decoration:none;	
}

#spacer .search a:hover
{	
		color:#ffffff;
		background:#218dac;
}

#photospacer 
{       
		width:auto;       
        background-color:#66952f;
        position:relative;
        font-family: 'Open Sans', sans-serif;
        color:#fff;		
		text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
        font-size:18px;		
		clear:both; 
}

#photospacer .frame
{
		    
		width:auto;
        max-width:450px;
		height:auto;
		margin: 0 auto 0 auto;			
		padding:15px 0;
}



/* BUTTONS */

.cta
{		
		float:right;
}

.cta a
{
		
		border:2px solid #218dac;
		-webkit-border-radius: 10;
		-moz-border-radius: 10;
		border-radius: 10px;
		font-family: 'Open Sans', sans-serif;
		background:#218dac;		
		color: #ffffff;				
		font-size: 14px;		
		padding: 4px 15px 4px 15px;		
		text-align:center;
		text-decoration:none;	
}

.cta a:hover
{
		border:2px solid #218dac;
		background:#ffffff;		
		color: #218dac;
		text-decoration:none;	
}

.btn-warning:hover
{
		 opacity: 0.8;
}
.btn-warning, .btn-warning:hover
{
		background:#218dac !important;		
		border:2px solid #218dac !important;	
		color: #ffffff;		
		font-size: 14px;		
		padding: 4px 15px 4px 15px;	
		-webkit-border-radius: 10;
		-moz-border-radius: 10;
		border-radius: 10px;
		font-family: 'Open Sans', sans-serif;
		text-align:center;
		text-decoration:none;	
}

#split
		{
			margin-right:25px;
		}

.linkgroen a, .linkgroen a:hover
{
		line-height:40px;
		color:#218dac;
		text-decoration:none;
}
.linkgroen a:hover 
{
		font-weight:bold;
}
.groen 
{
		color:#66952f !important;
}

label	{padding-right:15px;}


/* FOUR COLUMNS */

#four_columns, #text_columns_btn
{
        line-height:25px;
        font-family: 'Open Sans', sans-serif;
        clear:both;
        width:auto;
        max-width:900px;
        margin:0 auto;
		padding-bottom:40px;
}

#four_columns h2, #text_columns h3
{
        font-size:20px;
        border-bottom: 1px solid #66952f;
        padding: 20px 0;
        margin-bottom: 20px;
}

#four_columns .img-item
{
        float:left;
        margin-right:33px;
}
#four_columns .img-item:nth-of-type(4), #four_columns .img-item:nth-of-type(8), #four_columns .img-item:nth-of-type(12), #four_columns .img-item:nth-of-type(16)
{
        float:left;
        margin-right:0;
}

#four_columns .img-item img
{
        width:195px;
        height:130px;		
		-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px !important;		
}

#four_columns .img-item a
{
        position:relative;
        display:block;
		border:0;
}

#four_columns .img-item a:hover
{		
		color: #66952f;
		text-decoration:none;
}

#four_columns .img-item a:hover img
{
		opacity: 0.5;		
}


/* TWO COLUMNS */

#text_columns article.column1, #text_columns .column2 , #text_columns .map
{       
        font-size:14px;
        float:left;
        width:auto;
        max-width: 450px;		
}

#text_columns .map
{
		font-size:14px;        
        float:right;
	    width:auto;
        margin-left:40px;
		max-width: 410px;	
}

#text_columns article.column1
{
		padding-top:30px;
}

#text_columns .column2
{
        margin: 15px 0;
}

.maps
{
        position:relative;        
		padding-top:30px;
        float:right;
        width:400px;
}

.maps a, .maps a:hover 
{
		color:#218dac;
}

.map p 
{	
		padding-bottom:20px;
}

.row
{
        position:relative;
        margin: 40px 0 0 80px;
        float:right;
        width:350px;
}

.row img
{
        float:left;
}

.inrichting_left
{
		font-size:14px;
        float:left;        
        width: 450px;			
}
.inrichting_right
{
		font-size:14px;
        float:left;        
        width: 400px;	
		margin-left:50px;
}
.inrichting_left h4, .inrichting_right h4
{
		font-size:16px;
		font-weight:bold;
	
}
.inrichting_left ul, .inrichting_right ul
{
		margin-bottom:20px;
}
.onecolumn ul li
{
		list-style-type: square;
		margin-left:0;
}
.inrichting_left ul li, .inrichting_right ul li, .column1 ul li
{
		list-style-type: square;
		margin-left:20px;
}

/* ONE COLUMN */

#text_columns article.onecolumn
{
		padding-top:15px;
}

#text_columns
{
		line-height:25px;
        font-family: 'Open Sans', sans-serif;
        clear:both;
        width:auto;
        max-width:900px;
        margin:0 auto;	
}

.p30 
{
		padding-bottom:30px;
}


.onecolumn 
{
		position:relative;
		width:100%;	
        clear:both;		
}

.onecolumn h2
{
		font-size:20px;
        border-bottom: 1px solid #66952f;
        padding: 20px 0;
        margin-bottom: 20px;
}

.onecolumn ul li
{
		font-size:14px;
		display:inline-block;
		float:left; 
		max-width:700px;
		vertical-align: top;	
		font-weight:bold;
}

.checklist
{		
		font-size:22px !important;
		color:#66952f;     	
		padding-top:5px;
		padding-right:5px;
}

.onecolumn ul li:first-child
{		
		width:25px;		
}

.contact 
{
		list-style-type: none;
		color: #218dac;
		line-height:40px;
}
.contact a, .contact a:hover
{
		color: #218dac;
		text-decoration:none;
}
.btnpadding 
{
		padding-bottom:40px;
}

.mobile 
{
		display:none;
}

/* Progressbar */
.bar
{
		max-width:900px;
        margin:0 auto;
		padding-bottom:40px;
}

.progressbar {
		margin: 0;
		padding: 0;
		counter-reset: step;
}
.progressbar li {
		list-style-type: none;
		width: 25%;
		float: left;
		font-size: 12px;
		position: relative;
		text-align: center;
		text-transform: uppercase;
		color: #7d7d7d;
}
.progressbar li:before {
	    width: 30px;
	    height: 30px;
	    content: counter(step);
	    counter-increment: step;
	    line-height: 30px;
	    border: 2px solid #7d7d7d;
	    display: block;
	    text-align: center;
	    margin: 0 auto 10px auto;
	    border-radius: 50%;
	    background-color: white;
}
.progressbar li:after {
		width: 100%;
		height: 2px;
		content: '';
		position: absolute;
		background-color: #7d7d7d;
		top: 15px;
		left: -50%;
		z-index: -1;
}
.progressbar li:first-child:after {
		content: none;
}
.progressbar li.active {
		color: green;
}
.progressbar li.active:before {
		border-color: #66952f;
}
.progressbar li.active + li:after {
		background-color: #66952f;
}

/* FOOTER */

footer
{
        position:relative;
        clear:both;
        width:auto;
        height:350px;
        background:#333333;
}

footer .wrapper
{
        line-height:25px;
        margin: 0 auto;
        padding-top:30px;
        width:auto;
        max-width:900px;
        font-size:14px;
}

footer .wrapper .column
{
        font-family: 'Open Sans', sans-serif;
        color:#ababab;
        float:left;
        width:280px;
        margin-right:20px;
}

footer .wrapper .column.midlist ul li
{
        display:block;
        width:auto;
        padding:0 0 10px 25px;
        margin-bottom:10px;
        border-bottom: 1px solid #444444;
}

footer .wrapper .column.midlist ul li a:hover
{
        color:#fff;
}

footer .wrapper .column.rightlist ul li
{
        display:block;
        width:auto;
        margin-bottom:15px;
}

footer .wrapper .column.rightlist ul li a:hover
{
        color:#fff;
}


footer .wrapper .column.rightlist li:last-child
{
		text-align:center;			
}



footer .wrapper .column h4
{
        font-size: 16px;
        color: #fff;
        border-bottom: 1px solid #444444;
        padding: 0 0 10px 0;
        margin-bottom: 10px;
}

#copyright
{
        background: #1D1D1D;
        height:70px;
        position:absolute;
        bottom:0;
        left:0;
        width:100%;
}
#copyright .wrapper
{
        font-family: 'Open Sans', sans-serif;
        padding-top:25px;
        color: #5e5e5e;
        font-size:14px;
        position:relative;
}
#copyright .wrapper .social
{
        position:absolute;
        right:0;
        top:25px;
		list-style:none;		
}
#copyright .wrapper .social a
{
        transition: opacity .25s ease;
        opacity: 0.3;
        margin-left: 12px;
        display:block;
        float:left;
		font-size:24px;					
}
#copyright .wrapper .social a:hover
{
        opacity: 0.7;
}
#copyright .wrapper a
{
        color: #ABABAB;
}

#copyright .wrapper a:hover
{
        color: #fff;
}

/* MISC */
.clear
{
        clear:both;
}
.hidden
{
        position:absolute;
        clip: rect(1px 1px 1px 1px); /* IE6 & 7 */
        clip: rect(1px, 1px, 1px, 1px);
}


/* MEDIA QUERIES FOR A RESPONSIVE LAYOUT */
@media (max-width: 768px)
{           
        header
		{       
				max-width:570px !important;       
		}	
		
		.logocontainer 		
		{
				padding-top:0 !important; 				
		}	
		
		.logo 
		{			
				width: 200px !important;				
				padding-top:25px;			
		}
		
		.logo img
		{					
				width:160px !important;
				height:auto !important; 
		}	

		#logoslider 
		{
				float:left !important; 	
				width: 370px !important; 	 
				height: auto !important; 	
		}
		
		.desktopmenu nav ul li
		{       
				padding:15px 8px !important; 
		}
		
		#spacer
		{		
				font-size:16px !important; 
		}	
		#spacer .tagline
		{		
				margin-left:-285px;
		}	

		#spacer .search
		{     	
				margin-right:-285px;
		}
		
		figcaption 
		{	
				padding-bottom:25px;
				width:100% !important;
		}		
		#text_columns article.column1, #text_columns .column2, #text_columns .onecolumn, #four_columns,  #text_columns_btn, #text_columns
        {    	
				max-width: 570px !important; 
        }	
	
		#four_columns
		{
				padding-bottom:0 !important;
				max-width: 460px !important;
		}	
		
		.checkright
		{
				width: 90% !important; 
		}		
		
		#text_columns_btn
		{       
				padding-top:20px !important;
				padding-bottom:40px !important;
		}
		
		#text_columns article.column1
		{     
				max-width: 100% !important;	
				padding-right:0 !important;	
		}

		#text_columns .column2
		{		
				max-width: 180px !important;	
		}
		
		.inrichting_left
		{				       
				width: 265px  !important;			
		}

		.inrichting_right
		{				  
				width: 265px  !important;	
				margin-left:40px  !important;
		}
		
		.map
		{			   
				float:left !important;				
				width:auto!important;  
				max-width: 100% !important;  			
				height:auto !important; 
				margin:0 !important; 
		}
		
		.maps
		{
				width:100% !important; 
		}
		
		iframe 
		{				
				width:100% !important;				
				height:300px !important; 
		}
		
		.row
		{        
				width:180px !important;
		}
		
		.row img 
		{
				width:180px !important;
				height:auto !important;
		}
		
		.onecolumn ul li
		{		
				max-width:570px !important;
		}		
		
		#split
		{
			width:40% !important;
		}
		
		#split2
		{
			width:40% !important;
			float:right;
		}
		
        footer
        {
				padding-bottom:70px;
				height: auto;			
        }
        footer .wrapper
        {          
				max-width:570px !important;			
        }
        footer .wrapper .column
        {
				margin-top:30px;
				float:none;
				font-size: 14px;
				width: auto;
        }
      		
		footer .wrapper .column.rightlist li:last-child
		{
				padding-top:20px !important;
		} 
		
		figcaption strong
		{
				margin:0			
		}		
}

@media (max-width: 500px)
{
        body
		{
				border:0px !important;			
		}
		
		.mHide
		{
				display:none !important;
		}	
		
		.np, #text_columns article.onecolumn.np, .onecolumn h2
		{
				padding-top:0 !important;
		}
		
		figcaption strong
		{
				margin:0			
		}		
		
		.mm-title, .mm-next:after
		{
				color:#218dac !important;
		}	
				
		.headermenu {
				background: #66952f;
				height:40px;
				position: fixed;
				width: 100%;
				z-index: 100;
		}		
		.headermenu h1 
		{
				display:block !important;			
				padding-top:12px;
				padding-left:25px;
				font-family: 'Open Sans', sans-serif !important;
				font-size:14px !important;
				color: #ffffff !important;
				text-align:center;					
		}		
		.headermenu a
		{
				display: block;
				width: 50px;
				height: 40px;
				padding: 11px;
				position: absolute;
				top: 0;
				left: 0;
				background-color:#218dac;
		}
		.headermenu a:before,
		.headermenu a:after
		{
				content: '';
				display: block;
				background: #fff;
				height: 2px;			
		}
		.headermenu a span
		{
				background: #fff;
				display: block;
				height: 2px;
				margin: 6px 0;
		}   		
		
		#logoslider 
		{
				float:none !important;
				width: 100% !important;
				height: auto !important; 	
		}
		
		.logocontainer 		
		{
				padding-top:0 !important;	
				padding-left:0;
		}		
		
		.logo 
		{
				float:none !important;
				width: 160px !important;	
				padding-top:0 !important;	
				padding-left:15px;
				padding-bottom:25px;
		}
		
		.logo img
		{					
				width:160px !important;
				height:auto !important; 
		}
		
		.swiper-container 
		{			
				float:none !important;
				width: 100% !important;
				height: auto !important; 			
		}	
		
		.desktopmenu, .phonehead
		{
				display:none !important;			
		}
		
		.desktopphone ul li
		{
			padding-bottom:0 !important;	
		}
		
        #spacer
        {
                display:none !important;
        }
		
		#four_columns
        {       				
				max-width: 88% !important;  
				margin: 10px 15px 0 15px !important;  
        }	
		#text_columns .onecolumn, #text_columns .column1, #text_columns .column2
		{
				width:auto!important;  
				max-width: 470px !important;  
				margin: 10px 15px 0 15px !important; 
		}	
		
		 #text_columns article.column1
		 {
				padding-right: 0 !important;
		 }

		.inrichting_left, .inrichting_right, .maps
		{
				float:left !important;				
				width:auto!important;  					
				margin: 0 15px 0 15px !important;  
		}	
		
		.map
		{			   
				float:left !important;				
				width:auto!important;  
				max-width: 100% !important;  			
				height:auto !important; 
				margin:0 !important; 
		}
		
		iframe 
		{				
				width:100% !important;				
				height:300px !important; 
		}
		
        #four_columns
        {
                width:auto;
				padding-bottom:0 !important;
        }
	
        #four_columns .img-item
        {
                width: 100%;
                float:none;
                margin: 25px auto 0 auto;
        }
		#four_columns .img-item img
		{
				width:100% !important;
				height:auto !important;	
		}   
		
		.onecolumn ul li
		{		
				max-width:90% !important;
				
		}
		
		figcaption 
		{	
				padding-bottom:25px;
				width:100% !important;
		}
		
        .column2 .row
        {
                float:none;    
				margin: 0 0 40px 10px !important;
                width:auto;
        }			
		
		#photospacer 
		{            
				background-color:transparent !important;   
				padding-bottom:40px;
		}

		#photospacer .frame
		{	  
				height:250px !important;  
		}		
		
		footer
		{
				padding: 0 15px 0 15px  !important;				
		}
		
        footer .wrapper
        {       
				width:auto !important;
				margin: 0 15px 15px 15px;
        }
		
		
        footer .wrapper .column
        {   
               
				max-width:500px !important;
        }			
		
		.rightlist
		{
				height:350px;
		}
		
        input
        {
                width:auto;
        }	

		.btnpadding
		{
				padding:0 15px 40px 15px;
		}
		.cta 
		{				
				float:none !important;						
		}		
		.cta a
		{				
				display:block !important;	
				height:40px;
				font-size:16px !important;	
				line-height:37px;
				padding:0 !important;				
		}		
		.cta a:hover
		{
				border:2px solid #218dac;
				background:#218dac;		
				color: #ffffff;		
				text-decoration:none;	
		}	

		.btn-warning
		{
				width:100%;
				
				height:40px;
				font-size:16px !important;	
				line-height:37px;
				padding:0 !important;	
		}
		
		#split
		{
				width:40% !important;
		}
		
		#split2
		{
				width:40% !important;
				float:right;
		}

		.mobile 
		{
				display:block !important;	
		}
		.ptop20
		{
				padding-top:20px;
		}
		.overzicht, .overzicht2
		{
				width:100% !important;					
				display:block !important;	
		}
		.overzicht2
		{
				width:100% !important;		
				padding-bottom:15px;
		}

}

@media (max-width: 320px)
{
		 #text_columns article.column1, #text_columns .column2 , #text_columns .onecolumn, #four_columns
        {                      
				max-width: 290px;
         
        }			
		
		.onecolumn ul li
		{		
				max-width:250px !important;
				
		}
		
		.headermenu h1
		{
				display:none !important;
		}
}