/* ------ stylesheet : www.vrolijkgezond.eu ------ */

	@font-face {
		font-family: 'Catchy Mager';
		src: url('/assets/fonts/catchy-mager/CatchyMager-Normal.eot'); 	/* IE9 Compat Modes */
		src: url('/assets/fonts/catchy-mager/CatchyMager-Normal.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('/assets/fonts/catchy-mager/CatchyMager-Normal.woff') format('woff'), /* Modern Browsers */
			url('/assets/fonts/catchy-mager/CatchyMager-Normal.ttf')  format('truetype'), /* Safari, Android, iOS */
			url('/assets/fonts/catchy-mager/CatchyMager-Normal.svg#svgFontName') format('svg'); /* Legacy iOS */
	}
	
	html { 
		overflow-y: 						scroll;
	}
	body {
		margin-top:						0px;
		padding-bottom:					54px;
		background-color:				#f2e8ee;
		font-family:					'Open Sans', sans-serif;
		color:							#444446;
		font-size:						13px;
		font-weight: 					200;
		line-height:					17px;
	}

	.font-catchy-mager{ font-family: 'Catchy Mager'; letter-spacing: -0.033em; }

	.text-right{ text-align: right; }
	.text-center{ text-align: center; }
	.centered { width: 610px; margin: 0 auto; }
	.relative { position: relative; }
	.absolute { position: absolute; }
	.top-left { top: 0px; left: 0px; }
	.top-right { top: 0px; right: 0px; }
	.bottom-left { bottom: 0px; left: 0px; }
	.bottom-right { bottom: 0px; right: 0px; }
	.text-regular { font-size: 15px; line-height: 24px; }
	strong, .strong{ font-weight: 600; }
	.float-left { float:left; }
	.float-right { float:right;  }
	.content-centered{
		display: flex;
		justify-content: center;
		align-items: center; 
	}
	.text-light{ font-weight:400; }
	.nowrap { white-space: nowrap; }
	.hidden{ display: none; }
	.visible{ display: block; }
	.hidden-transition{  display: none;  opacity: 0; }
	.visible-transition{  transition: all 2s linear; display: block; }
	.skewed {
		transform: skew(10deg, 10deg);
	  }
	.width-30pct{ width: 30%; }
	.width-70pct{ width: 70%; }
	.uppercase{ text-transform: uppercase; }
	.bg-covered-center{
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	.box-shadowed{
		-webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.14); 
		box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.14);
	}

	.bg-pink{
		background-color: 			#f2e8ee;
	}

	/* tooltip */
	.tooltip {
		position: relative;
		display: inline-block;
	}
	.tooltip:hover .tooltiptext {
		visibility: visible;
	}
	.tooltip .tooltiptext {
		visibility: hidden;
		width: 340px;
		bottom: 100%;
		left: 50%;
		margin-left: -170px; 
		background-color:#c63189;
		color: #fff;
		padding: 18px;
		border-radius: 6px;
		position: absolute;
		z-index: 0;
	  }


	  a.headermenulink:link, a.headermenulink:visited, a.headermenulink:active {  
		font-size:							15px;
		font-weight:						bold;
		color:								#FFF;
		text-decoration:					none;
		padding: 0px 2px;
	}
	a.headermenulink:hover {  
		font-size:							15px;
		font-weight:						bold;
		color:								#f8e813;
		text-decoration:					none;
	}






	  .submenu-on-link {
		position: relative;
		display: inline-block;
	  }
	  .submenu-on-link a.submenu-button:link, .submenu-on-link a.submenu-button:visited, .submenu-on-link a.submenu-button:active {
		font-size: 15px;
		font-weight: bold;
		color: #FFF;
		text-decoration: none;
		padding: 0px 2px;
		background-color: none;
	}
	.submenu-on-link a.submenu-button:hover{
		font-size: 15px;
		font-weight: bold;
		color: #f8e813;
		text-decoration: none;
		padding: 0px 2px;
		background-color: none;
	}
	.submenu-content {
		display: none;
		position: absolute;
		background-color: #FFF;
		width: 200px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
		margin-top: 0px;
		margin-left: -12px;
	}
	.submenu-content a:link, .submenu-content a:visited, .submenu-content a:active {
		font-size: 15px;
		font-weight: bold;
		color: #d80c8c;
		text-decoration: none;
		border-bottom: 1px solid #FFF;
		padding: 0px 2px;
		display: block;
		margin: 9px;
	}
	.submenu-content a:hover { border-bottom: 1px solid #d80c8c; }
	.submenu-on-link:hover .submenu-content { display: block; }
	.submenu-on-link:hover .submenu-button { padding:0; }

	.bg-dimpink{
	background-color:#f9f8f9;
	}

	
	/* ------ structure ------ */

	#container {
		width:								998px;
		margin:								0 auto;
		background-color:				#FFF;
		padding:							95px 0px 0px 59px;
		background-image:				url('/img/bolletjes_bg.jpg');
		background-repeat:				no-repeat;
		background-position:			487px 0px;
		box-shadow: 						0px 0px 10px rgba(0, 0, 0, 0.05);
		-moz-box-shadow: 				0px 0px 10px rgba(0, 0, 0, 0.05);
		-webkit-box-shadow: 			0px 0px 10px rgba(0, 0, 0, 0.05);
	}
	#container-fullwidth {
		width:								998px;
		margin:								0 auto;
		background-color:				#FFF;
		padding:							95px 0px 0px 0px;
		background-image:				url('/img/bolletjes_bg.jpg');
		background-repeat:				no-repeat;
		background-position:			487px 0px;
		box-shadow: 						0px 0px 10px rgba(0, 0, 0, 0.05);
		-moz-box-shadow: 				0px 0px 10px rgba(0, 0, 0, 0.05);
		-webkit-box-shadow: 			0px 0px 10px rgba(0, 0, 0, 0.05);
	}
	#left_column {
		width:								228px;
		float:									left;
		margin-right:						34px;
		float:									left;
	}
	#right_column {
		width:								736px;
		float:									right;
	}
	
	#header {
		width:								736px;
		margin:								16px 0px 34px 0px;
		position:							relative;
	}
	#headermenu {
		width:								704px;
		position: 							absolute;
		top:									0px;
		right:									0px;
		background-color:				#d80c8c;
		color:								#FFF;
		padding:							7px 7px 7px 20px;
		-webkit-border-top-left-radius: 		5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-topleft: 			5px;
		-moz-border-radius-bottomleft: 	5px;
		border-top-left-radius: 					5px;
		border-bottom-left-radius: 			5px;
	}
	#maincontent_left {
		width:								434px;
		float:								left;	
		padding-top:						45px;
	}
	#maincontent_right {
		width:								209px;
		float:									right;		
		margin-right:						59px;
		padding-top: 45px;
	}
	#maincontent_home {
		width:								706px;
		float:									left;		
		padding-top:						45px;
	}
	#maincontent_full {
		width:								643px;
		float:								left;		
		margin-right:						59px;
		padding-top: 45px;
	}
	#footer {
		clear:								both;
		width:								929px;
		padding:							54px 0px 34px 0px;
		text-align:							center;
	}
	#specter {
		width:								998px;
		margin:								0 auto;
		padding-top:						14px;
		padding-left:						60px;
		font-size:							9px;
		color:								#d80c8c;
		text-align:							left;
		text-transform:					uppercase;
	}
	
	
	/* ------ sections ------ */
	
	.cta_frame {
		font-size:							12px;
		padding:							18px;
		border:								1px solid #e0e0e0;
		color:								#d80c8c;
	}
	
	.submenu {
		margin-top:						12px;
		padding:							18px;
		color:								#FFF;
		background-color:				#d80c8c;
	}
	
	.nieuwsbrief_frame{
		font-size:							11px;
		padding:							24px;
		padding-bottom:					0px;
	}
	
	.nieuwsbrief_na_inschrijving{
		font-size:							12px;
		color:								#d80c8c;
	}
	
	.boek{
		padding:							24px 24px 36px 0px;
		border-bottom:					1px solid #d80c8c;
	}
	
	.lezing, .top-line-box{
		padding:							34px 24px 34px 24px;
		border-top:						1px solid #d80c8c;
	}
	
	.left_column_section{
		padding:							24px;
		padding-top:						18px;
	}
	
	.payment-note {
		font-size: 13px;
		padding: 18px;
		border: 0px;
		color: #444446;
		background-color: #FFF;
		border-top: 1px solid #e0e0e0;
		border-bottom: 1px solid #e0e0e0;
	}
	
	.payment-note-dim {
		font-size: 13px;
		padding: 18px;
		border: 0px;
		color: #777;
		background-color: #FFF;
		border-bottom: 1px solid #e0e0e0;
	}
	
	
	/* ------ tooltip ------ */
	
	.bubbleInfo {
    	position: 							relative;
   		top: 									0px;
    	left: 									0px;
    	width: 								370px;
    }
	
	.trigger {
		border-bottom:					1px dotted #d80c8c;
	}
	
	.popup {
		position:				 			absolute;
		display: 							none;
		z-index: 							50;
		width:								370px;
		padding:							12px;
		color:								#d80c8c;
		background-color:				#FFF;
		border:								1px solid #d80c8c;
		-webkit-border--radius: 		5px;
		-moz-border-radius: 			5px;
		border-radius: 					5px;
		box-shadow: 						0px 4px 2px rgba(0, 0, 0, 0.06);
		-moz-box-shadow: 				0px 4px 2px rgba(0, 0, 0, 0.06);
		-webkit-box-shadow: 			0px 4px 2px rgba(0, 0, 0, 0.06);
	}
	
	#videobox {
		position:				 			absolute;
		top:									100px;
		left:									100px;
		z-index:								100;
		padding:							10px;
		background-color:				#FFF;		
		box-shadow: 						0px 0px 10px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 				0px 0px 10px rgba(0, 0, 0, 0.3);
		-webkit-box-shadow: 			0px 0px 10px rgba(0, 0, 0, 0.3);
	}
	
	#mediaplayer {
		margin-top:						10px;
	}
	
	
	/* ------ text ------ */
	
	h1 {
		font-weight:						normal;
		text-transform:					lowercase;
		font-size:							30px;
		color:								#d80c8c;
		margin:								7px 0px 24px 0px;
		line-height:						30px;
	}

	h1.fine {
		font-size:							24px;
		text-transform: none;
		line-height:						32px;
		color:								#d80c8c;
		margin:								7px 0px 24px 0px;
		font-weight:						200;
	}
	
	h1.home {
		font-weight:						normal;
		text-transform:					none;
		font-size:							26px;
		color:								#d80c8c;
		margin:								7px 0px 24px 0px;
	}
	
	h1.agenda {
		font-weight:						normal;
		text-transform:					none;
		font-size:							21px;
		line-height: 130%;
		color:								#d80c8c;
		margin:								7px 0px 24px 0px;
	}
	
	h2 {
		font-weight:						normal;
		font-size:							18px;
		line-height:							120%;
		text-transform:					lowercase;
		color:								#444446;
		margin:								0px 0px 12px 0px;
	}
	
	h2.boldpink {
		font-weight:						bold;
		font-size:							17px;
		line-height:							120%;
		text-transform:					lowercase;
		color:								#d80c8c;
		margin:								0px 0px 12px 0px;
	}
	
	.boldpinktitle {
		font-weight:						bold;
		font-size:							15px;
		color:								#d80c8c;
		letter-spacing: -0.015em;
		margin:								0px 0px 12px 0px;
	}
	
	.quote {
		font-style:							italic;
		font-size:							15px;
		line-height:							18px;
		color:								#d80c8c;
	}
	
	.boldpink {
		font-weight:						bold;
		color:								#d80c8c;
	}
	
	.pink {
		color:								#d80c8c;
	}
	
	.dim {
		color:								#777;
	}
	
	.small {
		font-size:							11px;
	}
	
	.footertext {
		font-size:							15px;
		color:								#d80c8c;
		border-top:							1px solid #d80c8c;
		padding-top:						12px;
	}

	.barlow-pink{
		font-family: 'Barlow', sans-serif;
		font-weight: 500;
		color: #ff0096;
		text-transform: uppercase;
		margin-right: 1px;
	}

	.barlow-green{
		font-family: 'Barlow', sans-serif;
		font-weight: 500;
		color: #346b38;
		text-transform: uppercase;
		margin-right: 1px;
	}

	.barlow-orange{
		font-family: 'Barlow', sans-serif;
		font-weight: 500;
		color: #e47427;
		text-transform: uppercase;
		margin-right: 1px;
	}

	.barlow-brown{
		font-family: 'Barlow', sans-serif;
		font-weight: 500;
		color: #963515;
		text-transform: uppercase;
		margin-right: 1px;
	}
	
	.barlow-yellow{
		font-family: 'Barlow', sans-serif;
		font-weight: 500;
		color: #ffc500;
		text-transform: uppercase;
		margin-right: 1px;
	}

	.barlow-red{
		font-family: 'Barlow', sans-serif;
		font-weight: 500;
		color: #e7012b;
		text-transform: uppercase;
		margin-right: 1px;
	}

	.barlow-blue{
		font-family: 'Barlow', sans-serif;
		font-weight: 500;
		color: #00ace4;
		text-transform: uppercase;
		margin-right: 1px;
	}
	
	
	
	/* ------ forms ------ */
	.inputfield {
		background-color:			#F9F9F9;
		border:							0px;
		color:							#333;
		font-size:						14px;
		padding:						12px;
		margin-top:					3px;
		-webkit-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.12);
		-moz-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.12);
		box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.12);
	}
	
	.input-label {
		font-size: 14px;
	}
	
	.contactform {
		margin-top:				10px;
		padding:					12px;
		background-color:		#e2e0e5;
		border:						1px solid #CCC;
		width:						392px;
	}
	
	.submitbutton {
		background-color:			#444446;
		color:							#FFF;
		font-size:						11px;
		text-transform:				uppercase;
		padding:						4px;
		border:							0px;
	}
	
	.submitbutton-pink {
		font-weight: bold;
		font-size: 13px;
		text-transform: uppercase;
		text-decoration: none;
		background-color: #d80c8c;
		color: #FFF;
		padding: 7px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		border: 2px solid #d80c8c;
		margin-top: 30px;
		cursor: pointer;
	}
	
	.submitbutton-pink:hover {
		font-weight: bold;
		font-size: 13px;
		text-transform: uppercase;
		text-decoration: none;
		background-color: #d90e5f;
		color: #f8e813;
		padding: 7px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		border: 2px solid #d80c8c;
		margin-top: 30px;
		cursor: pointer;
	}
	
	.submit_arrow {
		padding-top:					0px;
		margin-left:					5px;
	}
	
	

	
	/* ------ hyperlinks ------ */

	a:link, a:visited, a:active {  
		color:								#d80c8c;
		text-decoration:					underline;
	}
	a:hover {  
		color:								#d80c8c;
		text-decoration:					underline;
	}

	a.white:link, a.white:visited, a.white:active {  
		color:								#FFF;
		text-decoration:					underline;
	}
	a.white:hover {  
		color:								#FFF;
		text-decoration:					underline;
	}

	a.banner-cta:link, a.banner-cta:active, a.banner-cta:visited{
		font-family: 'Barlow', sans-serif;
		font-size: 17px;
		text-decoration: none;
		letter-spacing: 0.042em;
		font-weight: 500;
		color: #d80c8c;
		text-transform: uppercase;
		border-bottom: 0px;
	}

	a.banner-cta:hover{
		border-bottom: 3px solid #d80c8c;
	}

	a.pinkbordered:link, a.pinkbordered:visited, a.pinkbordered:active {  
		color: #d80c8c;
		text-decoration: none;
		border-bottom: 2px solid #d80c8c;
		padding-bottom: 2px;
	}
	a.pinkbordered:hover {  
		color: #d80c8c;
		border-bottom: 2px solid #d80c8c;
	}

	a.grey:link, a.grey:visited, a.grey:active {  
		color: #444446;
		text-decoration: none;
		border-bottom: 2px solid #444446;
		padding-bottom: 2px;
	}
	a.grey:hover {  
		border-bottom: 2px solid #d80c8c;
	}

	a.bold:link, a.bold:visited, a.bold:active, a.bold:hover {  
		font-size: 15px;
		font-weight: bold;
		color: #d80c8c;
		text-decoration: underline;
	}

	a.bolder:link, a.bolder:visited, a.bolder:active, a.bolder:hover {  
		font-size: 16px;
		line-height: 24px;
		font-weight: bold;
		color: #d80c8c;
		text-decoration: underline;
	}

	a.footerlink:link, a.footerlink:visited, a.footerlink:active {  
		font-size:							15px;
		color:								#d80c8c;
		text-decoration:					none;
	}
	a.footerlink:hover {  
		font-size:							15px;
		color:								#d80c8c;
		text-decoration:					underline;
	}
	
	a.submenulink:link, a.submenulink:visited, a.submenulink:active {  
		font-size:							15px;
		line-height:							21px;
		color:								#FFF;
		text-decoration:					none;
	}
	a.submenulink:hover {  
		font-size:							15px;
		line-height:							21px;
		color:								#f8e813;
		text-decoration:					none;
	}
	a.submenulinksmall:link, a.submenulinksmall:visited, a.submenulinksmall:active {  
		font-size:							12px;
		line-height:							16px;
		color:								#FFF;
		text-decoration:					none;
	}
	a.submenulinksmall:hover {  
		font-size:							12px;
		line-height:							16px;
		color:								#f8e813;
		text-decoration:					none;
	}
	a.headermenulink:link, a.headermenulink:visited, a.headermenulink:active {  
		font-size:							15px;
		font-weight:						bold;
		color:								#FFF;
		text-decoration:					none;
		padding: 0px 2px;
	}
	a.headermenulink:hover {  
		font-size:							15px;
		font-weight:						bold;
		color:								#f8e813;
		text-decoration:					none;
	}
	
	a.banaan:link, a.banaan:visited, a.banaan:active {  
		font-size:							13px;
		font-weight:						bold;
		text-transform:					uppercase;
		color:								#FFF;
		text-decoration:					none;
		background-color:				#f37b21;
		-webkit-border--radius: 		5px;
		-moz-border-radius: 			5px;
		border-radius: 					5px;
		box-shadow: 						0px -2px 2px rgba(0, 0, 0, 0.06);
		-moz-box-shadow: 				0px -2px 2px rgba(0, 0, 0, 0.06);
		-webkit-box-shadow: 			0px -2px 2px rgba(0, 0, 0, 0.06);
		text-align:							center;
		padding:							9px 14px 9px 14px;
		margin:								12px 0px 12px -6px;
	}
	a.banaan:hover {  
		font-size:							13px;
		font-weight:						bold;
		text-transform:					uppercase;
		color:								#FFF;
		text-decoration:					none;
		background-color:				#f36b21;
		-webkit-border--radius: 		5px;
		-moz-border-radius: 			5px;
		border-radius: 					5px;
		box-shadow: 						0px -2px 2px rgba(0, 0, 0, 0.06);
		-moz-box-shadow: 				0px -2px 2px rgba(0, 0, 0, 0.06);
		-webkit-box-shadow: 			0px -2px 2px rgba(0, 0, 0, 0.06);
		text-align:							center;
		padding:							9px 14px 9px 14px;
		margin:								12px 0px 12px -6px;
	}
	a.homelink:link, a.homelink:visited, a.homelink:active {  
		font-size:							14px;
		font-weight:						bold;
		color:								#FFF;
		text-decoration:					none;
		background-color:				#d80c8c;
		padding:							7px 7px 7px 7px;
		-webkit-border-radius: 		4px;
		-webkit-border-radius: 		4px;
		-moz-border-radius: 			4px;
		-moz-border-radius: 			4px;
		border-radius: 					4px;
		border-radius: 					4px;
		margin-right:						7px;
		margin-top:						7px;
	}
	a.homelink:hover {  
		font-size:							14px;
		font-weight:						bold;
		color:								#FFF;
		text-decoration:					none;
		background-color:				#d80c8c;
		padding:							7px 7px 7px 7px;
		-webkit-border-radius: 		4px;
		-webkit-border-radius: 		4px;
		-moz-border-radius: 			4px;
		-moz-border-radius: 			4px;
		border-radius: 					4px;
		border-radius: 					4px;
		margin-right:						7px;
		margin-top:						7px;
	}
	a.h1link:link, a.h1link:visited, a.h1link:active {  
		font-weight:						normal;
		text-transform:					lowercase;
		font-size:							29px;
		color:								#d80c8c;
		margin:								8px 0px 24px 0px;
		text-decoration:					none;
		line-height:							30px;
	}
	a.h1link:hover {  
		font-weight:						normal;
		text-transform:					lowercase;
		font-size:							29px;
		color:								#d80c8c;
		margin:								7px 0px 24px 0px;
		text-decoration:					underline;
		line-height:							30px;
	}
	
	a.h2link:link, a.h2link:visited, a.h2link:active {  
		font-weight:						bold;
		font-size:							17px;
		line-height:							120%;
		text-transform:					lowercase;
		color:								#d80c8c;
	}
	a.h2link:hover {  
		font-weight:						bold;
		font-size:							17px;
		line-height:							120%;
		text-transform:					lowercase;
		color:								#d80c8c;
	}

	a.header:link, a.header:visited, a.header:active{
		font-weight: 200;
		font-size: 24px;
		line-height: 40px;
		color: #d80c8c;
		margin: 16px 0px 24px 0px;
		text-decoration: none;
		padding-bottom: 2px;
		border-bottom: 2px solid #d80c8c;
	}

	a.header:hover{
		padding-bottom: 2px;
		border-bottom: 3px solid #d80c8c;
	}
	
	
	a.inschrijven:link, a.inschrijven:visited, a.h2link:active {  
		font-weight: bold;
		font-size: 13px;
		text-transform: uppercase;
		text-decoration: none;
		background-color: #d80c8c;
		color: #f8e813;
		padding: 7px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		border: 2px solid #d80c8c;
		margin-top: 30px;
	}
	
	a.inschrijven:hover {  
		font-weight: bold;
		font-size: 13px;
		text-transform: uppercase;
		text-decoration: none;
		background-color: #d80c8c;
		color: #FFF;
		padding: 7px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		border: 2px solid #d80c8c;
		margin-top: 30px;
	}

	a.tab:link, a.tab:visited, a.tab:active{
		background-color: #f0e8ee;
		color: #d80c8c;
		border: 0px;
		font-size: 13px;
		font-weight: bold;
		letter-spacing: 0.013em;
		text-decoration: none;
		padding: 12px 18px 13px 18px;
		border-radius: 8px;
		margin-right: 8px;
		margin-top: 24px;
	}
	
	a.tab:hover, a.tab-active:link, a.tab-active:visited, a.tab-active:active, a.tab-active:hover{
		background-color: #d80c8c;
		color: #f0e8ee;
		border: 0px;
		font-size: 13px;
		font-weight: bold;
		letter-spacing: 0.013em;
		text-decoration: none;
		padding: 12px 18px 13px 18px;
		border-radius: 8px;
		margin-right: 8px;
		margin-top: 24px;
	}
	
	
	
	a.specterlink:link, a.specterlink:visited, a.specterlink:active {  
		font-size:							9px;
		color:								#d80c8c;
		text-decoration:					none;
	}
	a.specterlink:hover {  
		font-size:							9px;
		color:								#d80c8c;
		text-decoration:					underline;
	}