body{
	font-family: 'Source Sans Pro', sans-serif;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background-color: #fff;
	line-height: normal;
}

p{
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 16pt;
		font-weight: 300;
		margin: 0;
	}
h1{
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 40pt;
		font-weight: 700;
		padding-bottom: 25px;
	}
h2{
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 16pt;
		font-weight: 400;
	}
h3{
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 17pt;
		font-weight: 300;
	}
a{
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 17pt;
		font-weight: 300;
		text-decoration: none;
	}


header{
	width: 100%;
	height: 50px;
	background-color: #fff;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
    position: fixed;
    top: 0;
    z-index: 999;
    transition: top 0.5s ease-in-out;
}
.hrLine{
	border-top: 1px solid #d9d9d9;
	width: 100%;
	max-width: 1500px;
}
.hrLineC{
	border-top: 1px solid #fff;
	width: 100%;
	max-width: 1500px;
}
.nav-up {
    top: -50px;
}
.MenuLogo{
	height: 50px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
#MenuTextBar{
	margin-right: 0;
	padding: 0 0 0 0;
	padding-right: 150px;
	line-height: 30pt;
	display: inline-block;
	position: absolute;
	width: 100%;
	padding-top: 2px;
	text-align: right;
}
.LogoText{
	margin-left: 25px;
	color: #222;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 15pt;
	font-weight: 700 !important; 
	margin-right: 0;
	display: inline-block;
	position: absolute;
	padding-top: 10px;
}
.MenuText{
	margin-left: 15px;
	margin-right: 0px;
	color: #222;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 15pt;
	font-weight: 300;
}
#profile{
	padding-top: 50px;
	padding-bottom: 25px;
}

#Home{
	padding-top: 0px;
    background-color: #fff;
    /*background-image: url("../images/homebackground.png");*/
    padding-bottom: 50px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 1250px;
}
#Welkom{
	padding-top: 75px;
	font-weight: 700;
	padding-bottom: 0;
}
.HomeText{
	color: #222;
	text-align: center;
	/*text-shadow: 2px 2px 15px #222;*/
	margin-left: 10%;
	margin-right: 10%;
}

#Foto{
	background-color: #222;
}
.mySlides{
	width: 100%;
	max-width: 1920px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#Info{
	margin-left: 10%;
	margin-right: 10%;
	color: #f0f0f0;
	padding-bottom: 25px;
	background-color: #222222;
}
#InfoTitle{
	padding-top: 50px;
	font-weight: 700;
	color: #f0f0f0;
}
.blockinfo{
	width: 32.5%;
	text-align: justify;
	padding-top: 25px;
	display: inline-block;
	padding: 20px;
}

.info1{
	color: #f0f0f0;
	text-align: center;
	font-weight: 600;
	font-size: 18pt;
}
.info2{
	color: #f0f0f0;
}
#Contact{
	padding-right: 10%;
	padding-left: 10%;
	background-color: #28a0ab;
	margin-top: -10px;
}
.container {
	width: 60%;
	display: inline-block;
    border-radius: 5px;
    background-color: #28a0ab;
    padding-bottom: 25px;
    color: #fff;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 15pt;
	font-weight: 300;
	margin-right: 10%;
	position:relative;
}


input[type=text], select, textarea {
    min-width: 100%; 
    padding: 12px; 
    border: 1px solid #125356; 
    border-radius: 4px; 
    box-sizing: border-box; 
    margin-top: 6px; 
    margin-bottom: 16px; 
    resize: vertical;
    background-color: #228489;

}

input[type=submit] {
    background-color: #4CAF50;
    color: white;
    padding: 12px 20px;
    border: 1px solid #125356;
    border-radius: 4px;
    cursor: pointer;
}

input[type=submit]:hover {
    background-color: #125356;
}

