* { margin: 0; padding: 0; outline: 0; }body, html { height: 100%; }body { font-size: 14px; line-height: 22px; font-family: Arial, Helvetica, sans-serif; color: #333; background-color: #F5F5F5; min-width: 980px; }.nieuwsbrief-wrap { width:800px; margin-top: -70px; margin-bottom:15px; margin-left: auto; margin-right: auto; }.sponsors2 { float:left; margin-top:41px; margin-left:-90px;}.wrapper #middle-content-t .content-w li { list-style: initial; list-style-position: inside; padding-left: 10px; }a { color: #073964; text-decoration: none; cursor: pointer; }a:hover { text-decoration: underline; }a img { border: 0; }hr { border: 1px dotted #ccc; width: 950px; }a.view { background: url(images/bullet.png) no-repeat 0 10px; padding-left: 8px; font-size: 10px; float: right;  }.font-b { font-size: 14px; line-height: 22px; font-family: Arial, Helvetica, sans-serif; color: #333; }article, aside, details, footer, header, menu, nav, section { display: block; }input, textarea, select { font-size: 14px; font-family: arial, sans-serif; }textarea { overflow: auto; }
.ad-container { text-align:center; }.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }.notext { font-size: 0; line-height: 0; text-indent: -4000px; }.left, .alignleft { float: left; display: inline; }.right, .alignright { float: right; display: inline; }.shell  { width: 980px; margin: 0 auto; text-align: left; height:inherit; }.shell-s  { width: 1000px; margin: 0 auto; text-align: left; height:inherit; }.top-nav.desktop ul { display: block !important; }.top-nav .shell { position: relative; }.top-nav { background: #005386; height: 39px; border-bottom: 2px solid #EC6419; }.top-nav ul { list-style: none; list-style-position: outside; font-family: 'Ubuntu', sans-serif; font-size: 13.5px; text-transform: uppercase; line-height: 39px; font-weight: 700;  }.top-nav ul li { padding: 0 0 0 0; }.top-nav ul li.active  { border-right: 0; }.top-nav ul li a { color: #ffffff; float: left; padding: 0 36.5px; }.top-nav ul li span { float: left; }.top-nav ul li a:hover,.top-nav ul li.active a { color: #ffffff; text-decoration: none; background: #005386; }.top-nav ul li.active a { }.top-nav ul li.active span { padding-left: 2px; }.top-nav span.top-nav-shadow { background: url(images/top-nav-shadow.png) no-repeat 0 0; width: 959px; height: 7px; position: absolute; top: 59px; left: 50%; margin-left: -480px; z-index: 99999;  }.top-nav a.nav-btn { display: none; } #search-q { width:980px; margin-top: 20px; margin-bottom: 200px; margin-left: auto; margin-right: auto; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; padding: 1em 1em .5em; float:left;}#search-mobile { display: none; }#tfheader{ background-color: inherit; margin-top: -20px; }#tfnewsearch{float:left;padding:20px;margin-bottom:20px;}.tftextinput{margin: 0;padding: 5px 15px;font-family: Arial, Helvetica, sans-serif;font-size:14px;border:1px solid #0076a3; border-right:0px;border-top-left-radius: 5px 5px;border-bottom-left-radius: 5px 5px; margin-right:-5px;}.tfbutton {margin: 0;padding: 5px 15px;font-family: Arial, Helvetica, sans-serif;font-size:14px;outline: none;cursor: pointer;text-align: center;text-decoration: none;color: #ffffff;border: solid 1px #0076a3; border-right:0px;background: #0095cd;background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));background: -moz-linear-gradient(top,  #00adee,  #0078a5);border-top-right-radius: 5px 5px;border-bottom-right-radius: 5px 5px;}.tfbutton:hover {text-decoration: none;background: #007ead;background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));background: -moz-linear-gradient(top, #0095cc,  #00678e);}.tfbutton::-moz-focus-inner {border: 0;}.tfclear{clear:both;}#under-construction { width:100%; text-align:center; margin-top: 10px; margin-bottom: 30px; margin-left: auto; margin-right: auto; }#bevestiging { width:100%; text-align:center; margin-top: 100px; margin-bottom: 120px; margin-left: auto; margin-right: auto; }.header-top { background: #FFF; width: 100%; height: 72px; position: absolute; top: 0; left: 0; right: 0; }.header-center { background: #FFF; border-bottom: 1px solid #CCC; width: 100%; height: 180px; position: relative; }.header-inner { z-index: 99; position: relative; margin-top:1px; margin-bottom: -47px;  }.header-cnt #logo { width: 440px; height: 100%; font-size: 0; line-height: 0;  }.header-cnt #logo a { height: 100%; background: url(_notes/logo.png) no-repeat 0 0; text-indent: -4000px; display: block;  }.header-cnt #logo_en a { height: 100%; background: url(_notes/logo-en.png) no-repeat 0 0; text-indent: -4000px; display: block;  }.search { width: 320px; border: none; float: left; padding-top: 5px; }.header-cnt { width: 422px; padding-top: 22px; height: 156px; }.header-cnt h2 { font-size: 74px; line-height: 83px; color: #fff; text-shadow: rgba(0,0,0,0.5) 0px 1px 2px;  font-weight: bolder; } .header-cnt h3 { font-size: 40px; padding-bottom: 8px; line-height: 50px; font-weight: normal;  color: #fff; text-shadow: rgba(0,0,0,0.5) 0px 1px 2px; font-family: tahoma, arial, helvetica, serif;  } .header-cnt p { color: #fff; text-shadow: rgba(0,0,0,0.5) 0px 1px 2px; padding-bottom: 10px; }.header-cnt a.blue-btn { background: url(images/blue-btn.png) no-repeat 0 -75px; position: relative; bottom: -30px; z-index: 100; width: 198px; height: 70px; text-align: center; line-height: 56px; display: block; color: #fff; text-shadow: rgba(0,0,0,0.5) 0px 1px 1px; font-size: 16px; font-family: 'Ubuntu', sans-serif; font-weight: 700;   }.header-cnt a.blue-btn:hover  { text-decoration: none; background-position: 0 0px; }.button-holder {  list-style: none; width: 520px; position: absolute; height: 155px; bottom: 10px; right: -34px; z-index: 1000;}.contact-en {  list-style: none; margin-bottom:10px; position: absolute; height: 100px; padding:10px; bottom: 10px; right: 15px; z-index: 1000; border:1px solid #CCC; border-radius:3px;}.buttons { list-style: none; width: 231px; height: 73px; no-repeat 0 0;  }.wrapper #middle-content { width: 980px; height: auto; margin: 0 auto; text-align: left; }#content-wrapper { width: 100%; padding-top: 20px; margin-bottom: 300px; height: 100%; }.wrapper #middle-content-t { width: 980px; height: auto; margin: 0 auto; text-align: left; }.wrapper #middle-content-cursus { width: 980px; height: 700px; margin: 0 auto; text-align: left; }.wrapper #middle-content-s { width: 980px; height: auto; margin: 0 auto; text-align: left; }.wrapper #middle-content-s-mobile { display:none; }.wrapper #middle-content-video { width: 980px; height: auto; margin: 0 auto; text-align: left; }.wrapper #middle-content-t .content-w { width: 960px; padding: 3px; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; padding: 1em 1em .5em; margin-top:-12px; margin-bottom: 20px; }.wrapper #middle-content-t .content-e { width: 980px; padding-bottom:200px; margin-top:-20px;}.wrapper #middle-content-t .content-en { width: 925px; height:400px; border:1px solid #ccc; border-radius:3px; background-color:#fff; padding:20px; overflow:scroll; padding-bottom:50px; margin-bottom:100px; }.wrapper #middle-content-t .content-e #column-left{ width: 450px; height:400px; border:1px solid #ccc; border-radius:3px; float:left; background-color:#fff; }.wrapper #middle-content-t .content-e #column-right{ width: 450px; height:400px; margin-right:14px; border:1px solid #ccc; border-radius:3px; float:right; background-color:#fff; }.image-left { height:159px; background-image:url('../plaatjes/ce-marking.gif'); border-bottom:1px solid #ccc; margin:0; padding:0; } .image-right { height:159px; background-image:url('../plaatjes/ce-tool-en.png'); border-bottom:1px solid #ccc; margin:0; padding:0; } .image-right-bottom { height:28px; width:325px; margin-top:40px; margin-left:auto; margin-right:auto; }.content-right { padding:15px; margin-top:1px; }.wrapper #middle-content-t .content-x { width: 960px; padding: 3px; padding: 1em 1em .5em; margin-top:-28px; margin-bottom: 20px;}.content-v { width: 980px; padding: 3px; margin-left: auto; margin-right: auto; margin-top: -25px; font-size: 14px; line-height: 22px; font-family: Arial, Helvetica, sans-serif; color: #333; }.wrapper #middle-content-t .content-s { width: 980px; }.middle-l { float: left; padding-right: 160px; margin-top: 20px; margin-bottom: -200px; height: 320px; }.middle-r { float: left; margin-top: 20px; margin-bottom: -200px; height: 320px; }.nieuwsbrief { display: block; width: 320px; margin-left: auto; margin-right: auto; padding-top: 10px; margin-top: -100px; }.sponsors { float: left; width: 125px; margin-top: 20px; padding-left: 16px; }.clear { clear: both; }.wrapper { margin: 0; padding: 0; text-align: center; }#category-intro { width: 980px; height: 110px; font-family: Arial, Helvetica, sans-serif; text-align: left; padding: 5px; margin-left: auto; margin-right: auto; margin-top: 10px; padding-bottom: 20px; }#category-wrapper { width: 980px; height: 1330px; margin-top: 20px; margin-bottom: 440px; border: none; margin-left: auto; margin-right: auto; }#category-box-1 { width: 227px; height: auto; border: 1px solid #ccc; border-radius: 3px; float: left; margin-bottom: 16px; }#category-box-2 { width: 227px; height: auto; border: 1px solid #ccc; border-radius: 3px; float: left; margin-left: 16px; margin-bottom: 16px; }#category-box-3 { width: 227px; height: auto; border: 1px solid #ccc; border-radius: 3px; float: left; margin-left: 16px; margin-bottom: 16px; }#category-box-4 { width: 227px; height: auto; border: 1px solid #ccc; border-radius: 3px; float: left; margin-left: 16px; margin-bottom: 16px; }#category-box-5 { width: 227px; height: auto; border: 1px solid #ccc; border-radius: 3px; float: left; margin-bottom: 16px; margin-top: -20px; }#category-box-6 { width: 227px; height: auto; border: 1px solid #ccc; border-radius: 3px; float: left; margin-left: 16px; margin-bottom: 16px; margin-top: -306px; }#category-box-7 { width: 227px; height: auto; border: 1px solid #ccc; border-radius: 3px; float: left; margin-left: 16px; margin-bottom: 16px; }#category-box-8 { width: 227px; height: auto; border: 1px solid #ccc; border-radius: 3px; float: left; margin-left: 16px; margin-bottom: 16px; }#category-box-9 { width: 227px; height: auto; border: 1px solid #ccc; border-radius: 3px; float: left; margin-bottom: 16px; margin-top: -18px; }#category-box-10 { width: 227px; height: auto; border: 1px solid #ccc; border-radius: 3px; float: left; margin-left: 16px; margin-bottom: 16px; margin-top: -306px;}#category-box-11 { width: 227px; height: auto; border: 1px solid #ccc; border-radius: 3px; float: left; margin-left: 16px; margin-bottom: 16px;}#category-box-12 { width: 227px; height: auto; border: 1px solid #ccc; border-radius: 3px; float: left; margin-left: 16px; margin-bottom: 16px;}.category-box-title { height: 20px; border-bottom: 1px solid #ccc; background-color: #005386; padding: 5px; text-align: left; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #fff; }.category-box-content { height: auto; background-color: #fff; padding: 5px; text-align: left; font-family: Arial, Helvetica, sans-serif; }#content-a { height:21px; valign:top; bgcolor:#fff;}#footer { border-top: 1px solid #CCC; position:relative; bottom:0; left:0; width: 100%; height: 285px; }.footer-cols { background-color: #fff; padding: 26px 0; }.footer-cols .col { float: left; width: 226px; padding-right: 24px; }.footer-cols .col.last { padding-right: 0; }.footer-cols h3 { color: #EC6419; font-size: 21px; line-height: 28px; font-family: Arial, Helvetica, sans-serif; font-weight: 600; padding-bottom: 12px; }.footer-cols h3 a { color: #005386; }.footer-cols h3 a:hover { text-decoration: none; }.footer-cols p { color: #000; }.footer-cols p a { color: #000; }.footer-cols ul { list-style: none; list-style-position: outside; }.footer-cols ul li { color: #000; padding-bottom: 6px; }.footer-cols ul li a { color: #000; }.footer-bottom { background: #005386; height: 13px; padding: 22px 0 18px 0; width: 100%; position:relative; bottom:0; left:0; }.footer-nav { float: left; font-size: 13px; line-height: 13px;  }.footer-nav ul { list-style: none; list-style-position: outside; }.footer-nav ul li { float: left; padding: 0 6px; }.footer-nav ul li.first { background: transparent; padding-left: 0;  }.footer-nav ul a { color: #fff; text-decoration: none; }.footer-bottom p.copy { float: right; margin-right: 15px; color: #ffffff; font-size: 13px; line-height: 13px; }.footer-bottom p.copy span  { padding: 0 6px;  }.footer-bottom p.copy a { text-decoration: none; }.footer-bottom p.copy a:hover { text-decoration: none; }#media-player { float:left; padding:1em 1em .5em; background-color:#F5F5F5; margin-top: -30px; margin-bottom: 20px; }video { width:750px; height:360px; background:#F5F5F5; }button { text-indent:-9999px; width:16px; height:16px; border:none; cursor:pointer; background:transparent url('images/buttons.png') no-repeat 0 0; }.pause { background-position:-19px 0; }.stop { background-position:-38px 0; }.volume-plus { background-position:-57px 0; }.volume-minus { background-position:-76px 0; }.mute { background-position:-95px 0; }.unmute { background-position:-114px 0; }.replay { background-position:-133px 0; }progress { color:#fff; font-size:12px; width:172px; height:16px; border:none; margin-right:5px; background:#434343; }progress::-moz-progress-bar { background:#2e52a4; }#media-play-list { overflow:none; float:right; color:#000; margin-top:12px; }#media-play-list  h1 { font-size:18px; font-weight: bold; }#play-list { padding:0; font-size:15px; list-style-type:none; }#play-list li { cursor:pointer; padding-left:15px; background:transparent url('images/item.png') no-repeat 0 4px; }.video-p { width:950px; height:300px; }.lcolumn { width:450px; height:155px; padding:5px; margin-right:5px; margin-bottom:25px; border: 1px solid #ccc; border-radius: 5px; float:left; background-color:#fff; }.rcolumn { width:450px; height:155px; padding:5px; margin-left:5px; margin-bottom:25px; border: 1px solid #ccc; border-radius: 5px; float:right; background-color:#fff; }@media only screen and ( max-width: 767px) { body { min-width: 240px; font-size: medium; font-family: Arial, Helvetica, sans-serif; color: #333; background-color: #F5F5F5; }.shell { max-width: 100%; }.font-b { max-width: 100%; }a.view { background: url(images/bullet.png) no-repeat 0 8px; padding-left: 8px; font-size: 10px; float: right;  }table { width: 100%; }#header { background: url(images/header-@2x.png) repeat-x 0 0;   width: 100%; }.header-cnt #logo { width: 150px; font-size: 0; line-height: 0; margin-bottom: 2px; margin-left: auto; margin-right:auto; }.ad-container { display:none; }.header-cnt #logo a { width: 150; height: 72px; background: url(_notes/logo-mobiel.png) no-repeat 0 0; text-indent: -4000px; display: block;  }.top-nav { position: relative; z-index: 1001; background: #fcfcff; height: 48px; margin: 7px; border: 1px solid #005386; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; }.top-nav span.top-nav-shadow { display: none; }.top-nav ul { display: none;  font-size: medium; position: absolute; width: 100%; top: 46px; left: -1px; line-height: 24px; padding: 0 0px 0px 0px; background: #fcfcff; border: 1px solid #005386; border-top: 0; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; }.top-nav ul li.active a { display: block; color: #005386; float: none; background: none; }.top-nav ul li.active span { display: block; color: #005386; float: none; background: none; }.top-nav ul li { display: block; float: none;  padding: 15px 20px 15px 20px; border-top: 1px dotted #005386; }.top-nav ul li a { display: block; color: #005386; float: none; padding: 0 0 0 0; }.top-nav ul li span { float: none; }.top-nav ul li a:hover { display: block; color: #005386; float: none; background: none; }.top-nav ul li.last a { float: none; display: block;  padding-right: 0; } .top-nav ul li.last {  padding-bottom: 20px; }.top-nav a.nav-btn { width: 100%;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  height: 48px; display: block; color: #005386; background: padding-left: 20px;  }  .top-nav a.nav-btn:hover { text-decoration: none; }.top-nav a.nav-btn span { background: url(_notes/nav-arr@2x.png) no-repeat center 20px; width: 40px; height: 48px; display: block; position: absolute; top: 0px; right:0;z-index:2000; }.top-nav a.nav-btn span.active { background: url(_notes/nav-arr-active.png) no-repeat center 20px; }.top-nav ul li.first  { display: none; }.header-inner { width: 100%; padding: 0 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }.header-cnt { width: 100%;  padding-top: 10px; height: 80px; }.header-cnt a.blue-btn { bottom: -290px; position: absolute; left: 50% !important; margin-left: -97px; }.header-cnt a.blue-btn:hover { background-position: 0 0; text-decoration: none; color: #dbdbdb;  }.header-cnt h2 { font-size: 56px; line-height: 60px; }.header-cnt h3 { font-size: 30px; line-height: 32px; }.header-cnt p .desktop { display: inline; }.header-cnt p .mobile { display: none; }.wrapper { margin-bottom: 100px; }.wrapper #middle-content { margin: 0 auto; text-align: left; padding-left: 10px; margin-top: -30px; margin-bottom: 50px; }#content-wrapper { width: 100%; padding-top: 20px; margin-bottom: 300px; height: 100%; }.wrapper #middle-content-t { max-width: 100%; height: 100%; margin: 0 auto; text-align: left; }.content-v { width: 100%; text-align: left; }.wrapper #middle-content-s { max-width: 100%; margin: 0 auto; text-align: left; }#search-q { max-width: 100%; margin-top: 20px; margin-bottom: 50px; padding-left: 2px; padding-right: 2px;  -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; padding: 1em 1em .5em; float:left;}.wrapper #middle-content-t .content-w { max-width: 100%; padding: 3px; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }.wrapper #middle-content-t .content-w { max-width: 100%; padding: 3px; }.wrapper #middle-content-t .content-x { max-width: 100%; padding: 3px; margin-left: -30px; }.wrapper #middle-content-t .content-x .font-b { max-width: 100%; height:100%; padding: 3px; margin-left:30px; }.content-v { width: 100%; padding: 3px; margin-left: auto; margin-right: auto; margin-top: -25px; font-size: 14px; line-height: 22px; font-family: Arial, Helvetica, sans-serif; color: #333; }.wrapper #middle-content-t .content-s { max-width: 100%; }.middle-l { float: left; padding-right: 160px; margin-top: 20px; margin-bottom: -200px; height: 100%; }.middle-r { display: none; }#footer { display: none; }.footer-cols .shell { padding-left: 10px; padding-right: 10px; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }.footer-cols .col { width: 100%; display: block; padding-right: 0;  }.footer-cols .col ul li { padding-right: 0; }.footer-cols .col .col-cnt { display: none; }.footer-cols .col.last { padding-right: 0; }.footer-bottom { display: none; }.footer-bottom .footer-nav { display: none;  }.footer-bottom .footer-nav ul li { display: none;  }.footer-bottom  p.copy { display: none;  }.footer-bottom .shell { display: none; } .footer-nav { display: none; }.header-inner { background: #F5F5F5; height: auto;  margin-bottom: 0; padding-bottom: 22px; }.header-center { background: #F5F5F5; border-bottom: 1px dotted #005386; width: 100%; height: 112px; }#header { height: auto; }.button-holder { display: none; }.buttons { display: none; }.nieuwsbrief { display: none; }.sponsors { display: none; }	}