#_10d_header_spacer{
  position: absolute;
  height: 100%;
}

#_10d_headerwrapper{
	width: 100%;
	height: 50%;
	min-height:320px;
	margin:0;
	padding:0; 
	overflow:hidden;
	background-color: #4498EA;
	background-image: linear-gradient(to top right,#4498EA, #90C6FA);
	z-index:40;
}

#_10d_header {
    top: 0;
    width: 100%;
    height: 100%;
}

#_10d_header_background {
	position:absolute;
	top:0;left:0;
	width:100%;height:50%;
	min-height:320px;
	opacity:0.4;
	background-image: linear-gradient(to top right,#142E9A, #023472);
	background-size: cover;
    background-position-y: center;
    background-position-x: center;
	background-image:url("/media/images/_10d_headerimage.jpg");
}

#_10d_header_contentwrapper{
	position:relative;
	width:auto;
	max-width:1000px;
	margin:100px auto 0;
}

#_10d_erepenning_header{
	position: absolute;
	z-index:99;
	background-size: cover;
    background-position-y: center;
    background-position-x: center;	background-image:url("/css/images/erepenning.png");
}

@media screen and (min-width: 1400px){
	#_10d_erepenning_header{
		top:0px;
		right:-200px;
		width:200px;
		height:200px;
	}		
}

@media screen and (min-width: 1320px) and (max-width: 1400px){
	#_10d_erepenning_header{
		top:0px;
		right:-150px;
		width:150px;
		height:150px;
	}		
}

@media screen and (min-width: 1150px) and (max-width: 1320px){
	#_10d_erepenning_header{
		top:-30px;
		right:-70px;
		width:150px;
		height:150px;
	}		
}

@media screen and (min-width: 500px) and (max-width: 1150px){
	#_10d_erepenning_header{
		top:-30px;
		right:40px;
		width:150px;
		height:150px;
	}		
}

@media screen and (max-width: 500px){
	#_10d_erepenning_header{
		top: 0px;
		right:20px;
		width:100px;
		height:100px;
	}		
}