.container input{
  background-color: #228489;
  color: #fff;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 15pt;
	font-weight: 300;
	display: inline-block;
}
.container textarea{
  background-color: #228489;
  color: #fff;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 15pt;
	font-weight: 300;
	display: inline-block;
}
#map{
	display: inline-block;
	border: 1px solid #125356; /* Gray border */
    border-radius: 4px; /* Rounded borders */
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    margin-top: 6px; /* Add a top margin */
    margin-bottom: 25px; /* Bottom margin */
}
#contactinfo{
	display: inline-block;
	vertical-align: top;
	color: #f0f0f0;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 15pt;
	font-weight: 300;
	margin-bottom: 25px;
	position: relative;
}
#Footer{
	padding: 25px;
	padding-left: 0;
	padding-right: 0;
	background-color: #222;
	font-size: 5pt;
}
.w3-button:{color:#000!important;background-color:#ccc!important}
#TFooter{
	color: #f0f0f0;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	display: inline-block;
	vertical-align: top;
	margin-left: 10%;
	text-align: left;
	width: 40%;
}
#BFooter{
	color: #f0f0f0;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	display: inline-block;
	vertical-align: top;
	margin-right: 10%;
	text-align: right;
	float: right;
}
.footext{
	color: #f0f0f0;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	font-size: 10pt;
}

@media (max-width:1250px) {
	.container {
		width: 100%;
		max-width: 100%;
	}
}
@media (max-width:1150px) { 
	.blockinfo{
		width: 100%;
	}

	p{
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 25pt;
		font-weight: 300;
	}
	h1{
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 40pt;
		font-weight: 700;
		padding-bottom: 50px;
	}
	h2{
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 25pt;
		font-weight: 400;
	}
	h3{
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 26pt;
		font-weight: 300;
	}
	a{
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 26pt;
		font-weight: 300;
		text-decoration: none;
	}
	.info1{
		color: #f0f0f0;
		text-align: center;
		font-weight: 600;
		font-size: 26pt !important;
	}
	#MenuBar{
		width: 100%;
		height: 75px;
	}
	#MenuTextBar{
		padding-right: 0;
		line-height: 50px;
	}
	.MenuLogo{
		height: 75px;
		margin-right: 0;
		padding-right: 0;
	}
	.LogoText{
		display: none;
	}
	.MenuText{
		font-size: 20pt;
		padding-top: 15px;
		text-align: center;
	}
	#MenuTextBar{
		width: 100%;
		margin-left: -75px;
		margin-right: 0;
		padding-top: 10px;
		text-align: center;
	}
	.nav-up {
   		 top: -75px;
	}

}
@media (max-width:1150px) { 
	.blockinfo{
		width: 100%;
		text-align: justify;
		padding-top: 25px;
		display: inline-block;
		padding-left: 10%
		padding-right: 10%;
	}	
	.container {
		width: 100%;
		display: inline-block;
	    border-radius: 5px;
	    padding-bottom: 25px;
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 15pt;
		font-weight: 300;
		margin-right: 10%;
	}
	#contactinfo{
		margin-bottom: 50px;
	}
	#TFooter{
		display: none;
	}
	#BFooter{
		float: none;
		margin-left: 10%;
	}
}

@media (max-width:1150px) { 

	#TFooter{
		display: none;
	}
	.LogoText{
		display: none;
	}
	.NoMobile{
		display: none;
	}
	.MenuLogo{
		display: none;
	}
	#MenuTextBar{
		margin-left: 0;
	}
}

@media (max-width:1150px) { 
	p{
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 18pt;
		font-weight: 300;
	}
	h1{
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 28pt;
		font-weight: 700;
		padding-bottom: 50px;
	}
	h2{
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 18pt;
		font-weight: 400;
	}
	h3{
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 18pt;
		font-weight: 300;
	}
	a{
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 17pt;
		font-weight: 300;
		text-decoration: none;
	}
	.MenuText{
		font-size: 20pt;
	}
	#MenuTextBar{
		line-height: 50px;
		margin-top: 0px;
	}
}