html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

*:focus { outline: 0; }

body { line-height: 1em; color: black; background: #fff; }

ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; vertical-align: middle; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: "" ""; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

img a { border: none; }

body { margin: 1em 0; font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", sans-serif; font-size: small; color: #333; line-height: 1.5em; }
body a { color: #0053b3; text-decoration: none; border-bottom: 1px solid #0099FF; }
body a:hover { border-bottom: 1px solid #0053b3; }
body a:focus { color: #ffffff; background-color: #0053b3; border: none; }

#wrap { width: 940px; margin: 0 auto; }

#online { display: none; }

#logos { display: inline; float: left; margin-right: 20px; width: 940px; padding-bottom: 0.5em; }
* html #logos { overflow-x: hidden; }
#logos p.skip { margin: 0 0 1.5em 0; font-size: 80%; }
#logos ul { text-align: center; margin: 0; padding: 0; border: 0; outline: 0; overflow: hidden; display: inline-block; }
#logos ul { display: block; }
#logos ul li { list-style-type: none; margin-left: 0px; white-space: nowrap; display: inline; float: left; padding-left: 4px; padding-right: 4px; }
#logos ul li.first { padding-left: 0px; }
#logos ul li.last { padding-right: 0px; }
#logos ul li { padding: 0; margin: 0 2.5em 1em 0; }
#logos ul a { display: block; height: 60px; border: none; background: white; }
#logos ul a:focus { border: 1px dotted #0053b3; }
#logos ul a.as { display: block; text-indent: -10000px; width: 65px; height: 60px; background: transparent url(/images/logos/as_65x60.png) no-repeat center center; }
#logos ul a.hw { display: block; text-indent: -10000px; width: 80px; height: 60px; background: transparent url(/images/logos/howest_80x60.png) no-repeat center center; }
#logos ul a.khk { display: block; text-indent: -10000px; width: 50px; height: 60px; background: transparent url(/images/logos/khk_50x60.png) no-repeat center center; }
#logos ul a.khl { display: block; text-indent: -10000px; width: 100px; height: 60px; background: transparent url(/images/logos/khl_100x60.png) no-repeat center center; }
#logos ul a.vl { display: block; text-indent: -10000px; width: 60px; height: 60px; background: transparent url(/images/logos/vlaanderen_60x60.png) no-repeat center center; }
#logos ul a.db { display: block; text-indent: -10000px; width: 75px; height: 60px; background: transparent url(/images/logos/vlaanderen_75x60.png) no-repeat center center; }

#ident { display: inline; float: left; margin-right: 20px; width: 940px; background: url(/images/visual_940x260.jpg); height: 260px; border-top: 5px solid #ebebeb; border-bottom: 5px solid #ebebeb; }
* html #ident { overflow-x: hidden; }
#ident h1 { position: absolute; overflow: hidden; width: 1px; height: 1px; top: auto; left: -10000px; }
#ident h2 { font-size: 150%; margin: 1em 0 1em 0; }
#ident #toc { display: inline; float: left; margin-right: 20px; width: 460px; padding-left: 480px; }
* html #ident #toc { overflow-x: hidden; }
#ident #toc ul li { list-style: square inside; margin: 0 0 .25em 0; font-size: 100%; }

#content { display: inline; float: left; margin-right: 20px; width: 940px; margin: 2em 0 0 0; }
* html #content { overflow-x: hidden; }
#content abbr { border-bottom: dotted 1px #0053B3; }
#content strong { font-weight: bold !important; }
#content h2 { clear: both; font-size: 170%; margin: 0 0 1em 0; padding: 0.5em; background-color: #ebebeb; }
#content h3 { clear: both; font-size: 120%; margin: 0 0 1em 0; padding: 0 0 0.25em 0; border-bottom: 1px solid #aaa; }
#content p { margin: 0 0 1.5em 0; }
#content p#gewicht { font-size: 90%; font-style: italic; }
#content ul.list { margin: 0 0 1.5em 0; }
#content ul.list li { list-style: square; margin-left: 1.5em; }
#content ol.list { margin: 0 0 1.5em 0; }
#content ol.list li { list-style: decimal; margin-left: 1.5em; }
#content ul.cijfers { margin: 0 0 1.5em 0; }
#content ul.cijfers li { font-weight: bold; }
#content ul.cijfers li ul { margin: 0 0 1em 0; }
#content ul.cijfers li ul li { font-weight: normal; margin: 0 0 0 1em; }
#content table { margin: 0 0 2em 0; }
#content table th { background-color: #444; color: #fff; font-weight: bold; border-right: 1px solid #fff; }
#content table th a { color: #fff; text-decoration: none; }
#content table th[scope=row] { text-align: right; }
#content table td { border-bottom: 1px solid #bbb; }
#content table td.empty { background-color: #bbb; }
#content table td.last { vertical-align: middle; }
#content table td abbr { display: block; text-indent: -10000px; background: transparent url(/images/ster_13x11.png) repeat-x center left; border: none; }
#content table td abbr.r1 { width: 13px; height: 11px; }
#content table td abbr.r2 { width: 26px; height: 11px; }
#content table td abbr.r3 { width: 39px; height: 11px; }
#content table td, #content table th { padding: .5em; vertical-align: top; }
#content .checkpoint h3 { clear: both; font-size: 120%; font-weight: bold; margin: 0 0 1em 0; }
#content .checkpoint h4 { font-size: 110%; font-weight: bold; margin: 0 0 0.75em 0; }
#content .checkpoint ul.links { margin: 0 0 2em 0; }
#content .checkpoint ul.links li { background: url(/images/bullet_15x13.png) no-repeat center left; line-height: 13px; padding-left: 20px; line-height: 20px; }
#content .checkpoint .result { padding: 1em; margin: 0 0 2em 0; clear: both; color: #fff; background: #005b7a; }
#content .checkpoint .result p { margin-bottom: 0; }
#content .checkpoint#c1 .grafiek { display: block; text-indent: -10000px; width: 350px; height: 213px; background: transparent url(/images/grafieken/01_klein.jpg) no-repeat center center; }
#content .checkpoint#c2 .grafiek { display: block; text-indent: -10000px; width: 350px; height: 213px; background: transparent url(/images/grafieken/02_klein.jpg) no-repeat center center; }
#content .checkpoint#c3 .grafiek { display: block; text-indent: -10000px; width: 350px; height: 213px; background: transparent url(/images/grafieken/03_klein.jpg) no-repeat center center; }
#content .checkpoint#c4 .grafiek { display: block; text-indent: -10000px; width: 350px; height: 213px; background: transparent url(/images/grafieken/04_klein.jpg) no-repeat center center; }
#content .checkpoint#c5 .grafiek { display: block; text-indent: -10000px; width: 350px; height: 213px; background: transparent url(/images/grafieken/05_klein.jpg) no-repeat center center; }
#content .checkpoint#c6 .grafiek { display: block; text-indent: -10000px; width: 350px; height: 213px; background: transparent url(/images/grafieken/06_klein.jpg) no-repeat center center; }
#content .checkpoint#c7 .grafiek { display: block; text-indent: -10000px; width: 350px; height: 213px; background: transparent url(/images/grafieken/07_klein.jpg) no-repeat center center; }
#content .checkpoint#c8 .grafiek { display: block; text-indent: -10000px; width: 350px; height: 213px; background: transparent url(/images/grafieken/08_klein.jpg) no-repeat center center; }
#content .checkpoint#c9 .grafiek { display: block; text-indent: -10000px; width: 350px; height: 213px; background: transparent url(/images/grafieken/09_klein.jpg) no-repeat center center; }
#content .checkpoint#c10 .grafiek { display: block; text-indent: -10000px; width: 350px; height: 213px; background: transparent url(/images/grafieken/10_klein.jpg) no-repeat center center; }
#content .checkpoint#c11 .grafiek { display: block; text-indent: -10000px; width: 350px; height: 213px; background: transparent url(/images/grafieken/11_klein.jpg) no-repeat center center; }
#content .checkpoint#c12 .grafiek { display: block; text-indent: -10000px; width: 350px; height: 213px; background: transparent url(/images/grafieken/12_klein.jpg) no-repeat center center; }
#content .checkpoint#c13 .grafiek { display: block; text-indent: -10000px; width: 350px; height: 213px; background: transparent url(/images/grafieken/13_klein.jpg) no-repeat center center; }
#content .checkpoint#c14 .grafiek { display: block; text-indent: -10000px; width: 350px; height: 213px; background: transparent url(/images/grafieken/14_klein.jpg) no-repeat center center; }
#content .checkpoint#c15 .grafiek { display: block; text-indent: -10000px; width: 350px; height: 213px; background: transparent url(/images/grafieken/15_klein.jpg) no-repeat center center; }

.fr #content .checkpoint#c1 .grafiek { display: block; text-indent: -10000px; width: 350px; height: 213px; background: transparent url(/images/grafieken/fr/01_klein.jpg) no-repeat center center; }
.fr #content .checkpoint#c2 .grafiek { display: block; text-indent: -10000px; width: 350px; height: 213px; background: transparent url(/images/grafieken/fr/02_klein.jpg) no-repeat center center; }
.fr #content .checkpoint#c3 .grafiek { display: block; text-indent: -10000px; width: 350px; height: 213px; background: transparent url(/images/grafieken/fr/03_klein.jpg) no-repeat center center; }
.fr #content .checkpoint#c4 .grafiek { display: block; text-indent: -10000px; width: 350px; height: 213px; background: transparent url(/images/grafieken/fr/04_klein.jpg) no-repeat center center; }
.fr #content .checkpoint#c5 .grafiek { display: block; text-indent: -10000px; width: 350px; height: 213px; background: transparent url(/images/grafieken/fr/05_klein.jpg) no-repeat center center; }
.fr #content .checkpoint#c6 .grafiek { display: block; text-indent: -10000px; width: 350px; height: 213px; background: transparent url(/images/grafieken/fr/06_klein.jpg) no-repeat center center; }
.fr #content .checkpoint#c7 .grafiek { display: block; text-indent: -10000px; width: 350px; height: 213px; background: transparent url(/images/grafieken/fr/07_klein.jpg) no-repeat center center; }
.fr #content .checkpoint#c8 .grafiek { display: block; text-indent: -10000px; width: 350px; height: 213px; background: transparent url(/images/grafieken/fr/08_klein.jpg) no-repeat center center; }
.fr #content .checkpoint#c9 .grafiek { display: block; text-indent: -10000px; width: 350px; height: 213px; background: transparent url(/images/grafieken/fr/09_klein.jpg) no-repeat center center; }
.fr #content .checkpoint#c10 .grafiek { display: block; text-indent: -10000px; width: 350px; height: 213px; background: transparent url(/images/grafieken/fr/10_klein.jpg) no-repeat center center; }
.fr #content .checkpoint#c11 .grafiek { display: block; text-indent: -10000px; width: 350px; height: 213px; background: transparent url(/images/grafieken/fr/11_klein.jpg) no-repeat center center; }
.fr #content .checkpoint#c12 .grafiek { display: block; text-indent: -10000px; width: 350px; height: 213px; background: transparent url(/images/grafieken/fr/12_klein.jpg) no-repeat center center; }
.fr #content .checkpoint#c13 .grafiek { display: block; text-indent: -10000px; width: 350px; height: 213px; background: transparent url(/images/grafieken/fr/13_klein.jpg) no-repeat center center; }
.fr #content .checkpoint#c14 .grafiek { display: block; text-indent: -10000px; width: 350px; height: 213px; background: transparent url(/images/grafieken/fr/14_klein.jpg) no-repeat center center; }
.fr #content .checkpoint#c15 .grafiek { display: block; text-indent: -10000px; width: 350px; height: 213px; background: transparent url(/images/grafieken/fr/15_klein.jpg) no-repeat center center; }

#content .checkpoint .grafiek { float: right; margin: 0 0 1.5em 1.5em; border: 1px solid #bbb; padding: 0.5em; }
#content .checkpoint .grafiek ul { position: absolute; overflow: hidden; width: 1px; height: 1px; top: auto; left: -10000px; }
#content .checkpoint .grafiek img { display: none; }
#content .school h4 { font-weight: bold; font-size: 110%; color: #666; margin: 0 0 1em 0; clear: both; }
#content .school ul { margin: 0 0 1.5em 0; }
#content .school ul li { line-height: 1.5em; }
#content .school h5 { position: absolute; overflow: hidden; width: 1px; height: 1px; top: auto; left: -10000px; }
#content .school .col1 { display: inline; float: left; margin-right: 20px; width: 220px; }
* html #content .school .col1 { overflow-x: hidden; }
#content .school .col2 { display: inline; float: left; margin-right: 20px; width: 220px; }
* html #content .school .col2 { overflow-x: hidden; }
#content .school .col3 { display: inline; float: left; margin-right: 20px; width: 220px; }
* html #content .school .col3 { overflow-x: hidden; }
#content .school .col4 { display: inline; float: left; margin-right: 20px; width: 220px; margin-right: 0; }
* html #content .school .col4 { overflow-x: hidden; }
