

/* Table of Content

==================================================

	#Site Styles

	#Media Queries

	#Font-Face */



/* #Site Styles

================================================== */



/* ### general ### */

* { margin: 0px; padding: 0px; }

html, body { height: 100%; font-family: 'CalibriRegular', verdana, sans-serif; font-size: 12px; color: #000; }

input, select, textarea { font-family: 'CalibriRegular', verdana, sans-serif; font-size: 16px; color: #404040; }

body { background: #fff url(/images/body_bg.png) repeat-x; overflow-x: hidden; 

	overflow:scroll;

	-webkit-overflow-scrolling: touch;

}

img { border: 0px; display: block; }

ul, li { list-style: none; }

:focus { outline: none; }



/* ### global classes ### */

.clear { clear: both; height: 0; }

.center { margin: 0 auto; position: relative; max-width: 998px; }

.center2 { }

/* ### modal ### */
#modalWrapper{width: 100vw;min-height: 100vh;height: 100%;background-color: rgb(0, 0, 0, 0.4);position: fixed;top:0;left:0;right:0;bottom:0;z-index: 999;display: flex;align-content: center;justify-content: center;align-items: center;flex-wrap: nowrap;flex-direction: column;}
#modalContainer{background-color: white;position: fixed;width: 50vw;z-index: 1000;}
.modalHeader{background-color:#f7c1da; display: flex; justify-content: space-between; align-items: center;}
.modalHeader h1{color: white;}
.modalHeader #close{color: #951b81; font-size: 30px; cursor: pointer; padding: 5px;}
.modalHeader, .modalContent{padding: 14px 40px;}
.modalContent{text-align: center; display: flex; align-items: center; flex-direction: column;}
.modalContent picture > *{margin: 0 auto;}
.modalContent h1{margin-top: 30px; color: #951b81; font-size: 40px; font-family: 'sarahlightregular', verdana, sans-serif; font-weight: 500;}
.modalContent address, .modalContent p{font-size: 18px; line-height: normal; font-style: normal;margin-bottom:15px;}
.modalContent .imageBox{width: 45%;}
.modalContent .imageBox picture, .modalContent .imageBox picture > *{width: 100%;}
/* ### wrapper ### */

#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }



/* ### main container ### */

#mainCntr { width: 100%; }

	

	/* ### header container ### */

	#headerCntr { position: relative; width: 100%; z-index: 100; }

	#headerCntr .logo { float: left; }
	.logo img {
		width: 85%;
	}

	#headerCntr .top { margin: 32px 0 30px 0; }

	#headerCntr .bot { border-bottom: 1px solid #404040; border-top: 1px solid #404040; }



		/* ### presentation box ### */

		.presentationBox {float: right;width: 500px;height: 150px; /* aangepast! */margin-top: 6px;}

		.presentationBox .c2a{}

		.presentationBox .c2a h2{color: #93117e; font-size:40px; font-weight: normal; font-family: 'sarahlightregular', verdana, sans-serif; margin-bottom: 15px; margin-top:20px; line-height:normal; text-align:center;}

		.presentationBox .c2a a{display:block; margin:0 auto; text-align:center; font-size: 16px; font-family: 'montreal-lightregular', verdana, sans-serif; color:#404040; text-decoration:none;}

		.presentationBox .c2a .phone{transition: all 0.5s ease; width:100%; max-width:250px; color:#fff; background: url(images/phoneIcon.png) no-repeat 30px center #93117e; -webkite-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; font-size: 28px; padding: 15px 10px 10px 50px; margin-bottom: 2px;}

		.presentationBox .c2a .app img{ margin:0 auto; margin-bottom:5px;}

		

		/* ### menu box ### */

		#headerCntr .menuBox { width: 100%; }  

		#headerCntr .menuBox ul { list-style: none; }

		#headerCntr .menuBox li { float: left; font-size: 18px; font-family: 'montreal-lightregular', verdana, sans-serif; position: relative; }

		#headerCntr .menuBox li a {transition: all 0.5s ease; color: #404040; display: block; padding: 0 10px; line-height: 49px; text-decoration: none; }


		#headerCntr .menuBox li ul { display: none; position: absolute; top: 49px; left: 0; width: 190px; padding: 12px 0 8px 16px; background: #951b81; }

		#headerCntr .menuBox li.selected ul li > a  { background: #951b81; }

		#headerCntr .menuBox li li { float: none; } 

		#headerCntr .menuBox li li a { padding: 0; line-height: 28px; color: #fff; }

		
		.mobileMenu { display: none; }

	

	/* ### banner container ### */

	#bannerCntr { position: relative; z-index: 99; background: #fce8f2; width: 100%; }

	#bannerCntr .slider { position: relative; width: 100%; max-height:300px; overflow:hidden; }

	#bannerCntr ul { list-style: none; width: 100%; }

	#bannerCntr li { width: 100%; }

	#bannerCntr li img { width: 100%; }

	#bannerCntr .cycle-pager { 

     position: absolute; bottom: 18px; right: 10px; z-index: 500; overflow: hidden;

	}

	#bannerCntr .cycle-pager span { 

		text-indent: -9999px; width: 22px; height: 22px; 

		display: inline-block; color: #ddd; cursor: pointer; background: #f7c1da; margin: 0 2px;

		-webkite-border-radius: 50%;

		-moz-border-radius: 50%;

		border-radius: 50%;

	}

	#bannerCntr .cycle-pager span.cycle-pager-active { background: #951b81;}

	.cycle-pager > * { cursor: pointer;}

	

	/* ### content container ### */

	#contentCntr { width: 100%; padding: 35px 0 70px 0; }

	

		/* ### welcome box ### */

		.welcomeBox { width: 100%; margin-bottom: 25px; color: #404040; font-size: 16px; line-height: 23px;}

		.welcomeBox p { margin-bottom: 25px; }

		.welcomeBox h1 { color: #93117e; font-size: 36px; font-weight: normal; font-family: 'sarahlightregular', verdana, sans-serif; margin-bottom: 12px; line-height:45px; }

		.welcomeBox h2 { color: #93117e; font-size: 28px; font-weight: normal; font-family: 'sarahlightregular', verdana, sans-serif; margin-bottom: 12px; line-height:normal; }

		.welcomeBox a { color: #93117e; text-decoration:none;}

		
		

		.welcomeBox .contentLeft{ width:590px; float:left; min-height:450px; padding-right:15px;}

		.welcomeBox .contentRight{ width:390px; float:left; min-height:450px;}

		

		.liner{ border-bottom:1px solid #fff; margin-bottom:1px; padding-top:1px;}

		

		.welcomeBox .home ul { list-style: none; }

		.welcomeBox .home li { width: 33.33%; float: left; border-right: 1px solid #f7c1da; padding: 0 36px 7px 28px; 

		  -webkit-box-sizing: border-box;

		  -moz-box-sizing: border-box;

		  box-sizing: border-box;

		}

		.welcomeBox .home li:first-child { border-left: 1px solid #f7c1da; }

		.welcomeBox .home h3, .welcomeBox .home h1 { color: #93117e; font-size: 36px; font-weight: normal; font-family: 'sarahlightregular', verdana, sans-serif; margin-bottom: 12px; line-height:normal; }

		.welcomeBox .home div { color: #404040; font-size: 16px; line-height: 23px; margin-bottom: 18px; height:115px; }

		.welcomeBox .home h2 { color: #404040; font-size: 16px; line-height: 23px; font-family: 'CalibriRegular', verdana, sans-serif; font-weight:normal; display:inline;}

		.welcomeBox .home a.more { color: #951b81; font-size: 16px; text-decoration: none; }

		
		

		/* ### share box ### */

		.shareBox { overflow: hidden; margin-bottom: 46px; float: left; margin-top: 0px; width:600px; clear:both;}

		.shareBox .facebook { float: left; width:250px; padding-top:15px;}

		.shareBox .twitter { float: left; width:200px; padding-top:15px;}

		.shareBox .gplus { float: left; width:150px; padding-top:15px;}

		

		.CallToAction{overflow: hidden;margin-bottom: 30px;width: 100%;}

		.CallToAction .link {transition: all 0.5s ease;display: inline-block;padding: 0 20px;width: calc(100% - 50px);text-align: center;line-height: 53px;background: #951b81;text-decoration: none;margin: 5px 0 ;color: #f7c1da;font-size: 18px;font-family: 'montreal-lightregular', verdana, sans-serif;-webkite-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;}

		.CallToAction a{transition: all 0.5s ease; color: #f7c1da; text-decoration:none; }

		.CallToAction .link.scnd{
			background-color: #404040; color: white;
		}

		.CallToAction a.bel span {transition: all 0.5s ease; color: #fff; }

		


		.ads { overflow: hidden; clear:both; margin-bottom:40px; padding:25px 10px; background:#eee;}

		.ads h2 { color: #93117e; font-size: 36px; font-weight: normal; margin-bottom: 18px; font-family: 'sarahlightregular', verdana, sans-serif; line-height:normal; text-align:center; }

		.ads p{color: #404040; font-size: 16px; line-height: 23px; text-align:center;}

		.ads .one{ margin:0 auto; width:400px; }

		

		/* ### practice box ### */

		.practiceBox { overflow: hidden; clear:both; }

		.practiceBox h3 { color: #93117e; font-size: 36px; font-weight: normal; margin-bottom: 18px; font-family: 'sarahlightregular', verdana, sans-serif; line-height:normal; }

		.practiceBox .left { float: left; width: 48.5%; overflow: hidden; }

		.practiceBox .col { float: left; background: #404040; border: solid 10px #404040; height:200px; width:200px; overflow:hidden; }

		.practiceBox .col.second { float: right; }

		.practiceBox .col.more { display:none; }

		.practiceBox img {min-height:200px;max-height: 200px;object-fit: cover;min-width: 200px!important;}

		.practiceBox .right { float: right; width: 48.5%; }

		.practiceBox ul { padding: 10px 12px 10px 18px; background: #fce8f2; list-style: none; 

		  -webkite-border-radius: 25px;

		  -moz-border-radius: 25px;

		  border-radius: 25px;

		}

		.practiceBox li { overflow: hidden; margin-bottom: 20px; }

		.practiceBox li:last-child { margin-bottom: 0; }

		.practiceBox li p { color: #404040; font-size: 16px; line-height: 23px; margin-bottom: 8px; }

		.practiceBox li span { display: block; color: #404040; font-size: 16px; font-family: 'CalibriBold'; }

		.practiceBox li a.more { float: right; color: #951b81; text-decoration: none; font-size: 16px; margin-top: 6px; }

		.siteMapBox .sub{margin-left: 10px;list-style: inside disclosure-closed;}
		.siteMapBox li:not(.sub) a{font-size: 18px;}
		.siteMapBox, .contactBoxRight{background-color: #f7c1da;padding: 20px;border-radius: 14px;}
		.contactBoxRight *{font-style: normal;}

	/* ### footer container ### */

	#footerCntr { overflow: hidden; width: 100%; background: #fce8f2; padding: 22px 0 44px 0; }

	#footerCntr .left { width: 42%; float: left; overflow: hidden; }

	#footerCntr .right { float: right; width: 56%; overflow: hidden; }

	#footerCntr .col1 { float: left; width: 59%; }

	#footerCntr .col2 { width: 37%; float: right; }

	#footerCntr h2, #footerCntr h3 { color: #404040; font-size: 16px; margin-bottom: 22px; font-weight: normal; font-family: 'CalibriBold'; }

	#footerCntr address { color: #404040; font-size: 15px; line-height: 25px; margin-bottom: 23px; font-style: normal; height:100px;}

	#footerCntr address a { color: #951b81; text-decoration: none; } 

	#footerCntr address span { color: #951b81; } 

	
	#footerCntr ul.links { list-style: none; margin-bottom: 23px; height:100px; }

	#footerCntr ul.links li { line-height: 25px; font-size: 15px; }

	#footerCntr ul.links li a { color: #404040; text-decoration: none; }

	
	#footerCntr a.link { color: #951b81; font-size: 16px; text-decoration: none; }

	
	#footerCntr .col3 { width: 29%; float: left; }

	#footerCntr ul.logo { list-style: none; }

	#footerCntr ul.logo li { margin-bottom: 28px; }

	#footerCntr ul.logo li a {transition: all 0.5s ease; display: block; background: url(/images/logo1.png) no-repeat; width: 104px; height: 58px; }

	#footerCntr ul.logo li.facebook a {transition: all 0.5s ease; background: url(/images/logo2.png) no-repeat; height: 39px; }

	#footerCntr ul.logo li.linkedin a {transition: all 0.5s ease; background: url(/images/logo3.png) no-repeat; height: 27px; }


	#footerCntr ul.logo li:last-child { margin-bottom: 0; }

	#footerCntr .col4 { float: right; width: 68%;  border: 5px solid #f7c1da; overflow:hidden;}

	#footerCntr .col4 img { border: 5px solid #f7c1da; width: 100%; 

	  -webkit-box-sizing: border-box;

	  -moz-box-sizing: border-box;

	  box-sizing: border-box;

	}

	

	

.formContainer{ padding-bottom:30px; overflow:hidden; width:100%;}

label { display:block; width:200px; float:left; clear:both; font-weight:bold; font-size:90%; }

.field { display:block; width:300px; float:left; padding:5px; border:1px solid #951b81; margin-bottom:20px; border-radius:5px; }

.buttonHolder{display:block; width:300px; float:left; padding:5px; margin-bottom:20px; border-radius:5px;}

.textArea { display:block; width:300px; height:100px; float:left; padding:5px; border:1px solid #951b81; margin-bottom:20px; border-radius:5px; }

.button { transition: all 0.5s ease; float:left; padding:10px 50px; border:none; background:#951b81; color:#fff; border-radius:5px; cursor:pointer;}


.formWebsite { display:none; }						

.error { padding:10px; margin:25x 0px; border:1px solid #F00; color:#F00; border-radius:5px; clear:both; }

.succes { padding:10px; margin:25px 0px; border:1px solid #93117e;  color: #93117e; text-align:center; border-radius:5px; }



.list{}	

.list li{ padding: 10px 12px 10px 18px; background: #fce8f2; list-style: none; 

		  -webkite-border-radius: 25px;

		  -moz-border-radius: 25px;

		  border-radius: 25px;

		  margin:0 auto 25px 0;

		}

.list .title{ display:block; color: #93117e; font-weight:bold; line-height:30px; }	

.list .title .date{ color: #404040; font-weight:normal; font-size:80%; line-height:30px; float:right; padding-right:5px;}	

.pagNav{ clear:both; }

.pagNav li.title{ display:block; float:left; width:70px; line-height:30px;}

.pagNav li a{ display:block; float:left; background:#93117e; color:#fff !important; width:30px; height:30px; line-height:30px; text-align:center; margin:0 10px 10px 0;  		  

				-webkite-border-radius: 5px;

		  		-moz-border-radius: 5px;

		  		border-radius: 5px;}				


	
/* Hovers only on large screens */
@media only screen and (min-width: 1024px) {

	.CallToAction .link.scnd:hover{
		background-color: #951b81;;
	}
	.CallToAction .link:hover a{
		color: #f7c1da!important;
	}
	.pagNav li.active a, .pagNav li a:hover{ background: #f7c1da; text-decoration:none;}				
	.button:hover {border:none; background:#404040;} 
	#footerCntr ul.logo li.facebook a:hover { transition: all 0.5s ease; background: url(/images/logo2_hover.png) no-repeat; }
	#footerCntr a.link:hover { text-decoration: underline;  transition: all 0.5s ease;}
	#footerCntr ul.links li a:hover { text-decoration: underline;  transition: all 0.5s ease;}
	#footerCntr address a:hover { text-decoration: underline;  transition: all 0.5s ease;}
	.practiceBox li a.more:hover { transition: all 0.5s ease; text-decoration: underline; }
	.CallToAction .link:hover  {  transition: all 0.5s ease; background: #404040; }
	.presentationBox .c2a .phone:hover{transition: all 0.5s ease; background: url(images/phoneIcon.png) no-repeat 30px center #404040};
	.welcomeBox .home a.more:hover { transition: all 0.5s ease; text-decoration: underline; }
	.welcomeBox a:hover { transition: all 0.5s ease; color: #93117e; text-decoration:underline;}
	#headerCntr .menuBox li li a:hover { background: none !important;  transition: all 0.5s ease; color: #f7c1da; }
	#headerCntr .menuBox li a:hover, #headerCntr .menuBox li:hover > a, #headerCntr .menuBox li.selected > a  { transition: all 0.5s ease; background: #f7c1da; }
	#headerCntr .menuBox li:hover ul {  transition: all 0.5s ease; display: block; }
	#footerCntr ul.logo li.linkedin a:hover { transition: all 0.5s ease; background: url(/images/logo3_hover.png) no-repeat; }	
}


/* RESPONSIVE */



@media only screen and (max-width: 997px) {
		
	#modalContainer{width:70vw;}
	.modalContent .imageBox{width: 45%;}
	

	#headerCntr .logo{ width:100%; clear:both; float:none; margin:0 auto;}

	#headerCntr .logo img{display:block;margin:0 auto;width: 30%;}

	

	.presentationBox{ width:100%; clear:both; float:none; background:#eee; padding:20px 0; margin-top:20px;}

	.presentationBox .c2a h2{ margin-top:0px; }

	/*.presentationBox a{ display:block; margin:0 auto; text-align:center; background:#951a82;}*/

	/*.presentationBox a img{ display:block; margin:0 auto;}*/

	

	#headerCntr .menuBox li a { padding: 0 7px; }

	#headerCntr .menuBox li { font-size: 15px; }

	

	.center { padding: 0 8px; width: 100%; 

	  -webkit-box-sizing: border-box;

	  -moz-box-sizing: border-box;

	  box-sizing: border-box;

	}

	

	#bannerCntr .center { padding: 0; }

	

	.welcomeBox .contentLeft{ width:100%; min-height:inherit !important; float:none; padding-right:0;}

	.welcomeBox .contentRight{ display:block; width: calc(100% - 40px); padding: 20px;}

	.welcomeBox .home p { height:auto; min-height:200px; }

	

	.shareBox{ width:90%; float:none; padding-left:10%; }

	.CallToAction{float:none;width:100%;margin-bottom: 25px;text-align:center;}

	.CallToAction .link{width: calc(60% - 40px);float:none;font-size:15px;line-height:35px;}

	

	.practiceBox .left { float: none; width: 100%; }

	.practiceBox .right { float: none; width: 100%; margin-top:25px; }

	.practiceBox .col.second, .practiceBox .col.third { float: left; display:block; margin-left:45px; }

	.practiceBox h3 { font-size: 31px; }

	

	#footerCntr .left { float: none; width: 100%; margin-bottom: 30px; }

	

	#footerCntr .right { float: none; width: 100%; }

	#footerCntr iframe{ width:100%;}

	

}



@media only screen and (max-width: 767px) {

	.modalContent .imageBox{width: 60%;}

	#headerCntr .bot { display: none; }

	#headerCntr .menuBox { display: none; }

	.mobileMenu { display: block; position: absolute; top: 0; right: 0; }

	

	

	

	#headerCntr .top { margin: 0; padding: 30px 0; }



	#headerCntr .center { padding: 0; }



	#bannerCntr { background:#404040; padding:2px 0; margin:0;}

	#bannerCntr img{ width:100%; height:100%;}

	

	.welcomeBox { margin: 20px 0; }

	.welcomeBox .home li { padding: 0 50px; border-right: 0; margin-bottom: 20px; width: 100%; }

	.welcomeBox .home li:first-child { border-left: 0; }

	.welcomeBox .home p { height:auto; min-height:inherit; }

	

	.shareBox{ width:100%; padding-left:0; }

	

	.practiceBox h3 {text-align:center; }

	.practiceBox .col{ margin-left:5px; margin-right:0; margin-bottom: 10px;  }	

	.practiceBox .col.second { float: right; display:block; margin-left:0; margin-right:5px; margin-bottom: 10px;  }

	.practiceBox .col.third { display:none; }	



	label { display:block; width:90%; float:none; clear:both;}

	.field { display:block; width:90%; float:none; }

	.textArea { display:block; width:90%; float:none; }

	.button { width:100%; float:none; padding:10px 50px; border:none; background:#951b81; color:#fff; border-radius:5px; cursor:pointer;}		

}



@media only screen and (max-width: 479px) {

		
	#modalContainer{width:90vw;}
	.modalContent .imageBox{width: 60%;}

	#bannerCntr { display:none; }

	.CallToAction .link{width: calc(100% - 40px);}

	#headerCntr .logo img { width: 270px; }

	

	.presentationBox{ height:auto; }

	/*.presentationBox img{ width:100%;}*/

	.presentationBox{ margin-bottom:0;}

	

	#bannerCntr { background:#404040; padding:2px 0; margin:0;}

	#bannerCntr img{ width:100%; height:100%;}

	

	#contentCntr{padding:0;}

	.welcomeBox .home li { padding: 0; }

	.welcomeBox .home div{ height:auto;}

	.shareBox{ display:none; }

	



	

	.practiceBox { margin-bottom: 25px;}

	.practiceBox h3 {font-size: 26px; text-align:center; }

	.practiceBox .col, .practiceBox .col.second { float:none; margin:10px auto;}	

	

	.practiceBox img{ max-width:100%; }

	

	#footerCntr .col1 { float: none; width: 100%; margin-bottom: 30px; }

	#footerCntr .col2 { float: none; width: 100%; }

	#footerCntr .col3 { float: none; width: 100%; margin-bottom: 30px; }

	#footerCntr .col4 { float: none; width: 90%; }

	

	.list .title .date{ display:none;}

	

}



@media only screen and (max-width: 299px) {

	

		#headerCntr .logo img { width: 220px; }

		

		.pluginBox .plugin { display: none; }

		.pluginBox a.bel { padding: 0 14px; font-size: 15px; }

		

		.practiceBox h3 { font-size: 20px; }

	

	}

