body{
	background-color: #FFFFFF;
	box-shadow: 0px 0px 15px;	
	margin:0px;
	/*
		background: -webkit-radial-gradient( hsla(0,0%,100%,1.00),
	 hsla(184,0%,98%,1.00)); /* Safari 5.1 to 6.0 */
  /*background: -o-radial-gradient( hsla(0,0%,100%,1.00),
	 hsla(184,0%,98%,1.00)); /* For Opera 11.6 to 12.0 */
 /*background: -moz-radial-gradient( hsla(0,0%,100%,1.00),
	 hsla(184,0%,98%,1.00)); /* For Firefox 3.6 to 15 */
  /*background: radial-gradient( hsla(0,0%,100%,1.00),
	 hsla(184,0%,98%,1.00)); /* Standard syntax */
	}
	
a:link {
	color: hsla(190,100%,43%,1.00);
	text-decoration: none;
}

a:visited {
	color: hsla(190,100%,43%,1.00);
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: hsla(188,100%,62%,1.00);
}
#publicaties{
	position: absolute;
	top: 80px;
	left: 263px;
	width: 335px;
	height: 335px;
	background-color: hsla(189,100%,100%,1.00);
	z-index: 50;
	text-align: left;
	font-family: 'Raleway', sans-serif;
	font-variant: normal;
	font-size: 18px;
	margin-top: 0px;
	letter-spacing: 0px;
	-webkit-box-shadow: -7px -7px 0 4px hsla(0,0%,0%,0.05);
	box-shadow: -7px -7px 0 4px hsla(0,0%,0%,0.05);
	border-radius: 50%;
	padding-top: 26px;
	padding-right: 67px;
	padding-left: 107px;
	padding-bottom: 67px;
	}

.flex-center-vertical {
  display: flex;
  justify-content: center;
  flex-direction: column;
  }

#vwlb_container{
	position: absolute;
	left: 232px;
	top: 77.8px;
	font-family: 'Raleway', sans-serif;
	z-index: 150;
	width: 500px;
	}
	
#vwlb_rondje{
	position: absolute;
	left: 75px;
	top: 41px;
	width: 50px;
	height: 50px;
	background-color: #FFFFFF;
	-webkit-box-shadow: 3px -2px 0px 1px hsla(0,0%,0%,0.15);
	box-shadow: 3px -2px 0px 1px hsla(0,0%,0%,0.07);
	border-radius: 50%;
	z-index: 90;
	cursor:pointer;
	}

#binnenrondje{
	position:relative;
	width:34px;
	height:34px;
	top:7px;
	border: hsla(190,100%,43%,1.00);
	border-radius:50%;
	border-style:dashed;
	border-width:thin;

	}

#vwlb_text{
	position: absolute;
	z-index: 100;
	left: 133px;
	top: 48px;
	color: hsla(0,0%,0%,1.00);
	
	}
	
#vwlb_deel_I{
	position: absolute;
	left: 91px;
	width: 50px;
	height: 50px;
	background-color: #FFFFFF;
	-webkit-box-shadow: 3px -2px 0px 1px hsla(0,0%,0%,0.15);
	box-shadow: 3px -2px 0px 1px hsla(0,0%,0%,0.15);
	top: -58px;
	border-radius: 50%;
}
	
#vwlb_deel_II{
	position: absolute;
	left: 189px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #FFFFFF;
	-webkit-box-shadow: 3px -2px 0 1px hsla(0,0%,0%,0.15);
	box-shadow: 3px -2px 0 1px hsla(0,0%,0%,0.15);
	top: -58px;
	}

#vwlb_deel_III{
	position: absolute;
	left: 280px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #FFFFFF;
	-webkit-box-shadow: 3px -2px 0 1px hsla(0,0%,0%,0.15);
	box-shadow: 3px -2px 0 1px hsla(0,0%,0%,0.15);
	top: -58px;
	}
	
#lostandfound{
	position: absolute;
	top: 638px;
	left: 697px;
	width: 130px;
	height: 115px;
	border-radius: 50%;
	background-color: hsla(278,39%,100%,1.00);
	z-index: 40;
	text-align: center;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	font-variant: normal;
	font-size: 18px;
	letter-spacing: 2px;
	-webkit-box-shadow: 3px 3px 0 1px hsla(0,0%,0%,0.15);
	box-shadow: 3px 3px 0 1px hsla(0,0%,0%,0.15);
	padding-top: 30px;
	}

