﻿body																{color:#444; font-size:1em; font-family: 'Open Sans', sans-serif; -webkit-text-size-adjust: 100%;} 
html																{}

h1, h2, h3, .heading1, .heading2									{word-wrap:break-word; line-height: 130%;display: block;color:#fff;position: relative;top: 50%;transform: translateY(-50%);padding:20px 20px;text-shadow: 4px 4px 2px rgba(125, 125, 125, 1);}
h1, .heading1														{font-size: 45px; font-weight: 400;}
h2, .heading2														{font-size: 30px; font-weight: 700;}
h3																	{font-size: 20px; font-weight: 700;}

a 																	{outline:0; cursor: pointer; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;}
a:link, a:visited, a:active											{}
a:hover																{}
 
strong  															{color: #000;}
em 																	{font-style: italic;}

.ctaButton 															{display: inline-block; padding:10px; background-color: #000; color: #fff; transition:background-color 0.3s; font-weight: 700; margin-bottom: 30px;}
.ctaButton:link, .ctaButton:visited, .ctaButton:active				{color: #fff; text-decoration:none;}
.ctaButton:hover													{color: #fff; text-decoration:none; background-color: red;}

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

.whiteContainer 													{}
.greyContainer														{background-color: #f0f0f0;}
	.basicContainer														{text-align: center; max-width:1260px; min-width: 320px; margin: 0px auto; padding: 60px 30px 0px 200px;position: relative;overflow: hidden;}
	.basicContainerSmall												{max-width:960px;}

		.flexContainer 														{width: calc(100% + 30px); margin-left: -15px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; }
			.flexItem 															{flex:0 1 auto; align-self: auto; float:left; margin:0px 15px 30px 15px;background:#c3cf21; border:4px solid #c3cf21;position: relative;}
			.flexContainerColumns2 .flexItem									{width: calc(50% - 30px);}
			.flexContainerColumns3 .flexItem									{width: calc(33.33% - 30px);}
			.flexContainerColumns4 .flexItem									{width: calc(25% - 30px);}
			
				.flexItem img 														{width: 100%;}

.leftItem {position: absolute;left: 40px;top:60px;height: 100%;width: 260px;background:#dee395 url(../images/style/hoofdstel.jpg) left top no-repeat;background-size: 150px 1316px}

.partContentText {position: relative;top: 50%;transform: translateY(-50%);}
.partContentFileImageGallerySingle{position: relative;top: 50%;transform: translateY(-50%);}


.flexItem.red {background:#bf2e1a }
.flexItem.lightGreen {background: #f1f4d3;}
.flexItem.flexItem.lightGreen .partContentText { padding: 5px;}
.flexItem.lightGreen .partContentText p {color:#cb5837;font-size: 20px; line-height: 140%; margin:0px 15px 15px 15px;}
.flexItem.lightGreen .partContentText a {color:#fff;font-size: 20px;line-height: 140%; background:#cb5837; padding:5px 10px; border-radius: 3px; text-decoration: none; transition: background-color 0.3s;}
.flexItem.lightGreen .partContentText a:hover {background-color: #c3cf21;}
.flexItem.lightGreen .partContentText p strong{color:#cb5837;font-weight: 700;}
.flexItem.bgImage {background: url(../images/style/bg-ad.jpg) no-repeat; background-size: cover}

footer {background: url(../images/style/footer.jpg) no-repeat; background-size: cover;min-height: 300px; position: relative;}
	footer a {text-decoration: none; color: #fff; position: absolute; display: block; bottom: 15px; left: 115px; font-size: 14px; padding-right: 30px;}


.noBottom  {margin-bottom: 0px;}
