@charset "UTF-8";
/* CSS Document */

@media only screen and (min-width: 981px) and (max-width: 1024px) {
#logo02{
width: 35%;
float: left;

}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
#logo02{
width: 35%;
float: left;

}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
#box01{
	height: 100%;
	width: 100%;
	float: left;
	position: static;
	top: 0px;
	float: left;
	min-height:400px;
	
}	
#box02{
	height: 300px;
	width: 85%;
	float: left;
	position: absolute;
	top: 0px;	
}
#logo02{
width: 125px;
height: 118px;
float: left;
top: 25%;
left: -17px;
position: absolute;
}
#p-tekst{
	width: 75%;
	height: 300px;
	float: left;
	margin-left: 25%;
	position: absolute;
	top: 0%;
}
#tekstp01 {
	height: 120px;
	width: 100%;
	position: absolute;
	top: 23%;
	float: left;	
}

zin { padding-left:4%; float: left;}
knop { float: left;
		margin-left: -30%;
	
	}
#vlag {
	position: absolute;
	right: 0px;
	float:right;
	top: 0%;
	width: 57px;
	height=: 41px;
	}

}
@media only screen and (max-width: 479px) {
#box01{
	height: 100%;
	width: 100%;
	float: left;
	position: static;
	top: 0px;
	float: left;
	min-height:470px;
	
}	
#box02{
	height: 300px;
	width: 70%;
	float: left;
	position: absolute;
	top: 0px;	
}
#logo02{
width: 105px;
height: 100px;
float: left;
top: 50%;
left: -17px;
position: absolute;
}
#p-tekst{
	width: 60%;
	height: 300px;
	float: left;
	margin-left: 50%;
	position: absolute;
	top: 0%;
}
#tekstp01 {
	height: 120px;
	width: 100%;
	top: 50%;
	float: left;	
}
#vlag {
	position: absolute;
	right: 0px;
	float:right;
	top: 0%;
	width: 57px;
	height=: 41px;
	}


zin { padding-left:0%; float: left}
knop { padding-left:0%}
	
	


}