#ba{
	/*position: absolute;*/
	top: 560px;
	left: 911px;
	width: 125px;
	height: 125px;
	border-radius: 50%;
	background-color: hsla(278,39%,100%,1.00);
	z-index: 40;
	text-align: center;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	font-variant: normal;
	font-size: 18px;
	letter-spacing: 0px;
	-webkit-box-shadow: 3px 3px 0 1px hsla(0,0%,0%,0.15);
	box-shadow: 3px 3px 0 1px hsla(0,0%,0%,0.15);
	}
#b-home{
	background-color: hsla(0,0%,100%,1.00);
	position: absolute;
	left: 59px;
	top: 267px;
	width: 70px;
	height: 70px;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	font-variant: normal;
	font-size: 18px;
	color: #000000;
	cursor: pointer;
	-webkit-box-shadow: -7px -21px 0 2px hsla(0,0%,0%,0.07);
	box-shadow: -7px -21px 0 2px hsla(0,0%,0%,0.07);
	border-radius:50%;
	text-align:center;
	display:table-cell;
	z-index:10;
	
	}
	

	
li{
	background-color: #FFFFFF;
	-webkit-box-shadow: 9px 14px 15px 4px hsla(359,100%,50%,1.00);
	box-shadow: 6px 4px 15px 4px hsla(359,100%,0%,.3);
	list-style-type: none;
	padding-top: 3px;
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 3px;
	text-align: left;
	margin-left: 13px;
	margin-top: 11px;
	text-indent: 10px;
}

.subpub{
	position: absolute;
	left: 133px;
	top: 31px;
	width: 222px;
	height: 30px;
		}



#paginainhoud{
	background-color: hsla(0,0%,100%,1.00);
	width: 600px;
	height: 600px;
	}
	
/* tijdschriften */
#tijdschriften{
	position: absolute;
	top: 375px;
	left: 629px;
	width: 275px;
	height: 275px;
	background-color: hsla(278,39%,100%,1.00);
	z-index: 60;
	text-align: center;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	font-variant: normal;
	font-size: 18px;
	letter-spacing: 0px;
	-webkit-box-shadow: 0px 4px 0 4px hsla(0,0%,0%,0.07);
	box-shadow: 0px 4px 0 4px hsla(0,0%,0%,0.07);
	border-radius: 50%;
	}
	

#subcategorie{
	position: absolute;
	left: 174px;
	top: 82px;
	}
	
#vooruit{
	position: absolute;
	top: -8px;
	left: 36px;
	-webkit-box-shadow: 4px 5px 0 1px hsla(0,0%,0%,0.07);
	box-shadow: 4px 5px 0 1px hsla(0,0%,0%,0.07);
	border-radius: 50%;
	width: 122px;
	height: 122px;
	line-height: 122px;
	background-color: hsla(0,0%,100%,1.00);
	z-index: 25;
	}

#talent{
	position: absolute;
	top: 66px;
	text-align: left;
	-webkit-box-shadow: 3px 2px 0 0 hsla(0,0%,0%,0.07);
	box-shadow: 3px 2px 0 0 hsla(0,0%,0%,0.07);
	border-radius: 50%;
	width: 75px;
	height: 75px;
	line-height: 75px;/* om de text vertikaal te centreren moet deze hetzelfde zijn als de height */
	text-align: center;
	background-color: hsla(0,0%,100%,1.00);
	left: -16px;
}

#werf{
	position: absolute;
	top: 130px;
	text-align: left;
	-webkit-box-shadow: 15px 13px 0 0 hsla(0,0%,0%,0.07);
	box-shadow: 15px 13px 0 0 hsla(0,0%,0%,0.07);
	border-radius: 50%;
	width: 90px;
	height: 90px;
	line-height: 90px;/* om de text vertikaal te centreren moet deze hetzelfde zijn als de height */
	text-align: center;
	z-index: 100;
	background-color: hsla(0,0%,100%,1.00);
}

.knoppen{
	position:absolute;
	top:-1000px;
	left:0px;
	z-index:50;
}

.volgende{
	position: absolute;
	left: 520px;
	width: 80px;
	height: 600px;
	background-color: hsla(359,50%,55%,0.0);
	cursor: pointer;
	z-index: 50;
	margin:0px;
	opacity:0;	}
	
.vorige{
	position:absolute;
	left:0px;
	width:80px;
	height:600px;
	background-color:hsla(359,50%,55%,0.0);
	cursor:pointer;
	z-index:50;
	opacity:0;
	margin:0px;
	}

	
.ba_repo_volgende{
	top: 100px;
	left: 320px;
}
	
.ba_repo_vorige{
	top: 100px;
	left:200px;

	}

#info_veld{
	position: absolute;
	left: 817px;
	top: 38px;
	width: 210px;
	height: 350px;
	/*Background-color: hsla(359,81%,61%,1.00);*/
	visibility: visible;
	z-index: 0;
	}