#header{display:none;}
#footer{display:none;}
.closed{display:none;}


#down {z-index: -5; position: relative; top: 3%; overflow: auto; width: 100%; margin:5% 0 0 0; padding: 0px;}
#down p{color:#58585a;font-family: "Myriad Pro Regular";}
#down .last img{width:100%; z-index: 2;}
#header{display:none;}
* {padding: 0;margin: 0;}

body {
  position: relative;
 height: auto;
}

body .wrapper {
  width: 100%;
  height: auto;	
  background-color: white;
  position: absolute;
  overflow: hidden;
	z-index: 1000;
}
body .wrapper span {
  z-index: 9999;
  position: absolute;
  top: 20px;
  left: 10px;
  width: 35px;
  height: 4px;
  background: #0a7192;
  cursor: pointer;
}
body .wrapper span:before, body .wrapper span:after {
  display: block;
  position: absolute;
  content: '';
  left: 0;
  height: 4px;
  width: 35px;
  background: #0a7192;
}
body .wrapper span:before {top: -8px;}

body .wrapper span:after {bottom: -8px;}

body .wrapper .overlay {
  position: absolute;
  bottom: -100%;
  height: 100%;
  background: #86d1f1;
  left: 0;
  width: 100%;
  transition: all 0.25s ease;
}
body .wrapper .overlay.anim {
  left: 0;
  bottom: 0;
  animation: menuu-anim 0.75s 1 ease-out normal;
  width: 25%;
  transition: all 0.25s ease;
}
body .wrapper .overlay.anim.reverse-anim {
  left: 0;
  bottom: 0;
  animation: menuu-anim 2.0s 1 ease-out reverse;
  width: 25%;
  transition: all 0.25s ease;
}
body .wrapper .overlay ul {
  width: 100%;
  text-align: right;
  margin-top: 60%;
  padding-left: 0;
  margin-left: -10px;
  font-size: 20px;
  font-weight: 500;
}
body .wrapper .overlay ul li {margin: 10px 0;}
body .wrapper .overlay ul li a {
  text-decoration: none;
  color: white;
  position: relative;
  display: inline-block;
  padding: 10px 0;
	overflow: hidden; width: 100%;}

body .wrapper .overlay ul li a:after {
  display: block;
  border-radius: 2px;
  content: '';
  left: 0;
  bottom: -10px;
  height: 5px;
  background: #ffffff;
  transform: translateX(-101%);
}
body .wrapper .overlay ul li a:hover {text-decoration: none;}

body .wrapper .overlay ul li a:hover:after {animation: border-anim 0.25s 1 ease normal;transform: translateX(0);}

@-webkit-keyframes border-anim {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
 }
}
@-webkit-keyframes menuu-anim {
  0% {
    left: 0;
    bottom: -99%;
    width: 100%;
  }
  33% {
    left: -99.5%;
    bottom: -99.5%;
    width: 100%;
  }
  66% {
    left: -99.5%;
    bottom: 0;
    width: 100%;
  }
  100% {
    bottom: 0;
    left: 0;
    width: 25%;}
}
top{left:0px;
	float:right; 
	right:0;
	
	background-color: #eaf6fd;
	position:absolute;
	top: 0px;
	z-index: -20;
	width:100%;
	height: 70px;
	margin:0px;
	padding:0px;
	border-bottom-color: black;}

top img{
	width:60%;
	height:auto;
	float:left;
	position:absolute;
	top: 0px;
	left:20%;
	z-index: 20;}

b{color:rgba(0,0,0,0.80);font-family:"myriad pro bold";}
p{color:rgba(0,0,0,0.80);font-family: "Myriad Pro Regular";}
#header .current{ font-weight:bold;}



/*css van home*/

#down .hometekst {padding-left: 7.5%; width: 92.5%;position: relative;float: left; left:0;}
#down .hometekst p{color:rgba(0,0,0,70); font-size: 110%;font-family: "Myriad Pro Regular";}
#down .head_home{position: relative;padding-left: 7.5%; width:90%;float:left; margin-top: 22.5%;margin-bottom: 10px; font: bold; color:rgba(0,0,0,90); font-size: 125%;}
#down .hometekst .home_left{width:90%;float: left;margin-top: 5%;}
#down .hometekst .home_middle{width:90%;float: left;margin-top: 10%;}
#down .hometekst .home_right{width:90%;float:left;margin-top: 10%;} 

