@import url("/css/fonts/Merriweather");

/* Override bootstrap collapse to keep margins */
body {margin:0;}
.navbar-inverse {
   background-color: #E8F5FD;border:none;
}
#w_top{display: block; background-color:#fff; min-height: 4.5em;    padding: 0 2rem;width: 100%; max-width: 1700px;  margin: 0 auto; position: relative;}
#w_top_nav li{   float: left;}
#w_top_nav{font-family: "Open Sans",sans-serif;  font-size: 1.1em;  font-weight: 700;float: right;margin-right:65px;}
#w_top_nav a{ float: left;   padding: 0 1.5rem; line-height: 3em; color: #0c2074;}
#w_top_nav a:hover{background-color:#fff;text-decoration: underline;}
#w_top_nav .glyphicon{background-color:#fff;}
#w_top_nav a:visited, a:active, a:focus{/*background-color:#e7f3ff;*/}
#w_top_nav a.spoed{color: #9E0915;}
#w_top_nav_down{width: 100%; background-color: #e7f3ff; color: #0c2074; -webkit-flex-direction: row;  flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.top_down_menu{width: 100%; height: 100%; background-color: #fff;margin-bottom: 10px; display: -webkit-flex;  display: flex;  -webkit-flex-direction: column; flex-direction: column;   -webkit-flex-wrap: wrap;  flex-wrap: wrap;}
.top_down_menu .h3 {-webkit-flex: 1 1 auto; flex: 1 1 auto; font-family: "Open Sans",sans-serif; font-size:1.3em; font-weight: 700;line-height: 140%;padding-left:1.5rem;}
.top_down_menu .h3 span.caret{   margin-right: 10px; float: right;}
#w_top_nav_down h2{width: 100%; font-family: "Merriweather Sans",sans-serif; font-size: 1.6em;  font-weight: 700; color: #0c2074;line-height: 140%; padding-bottom: 2rem; position: relative;}
.afsluit{color: #0c2074;background-color:#fff;float:right;left:0;}
/*#speod a, #nl a, #en a, #accessibility a,#login a { float: left;   padding: 0 1.5rem; line-height: 3em; color: #0c2074;}*/
#w_pagetop {float:left; width:100%; background-color:#fff; min-height:70px;height:auto;}
#w_pagetop {float:left;margin-top:0px;background:#E8F5FD none repeat scroll 0 0;}
#w_pagetop ul li {float:left;color:#0c2074;font-size:11px; border-left:solid 1px #bdcae2;overflow:hidden;}
#w_pagetop ul li:nth-child(1){border-left-width:0px;}
#w_subpagetop { max-width:1024px; margin-left:auto;margin-right:auto;}
#myTopnav li.first{border-left:solid 0;}
#myTopnav a{
background:url('/images/sprite.png') no-repeat;  color: #0c2074;display:block;height:20px;width:56px;overflow:hidden;padding-top:27px;line-height:1em; height:40px;}
a:link, a:visited, a:active, a:hover { color: #0c2074;  text-decoration: none;}
#searchpage #myTopnav a.verstuur {visibility:hidden;}
.top_v2.glyphicon {background-color: #fff; color: #0c2074;}
/* edH */
.top_v1 {padding: 2.4rem 3.6rem;width:100%;}
.top_v2 {width: 100%; line-height: 140%; font-family:'Open Sans',sans-serif; font-size: 1em;padding-left: 1.5rem;color:#0c2074;}
/* edH */

ul.topnav {
 list-style-type: none;
 overflow: hidden;
 background-color:#E8F5FD;
 float:right;
 margin-top:10px;
}

ul.topnav li {float: left;}

ul.topnav li a {
 display: inline-block;
 color: #f2f2f2;
 text-align: center;
 text-decoration: none;
 transition: 0.3s;
 font-size: 11px;
}
ul.topnav li a:hover {background-color: #555;}
ul.topnav li.icon {display: none;}
.top_v2 h3{font-family: "Open Sans",sans-serif;
   font-size: 1.1em;
   font-weight: 700;
   line-height: 140%;
   padding-bottom: 1.5rem;}

   div.top_v2 .btn {padding: 1.2rem 1rem;
   font-family: "Merriweather Sans",sans-serif;
   font-weight: 700;
   font-size: 1.5rem;
   line-height: 140%;
   background-color: #0c2074;
   color: #fff;
   display: inline-block;
   width: auto;
   text-decoration: none;
margin-bottom: 20px;}

div.top_v2  .btn.focus, .btn:focus, .btn:hover {
   color: #fff;
   text-decoration: underline;
}
@media screen and (max-width:490px) {#w_top_nav a{padding: 0.2rem 0.5rem 0.2rem 0.5rem;}.top_down_menu .h3 {font-size: 1.0em;}}
@media screen and (max-width:410px) {#w_top_nav a{font-size:0.8em;}}
@media screen and (max-width:1024px) {
#w_top_nav { margin:0;   font-size: 0.9em;}
}