/* EO topbar restyled in august 2010, see components */


@font-face {
 font-family: 'QuadraatHead-LightRegular';
 src: url('/components/fonts/QuadraatHead-Light/QuadraatHead-Light.eot');
 src: local('QuadraatHead-Light Regular'),
 local('QuadraatHead-Light'), 
 url('/components/fonts/QuadraatHead-Light/QuadraatHead-Light.woff') format('woff'),
 url('/components/fonts/QuadraatHead-Light/QuadraatHead-Light.ttf') format('truetype'),
 url('/components/fonts/QuadraatHead-Light/QuadraatHead-Light.svg#QuadraatHead-Light') format('svg');
}


/* -----------------algemeen topbar ----------------- */

.nl_eo_topbar {
 background-color:#1d1d1d;
 background-image: url('/components/images/topbar_bg.png');
 background-repeat: no-repeat;
 background-position: top center;
 text-align: center;
 width: 100%;
 margin-left: auto;
 margin-right: auto;
 height: 47px;
 }

#topbar_schaduw {
 position: absolute;
 top: 47px;
 margin-left: auto;
 margin-right: auto;
 left: 0;
 right: 0;
 width: 1000px;
 height: 13px;
 background-image: url('/components/images/topbar_shadow.png');
 background-repeat: no-repeat;
 z-index:1;
}

.nl_eo_topbarItems {
 text-align: left;
 width: 990px;
 margin: auto;
 padding: 0px 0px 0px 0px;
 }

.nl_eo_topbar .nl_eo_navigation {
 float: left;
 visibility: visible;
 padding: 0px 0px 3px 0px;
}

.nl_eo_topbar .nl_eo_logo {
 position: relative;
 visibility: visible;
 float: left;
 margin: 10px 0px 0px 0px;
 z-index: 50;
 border: 0px;
}

#nl_eo_topbarmenu {
 margin: 14px 10px 0px 0px;
 text-decoration: none;
 /*width: 610px;*/
 float: left;
 z-index:99;
 padding:2px;
 }

#nl_eo_topbarmenu a {
 text-decoration:none;
 color: #001735;
}

#nl_eo_topbarmenu a:hover {
  color: #e37222;
}

#nl_eo_topbarmenu li {
 position: relative;
 z-index: 99;
}

#nl_eo_topbarmenu ul {
 float: left;
 line-height: 100%;
 z-index:1002;
 padding:0px;
 margin:0px;
 }

.nl_eo_topbar .nl_eo_topbarItems ul li{
 padding: 0px;
 list-style-type: none;
 background-image: none;
 }

.nl_eo_topbar .nl_eo_topbarItems ul li ul li{
 list-style-type: square;
 background-image: none;
 color: #0062b3;
 }

#nl_eo_topbarmenu ul li h5 {
 color: #fff;
 font-family: 'QuadraatHead-LightRegular', Trebuchet MS, Helvetica, sans-serif;
 font-weight:normal;
 display: inline;
 white-space: nowrap;
 text-transform:uppercase;
 background-image: url('/components/images/h5_bg.jpg');
 background-repeat: no-repeat;
 background-position: top right;
 padding: 8px 19px 8px 12px;
 font-size: 13px;
 }

#nl_eo_topbarmenu ul li h5 a {
 color: #fff;
 }

#nl_eo_topbarmenu h6 {
 margin:0px;
 z-index:99;
 }

#nl_eo_topbarmenu h6 a   {
 display: block;
 z-index: 99;
 color:#fff;
 font-weight:normal;
 border-bottom: 1px solid #3b3b3b;
 padding: 3px 0px 5px 0px;
 font-size:12px;
  }

#nl_eo_topbarmenu ul li ul {
 padding:23px 10px 15px 15px;
 } 

#nl_eo_topbarmenu ul li ul li {
 list-style-type:none;
 font-weight:normal;
 }

#nl_eo_topbarmenu ul ul {
 position: absolute;
 padding:3px 0px 3px 15px;
 background-image: url('/components/images/transparant_bgsubmenu.png');
 background-repeat: repeat;
 line-height: 80%;
 z-index:99;
 } 

#nl_eo_topbarmenu ul ul ul {
 position: absolute;
 top: 0;
 left: 100%;
 line-height: 90%;
 z-index:99;
}

div#nl_eo_topbarmenu ul ul,
div#nl_eo_topbarmenu ul li:hover ul ul,
div#nl_eo_topbarmenu ul ul li:hover ul ul {
 display: none;
 z-index:99;
}

