@charset "UTF-8";
/* CSS Document */
@font-face {
    font-family: 'hamburgts-regularregular';
    src: url("../fonts/hamburgts-regular-webfont.woff2") format('woff2'),
         url("../fonts/hamburgts-regular-webfont.woff") format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'hamburgts-lightregular';
    src: url("../fonts/hamburgts-light-webfont.woff2") format('woff2'),
         url("../fonts/hamburgts-light-webfont.woff") format('woff');
    font-weight: normal;
    font-style: normal;
}

body{ margin: 0;}
.header{height: 85px; background-color:#FFFFFF;}
.logo{ position: absolute; padding-top: 24px; border: none; padding-left: 33px; padding-bottom: 20px;}

.content{
	height: 100%;
	background-image: url("../images/content.jpg");
	position:absolute;
	width:100%;
	margin-bottom: 85px;
  background-position:left;
  background-repeat: no-repeat;
  background-size: cover;
} 

.content-image{
	position:absolute;
	top: 183px;
	right: 203px;
	float: right;
	background-image: url("../images/blokje.png");
   width:440px; height: 464px;
  background-repeat: no-repeat;
  background-size: cover;
  
}

.content-text-header {
  text-align: center;
  position: absolute;
	padding-top: 108px;
  left: 95px;
}

h1{ font-size: 28px;  color:#000000; font-family: 'hamburgts-regularregular'; }

.content-text-invul {
  text-align:left;
  position: absolute;
  padding-top: 105px;
  width: 350px;
  left: 40px;
}

.content-invul{ border-bottom: 1px outset #d1d3d4; float: left;}
.invul{ width: 200px; border: none; font-family: 'hamburgts-lightregular';}
.text-invul{ width: 25px; font-family: 'hamburgts-lightregular';}

.content-button {
  text-align:right;
	position: absolute;
 right: 85px; }

.button{ color: #FFFFFF; background-color: #00b0f0; font-family: 'hamburgts-regularregular';  padding: 10px; border-radius: 7px; border: none;}



/* For devices 400px and larger: */
@media only screen and (max-width: 1200px) {
	
.content-image{
	right: 15px;}
}

/* For devices 400px and larger: */
@media only screen and (max-width: 1000px) {
	
.content-image{
	top: 100px;
	right: 0px;}
}

@media only screen and (max-width: 700px) {
	
.content-image{
	top: 80px;
	right: 30px;}
	
	.content{
	height: 100%;
	background-image: url("../images/contentl.jpg");
	position: absolute;
	width:100%;
		margin-bottom: 45px;
  background-position:left;
  background-repeat: no-repeat;
  background-size: cover;
} 
	
}