/*colors
BLAUW	#008caa
NAVY	#173145
GEEL	#fcd500
*/
/*--- BODY STYLE ---*/
body{
	margin:0px;
	padding:0px;
	-webkit-text-size-adjust: 100%;
	font-family:"FS Me",sans-serif;
	color:#173145;
}
@font-face{
	font-family:"FS Me";src:url(https://www.tearfund.nl//themes/custom/tear/fonts/FS-Me/Regular/FSMeWeb-Regular.woff2) format("woff2"),url(https://www.tearfund.nl//themes/custom/tear/fonts/FS-Me/Regular/FSMeWeb-Regular.woff) format("woff"),url(https://www.tearfund.nl//themes/custom/tear/fonts/FS-Me/Regular/FSMe-Regular.ttf) format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:"FS Me";src:url(https://www.tearfund.nl//themes/custom/tear/fonts/FS-Me/Bold/FSMeWeb-Bold.woff2) format("woff2"),url(https://www.tearfund.nl//themes/custom/tear/fonts/FS-Me/Bold/FSMeWeb-Bold.woff) format("woff"),url(https://www.tearfund.nl//themes/custom/tear/fonts/FS-Me/Bold/FSMe-Bold.ttf) format("truetype");font-weight:bold;font-style:normal;
}

@font-face{
	font-family:"Gander";src:url(https://www.tearfund.nl//themes/custom/tear/fonts/Gander/Gander-Regular.woff2) format("woff2"),url(https://www.tearfund.nl//themes/custom/tear/fonts/Gander/Gander-Regular.woff) format("woff"),url(https://www.tearfund.nl//themes/custom/tear/fonts/Gander/Gander-Regular.ttf) format("truetype");font-weight:normal;font-style:normal;
}
@font-face{
	font-family:"Tearfund Sans";src:url(https://www.tearfund.nl//themes/custom/tear/fonts/Tearfund-sans/TearfundSansW05-Regular.woff2) format("woff2"),url(https://www.tearfund.nl//themes/custom/tear/fonts/Tearfund-sans/TearfundSansW05-Regular.woff) format("woff"),url(https://www.tearfund.nl//themes/custom/tear/fonts/Tearfund-sans/TearfundSans-Regular.ttf) format("truetype");
}
h1,h2{
	font-family: "Tearfund Sans",sans-serif;
}
.container{
	max-width:1000px;
	margin:0 auto;
}
#logo{
	width: 200px;
	height: auto;
	max-width:30%;
	position:absolute;
	top:20px;
	left:20px;
}
header{
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.8)),url("img/header.jpg");
	background-size: cover;
	background-position: 50% 80%;
	position: relative;
	padding-top:350px;
	width:100vw;
	left: calc(500px - 50vw);
	text-align:center;
}
header h1{
	display:block;
	width:1200px;
	margin;0 auto 20px;
	color:white;
	z-index:3;
}
.keyline{
	position: absolute;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 100vw;
	left: calc(500px - 50vw);
    transform: translateY(40%);
    z-index: 2;
}
.keyline img{
	width: 100%;
}
.twocolumns_1{
	float:left;
	width:48%;
	margin-right:4%;
}
.twocolumns_2{
	float:left;
	width:48%;
}
#formulier-container{
	border:1px solid #ccc;
	background-color: #f8f8f8;
	padding:20px;
	margin:20px 0; 
}
.clear{
	clear: both;
}
/*--- FORM CONTAINER STYLE ---*/
.mainDiv
{
float:left;
}

/*--- FIELD INPUT STYLE ---*/
.clickdform input[type='text'],
.clickdform textarea,
.clickdform select
{
    font-family:"Verdana" !important;
    font-size:13px !important;
    color:#333;
    margin:0;
    padding:2px 0;
    border-top:1px solid #7c7c7c;
    border-left:1px solid #c3c3c3;
    border-right:1px solid #c3c3c3;
    border-bottom:1px solid #ddd;
}

/*--- LIST DROPDOWN STYLE ---*/
.clickdform select
{
	height:26px;
}

/*--- SUBMIT BUTTON STYLE ---*/
#btnSubmit
{
    margin: 15px 0 0 0;
    font-family:Verdana;
    font-size:13px;
    clear:both;
}

/*--- PREVIOUS BUTTON STYLE ---*/
.clickdform .WizardPrevButton{
    margin: 15px 10px 0 0;
    font-family:Verdana;
    font-size:13px;
    float:left;
}

/*--- NEXT BUTTON STYLE ---*/
.clickdform .WizardNextButton
{
    margin: 15px 0px 0 0;
    font-family:Verdana;
    font-size:13px;
    float:right;
    clear:both;
}

.qa{
	border:1px solid #ccc;
	background-color: #f8f8f8;
	padding:20px;
	margin:20px 0;
}
.qa a{
	color: #008caa;
	text-decoration:none;
	font-weight:bold;
}
.qa-a{
	padding-top:20px;
	display:none;
}
.shown{
	display:block;
}