#down .info_blok img{width:75%;height:auto;position:relative;float:right;padding-right: 15%;}
#down .logo_hallo img{width:95%;height:auto;position:relative;top:0px;float:right;right:2.5%;}


/*css van het team*/
/*css van het team vakjes*/ 
#down .square{position:static;height:auto;witdth:150%;}
#down .name{color:#01b6e8;font-size:125%;font-style:bold;}
#down .function{color:#58585a;font-size:125%;font-style:italic;margin:2.5% 0;}
#down .discription{color:#58585a;font-size:110%;font-family: "Myriad Pro Regular";}

/*blok personeel*/
#down .square .blok1{
	padding:3%;
	padding-right: 0px;
	width:90%;
	height:auto;
	margin-left: 3%;
	margin-bottom: 5%; 
	border:thin solid black; }
#down .square .blok1 img{position:relative;float:right;right:2.5%;height:30%;width:30%;margin-left: 1%;padding-left:2.5%;}

/*blok personeel*/
#down .square .blok2{
	padding:3%;
	padding-right: 0px; 
	width:90%;
	height:auto;
	margin-left: 3%;
	margin-bottom: 5%;
	border:thin solid black;}
#down .square .blok2 img{position:relative;float:right;right:2.5%;height:30%;width:30%;margin-left: 1%;padding-left:2.5%;}


/*blok3(anja en koos blokje)*/
#down .square .blok3{
	margin-top:17.5%;
	padding:3%; 
	padding-right:0px;
	width:90%;
	height:auto;
	margin-left:3%;
	margin-bottom: 5%;
	border:thin solid black;}
#down .square .blok3 img{position:relative;float:right;right:2.5%;height:55%;width:55%; margin-left: 1%;padding-left:2.5%;}



/*css van hallo*/
#down .logo-hallo{width:100%;height:auto;margin-top: 16%;}
#down .logo-hallo img{width:100%;height:auto;padding:0px;margin:0px;}
#down .nieuw_hallo{height:auto; width:80%;float:left; margin-left: 2.5%; top:-30px;margin-bottom: 3%;padding: 0 8.75%;}
#down .nieuw_hallo img{width:100%;height:auto;float:right;right:0;background-color:white;border:thin solid black;}

#down .landkaart{width:75%; padding: 0 7.5%; position:relative; top:85%; float:left; left:10%;}
#down .landkaart img{width: 100%;}

#down .onderkop{list-style-type:none;display:inline-block;list-style:none; width:100%;}
#down .onderkop p{left:0;position: center;float:right;width:100%;height:10%;border:thin solid black;margin:0;padding:5% 0;list-style-type:none;font-size:110%;font-weight:600;background-color:#a9acad;color:white;font-family:"Special Elite"; text-align:center;margin-right: 0px;} 

/*tekst*/
#down .hallotekst {width: 95%;position: relative; top: 20%;float: left; left: 2.5%;}
#down .hallotekst p{color:rgba(0,0,0,0.70);font-size: 110%;}
#down .head_hallo{width:90%;float: left; margin-left: 8.1%;font: bold; color:rgba(0,0,0,0.90); font-size:125%;}

#down .hallotekst .hallo_up{width:95%;padding:1%;margin:0 0 0 2%;}
#down .hallotekst .hallo_down{width:95%;padding:1%;margin:0 0 0 2%;}

#down .hallotekst .hallo_left{width:95%;padding:1%;margin:0 0 0 2%;}
#down .hallotekst .hallo_middle{width:95%;padding:1%;margin:0 0 0 2%;}
#down .hallotekst .hallo_right{width:95%;padding:1%;margin:0 0 0 2%;} 

/*css van het archief*/
#down .archief{display:inline-block;width:100%;}
#down .archief p{margin-top:5%;margin-bottom:3%;margin-right:50%;color:#01b6e8;font:uppercase;float:left;margin-left:10%;}
#down .archief img{margin-top:10%;width:15%;margin:4%;}



