body																{color:#7B7E80; font-size:0.95em; font-family: 'Fira Sans', sans-serif;} 
#bodyBackground 													{background-position:center center; background-repeat: no-repeat;background-size: cover;background-attachment: fixed;}

html																{}


h1, h2, h3, .heading1, .heading2									{word-wrap:break-word; line-height: 130%; }
h1, .heading1														{font-size: 50px; font-weight: 600;}
h2, .heading2														{font-size: 22px; font-weight: 600;color:#1D71B8;}
h3																	{font-size: 20px; font-weight: 600;}

a 																	{outline:0; cursor: pointer; color:#1D71B8; -webkit-tap-highlight-color: transparent;font-weight: 600;}
a:link, a:visited, a:active											{}
a:hover																{}
 
strong  															{font-weight: 600;}
em 																	{font-style: italic;}

.partClearBoth														{height: 1px; clear: both;}

.basicContainer														{max-width:1024px; min-width: 320px; margin: 0px auto; padding: 0px 40px 10px 40px;background-color: rgba(226,243,250,0.84);margin-top: 20px;}

/*Header*/
header 											{padding: 20px 0;}
	.logo 										{transition: 0.3s; text-decoration: none;}
	.logo img 									{max-width: 302px; display: inline-block;}
	.logo:hover 								{opacity: 0.8}
	.slogan 									{color:#1D71B8;font-size: 23px;font-weight: 600;text-transform: uppercase;margin-left: 20px;}

	.topContainer 								{float: right;}
		.topContainer ul 						{display: inline-block;}
			.topContainer ul li 				{float: left; margin:0 5px;}
				.topContainer ul li a 			{width: 30px;height: 30px;background: #1D71B8;border-radius: 50%;text-align: center; display: block; transition: 0.3s}
				.topContainer ul li a:hover 	{background-color: #13B0A7 }
				.topContainer svg 				{fill:#fff;}

					.partSvg.facebook 				{width: 7px; height: 16px; margin-top: 7px;}
					.partSvg.linkedIn 				{width: 16px; height: 15px; margin-top: 7px;}
					.partSvg.youTube 				{width: 16px; height: 11px; margin-top: 9px;}
					.partSvg.twitter 				{width: 16px; height: 13px; margin-top: 9px;}

/*Einde Header*/

/*Mobile menu*/
	
	#mobileMenuContainer 					{position: fixed; overflow-x:hidden;  background-color: rgba(255,255,255,1); z-index: 1001; top:0; right:0; margin-right: -294px; width: 294px; height: 100%; transition: 0.5s;}
	#mobileMenuContainer.mobileMenuContainerActive 		{margin-right: 0px; transition: 0.5s; width: 294px;}

	#mobileMenuOverlay  					{transition: 0.2s; background-color: rgba(29,113,184,0.9); position: fixed; top:0; left: 0; height: 100%; width: 100%; z-index: 1000; visibility: hidden; opacity: 0;} 
	#mobileMenuOverlay.mobileMenuContainerActive  		{background-color: rgba(0,0,0,0.25); visibility: visible; opacity: 1;}

	.mobileMenuOpen, .mobileMenuClose 					{cursor: pointer; display: inline-block; background-repeat: no-repeat; background-position: center; transition: background-image 0.3s;}
	
	.mobileMenuOpen 									{background-image: url('/images/style/icon-bars-blue.svg'); float: right;margin-left: 30px; height: 30px; width: 30px; background-size: 30px 30px;}
	.mobileMenuOpen:hover               				{background-image: url('/images/style/icon-bars-green.svg'); background-size: 30px 30px;}
	
	.mobileMenuClose  									{background-image: url('/images/style/icon-cross-green.svg'); width:30px;height:30px; background-size: 30px 30px; position: absolute; right:30px; top:50px;}
	.mobileMenuClose:hover 								{background-image: url('/images/style/icon-cross-red.svg'); background-size: 30px 30px;} 
/*Einde mobiele menu*/

/*FlexBlokken*/
.flexContainer 													{width: calc(100% + 30px); margin-left: -15px;position: relative; display: flex; flex-wrap: wrap; }

	.flexContainerColumns3 .flexItem							{width: calc(33.33% - 30px); max-width: 294px;}
	
	.flexItem.twoThird 											{width: calc(66.67% - 30px);min-height: 300px; background-position: center center; background-repeat: no-repeat; background-size: cover; max-width: 100%;}

	.flexItem 													{flex:0 1 auto;  align-self: auto; margin:0px 15px 30px 15px; float: left; background-color: #fff;box-shadow:0 1px 3px 0 rgba(0,0,0,0.3);transition: 0.3s; cursor: default;}
		.flexItem img 											{width: 100%;}
		.flexItem .partContentText								{padding:0px 15px 0px 15px;}
		.flexItem .partContentText li 							{margin-bottom: 10px;}

		.flexItem h2 											{overflow: hidden;padding:15px 15px 15px 30px;position: relative;transition: 0.3s}
			.flexItem h2 a 										{color: #1D71B8; text-decoration: none;}
			.flexItem h2:before 								{content:'';width: 10px;height: 20px;background: url(../images/style/stroke.svg) no-repeat;background-size: 10px 20px;position: absolute;left:15px;top:18px;}

	a[href].flexItem 													{background-image: url(../images/style/icon-arrow-next.svg); background-position: right 10px bottom 10px; background-repeat: no-repeat; background-size: 17px 17px;text-decoration: none; cursor: pointer;}
	a[href].flexItem.white 												{background-image: url(../images/style/icon-arrow-next-green.svg);  background-size: 17px 17px;}
	a[href].flexItem:hover 												{box-shadow:0 1px 3px 0 rgba(0,0,0,0.8);background-position: right 5px bottom 5px;}	
	a[href].flexItem.white:hover 										{background-color: #13B0A7} 	
	a[href].flexItem.white:hover h2:before 								{background-image: url(../images/style/stroke-white.svg)}
	a[href].flexItem.white:hover .partContentText 						{color: #fff;}
	a[href].flexItem.white:hover 										{background-image: url(../images/style/icon-arrow-next.svg);  background-size: 17px 17px;}
	a[href].flexItem.white:hover h2 									{color: #fff;}

	.flexItem .partContentText 													{color: #7B7E80; font-weight: normal;}

	/*Blauw*/
	.flexItem.blue 												{background-color: #1D71B8;color:#fff;font-weight: 400;}
		.flexItem.blue h2 					 					{color: #fff;transition: 0.3s}
		a[href].blue:hover 											{background-color: #13B0A7;}
		a[href].blue:hover h2:before 									{background-image: url(../images/style/stroke-white.svg)}
		a.blue .partContentText 							{color: #fff; }

	/*Groen*/
	.flexItem.green 											{background-color: #13B0A7;color:#fff;font-weight: 400;}
		a[href].green:hover 											{background-color: #1D71B8;}
		a[href].green:hover h2 										{color:#fff;}
		.flexItem.green h2:before 								{content:'';width: 10px;height: 20px;background: url(../images/style/stroke-white.svg) no-repeat;background-size: 10px 20px;position: absolute;left:15px;top:18px;}
		a.green .partContentText 							{color: #fff; }

/*Scroll to top*/
#scrollToTop    {width: 30px; height: 30px; background:#13B0A7 url('/images/style/icon-arrow-up.svg') no-repeat center; box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3); background-size: 16px 16px; position: fixed; bottom: 80px; right:0px; cursor: pointer; display: none; transition: 0.3s;}
#scrollToTop:hover {background-color: #1D71B8;}


.partGoogleMaps {height: 400px;}