/*
	CONTAINERS
	*/
	
	
	.nowrap{
		white-space: nowrap;
	}
	
	/* preload images */
	body:after{
	    display: none;
	    content: 	url("/site/_img/NDC_Logo_Voetreflexologie-over.png")
					url("/site/_img/NDC_Logo_Bachbloesem-over.png")
					url("/site/_img/NDC_Logo_Babymassage-over.png")
					url("/site/_img/NDC_Logo_oncoreflexologie-over.png")
					url("/site/_img/voetreflexologie-nanne-de-cat-over.png")
					url("/site/_img/oncoreflexologie-nanne-de-cat-over.png")
					url("/site/_img/zwangerschapsreflexologie-nanne-de-cat-over.png")
					url("/site/_img/bachbloesemtherapie-nanne-de-cat-over.png");
	}

	.pink{
		color: #f3858e;
	}

	.orange{
		color: #f89e5d;
	}

	.padding-bottom-s{
		padding-bottom: 8px;
	}

	.logo-home{
		height: 37px;
	}
	
	.logo-footer{
		height: 22px;
	}
	
		
	/* smartphone */
	@media only screen and (min-width: 100px) {
		
		*{ box-sizing: border-box; }
		
		html,body{
			font-family: 'Quicksand', serif;
			font-weight: 400;
			background-color: #FFF;
			color: #504a4a;
			margin: 0px;
			max-width: 100%;
			overflow: auto;
		}
		
		body.home{
			margin-top: 4px;
		}
		
		p{
			text-indent: 2em; 
			line-height: 190%;
			font-size: 15px;
			margin-bottom: 2em;
		}
		
		p.introduction{
			line-height: 160%;
			font-size: 23px;
			margin-top: 100px;
			margin-bottom: 40px;
		}
		
		p.outroduction{
			line-height: 170%;
			font-size: 15px;
		}
		
		.profile-image{
			margin: 0 auto;
			width: 300px;
			height: 300px;
			border-radius: 50%;
			 -moz-border-radius: 50%;
			 -webkit-border-radius: 50%;
			background-image: url('/site/_img/NDC-profielfoto.png?r=110121');
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center center; 
			margin-top: 4em;
			margin-bottom: 4em;
		}
		
		.profile-image-massage{
			margin: 0 auto;
			width: 350px;
			height: 350px;
			border-radius: 50%;
			 -moz-border-radius: 50%;
			 -webkit-border-radius: 50%;
			background-image: url('/site/_img/Voetreflexologie-Nanne-De-Cat-4-1024x683.jpg');
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center center; 
			margin-top: 4em;
			margin-bottom: 4em;
		}
		
		.profile-image-zwangerschapsreflexologie{
			margin: 0 auto;
			width: 350px;
			height: 350px;
			border-radius: 50%;
			 -moz-border-radius: 50%;
			 -webkit-border-radius: 50%;
			background-image: url('/site/_img/zwangere-vrouw-wit.png');
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center center; 
			margin-top: 4em;
			margin-bottom: 4em;
		}
		
		.profile-image-babymassage{
			margin: 0 auto;
			width: 320px;
			height: 320px;
			border-radius: 50%;
			 -moz-border-radius: 50%;
			 -webkit-border-radius: 50%;
			background-image: url('/site/_img/49192771_312453376060122_5263805016241602560_n.jpg');
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center center; 
			margin-top: 4em;
			margin-bottom: 4em;
		}
		
		.profile-image-bachbloesems{
			margin: 0 auto;
			width: 270px;
			height: 270px;
			border-radius: 50%;
			 -moz-border-radius: 50%;
			 -webkit-border-radius: 50%;
			background-image: url('/site/_img/wilde-bosrank-06082015-2300-1200x676.jpg');
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center center; 
			margin-top: 4em;
			margin-bottom: 4em;
		}
		
		.profile-image-oncoreflexologie{
			margin: 0 auto;
			width: 270px;
			height: 270px;
			border-radius: 50%;
			 -moz-border-radius: 50%;
			 -webkit-border-radius: 50%;
			background-image: url('/site/_img/oncoreflexologie_270x270.png?r=1306231236');
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center center; 
			margin-top: 4em;
			margin-bottom: 4em;
		}
		
		.topmenu{
			position: absolute;
			top: 50px;
			right: 50px;
			
		}
		
		.topmenu-home{
			position: absolute;
			z-index: 100;
			top: 100px;
			left: 30px;
			border: 1px solid #fbbea7;
			text-align: center;
			padding: 13px 15px 10px 14px;
			width: 50px;
			height: 50px;
			border-radius: 50%;
			 -moz-border-radius: 50%;
			 -webkit-border-radius: 50%;
		}
		
		.topmenu-home:hover{
			position: absolute;
			top: 100px;
			left: 30px;
			border: 1px solid #fbbea7;
			text-align: center;
			padding: 13px 15px 10px 14px;
			width: 50px;
			height: 50px;
			border-radius: 50%;
			 -moz-border-radius: 50%;
			 -webkit-border-radius: 50%;
		}
		
		.topmenu-logo{
			position: absolute;
			z-index: 99;
			top: 130px;
			left: 0px;
			width: 100%;
			text-align: center;
		}
		
		.topmenu-logo img{
			height: 172px;
			width: auto;
		}
		
		.references{
			font-size: 12px;
			color: #777;
			text-align: center;
			margin: 140px 3%;
		}
		
		.section{
			overflow: auto;
			margin: 100px 0px 50px 0px;
		}
		
		.section-home{
			overflow: auto;
			margin: 120px 0px 0px 0px;
		}
		
		.section-logos{
			overflow: auto;
			margin: 0px 0px 30px 0px;
		}
		
		.section-logos-home{				/*deprecated*/
			overflow: auto;
			margin: 140px 0px 30px 0px;
		}
		
		.section-home-logos{				
			overflow: auto;
			margin: 0px 0px 60px 0px;
		}

		.section-home-slogan{
			overflow: auto;
			margin: 140px 0px 0px 0px;
		}
		
		.section-slogan{
			overflow: auto;
			margin: 0px 0px 0px 0px;
		}
		
		.section-quote{
			overflow: auto;
			margin: 70px 0px 0px 0px;
		}
		
		.section-images{
			overflow: auto;
			margin: 0px;
		}
		
		
		
		.section-compact{
			overflow: auto;
			margin: 0px;
		}
		
		.centered-wide{
			width: 85%;
			margin: 0 auto;
			overflow: hidden;
		}
		
		.centered{
			width: 90%;
			margin: 0 auto;
			overflow: hidden;
		}
		
		.centered-compact{
			width: 90%;
			margin: 0 auto;
			overflow: hidden;
		}
		
		.clear{
			clear: both;
		}
		
		.padded{
			padding: 0px 2% 0px 3%;
			clear: both;
		}
		
		li{
			line-height: 200%;
			font-size: 13px;
		}
		
		.half{
			float:left;
			width: 100%;
			margin-bottom: 0px;
		}
		
		.third{
			float:left;
			width: 100%;
			margin-bottom: 50px;
		}
		
		.twothird{
			float:left;
			width: 100%;
		}
		
		.quote{
			font-style: italic;
			font-size: 20px;
			font-family: 'Bree Serif', serif;
			margin: 0 auto;
			width: 85%;
		}
		
		.quote .reference{
			font-size: 14px;
			font-family: 'Bree Serif', serif;
			margin-top: 10px;
			text-align: right;
		}
		
		.photobox{
			overflow: hidden;
		}

		.photobox .photo{
			border-left: 1px solid #FFF;
			border-right: 1px solid #FFF;
		}
		
		.photobox .photo:nth-child(2){
			float: left;
			width: 100%;
			display: block;
		}
		
		.photobox .photo:nth-child(1), .photobox .photo:nth-child(3){
			float: left;
			width: 100%;
			display: none;
		}
		
		.photobox .photo img{
			width: 100%;
			height: auto;
		}
		
		.centered-text{
			text-align: center;
		}
		
		#read-more{
			display: none;
		}
		
		.practical-blue{
			background-color: #6d9a9a;
			color: #FFF;
			padding: 10%;
			padding-top: 10px;
			overflow: hidden;
			padding-bottom: 40px;
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			border-radius: 0px;
		}
		
		.practical-blue h3{
			background-color: #FFF;
			color: #6d9a9a;
			font-family: 'Quicksand', serif;
			letter-spacing: -0.015em;
			border-bottom: 1px solid #FFF;
			font-size: 15px;
			padding: 8px 10px 6px 15px;
			margin-left: -15px;
			line-height: 130%;
			margin-top: 30px;
			margin-bottom: 14px;
			-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.05);
			-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.05);
			box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.05);
		}
		
		.practical-orange{
			background-color: #f89e5d;
			color: #FFF;
			padding: 10%;
			padding-top: 10px;
			overflow: hidden;
			padding-bottom: 40px;
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			border-radius: 0px;
		}
		
		.practical-orange h3{
			background-color: #FFF;
			color: #f89e5d;
			font-family: 'Quicksand', serif;
			letter-spacing: -0.015em;
			border-bottom: 1px solid #FFF;
			font-size: 15px;
			padding: 8px 10px 6px 15px;
			margin-left: -15px;
			line-height: 130%;
			margin-top: 30px;
			margin-bottom: 10px;
			-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.05);
			-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.05);
			box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.05);
		}
		
		.practical-green{
			background-color: #9bb022;
			color: #FFF;
			padding: 10%;
			padding-top: 10px;
			overflow: hidden;
			padding-bottom: 40px;
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			border-radius: 0px;
		}
		
		.practical-green h3{
			background-color: #FFF;
			color: #9bb022;
			font-family: 'Quicksand', serif;
			letter-spacing: -0.015em;
			border-bottom: 1px solid #FFF;
			font-size: 15px;
			padding: 8px 10px 6px 15px;
			margin-left: -15px;
			line-height: 130%;
			margin-top: 30px;
			margin-bottom: 10px;
			-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.05);
			-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.05);
			box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.05);
		}
		
		.practical-pink{
			background-color: #f3858e;
			color: #FFF;
			padding: 10%;
			padding-top: 10px;
			overflow: hidden;
			padding-bottom: 40px;
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			border-radius: 0px;
		}
		
		.practical-pink h3{ 
			background-color: #FFF;
			color: #f3858e;
			font-family: 'Quicksand', serif;
			letter-spacing: -0.015em;
			border-bottom: 1px solid #FFF;
			font-size: 15px;
			padding: 8px 10px 6px 15px;
			margin-left: -15px;
			line-height: 130%;
			margin-top: 30px;
			margin-bottom: 10px;
			-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.05);
			-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.05);
			box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.05);
		}
		
		.smalltext{
			font-size: 13px;
		}
		
		h1{
			font-family: 'Quicksand', serif;
			color: #504a4a;
			font-weight: 400;
			letter-spacing: -0.015em;
			font-size: 21px;
			line-height: 130%;
			margin:0px;
			margin-top: 0px;
			margin-bottom: 80px;
		}
		
		h1.home, h1.sub{
			margin-top: 60px;
			font-size: 20px;
		}

		h2{
			font-weight: 600;
		}
				
		h2.blue{
			color: #6d9a9a;
			line-height: 160%;
			letter-spacing: -0.02em;
			font-size: 23px;
			margin-top: 260px;
			margin-bottom: 45px;
		}
		
		h2.green{
			color: #9bb022;
			line-height: 160%;
			letter-spacing: -0.02em;
			font-size: 23px;
			margin-top: 100px;
			margin-bottom: 100px;
			margin-top: 260px;
			margin-bottom: 40px;
		}
		
		h2.orange{
			color: #f89e5d;
			line-height: 160%;
			letter-spacing: -0.02em;
			font-size: 23px;
			margin-top: 100px;
			margin-bottom: 100px;
			margin-top: 260px;
			margin-bottom: 40px;
		}
		
		h2.pink{
			color: #f3858e;
			line-height: 160%;
			letter-spacing: -0.02em;
			font-size: 23px;
			margin-top: 100px;
			margin-bottom: 100px;
			margin-top: 260px;
			margin-bottom: 40px;
		}
		
		h3{
			font-family: 'Quicksand', serif;
			font-weight: 700;
			letter-spacing: -0.015em;
			font-size: 19px;
			line-height: 130%;
			margin:0px;
			margin-top: 0px;
			margin-bottom: 30px;
		}
		
		h3.blue{
			color: #6d9a9a;
		}
		
		.dim{
			clear: both;
			padding: 30px;
			margin-left: -30px;
			margin-top: 0px;
			color: #888;
			line-height: 150%;
			font-size: 13px;
		}


		.home-button-voetreflexologie{
			height: 181px;
			width: 250px;
			background-image:url("/site/_img/voetreflexologie-nanne-de-cat-logo.png");
			background-size: contain;
			cursor: pointer;
		}
		.home-button-voetreflexologie:hover{
			background-image:url("/site/_img/voetreflexologie-nanne-de-cat-logo-over.png");
		}
		
		.home-button-oncoreflexologie{
			height: 181px;
			width: 250px;
			background-image:url("/site/_img/oncoreflexologie-nanne-de-cat-logo.png");
			background-size: contain;
			cursor: pointer;
		}
		.home-button-oncoreflexologie:hover{
			background-image:url("/site/_img/oncoreflexologie-nanne-de-cat-logo-over.png");
		}
		
		.home-button-zwangerschapsreflexologie{
			height: 181px;
			width: 250px;
			background-image:url("/site/_img/zwangerschapsreflexologie-nanne-de-cat-logo.png");
			background-size: contain;
			cursor: pointer;
		}
		.home-button-zwangerschapsreflexologie:hover{
			background-image:url("/site/_img/zwangerschapsreflexologie-nanne-de-cat-logo-over.png");
		}
		
		.home-button-bachbloesemtherapie{
			height: 181px;
			width: 250px;
			background-image:url("/site/_img/bachbloesemtherapie-nanne-de-cat-logo.png");
			background-size: contain;
			cursor: pointer;
		}
		.home-button-bachbloesemtherapie:hover{
			background-image:url("/site/_img/bachbloesemtherapie-nanne-de-cat-logo-over.png");
		}

		
		
		.img-home-button-voetreflexologie{
			height: 154px;
			width: 180px;
			margin-bottom: 0px;
			background-image:url("/site/_img/NDC_Logo_Voetreflexologie.png");
			background-size: cover;
			cursor: pointer;
		}
		.img-home-button-voetreflexologie:hover{
			background-image:url("/site/_img/NDC_Logo_Voetreflexologie-over.png");
			background-size: cover;
			cursor: pointer;
		}
				
		.img-home-button-bachbloesems{
			height: 154px;
			width: 180px;
			margin-bottom: 0px;
			background-image:url("/site/_img/NDC_Logo_Bachbloesem.png");
			background-size: cover;
			cursor: pointer;
		}
		.img-home-button-bachbloesems:hover{
			background-image:url("/site/_img/NDC_Logo_Bachbloesem-over.png");
			background-size: cover;
			cursor: pointer;
		}
		
		.img-home-button-babymassage{
			height: 154px;
			width: 180px;
			margin-bottom: 0px;
			background-image:url("/site/_img/NDC_Logo_Babymassage.png");
			background-size: cover;
			cursor: pointer;
		}
		.img-home-button-babymassage:hover{
			background-image:url("/site/_img/NDC_Logo_Babymassage-over.png");
			background-size: cover;
			cursor: pointer;
		}
		
		.img-home-button-zwangerschapsreflexologie{
			height: 154px;
			width: 180px;
			margin-bottom: 0px;
			background-image:url("/site/_img/NDC_Logo_zwangerschapsreflexologie.png");
			background-size: cover;
			cursor: pointer;
		}
		.img-home-button-zwangerschapsreflexologie:hover{
			background-image:url("/site/_img/NDC_Logo_zwangerschapsreflexologie-over.png");
			background-size: cover;
			cursor: pointer;
		}

		.img-home-button-oncoreflexologie{
			height: 131px;
			width: 154px;
			margin-bottom: 0px;
			background-image:url("/site/_img/NDC_Logo_oncoreflexologie.png?r=0506231637");
			background-size: cover;
			cursor: pointer;
		}
		.img-home-button-oncoreflexologie:hover{
			background-image:url("/site/_img/NDC_Logo_oncoreflexologie-over.png?r=0506231637");
			background-size: cover;
			cursor: pointer;
		}
		
		.product-title{
			font-size: 15px;
			font-weight: 700;
			text-transform: uppercase;
			letter-spacing: 0.17em;
		}
		
		.footer{
			padding-top: 30px;
			font-family: 'Quicksand', serif;
			font-size: 13px;
			line-height: 185%;
			margin-top: 120px;
		}
		
		.blue{
			color: #6d9a9a;
			line-height: 130%;
		}
		
		.skin{
			color: #e99f83;
		}
		
		a:link, a:visited, a:active{
			color: #343030;
			text-decoration: none;
			border-bottom: 1px solid #FFF;
		}
	
		a:hover{
			color: #6d9a9a;
			text-decoration: none; 
			border-bottom: 1px solid #FFF;
		}
		
		a.inline-neutral:link, a.inline-neutral:visited, a.inline-neutral:active{
			color: #e99f83;
			text-decoration: none;
			border-bottom: 1px solid #e99f83;
			padding-bottom: 1px;
			padding-left: 3px;
			padding-right: 3px;
		}
	
		a.inline-neutral:hover{
			padding-bottom: 2px;
			border-bottom: 1px solid #e99f83;
		}
		
		a.inline-blue:link, a.inline-blue:visited, a.inline-blue:active{
			color: #6d9a9a;
			text-decoration: none;
			border-bottom: 1px solid #6d9a9a;
			padding-bottom: 1px;
			padding-left: 3px;
			padding-right: 3px;
		}
	
		a.inline-blue:hover{
			padding-bottom: 2px;
			border-bottom: 1px solid #6d9a9a;
		}
		
		a.inline-orange:link, a.inline-orange:visited, a.inline-orange:active{
			color: #f89e5d;
			text-decoration: none;
			border-bottom: 1px solid #f89e5d;
			padding-bottom: 1px;
			padding-left: 3px;
			padding-right: 3px;
		}
	
		a.inline-orange:hover{
			padding-bottom: 2px;
			border-bottom: 1px solid #f89e5d;
		}

		a.inline-pink:link, a.inline-pink:visited, a.inline-pink:active{
			color: #f3858e;
			text-decoration: none;
			border-bottom: 1px solid #f3858e;
			padding-bottom: 1px;
			padding-left: 3px;
			padding-right: 3px;
		}
	
		a.inline-pink:hover{
			padding-bottom: 2px;
			border-bottom: 1px solid #f3858e;
		}
		
		a.inline-green:link, a.inline-green:visited, a.inline-green:active{
			color: #9bb022;
			text-decoration: none;
			border-bottom: 1px solid #9bb022;
			padding-bottom: 1px;
			padding-left: 3px;
			padding-right: 3px;
		}
	
		a.inline-green:hover{
			padding-bottom: 2px;
			border-bottom: 1px solid #9bb022;
		}
		
		a.white:link, a.white:visited, a.white:active{
			color: #FFF;
			text-decoration: none;
			border-bottom: 1px solid #FFF;
			padding-bottom: 0px;
			padding-left: 3px;
			padding-right: 3px;
		}
	
		a.white:hover{
			padding-bottom: 0px;
			border-bottom: 1px solid #FFF;
		}
		
		a.mainmenu:link, a.mainmenu:visited, a.mainmenu:active{
			color: #343030;
			text-decoration: none;
			font-weight: 400;
			font-size: 14px;
			margin-left: 30px;
		}
	
		a.mainmenu:hover{
			color: #343030;
		}
		
		a.readmore-blue:link, a.readmore-blue:visited, a.readmore-blue:active{
			background-color: #FFF;
			color: #6d9a9a;
			text-decoration: none;
			font-size: 13px;
			padding: 4px 7px;
			margin-left: 40px;
			text-transform: lowercase;
		}
	
		a.readmore-blue:hover{
		}
		
		a.readmore-skin:link, a.readmore-skin:visited, a.readmore-skin:active{
			background-color: #FFF;
			color: #e99f83;
			text-decoration: none;
			font-size: 13px;
			padding: 4px 7px;
			margin-left: 40px;
			text-transform: lowercase;
		}
	
		a.readmore-skin:hover{
		}
		
		a.readmore-orange:link, a.readmore-orange:visited, a.readmore-orange:active{
			background-color: #FFF;
			color: #f89e5d;
			text-decoration: none;
			font-size: 13px;
			padding: 4px 7px;
			margin-left: 40px;
			text-transform: lowercase;
		}
	
		a.readmore-orange:hover{
		}
		
		a.readmore-pink:link, a.readmore-pink:visited, a.readmore-pink:active{
			background-color: #FFF;
			color: #f3858e;
			text-decoration: none;
			font-size: 13px;
			padding: 4px 7px;
			margin-left: 40px;
			text-transform: lowercase;
		}
	
		a.readmore-pink:hover{
		}
		
		a.readmore-green:link, a.readmore-green:visited, a.readmore-green:active{
			background-color: #FFF;
			color: #9bb022;
			text-decoration: none;
			font-size: 13px;
			padding: 4px 7px; 
			margin-left: 40px;
			text-transform: lowercase;
		}
	
		a.readmore-green:hover{
		}

		.logo-grid-home{
			display:                                    grid;
			grid-template-columns:                      repeat(1, 1fr); 
			row-gap:                                    30px;
			column-gap:                                 30px;
		}
		
	}

	/* tablet */
	@media only screen and (min-width: 768px) {
		
		*{ box-sizing: border-box; }
		
		html,body{
			font-family: 'Quicksand', serif;
			font-weight: 400;
			background-color: #FFF;
			color: #504a4a;
			margin: 0px;
			max-width: 100%;
			overflow: auto;
		}
		
		body.home{
			margin-top: 4px;
		}
		
		p{
			text-indent: 2em; 
			line-height: 190%;
			font-size: 15px;
			margin-bottom: 2em;
		}
		
		p.introduction{
			line-height: 160%;
			font-size: 23px;
			margin-top: 100px;
			margin-bottom: 40px;
		}
		
		p.outroduction{
			line-height: 170%;
			font-size: 15px;
		}
		
		.profile-image{
			margin: 0 auto;
			width: 300px;
			height: 300px;
			border-radius: 50%;
			 -moz-border-radius: 50%;
			 -webkit-border-radius: 50%;
			background-image: url('/site/_img/NDC-profielfoto.png?r=110121');
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center center; 
			margin-top: 4em;
			margin-bottom: 4em;
		}
		
		.profile-image-massage{
			margin: 0 auto;
			width: 350px;
			height: 350px;
			border-radius: 50%;
			 -moz-border-radius: 50%;
			 -webkit-border-radius: 50%;
			background-image: url('/site/_img/Voetreflexologie-Nanne-De-Cat-4-1024x683.jpg');
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center center; 
			margin-top: 4em;
			margin-bottom: 4em;
		}
		
		.profile-image-zwangerschapsreflexologie{
			margin: 0 auto;
			width: 350px;
			height: 350px;
			border-radius: 50%;
			 -moz-border-radius: 50%;
			 -webkit-border-radius: 50%;
			background-image: url('/site/_img/zwangere-vrouw-wit.png');
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center center; 
			margin-top: 4em;
			margin-bottom: 4em;
		}
		
		.profile-image-babymassage{
			margin: 0 auto;
			width: 320px;
			height: 320px;
			border-radius: 50%;
			 -moz-border-radius: 50%;
			 -webkit-border-radius: 50%;
			background-image: url('/site/_img/49192771_312453376060122_5263805016241602560_n.jpg');
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center center; 
			margin-top: 4em;
			margin-bottom: 4em;
		}
		
		.profile-image-bachbloesems{
			margin: 0 auto;
			width: 270px;
			height: 270px;
			border-radius: 50%;
			 -moz-border-radius: 50%;
			 -webkit-border-radius: 50%;
			background-image: url('/site/_img/wilde-bosrank-06082015-2300-1200x676.jpg');
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center center; 
			margin-top: 4em;
			margin-bottom: 4em;
		}
		
		.profile-image-oncoreflexologie{
			margin: 0 auto;
			width: 270px;
			height: 270px;
			border-radius: 50%;
			 -moz-border-radius: 50%;
			 -webkit-border-radius: 50%;
			background-image: url('/site/_img/oncoreflexologie_270x270.png?r=1306231236');
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center center; 
			margin-top: 4em;
			margin-bottom: 4em;
		}
		
		.topmenu{
			position: absolute;
			top: 56px;
			right: 50px;
			
		}
		
		.topmenu-home{
			position: absolute;
			z-index: 100;
			top: 100px;
			left: 40px;
			border: 1px solid #fbbea7;
			text-align: center;
			padding: 13px 15px 10px 14px;
			width: 50px;
			height: 50px;
			border-radius: 50%;
			 -moz-border-radius: 50%;
			 -webkit-border-radius: 50%;
		}
		
		.topmenu-home:hover{
			position: absolute;
			top: 100px;
			left: 40px;
			border: 1px solid #fbbea7;
			text-align: center;
			padding: 13px 15px 10px 14px;
			width: 50px;
			height: 50px;
			border-radius: 50%;
			 -moz-border-radius: 50%;
			 -webkit-border-radius: 50%;
		}
		
		.topmenu-logo{
			position: absolute;
			z-index: 99;
			top: 130px;
			left: 0px;
			width: 100%;
			text-align: center;
		}
		
		.topmenu-logo img{
			height: 172px;
			width: auto;
		}
		
		.references{
			font-size: 12px;
			color: #777;
			text-align: center;
			margin: 140px 3%;
		}
		
		.section{
			overflow: auto;
			margin: 100px 0px 50px 0px;
		}
		
		.section-home{
			overflow: auto;
			margin: 170px 0px 20px 0px; 
		}
		
		.section-compact{
			overflow: auto;
			margin: 0px;
		}
		
		.centered-wide{
			width: 85%;
			margin: 0 auto;
			overflow: hidden;
		}
		
		.centered{
			width: 90%;
			margin: 0 auto;
			overflow: hidden;
		}
		
		.centered-compact{
			width: 90%;
			margin: 0 auto;
			overflow: hidden;
		}
		
		.clear{
			clear: both;
		}
		
		.padded{
			padding: 0px 2% 0px 3%;
			clear: both;
		}
		
		li{
			line-height: 200%;
			font-size: 13px;
		}
		
		.half{
			float:left;
			width: 50%;
			margin-bottom: 0px;
		}
		
		.third{
			float:left;
			width: 100%;
			margin-bottom: 50px;
		}
		
		.twothird{
			float:left;
			width: 100%;
		}
		
		.photobox{
			overflow: hidden;
		}
		
		.photobox .photo:nth-child(2){
			float: left;
			width: 33.33%;
			display: block;
		}
		
		.photobox .photo:nth-child(1), .photobox .photo:nth-child(3){
			float: left;
			width: 33.33%;
			display: block;
		}
		
		.photobox .photo img{
			width: 100%;
			height: auto;
		}
		
		.centered-text{
			text-align: center;
		}
		
		#read-more{
			display: none;
		}
		
		.practical-blue{
			background-color: #6d9a9a;
			color: #FFF;
			padding: 10%;
			padding-top: 10px;
			overflow: hidden;
			padding-bottom: 40px;
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			border-radius: 0px;
		}
		
		.practical-blue h3{
			background-color: #FFF;
			color: #6d9a9a;
			font-family: 'Quicksand', serif;
			letter-spacing: -0.015em;
			border-bottom: 1px solid #FFF;
			font-size: 15px;
			padding: 8px 10px 6px 15px;
			margin-left: -15px;
			line-height: 130%;
			margin-top: 30px;
			margin-bottom: 14px;
			-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.05);
			-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.05);
			box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.05);
		}
		
		.practical-orange{
			background-color: #f89e5d;
			color: #FFF;
			padding: 10%;
			padding-top: 10px;
			overflow: hidden;
			padding-bottom: 40px;
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			border-radius: 0px;
		}
		
		.practical-orange h3{
			background-color: #FFF;
			color: #f89e5d;
			font-family: 'Quicksand', serif;
			letter-spacing: -0.015em;
			border-bottom: 1px solid #FFF;
			font-size: 15px;
			padding: 8px 10px 6px 15px;
			margin-left: -15px;
			line-height: 130%;
			margin-top: 30px;
			margin-bottom: 10px;
			-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.05);
			-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.05);
			box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.05);
		}
		
		.practical-green{
			background-color: #9bb022;
			color: #FFF;
			padding: 10%;
			padding-top: 10px;
			overflow: hidden;
			padding-bottom: 40px;
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			border-radius: 0px;
		}
		
		.practical-green h3{
			background-color: #FFF;
			color: #9bb022;
			font-family: 'Quicksand', serif;
			letter-spacing: -0.015em;
			border-bottom: 1px solid #FFF;
			font-size: 15px;
			padding: 8px 10px 6px 15px;
			margin-left: -15px;
			line-height: 130%;
			margin-top: 30px;
			margin-bottom: 10px;
			-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.05);
			-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.05);
			box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.05);
		}
		
		.practical-pink{
			background-color: #f3858e;
			color: #FFF;
			padding: 10%;
			padding-top: 10px;
			overflow: hidden;
			padding-bottom: 40px;
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			border-radius: 0px;
		}
		
		.practical-pink h3{
			background-color: #FFF;
			color: #f3858e;
			font-family: 'Quicksand', serif;
			letter-spacing: -0.015em;
			border-bottom: 1px solid #FFF;
			font-size: 15px;
			padding: 8px 10px 6px 15px;
			margin-left: -15px;
			line-height: 130%;
			margin-top: 30px;
			margin-bottom: 10px;
			-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.05);
			-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.05);
			box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.05);
		}
		
		.smalltext{
			font-size: 13px;
		}
		
		h1{
			font-family: 'Quicksand', serif;
			color: #504a4a;
			font-weight: 400;
			letter-spacing: -0.015em;
			font-size: 21px;
			line-height: 130%;
			margin:0px;
			margin-top: 0px;
			margin-bottom: 80px;
		}
		
		h1.home, h1.sub{
			margin-top: 60px;
			font-size: 20px;
		}

		h2{
			font-weight: 600;
		}
		
		h2.blue{
			color: #6d9a9a;
			line-height: 160%;
			letter-spacing: -0.02em;
			font-size: 23px;
			margin-top: 260px;
			margin-bottom: 45px;
		}
		
		h2.green{
			color: #9bb022;
			line-height: 160%;
			letter-spacing: -0.02em;
			font-size: 23px;
			margin-top: 100px;
			margin-bottom: 100px;
			margin-top: 260px;
			margin-bottom: 40px;
		}
		
		h2.orange{
			color: #f89e5d;
			line-height: 160%;
			letter-spacing: -0.02em;
			font-size: 23px;
			margin-top: 100px;
			margin-bottom: 100px;
			margin-top: 260px;
			margin-bottom: 40px;
		}
		
		h2.pink{
			color: #f3858e;
			line-height: 160%;
			letter-spacing: -0.02em;
			font-size: 23px;
			margin-top: 100px;
			margin-bottom: 100px;
			margin-top: 260px;
			margin-bottom: 40px;
		}
		
		h3{
			font-family: 'Quicksand', serif;
			font-weight: 700;
			letter-spacing: -0.015em;
			font-size: 19px;
			line-height: 130%;
			margin:0px;
			margin-top: 0px;
			margin-bottom: 10px;
		}
		
		h3.blue{
			color: #6d9a9a;
		}
		
		.dim{
			clear: both;
			padding: 30px;
			margin-left: -30px;
			margin-top: 0px;
			color: #888;
			line-height: 150%;
			font-size: 13px;
		}


		.home-button-voetreflexologie{
			height: 181px;
			width: 250px;
			background-image:url("/site/_img/voetreflexologie-nanne-de-cat-logo.png");
			background-size: contain;
			cursor: pointer;
		}
		.home-button-voetreflexologie:hover{
			background-image:url("/site/_img/voetreflexologie-nanne-de-cat-logo-over.png");
		}
		
		.home-button-oncoreflexologie{
			height: 181px;
			width: 250px;
			background-image:url("/site/_img/oncoreflexologie-nanne-de-cat-logo.png");
			background-size: contain;
			cursor: pointer;
		}
		.home-button-oncoreflexologie:hover{
			background-image:url("/site/_img/oncoreflexologie-nanne-de-cat-logo-over.png");
		}
		
		.home-button-zwangerschapsreflexologie{
			height: 181px;
			width: 250px;
			background-image:url("/site/_img/zwangerschapsreflexologie-nanne-de-cat-logo.png");
			background-size: contain;
			cursor: pointer;
		}
		.home-button-zwangerschapsreflexologie:hover{
			background-image:url("/site/_img/zwangerschapsreflexologie-nanne-de-cat-logo-over.png");
		}
		
		.home-button-bachbloesemtherapie{
			height: 181px;
			width: 250px;
			background-image:url("/site/_img/bachbloesemtherapie-nanne-de-cat-logo.png");
			background-size: contain;
			cursor: pointer;
		}
		.home-button-bachbloesemtherapie:hover{
			background-image:url("/site/_img/bachbloesemtherapie-nanne-de-cat-logo-over.png");
		}

		
		.img-home-button-voetreflexologie{
			height: 180px;
			width: 210px;
			margin-bottom: 0px;
			background-image:url("/site/_img/NDC_Logo_Voetreflexologie.png");
			background-size: cover;
			cursor: pointer;
		}
		.img-home-button-voetreflexologie:hover{
			background-image:url("/site/_img/NDC_Logo_Voetreflexologie-over.png");
			cursor: pointer;
		}
				
		.img-home-button-bachbloesems{
			height: 180px;
			width: 210px;
			margin-bottom: 0px;
			background-image:url("/site/_img/NDC_Logo_Bachbloesem.png");
			background-size: cover;
			cursor: pointer;
		}
		.img-home-button-bachbloesems:hover{
			background-image:url("/site/_img/NDC_Logo_Bachbloesem-over.png");
			cursor: pointer;
		}
		
		.img-home-button-babymassage{
			height: 180px;
			width: 210px;
			margin-bottom: 0px;
			background-image:url("/site/_img/NDC_Logo_Babymassage.png");
			background-size: cover;
			cursor: pointer;
		}
		.img-home-button-babymassage:hover{
			background-image:url("/site/_img/NDC_Logo_Babymassage-over.png");
			cursor: pointer;
		}
		
		.img-home-button-zwangerschapsreflexologie{
			height: 180px;
			width: 210px;
			margin-bottom: 0px;
			background-image:url("/site/_img/NDC_Logo_zwangerschapsreflexologie.png");
			background-size: cover;
			cursor: pointer;
		}
		.img-home-button-zwangerschapsreflexologie:hover{
			background-image:url("/site/_img/NDC_Logo_zwangerschapsreflexologie-over.png");
			cursor: pointer;
		}
		
		.product-title{
			font-size: 15px;
			font-weight: 700;
			text-transform: uppercase;
			letter-spacing: 0.17em;
		}
		
		.footer{
			padding-top: 50px;
			font-family: 'Quicksand', serif;
			font-size: 13px;
			line-height: 190%;
			margin-top: 180px;
		}
		
		.blue{
			color: #6d9a9a;
			line-height: 130%;
		}
		
		.skin{
			color: #e99f83;
		}
		
		a:link, a:visited, a:active{
			color: #343030;
			text-decoration: none;
			border-bottom: 1px solid #FFF;
		}
	
		a:hover{
			color: #6d9a9a;
			text-decoration: none; 
			border-bottom: 1px solid #FFF;
		}
		
		a.inline-neutral:link, a.inline-neutral:visited, a.inline-neutral:active{
			color: #e99f83;
			text-decoration: none;
			border-bottom: 1px solid #e99f83;
			padding-bottom: 1px;
			padding-left: 3px;
			padding-right: 3px;
		}
	
		a.inline-neutral:hover{
			padding-bottom: 2px;
			border-bottom: 1px solid #e99f83;
		}
		
		a.inline-blue:link, a.inline-blue:visited, a.inline-blue:active{
			color: #6d9a9a;
			text-decoration: none;
			border-bottom: 1px solid #6d9a9a;
			padding-bottom: 1px;
			padding-left: 3px;
			padding-right: 3px;
		}
	
		a.inline-blue:hover{
			padding-bottom: 2px;
			border-bottom: 1px solid #6d9a9a;
		}
		
		a.inline-orange:link, a.inline-orange:visited, a.inline-orange:active{
			color: #f89e5d;
			text-decoration: none;
			border-bottom: 1px solid #f89e5d;
			padding-bottom: 1px;
			padding-left: 3px;
			padding-right: 3px;
		}
	
		a.inline-orange:hover{
			padding-bottom: 2px;
			border-bottom: 1px solid #f89e5d;
		}
		
		a.inline-pink:link, a.inline-pink:visited, a.inline-pink:active{
			color: #f3858e;
			text-decoration: none;
			border-bottom: 1px solid #f3858e;
			padding-bottom: 1px;
			padding-left: 3px;
			padding-right: 3px;
		}
	
		a.inline-pink:hover{
			padding-bottom: 2px;
			border-bottom: 1px solid #f3858e;
		}
		
		a.inline-green:link, a.inline-green:visited, a.inline-green:active{
			color: #9bb022;
			text-decoration: none;
			border-bottom: 1px solid #9bb022;
			padding-bottom: 1px;
			padding-left: 3px;
			padding-right: 3px;
		}
	
		a.inline-green:hover{
			padding-bottom: 2px;
			border-bottom: 1px solid #9bb022;
		}
		
		a.white:link, a.white:visited, a.white:active{
			color: #FFF;
			text-decoration: none;
			border-bottom: 1px solid #FFF;
			padding-bottom: 2px;
			padding-left: 3px;
			padding-right: 3px;
		}
	
		a.white:hover{
			padding-bottom: 2px;
			border-bottom: 1px solid #FFF;
		}
		
		a.mainmenu:link, a.mainmenu:visited, a.mainmenu:active{
			color: #343030;
			text-decoration: none;
			font-weight: 400;
			font-size: 14px;
			margin-left: 30px;
		}
	
		a.mainmenu:hover{
			color: #343030;
		}
		
		a.readmore-blue:link, a.readmore-blue:visited, a.readmore-blue:active{
			background-color: #FFF;
			color: #6d9a9a;
			text-decoration: none;
			font-size: 13px;
			padding: 4px 7px;
			margin-left: 40px;
			text-transform: lowercase;
		}
	
		a.readmore-blue:hover{
		}
		
		a.readmore-skin:link, a.readmore-skin:visited, a.readmore-skin:active{
			background-color: #FFF;
			color: #e99f83;
			text-decoration: none;
			font-size: 13px;
			padding: 4px 7px;
			margin-left: 40px;
			text-transform: lowercase;
		}
	
		a.readmore-skin:hover{
		}
		
		a.readmore-orange:link, a.readmore-orange:visited, a.readmore-orange:active{
			background-color: #FFF;
			color: #f89e5d;
			text-decoration: none;
			font-size: 13px;
			padding: 4px 7px;
			margin-left: 40px;
			text-transform: lowercase;
		}
	
		a.readmore-orange:hover{
		}
		
		a.readmore-pink:link, a.readmore-pink:visited, a.readmore-pink:active{
			background-color: #FFF;
			color: #f3858e;
			text-decoration: none;
			font-size: 13px;
			padding: 4px 7px;
			margin-left: 40px;
			text-transform: lowercase;
		}
	
		a.readmore-pink:hover{
		}
		
		a.readmore-green:link, a.readmore-green:visited, a.readmore-green:active{
			background-color: #FFF;
			color: #9bb022;
			text-decoration: none;
			font-size: 13px;
			padding: 4px 7px; 
			margin-left: 40px;
			text-transform: lowercase;
		}
	
		a.readmore-green:hover{
		}

		.logo-grid-home{
			display:                                    grid;
			grid-template-columns:                      repeat(2, 1fr); 
			row-gap:                                    30px;
			column-gap:                                 30px;
		}
		
	}
	
	
	/* desktop */
	@media only screen and (min-width: 1280px) {
		
		*{ box-sizing: border-box; }
		
		html,body{
			font-family: 'Quicksand', serif;
			font-weight: 400;
			background-color: #FFF;
			color: #504a4a;
			margin: 0px;
			max-width: 100%;
			overflow: auto;
		}
		
		#slideshow { 
		    margin: 0 auto; 
		    position: relative; 
		    width: 100%; 
		    height: 300px; 
		    padding: 10px; 
		}
		
		#slideshow > div { 
		    position: absolute; 
		    top: 0px; 
		    left: 0px; 
		    right: 0px; 
		    bottom: 0px; 
		}
		
		p{
			text-indent: 2em; 
			line-height: 190%;
			font-size: 15px;
			margin-bottom: 2em;
		}
		
		p.introduction{
			line-height: 160%;
			font-size: 23px;
			margin-top: 100px;
			margin-bottom: 40px;
		}
		
		p.outroduction{
			line-height: 170%;
			font-size: 15px;
		}
		
		.profile-image{
			margin: 0 auto;
			width: 300px;
			height: 300px;
			border-radius: 50%;
			 -moz-border-radius: 50%;
			 -webkit-border-radius: 50%;
			background-image: url('/site/_img/NDC-profielfoto.png?r=110121');
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center center; 
			margin-top: 4em;
			margin-bottom: 4em;
		}
		
		.profile-image-massage{
			margin: 0 auto;
			width: 350px;
			height: 350px;
			border-radius: 50%;
			 -moz-border-radius: 50%;
			 -webkit-border-radius: 50%;
			background-image: url('/site/_img/Voetreflexologie-Nanne-De-Cat-4-1024x683.jpg');
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center center; 
			margin-top: 4em;
			margin-bottom: 4em;
		}
		
		.profile-image-zwangerschapsreflexologie{
			margin: 0 auto;
			width: 350px;
			height: 350px;
			border-radius: 50%;
			 -moz-border-radius: 50%;
			 -webkit-border-radius: 50%;
			background-image: url('/site/_img/zwangere-vrouw-wit.png');
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center center; 
			margin-top: 4em;
			margin-bottom: 4em;
		}
		
		.profile-image-babymassage{
			margin: 0 auto;
			width: 320px;
			height: 320px;
			border-radius: 50%;
			 -moz-border-radius: 50%;
			 -webkit-border-radius: 50%;
			background-image: url('/site/_img/49192771_312453376060122_5263805016241602560_n.jpg');
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center center; 
			margin-top: 4em;
			margin-bottom: 4em;
		}
		
		.profile-image-bachbloesems{
			margin: 0 auto;
			width: 270px;
			height: 270px;
			border-radius: 50%;
			 -moz-border-radius: 50%;
			 -webkit-border-radius: 50%;
			background-image: url('/site/_img/wilde-bosrank-06082015-2300-1200x676.jpg');
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center center; 
			margin-top: 4em;
			margin-bottom: 4em;
		}
		
		.profile-image-oncoreflexologie{
			margin: 0 auto;
			width: 270px;
			height: 270px;
			border-radius: 50%;
			 -moz-border-radius: 50%;
			 -webkit-border-radius: 50%;
			background-image: url('/site/_img/oncoreflexologie_270x270.png?r=1306231236');
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center center; 
			margin-top: 4em;
			margin-bottom: 4em;
		}
		
		.topmenu-home{
			position: absolute;
			z-index: 100;
			top: 100px;
			right: 40px;
			border: 1px solid #fbbea7;
			text-align: center;
			padding: 13px 15px 10px 14px;
			width: 50px;
			height: 50px;
			border-radius: 50%;
			 -moz-border-radius: 50%;
			 -webkit-border-radius: 50%;
		}
		
		.topmenu-home:hover{
			position: absolute;
			top: 100px;
			right: 40px;
			border: 1px solid #fbbea7;
			text-align: center;
			padding: 13px 15px 10px 14px;
			width: 50px;
			height: 50px;
			border-radius: 50%;
			 -moz-border-radius: 50%;
			 -webkit-border-radius: 50%;
		}
		
		.topmenu-logo{
			position: absolute;
			z-index: 99;
			top: 130px;
			left: 0px;
			width: 100%;
			text-align: center;
		}
		
		.topmenu-logo img{
			height: 187px;
			width: auto;
		}
		
		.references{
			font-size: 12px;
			color: #777;
			text-align: center;
			margin: 140px 280px;
		}
		
		.section{
			overflow: auto;
			margin: 100px 0px 50px 0px;
		}
		
		.section-home{
			overflow: auto;
			margin: 180px 0px 0px 0px;
		}
		
		.section-compact{
			overflow: auto;
			margin: 0px;
		}
		
		.quote{
			font-style: italic;
			font-size: 21px;
			font-family: 'Bree Serif', serif;
			margin: 0 auto;
			width: 62%;
		}
		
		.centered-wide{
			width: 85%;
			margin: 0 auto;
			overflow: hidden;
		}
		
		.centered{
			width: 780px;
			margin: 0 auto;
			overflow: hidden;
		}
		
		.centered-compact{
			width: 580px;
			margin: 0 auto;
			overflow: hidden;
		}
		
		.clear{
			clear: both;
		}
		
		.padded{
			padding: 0px 9% 0px 3%;
			clear: both;
		}
		
		li{
			line-height: 200%;
			font-size: 13px;
		}
		
		.half{
			float:left;
			width: 50%;
			margin-bottom: 0px;
		}
		
		.third{
			float:left;
			width: 33.33%;
		}
		
		.twothird{
			float:left;
			width: 66.66%;
		}
		
		.photobox{
			overflow: hidden;
		}
		
		.photobox .photo:nth-child(2){
			float: left;
			width: 33.33%;
			display: block;
		}
		
		.photobox .photo:nth-child(1), .photobox .photo:nth-child(3){
			float: left;
			width: 33.33%;
			display: block;
		}
		
		.photobox .photo img{
			width: 100%;
			height: auto;
		}
		
		.centered-text{
			text-align: center;
		}
		
		#read-more{
			display: none;
		}
		
		.practical-blue{
			background-color: #6d9a9a;
			color: #FFF;
			padding: 10%;
			padding-top: 10px;
			overflow: hidden;
			padding-bottom: 40px;
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			border-radius: 0px;
		}
		
		.practical-blue h3{
			background-color: #FFF;
			color: #6d9a9a;
			font-family: 'Quicksand', serif;
			letter-spacing: -0.015em;
			border-bottom: 1px solid #FFF;
			font-size: 15px;
			padding: 8px 10px 6px 15px;
			margin-left: -15px;
			line-height: 130%;
			margin-top: 30px;
			margin-bottom: 14px;
			-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.05);
			-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.05);
			box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.05);
		}
		
		.practical-orange{
			background-color: #f89e5d;
			color: #FFF;
			padding: 10%;
			padding-top: 10px;
			overflow: hidden;
			padding-bottom: 40px;
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			border-radius: 0px;
		}
		
		.practical-orange h3{
			background-color: #FFF;
			color: #f89e5d;
			font-family: 'Quicksand', serif;
			letter-spacing: -0.015em;
			border-bottom: 1px solid #FFF;
			font-size: 15px;
			padding: 8px 10px 6px 15px;
			margin-left: -15px;
			line-height: 130%;
			margin-top: 30px;
			margin-bottom: 10px;
			-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.05);
			-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.05);
			box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.05);
		}
		
		.practical-green{
			background-color: #9bb022;
			color: #FFF;
			padding: 10%;
			padding-top: 10px;
			overflow: hidden;
			padding-bottom: 40px;
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			border-radius: 0px;
		}
		
		.practical-green h3{
			background-color: #FFF;
			color: #9bb022;
			font-family: 'Quicksand', serif;
			letter-spacing: -0.015em;
			border-bottom: 1px solid #FFF;
			font-size: 15px;
			padding: 8px 10px 6px 15px;
			margin-left: -15px;
			line-height: 130%;
			margin-top: 30px;
			margin-bottom: 10px;
			-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.05);
			-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.05);
			box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.05);
		}
		
		.practical-pink{
			background-color: #f3858e;
			color: #FFF;
			padding: 10%;
			padding-top: 10px;
			overflow: hidden;
			padding-bottom: 40px;
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			border-radius: 0px;
		}
		
		.practical-pink h3{
			background-color: #FFF;
			color: #f3858e;
			font-family: 'Quicksand', serif;
			letter-spacing: -0.015em;
			border-bottom: 1px solid #FFF;
			font-size: 15px;
			padding: 8px 10px 6px 15px;
			margin-left: -15px;
			line-height: 130%;
			margin-top: 30px;
			margin-bottom: 10px;
			-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.05);
			-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.05);
			box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.05);
		}
		
		.smalltext{
			font-size: 13px;
		}
		
		h1{
			font-family: 'Quicksand', serif;
			color: #504a4a;
			font-weight: 400;
			letter-spacing: -0.015em;
			font-size: 21px;
			line-height: 130%;
			margin:0px;
			margin-top: 0px;
			margin-bottom: 80px;
		}
		
		h1.home, h1.sub{
			margin-top: 20px;
			font-size: 20px;
		}

		h2{
			font-weight: 600;
		}
		
		h2.blue{
			color: #6d9a9a;
			line-height: 160%;
			letter-spacing: -0.02em;
			font-size: 23px;
			margin-top: 270px;
			margin-bottom: 45px;
		}
		
		h2.green{
			color: #9bb022;
			line-height: 160%;
			letter-spacing: -0.02em;
			font-size: 23px;
			margin-top: 100px;
			margin-bottom: 100px;
			margin-top: 270px;
			margin-bottom: 40px;
		}
		
		h2.orange{
			color: #f89e5d;
			line-height: 160%;
			letter-spacing: -0.02em;
			font-size: 23px;
			margin-top: 100px;
			margin-bottom: 100px;
			margin-top: 270px;
			margin-bottom: 40px;
		}
		
		h2.pink{
			color: #f3858e;
			line-height: 160%;
			letter-spacing: -0.02em;
			font-size: 23px;
			margin-top: 100px;
			margin-bottom: 100px;
			margin-top: 270px;
			margin-bottom: 40px;
		}
		
		h3{
			font-family: 'Quicksand', serif;
			font-weight: 700;
			letter-spacing: -0.015em;
			font-size: 19px;
			line-height: 130%;
			margin:0px;
			margin-top: 0px;
			margin-bottom: 10px;
		}
		
		h3.blue{
			color: #6d9a9a;
		}
		
		.dim{
			clear: both;
			padding: 30px;
			margin-left: -30px;
			margin-top: 0px;
			color: #888;
			line-height: 150%;
			font-size: 13px;
		}


		.home-button-voetreflexologie{
			height: 181px;
			width: 250px;
			background-image:url("/site/_img/voetreflexologie-nanne-de-cat-logo.png");
			background-size: contain;
			cursor: pointer;
		}
		.home-button-voetreflexologie:hover{
			background-image:url("/site/_img/voetreflexologie-nanne-de-cat-logo-over.png");
		}
		
		.home-button-oncoreflexologie{
			height: 181px;
			width: 250px;
			background-image:url("/site/_img/oncoreflexologie-nanne-de-cat-logo.png");
			background-size: contain;
			cursor: pointer;
		}
		.home-button-oncoreflexologie:hover{
			background-image:url("/site/_img/oncoreflexologie-nanne-de-cat-logo-over.png");
		}
		
		.home-button-zwangerschapsreflexologie{
			height: 181px;
			width: 250px;
			background-image:url("/site/_img/zwangerschapsreflexologie-nanne-de-cat-logo.png");
			background-size: contain;
			cursor: pointer;
		}
		.home-button-zwangerschapsreflexologie:hover{
			background-image:url("/site/_img/zwangerschapsreflexologie-nanne-de-cat-logo-over.png");
		}
		
		.home-button-bachbloesemtherapie{
			height: 181px;
			width: 250px;
			background-image:url("/site/_img/bachbloesemtherapie-nanne-de-cat-logo.png");
			background-size: contain;
			cursor: pointer;
		}
		.home-button-bachbloesemtherapie:hover{
			background-image:url("/site/_img/bachbloesemtherapie-nanne-de-cat-logo-over.png");
		}

		
		.img-home-button-voetreflexologie{
			height: 180px;
			width: 210px;
			margin-bottom: 0px;
			background-image:url("/site/_img/NDC_Logo_Voetreflexologie.png");
			background-size: cover;
			cursor: pointer;
		}
		.img-home-button-voetreflexologie:hover{
			background-image:url("/site/_img/NDC_Logo_Voetreflexologie-over.png");
		}
				
		.img-home-button-bachbloesems{
			height: 180px;
			width: 210px;
			margin-bottom: 0px;
			background-image:url("/site/_img/NDC_Logo_Bachbloesem.png");
			background-size: cover;
			cursor: pointer;
		}
		.img-home-button-bachbloesems:hover{
			background-image:url("/site/_img/NDC_Logo_Bachbloesem-over.png");
		}
		
		.img-home-button-babymassage{
			height: 180px;
			width: 210px;
			margin-bottom: 0px;
 			background-image:url("/site/_img/NDC_Logo_Babymassage.png"); 
			background-size: cover;
			cursor: pointer;
		}
		.img-home-button-babymassage:hover{
 			background-image:url("/site/_img/NDC_Logo_Babymassage-over.png"); 
		}
		
		.img-home-button-zwangerschapsreflexologie{
			height: 180px;
			width: 210px;
			margin-bottom: 0px;
 			background-image:url("/site/_img/NDC_Logo_zwangerschapsreflexologie.png"); 
			background-size: cover;
			cursor: pointer;
		}
		.img-home-button-zwangerschapsreflexologie:hover{
 			background-image:url("/site/_img/NDC_Logo_zwangerschapsreflexologie-over.png"); 
		}
		
		.img-home-button-oncoreflexologie{
			height: 180px;
			width: 210px;
			margin-bottom: 0px;
 			background-image:url("/site/_img/NDC_Logo_oncoreflexologie.png?r=0506231637"); 
			background-size: cover;
			cursor: pointer;
		}
		.img-home-button-oncoreflexologie:hover{
 			background-image:url("/site/_img/NDC_Logo_oncoreflexologie-over.png?r=0506231637"); 
		}
		
		.product-title{
			font-size: 15px;
			font-weight: 700;
			text-transform: uppercase;
			letter-spacing: 0.17em;
		}
		
		.footer{
			padding-top: 50px;
			font-family: 'Quicksand', serif;
			font-size: 13px;
			line-height: 190%;
			margin-top: 180px;
		}
		
		.blue{
			color: #6d9a9a;
			line-height: 130%;
		}
		
		.skin{
			color: #e99f83;
		}
		
		a:link, a:visited, a:active{
			color: #343030;
			text-decoration: none;
			border-bottom: 1px solid #FFF;
		}
	
		a:hover{
			color: #6d9a9a;
			text-decoration: none; 
			border-bottom: 1px solid #FFF;
		}
		
		a.inline-neutral:link, a.inline-neutral:visited, a.inline-neutral:active{
			color: #e99f83;
			text-decoration: none;
			border-bottom: 1px solid #e99f83;
			padding-bottom: 1px;
			padding-left: 3px;
			padding-right: 3px;
		}
	
		a.inline-neutral:hover{
			padding-bottom: 2px;
			border-bottom: 1px solid #e99f83;
		}
		
		a.inline-blue:link, a.inline-blue:visited, a.inline-blue:active{
			color: #6d9a9a;
			text-decoration: none;
			border-bottom: 1px solid #6d9a9a;
			padding-bottom: 1px;
			padding-left: 3px;
			padding-right: 3px;
		}
	
		a.inline-blue:hover{
			padding-bottom: 2px;
			border-bottom: 1px solid #6d9a9a;
		}
		
		a.inline-orange:link, a.inline-orange:visited, a.inline-orange:active{
			color: #f89e5d;
			text-decoration: none;
			border-bottom: 1px solid #f89e5d;
			padding-bottom: 1px;
			padding-left: 3px;
			padding-right: 3px;
		}
	
		a.inline-orange:hover{
			padding-bottom: 2px;
			border-bottom: 1px solid #f89e5d;
		}
		
		a.inline-pink:link, a.inline-pink:visited, a.inline-pink:active{
			color: #f3858e;
			text-decoration: none;
			border-bottom: 1px solid #f3858e;
			padding-bottom: 1px;
			padding-left: 3px;
			padding-right: 3px;
		}
	
		a.inline-pink:hover{
			padding-bottom: 2px;
			border-bottom: 1px solid #f3858e;
		}
		
		a.inline-green:link, a.inline-green:visited, a.inline-green:active{
			color: #9bb022;
			text-decoration: none;
			border-bottom: 1px solid #9bb022;
			padding-bottom: 1px;
			padding-left: 3px;
			padding-right: 3px;
		}
	
		a.inline-green:hover{
			padding-bottom: 2px;
			border-bottom: 1px solid #9bb022;
		}
		
		a.white:link, a.white:visited, a.white:active{
			color: #FFF;
			text-decoration: none;
			border-bottom: 0px solid #FFF;
			padding-bottom: 1px;
			padding-left: 3px;
			padding-right: 3px;
		}
	
		a.white:hover{
			padding-bottom: 2px;
			border-bottom: 1px solid #FFF;
		}
		
		a.mainmenu:link, a.mainmenu:visited, a.mainmenu:active{
			color: #343030;
			text-decoration: none;
			letter-spacing: -0.015em;
			font-weight: 400;
			font-size: 14px;
			margin-left: 30px;
		}
	
		a.mainmenu:hover{
			color: #343030;
		}
		
		a.readmore-blue:link, a.readmore-blue:visited, a.readmore-blue:active{
			background-color: #FFF;
			color: #6d9a9a;
			text-decoration: none;
			font-size: 13px;
			padding: 4px 7px;
			margin-left: 40px;
			text-transform: lowercase;
		}
	
		a.readmore-blue:hover{
		}
		
		a.readmore-skin:link, a.readmore-skin:visited, a.readmore-skin:active{
			background-color: #FFF;
			color: #e99f83;
			text-decoration: none;
			font-size: 13px;
			padding: 4px 7px;
			margin-left: 40px;
			text-transform: lowercase;
		}
	
		a.readmore-skin:hover{
		}
		
		a.readmore-orange:link, a.readmore-orange:visited, a.readmore-orange:active{
			background-color: #FFF;
			color: #f89e5d;
			text-decoration: none;
			font-size: 13px;
			padding: 4px 7px;
			margin-left: 40px;
			text-transform: lowercase;
		}
	
		a.readmore-orange:hover{
		}
		
		a.readmore-pink:link, a.readmore-pink:visited, a.readmore-pink:active{
			background-color: #FFF;
			color: #f3858e;
			text-decoration: none;
			font-size: 13px;
			padding: 4px 7px;
			margin-left: 40px;
			text-transform: lowercase;
		}
	
		a.readmore-pink:hover{
		}
		
		a.readmore-green:link, a.readmore-green:visited, a.readmore-green:active{
			background-color: #FFF;
			color: #9bb022;
			text-decoration: none;
			font-size: 13px;
			padding: 4px 7px; 
			margin-left: 40px;
			text-transform: lowercase;
		}
	
		a.readmore-green:hover{
		}

		.logo-grid-home{
			display:                                    grid;
			grid-template-columns:                      repeat(4, 1fr); 
			row-gap:                                    0px;
			column-gap:                                 30px;
		}
		
		
	}