/*css van archief*/ 

/*css van verdeelpagina menu archief*/
#down .archief_menu{list-style-type: none;display:inline-block;list-style:none; width:100%; float:left; left:0; margin-top: 25%;}
#down .archief_menu ul{margin-left: 3.5%; width: 90%; left:0;position: center;}
#down .archief_menu ul a{left:0;	text-decoration:none;}
#down .archief_menu li{display: block;width: 100%;z-index: auto !important;top:75%;}
#down .archief_menu li a{float:left;width:300px;height:10%;border:thin solid black;margin:2%; padding:3%;list-style-type:none;font-size:125%;font-weight:600;background-color:#a9acad;
background-repeat:no-repeat;box-shadow:3px 3px; color:white; font-family:"Special Elite"; text-align:center;}			   
#down .archief_menu li a img{width:80%;}
#down .archief_menu p{color:#01b6e8;font:uppercase; margin-right:70%; margin-left:10%;}

/*css van het archief*/
#down .archief{display:inline-block;width:100%;margin-top: 25%;}
#down .archief p{margin-top:5%;margin-bottom:3%;margin-right:5%;color:#01b6e8;font:uppercase;float:left;margin-left:10%;font-family: "Myriad Pro Regular"; font-size: 110%;}
#down .archief img{margin-top:10%;width:30%;margin:4%;margin-left: 10%;}


/*css van links*/
#down .icon{list-style-type: none;display:inline-block;list-style:none; width:100%; margin-top: 25%;}
#down .icon ul{width: 100%; left:0;position: center;}
#down .icon ul a{margin-left: 9%;	text-decoration:none;}
#down .icon li{display: block;width: 100%;z-index: auto !important;top:75%;}
#down .icon li a{display: block;color: black; background-color:white; border:thin solid white;margin-right:2.5%;
				   margin-bottom:3%;padding:1%;font-size:90%;float:left; left:0; font-weight:bold;
				   text-align: center;width:115px; height:115px;border: thin solid black;}
#down .icon li a p{padding-top:0px;color:black;}			   
#down .icon li a img{max-height:60%;}



/* css van redactie & verkoop*/

#down .paginaindeling .vormen{padding-left: 5%;padding-right: 1%;padding-bottom: 1.5%; margin-top:20%; background-color: #474747;boder: thin solid black;}
#down .paginaindeling .vormen ul{}
#down .paginaindeling .vormen ul p{padding-top: 1%;padding-bottom: 1%; color:white;font-size: 110%; }
#down .paginaindeling .vormen li{margin-bottom: 5%; right: 0px;margin-left:20%;list-style-type: none; background-color: lightgrey;}
#down .paginaindeling .vormen li p{color: black;padding-left: 20%;font-family:SpecialElite; list-style: none;}
#down .paginaindeling .vormen li a{}
#down .paginaindeling .vormen li img{width: 45%;padding: 1.25%; margin:1.25%; }

#down .introtekst{margin: 5%; font-size: 110%;font-family: "Myriad Pro Regular";}
#down .introtekst .head_line{font-size: 125%;font-family: "myriad pro bold";}

#down .uitgavedata a img{width: 60%; margin-left: 20%;border: thin solid #D3D3D3;}



/*css van contact*/
#down .contact{padding-left:7.5%;margin-top:16%;color:(0,0,0,0.60);	font-weight:bold;width: 95%;}
#down .contact_aqua{background-image:url(afbeeldingen/dot.png);background-repeat: repeat-x;background-size:2%;background-position:bottom left;margin-right:15%;padding:2%;}
#down .contact_aqua img{height:20%;}
#down .contact_aqua p {margin-top:15%; width: 90%;}
#down .contact_HALLO p{margin-top: 6%; font-family: "myriad pro bold";}
#down .contact_HALLO{margin-bottom: 5.5%;}
#down .contact .C{font-weight:bolder;font-size:125%;padding-top:5%;}
#down .contact .CK{font-weight:bold;font-size:125%;margin-bottom:5%;}