/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html-------------------------------------------------------------- */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {   background: transparent;   border: 0;   margin: 0;   vertical-align: baseline; }body {   line-height: 1; }h1, h2, h4, h5, h6 {   clear: both;   font-weight: normal; }h3 {   clear: both;   font-weight: bold;   color: #243b97; }   ol, ul {   list-style: none; }blockquote {   quotes: none; }blockquote:before, blockquote:after {   content: '';   content: none; }del {   text-decoration: line-through; }/* tables still need 'cellspacing="0"' in the markup */table {   border-collapse: collapse;   border-spacing: 0; }a img {   border: none; }/* =Global-------------------------------------------------------------- */*,*:before,*:after {   -webkit-box-sizing: border-box;   -moz-box-sizing: border-box;   box-sizing: border-box; }body {   background-color: #243b97;   color: #333;     font-family: "Ubuntu", sans-serif;   font-weight: 300;   font-size: 14px;   line-height: 1.8; }/* Headings */h1, h2, h4, h5, h6 {   line-height: 1;   font-weight: 200; }h3 {   line-height: 1;   font-weight: bold; }a {   text-decoration: none;   color: #dd73ae; }a:hover {   color: #7c001f; }a.copy {   text-decoration: none;   color: #CCC; }div.copy {   color: #CCC; }/* =Template-------------------------------------------------------------- */#wrapper {   width: 100%;   margin: 0 auto; }#main {   background-color: #243b97;   padding: 0px 0; }#body {   background-color: #fff;     padding: 10px 0;   width: 100%;   align-content: center; }.content {   background-color: #fff;   margin: 10px ;   padding: 10px 0;   width: 100%; }.container {   background-color: #243b97;   width: 80%;   margin: 0 auto;   padding: 0 0px; }.news {   background-color: #fff;   margin: auto;   padding: 10px 0;   width: 600px; }.home {   background-color: #fff;   margin: auto;   padding: 10px 0;   width: 768px; }/* =Top Bar-------------------------------------------------------------- */#top-bar {   background-color: #243b97; }#top-bar a {   color: fff;   font-size: 14px;   text-transform: uppercase;   display: inline-block;   margin: 0;   padding: 10px; }#top-bar a:hover {   background-color: #243b97; }span.all-labs,span.back-to-tutorial {   display: block;   width: 50%; }span.all-labs {   float: left;   text-align: left; }span.back-to-tutorial {   float: right;   text-align: right; }/* =Extras-------------------------------------------------------------- */.clearfix:after {   visibility: hidden;   display: block;   content: "";   clear: both;   height: 0; }/* =Media Queries-------------------------------------------------------------- */@media all and (max-width: 768px) {  .container {   width: 100%; }  .news {   width: 96%;   margin: auto; }  .home {   width: 98%;   margin: auto; }  #top-bar a {    display: block; }  span.all-labs,  span.back-to-tutorial {   width: 100%; }  span.all-labs,  span.back-to-tutorial {   float: none;   text-align: center; }  span.all-labs {   border-bottom: solid 1px #243b97; }  #title h1 {   font-size: 36px; }  #title h2 {   font-size: 16px; }  #title h3 {   font-size: 14px;   color: #dd73ae;} }table.nav {   width: 100%; }td.logo {   width: 15%;   background-color: #243b97;   vertical-align: middle;   align-content: center; }td.nav {   width: 85%;   background-color: #243b97;   vertical-align: middle;   align-content: center; }/* =Nav-------------------------------------------------------------- */#nav-trigger {   display: none;   text-align: center; }  #nav-trigger span {    display: inline-block;    padding: 10px 30px;    background-color: #243b97;    color: white;    cursor: pointer;    text-transform: uppercase; }    #nav-trigger span:after {      display: inline-block;      margin-left: 10px;      width: 20px;      height: 10px;      content: "";      border-left: solid 10px transparent;      border-top: solid 10px #fff;      border-right: solid 10px transparent; }    #nav-trigger span:hover {      background-color: #dd73ae; }  /* =Kleur van MENU bij mobile nav */    #nav-trigger span.open:after {      border-left: solid 10px transparent;      border-top: none;      border-bottom: solid 10px #fff;      border-right: solid 10px transparent; }nav {  margin-bottom: 5px; }nav#nav-main {  background-color: #243b97;  padding: 10px 0; }  nav#nav-main ul {    list-style-type: none;    margin: 0;    padding: 0;    text-align: center; }  nav#nav-main li {    display: inline-block;    border-right: solid 1px #dd73ae;    padding: 0 5px; }    nav#nav-main li:last-child {      border-right: none; }  nav#nav-main a {    display: block;    color: white;    padding: 10px 30px; }    nav#nav-main a:hover {      background-color: #dd73ae; /* =Kleur van hover bij desktop nav */      color: #fff; }nav#nav-mobile {  position: relative;  display: none; }  nav#nav-mobile ul {    display: none;    list-style-type: none;    position: absolute;    left: 0;    right: 0;    margin-left: auto;    margin-right: auto;    text-align: center;    background-color: #243b97; }  nav#nav-mobile li {    display: block;    padding: 5px 0;    margin: 0 5px;    border-bottom: solid 1px #dd73ae; } /* =Kleur van streepje tussen menu items bij desktop nav */    nav#nav-mobile li:last-child {      border-bottom: none; }  nav#nav-mobile a {    display: block;    color: white;    padding: 10px 30px; }    nav#nav-mobile a:hover {      background-color: #dd73ae; /* =Kleur van hover bij mobile nav */      color: #fff; }/* =Media Queries-------------------------------------------------------------- */@media all and (max-width: 880px) {  #nav-trigger {    display: block; }  nav#nav-main {    display: none; }  nav#nav-mobile {    display: block; }}/* =Logo-------------------------------------------------------------- */  div.logo {   background-color: #243b97;} *//* =Links in nav-------------------------------------------------------------- */  				a:link.nav {   font-family: Verdana, Arial, Helvetica, sans-serif;    font-size: 15px;   text-decoration: none; }/* =Style horizontal lines--------------------------------------------------------------- */hr {   border: none;   height: 1px;   color: #600; /* old IE */   background-color: #600; /* Modern Browsers */ }.rTable:after {   visibility: hidden;   display: block;   font-size: 0;   content: " ";   clear: both;   height: 0; }/* =Make columns responsive--------------------------------------------------------------- */* {   box-sizing: border-box; }.row::after {   content: "";   clear: both;   display: block; }/* For mobile phones: */[class*="column"] {   width: 98%;   float: left; }@media only screen and (min-width: 768px) {  /* For desktop: */  .column {   width: 49%;   float: left;} }/* =Make video iframe responsive--------------------------------------------------------------- */.video-container {   position: relative;   padding-bottom: 56.25%;   padding-top: 35px;   height: 0;   overflow: hidden; }.video-container iframe {   position: absolute;   top:0;   left: 0;   width: 98%;   height: 100%; }/* =Make paragraphs shorter --------------------------------------------------------------- */p {   width: 98%; }/* =Align images in texts--------------------------------------------------------------- */img.align {   max-width: 100%;   height: auto;   float: left;   margin: 0px 10px 0px 0px;   border-style: none; }img.flag {   max-width: 100%;   height: auto;   float: left;   margin: 0px 5px 0px 0px;   border-style: none; }img.m {   max-width: 100%;   height: auto;   border-style: solid;   border-width: 1px;   border-color: black; }img.l {   width: 300px;   border-style: solid;   border-width: 1px;   border-color: black; }img.xl {   max-width: 100%;   height: auto; }img.av {   width: 100px;   height: 100px;   float: left;   margin: 0px 10px 0px 0px;   border-style: solid;   border-width: 1px;   border-color: black; }/* =Style div's--------------------------------------------------------------- */div.redirect {   font-family: "Ubuntu", sans-serif;   font-weight: 300;   font-size: 14px;   color: #FFF;   margin-left: auto;   margin-right: auto;   max-width: 600px;   text-align: center; }a.redirect {   font-family: "Ubuntu", sans-serif;   font-weight: 300;   font-size: 14px;   text-decoration: underline;   color: #FFF; }