div#nl_eo_topbarmenu ul li:hover ul,
div#nl_eo_topbarmenu ul ul li:hover ul,
div#nl_eo_topbarmenu ul ul ul li:hover ul {
 display: block;
 width: 160px;
 z-index:99;
}

/* -------------searchForm in topbar------ */

#nl_eo_topSearch{
 display:block;
 float:left;
 margin:10px 0px 0px 10px;
 padding:0px;
 display: none;
 }

input.nl_eo_searchInput  {
 height: 20px;
 margin:1px;
 padding:0px;
 float:left;
 }

input.nl_eo_searchButton {
 float:left;
 width:24px;
 height: 24px;
 margin:1px;
 padding:0px;
 border-bottom: 1px solid #ccc;
 border-right: 1px solid #ccc;
 }
 
 /* --------topbar_werving----------- */
 
 .fb-like {
	 float: left;
	 margin-top: 14px;
	 width: 152px;
 }
 
  .fb-like iframe {
	  width: 150px !important;
  }
 
 #topbar_werving {
	float: left; 
	margin-top: 5px;
 }
 
 
 
 



/* --------NPO Menu----------- */

#nl_eo_npo_menu {
 position: absolute;
 float: right;
 right: 10px;
 top: 8px;
 float: right;
 border: 0px solid red;
 }

.nl_eo_navLink img {
 vertical-align:top;
 }

/* -------waar is dit voor---- */


#nl_eo_iframe_linux {
 display: none;
 background: transparent;
 position: absolute;
 top: 42px;
 right: 20%;
 width: 230px;
 height: 164px;
 z-index: 98;
 margin: 15px;
}

/* ------footer EO paspoort---- */


/* topbarPassport meldingen*/

#container5 .login{
 float:left;
 width: 220px;
 font-size: .75em;
 }

#container5 .login{
 float:left;
 }

#container5 .login a{
 font-weight:normal;
 }

#nl_eo_topbarPassportLinks {
 float:right;
 color: #fff;
 margin:3px 3px 0px 0px;
 }

#nl_eo_topbarPassportLinks a {
 color: #fff;
 padding: 0px 5px 0px 0px;
 }

#container5 .login img{
 float:left;
 margin:2px 3px 0px 4px;
 width:20px; 
 height:20px;
 }

/* ----Passport pop-up------ */

.nl_eo_control a{
 
 }

.nl_eo_loginPassport {
  float: right;
  visibility: visible;
  padding: 3px 0px 3px 0px;
}
.nl_eo_topbar .nl_eo_loginPassport a {
  color: #2a3b57;
  font-weight: bold;
  margin-right: 25px;
  text-decoration: none;
}
.nl_eo_topbar .nl_eo_loginPassport a:hover {
  color: #ffffff;
}
#nl_eo_passportLogin {
 display: none;
 background: url('/components/images/latestnews_bg319.jpg');
 background-repeat: no-repeat;
 background-position: 30px 30px;
 width: 350px;
 height: 300px;
 background-color: #fff;
 position: absolute;
 top: 150px;
 left: 20%;
 z-index: 99;
 padding: 30px 0px 0px 30px;
 border: 3px solid #1d1d1d;
}

#nl_eo_passportLogin p {
 margin: 30px 0px 0px 20px;
 width: 280px;
 }

#nl_eo_passportLogin p a {
 text-decoration: underline;
 color: #2a3b57;
 margin:0px;
 line-height: 160%;
 text-decoration:none;
 background-image: url('/components/images/arrow_green.png');
 background-repeat:no-repeat;
 background-position: 0px 0px;
 padding: 0px 0px 0px 18px;
 line-height: 160%;
 }

#nl_eo_passportLogin p a:hover {
 color: #58a618;
}

.nl_eo_topbarPassportMessage {
 color: #ff0000;
 font-weight: bold;
 padding: 10px 34px 0px 20px;
 text-align: right;
}

#nl_eo_passportLogin  p.nl_eo_control {
 margin: 0 20px 0 0 ;
}

#nl_eo_passportLogin a {
 color: #ffffff;
}

#nl_eo_passportLogin a:hover {
 color: #ffffff;
 text-decoration: underline;
}

#nl_eo_passportLogin  p.nl_eo_control {
 text-align: right;
}

#nl_eo_passportLogin form {
 margin: 12px 0px 0px 20px;
}

#nl_eo_passportLogin th {
 text-align: right;
}

#nl_eo_passportLogin label {
 font-weight: bold;
 font-size: 1em;
 }

#nl_eo_passportLogin input {
 width: 170px;
}