*
{
	padding: 0;
	margin: 0;
}
li:hover
{
	height:40px;
	box-shadow: -4px 10px 10px #888888; 
	transition: 0.4s;
}
li
{
	display: block;
	height:40px;
	float:left;
	background-color: #f1f1f1;
	width:16.66666667%;
}
li a 
{
    display: inline-block;
    text-align: center;
    text-decoration: none;
    width:100%;
}
ul 
{
	width:100%;
	height: 70px;
	font-family: "Lato", sans-serif;
	text-align: center;
	display: inline-block;

	list-style-type: none;
    overflow: hidden;
    position: fixed;
    top: 0;
}
a
{
	display: inline-block;
	text-decoration: none;
	padding-top:9px;
	font-size: 15pt;
	color: black;
	width:100%;
}
h1
{
	font-family: "Lato", sans-serif;	
	font-size: 32px;
	margin-left:10%;
	margin-top:5%;
}
h2
{
	margin-top:2%;
	text-align: center;
	font-family: "Lato", sans-serif;
	font-size: 20pt;
}
#container
{
	display:block;
	width:50%;
	margin:auto;
	margin-top:2%;
	height:auto;
}
#font-image img 
{
	width: 45%;
	height: 450px;
}
@media only screen and (max-width: 1050px)  {
    #font-image img 
    {
	    width: 90%;
	    height: 450px;
    }
}
h2
{
	color:#696969;
}
hr
{
	width:15%;
	height:5px;
	display: block;
	background-color: #616161;
	margin:auto
}
.text/*iets lichtere background dan .text*/
{
	word-wrap: break-word;
	overflow:hidden;
	background-color: #FAFAFA;
	width:70%;
	height:auto;
	margin:auto;
	font-family: "Lato", sans-serif;
	margin-top:2%;
}
footer
{
	margin-top: 10px;
	font-family: arial;
	text-align: center;
	width: 100%;
	height:40px;
	background-color: #f1f1f1;
	padding-top:10px;
}
p
{
	padding:2%;
	font-family: arial;

}
#normalText
{
	color:black;
	font-size: 12pt;
	display: inline-block;
	width:auto;
}
h4
{
	margin-top: 1%;
	margin-left:2%;
	font-family: "Lato",Arial;
}
h5
{
	font-size: 11pt;
	font-family: "Lato",Arial;
	font-weight: normal;
	margin-top:2%;
}
#inputfield
{
	width:70%;
	margin:auto;
}
input
{
	display: block;
	margin:auto;
	width: 100%;
}
form
{
	font-family: 'Open Sans Condensed', arial, sans;
    width: 80%;
    padding: 30px;
    background: #FFFFFF;
    margin: 50px auto;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.22);
    -webkit-box-shadow:  0px 0px 15px rgba(0, 0, 0, 0.22);
}
input[type="text"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="time"],
input[type="url"],
input[type="password"],
textarea,
select 
{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    display: block;
    width: 100%;
    padding: 7px;
    border: none;
    border-bottom: 1px solid #ddd;
    background: transparent;
    margin-bottom: 10px;
    font: 16px Arial, Helvetica, sans-serif;
    height: 45px;
}
.form-style-8 textarea{
    resize:none;
    overflow: hidden;
}
textarea{
    resize:none;
    overflow: hidden;
}
.button {
    background-color: #555555; /* Green */
    border: none;
    color: white;
    outline: none;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}