@charset "iso-8859-1";
@font-face {font-family: Calibriweb; src: url('font/CALIBRI.eot'); src: url('font/CALIBRI.woff') format('woff'), url('font/CALIBRI.ttf') format('truetype'), url('font/CALIBRI.svg') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: Calibriweb; src: url('font/CALIBRIB.eot'); src: url('font/CALIBRIB.woff') format('woff'), url('font/CALIBRIB.ttf') format('truetype'), url('font/CALIBRIB.svg') format('svg'); font-weight: bold; font-style: normal;}
@font-face {font-family: Calibriweb; src: url('font/CALIBRII.eot'); src: url('font/CALIBRII.woff') format('woff'), url('font/CALIBRII.ttf') format('truetype'), url('font/CALIBRII.svg') format('svg'); font-weight: normal; font-style: italic;}
@font-face {font-family: Calibriweb; src: url('font/CALIBRIZ.eot'); src: url('font/CALIBRIZ.woff') format('woff'), url('font/CALIBRIZ.ttf') format('truetype'), url('font/CALIBRIZ.svg') format('svg'); font-weight: bold; font-style: italic;}
@font-face {font-family: Aster; src: url('font/NewAsterLTStd-BoldIt.eot'); src: url('font/NewAsterLTStd-BoldIt.woff') format('woff'), url('font/NewAsterLTStd-BoldIt.ttf') format('truetype'), url('font/NewAsterLTStd-BoldIt.svg') format('svg'); font-weight: normal; font-style: normal;}
* {font-family: Calibri,Calibriweb,Verdana,sans-serif; font-size: 18px; font-weight: normal; color: #003774; margin: 0; padding: 0; border: none; outline: none; cursor: default}
html, body {height: 100%;}
body {background-color: #eff4f9; overflow-y: scroll}
h1, span.h1 {font-family: Aster,Times New Roman,serif; font-size: 36px; color: #0063d1; margin: 5px 0px 10px 0px}
h2, span.h2 {font-family: Aster,Times New Roman,serif; font-size: 24px; color: #0063d1; margin: 5px 0px 5px 0px}
h3, span.h3 {font-family: Aster,Times New Roman,serif; font-size: 18px; color: #0063d1; margin: 0px 0px 5px 0px}
h4, span.h4 {font-family: Aster,Times New Roman,serif; font-size: 24px; color: #0063d1; display: inline}
b, strong, .vet {font-size: inherit; font-weight: bold; color: inherit; text-decoration: inherit}
tr.vet td {font-size: inherit; font-weight: bold}
a, .link {color: #0063d1; text-decoration: none}
a:hover, .link:hover {text-decoration: underline; cursor: pointer}
td {vertical-align: top}
input, textarea, .aknop {background-color: #ffffff; border: 1px inset rgba(0,99,209,0.4); padding: 1px 0px 1px 4px; vertical-align: middle}
select {background-color: #ffffff; border: 1px inset rgba(0,99,209,0.4); padding: 0; vertical-align: middle}
/*option {font-size: inherit; padding: 0px 0px 0px 4px}*/
.groot {font-size: 24px; font-weight: bold; color: #102c60; margin-bottom: 5px}
.klein, table.klein td {font-size: 12px}
.medium, .midi, table.midi td {font-size: 14px}
.mini {font-size: 12px}
.weg {visibility: hidden; width: 1px; height: 1px}
.right {text-align: right}
.tmid {text-align: center}
.vmid {vertical-align: middle}
.print {visibility: hidden; height: 1px}
blockquote {margin-left: 25px}
ul {margin: 0px 0px 0px 25px; padding: 0; text-indent: 0; list-style-type: square}
ol {margin: 0px 0px 0px 25px; padding: 0; text-indent: 0; list-style-type: decimal}
ol.n {list-style-type: decimal}
ol.a {margin: 0px 0px 0px 25px; padding: 0; text-indent: 0; list-style-type: lower-alpha}
ol.i {list-style-type: lower-roman}
ol.I {list-style-type: upper-roman}
li {margin: 0px 0px 5px 0px}
ul.hoofd {margin: 0px 0px 0px 17px; padding: 0; text-indent: 0; list-style-type: square; list-style-image: url(img/square.gif)}
ul.sub {margin: 0px 0px 0px 34px; padding: 0; text-indent: 0; list-style-type: square; list-style-image: url(img/square2.gif)}
li.hoofd {margin: 0px 0px 10px 0px; list-style-type: square; list-style-image: url(img/square.gif)}
li.sub   {margin: 0px 0px 5px 0px; list-style-type: square; list-style-image: url(img/square2.gif)}

table.top {width: 100%}
table.top td.menu {background-color: #bfd7f0; padding: 15px 10px 0px 5px; vertical-align: top; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none}
table.top td.menu div.menutitel {width: 140px; color: #ffffff;  background-color: #102c60; padding: 3px 5px 3px 5px; margin-top: 20px; cursor: pointer}
table.top td.menu div.menutitel img {float: right; margin-top: 2px; cursor: pointer}
table.top td.menu div.menutitelact {width: 140px; color: #102c60; background-color: rgba(0,99,209,0.2); border: 1px solid #102c60; padding: 2px 4px 2px 4px; margin-top: 20px}
table.top td.menu div.inactive {width: 140px; color: #102c60; background-color: #bfd7f0; padding: 3px 5px 3px 5px; cursor: pointer}
table.top td.menu div.active {width: 140px; color: #102c60; background-color: rgba(0,99,209,0.2); padding: 3px 5px 3px 5px}
table.top td.menu div.subactive {width: 140px; color: #102c60; background-color: rgba(0,99,209,0.2); padding: 3px 5px 3px 5px; cursor: pointer}
table.top td#midden {text-align: left; width: 100%; height: 100%; background-color: #eff4f9; vertical-align: top}
table.top td#midden h1 {float: left}

div.ruimte {position: relative; margin: 10px 5px 5px 15px; padding: 0}
div.status {width: 20px; height: 20px; background-image: url(img/status.png); background-position: right; overflow: hidden; float: right}

table.center {margin-left: auto; margin-right: auto}

table.tabel {text-align: left}
table.tabel td {padding: 5px}
table.tabel td.kop {font-weight: bold; padding: 5px}
table.tabel td span.high {font-size: inherit; font-weight: bold; color: #0063d1}

table.tabelrand {text-align: left}
table.tabelrand td {border: 1px solid #bfd7f0; padding: 5px}
table.tabelrand td.kop {font-weight: bold; padding: 5px}
table.tabelrand td span.high {font-size: inherit; font-weight: bold; color: #0063d1}

table.tabelb td {padding: 5px; border-top: 1px solid #0063d1; white-space: nowrap}
table.tabelb td.kop {font-weight: bold; padding: 5px; border-top: none}
table.tabelb td span.high {font-size: inherit; font-weight: bold; color: #0063d1}

table.tdcolor td {background-color: #d8e7f7}
table.tdkleur td {width: 50%; background-color: #d8e7f7}
table.tdkleur td div {width: 150px; height: 200px; max-width: 150px; max-height: 200px; padding: 0; margin: 0px 10px 10px 0px; float: left; overflow: hidden}
div.pasfoto {width: 150px; height: 200px; max-width: 150px; max-height: 200px; padding: 0; margin: 0; overflow: hidden; cursor: pointer}
div.docfoto {display: inline-block; width: 140px; height: 90px; max-width: 140px; max-height: 90px; padding: 0; margin: 0; overflow: hidden; cursor: pointer}
div.pasfoto img, div.docfoto img {cursor: pointer}

div.welkom {font-size: 15px; width: 220px; float: right; margin: 15px 5px 10px 15px}
div.welkom h1 {font-size: 18px; font-weight: bold; color: #102c60; margin: 0px 0px 10px 0px}
div.welkom a {font-size: 15px; color: #102c60; text-decoration: none; cursor: pointer}
div.welkom a b {font-size: 16px; font-weight: bold; color: #0063d1; text-decoration: none; cursor: pointer}
div.welkom a span {font-size: 13px; color: #102c60; text-decoration: none; cursor: pointer}
div.welkom hr {width: 220px; border-top: 1px solid #102c60; margin: 5px 0px 5px 0px}

div.pvtverkiezing {width: 180px; font-size: 15px; background-color: #d8e7f7; border: 1px solid #102c60; border-radius: 5px; float: right; padding: 0px 5px 5px 5px; margin: 5px 5px 10px 15px}
div.pvtverkiezing h2 {font-size: 28px; color: #102c60; text-align: center; line-height: 150%; margin: 0}
div.pvtverkiezing h3 {font-size: 15px; color: #ff0000; text-align: center; margin: 0px 0px 5px 0px; cursor: pointer}
div.pvtverkiezing div {font-size: inherit; text-align: center}
div.pvtverkiezing span.micro {font-size: 10px}
div.pvtverkiezing span.micro b {font-size: 11px}
div.pvtverkiezing a {font-size: 15px; color: #102c60; text-decoration: none; cursor: pointer}
div.pvtverkiezing a b {font-size: 16px; font-weight: bold; color: #0063d1; text-decoration: none; cursor: pointer}
div.pvtverkiezing hr {width: 220px; border-top: 1px solid #102c60; margin: 5px 0px 5px 0px}
.voteoff, .voteon {width: 20px; min-width: 20px; background-position: center center; background-repeat: no-repeat}
.voteoff {background-image: none}
.voteon {background-image: url(img/OK16.png)}

div.nieuws {width: 755px; margin-top: 40px; margin-left: auto; margin-right: auto}
div.nieuws div.nieuwstitel {text-align: left; vertical-align: middle; margin: 0; padding: 4px 0px 4px 10px; background-color: rgba(0,99,209,0.2)}
div.nieuws div.nieuwstitel h2 {color: #102c60; margin: 0}
div.nieuws div.nieuwsbody {text-align: left; margin: 0px 0px 30px 0px; padding: 10px 10px 10px 10px; line-height: 140%}
div.nieuws div.nieuwsbody span.high {font-weight: bold; color: rgba(0,99,209,0.2)}
div.nieuws div.jaartitel {font-size: 17px; font-weight: bold; width: 700px; padding: 5px 0px 0px 0px; margin-left: auto; margin-right: auto; cursor: pointer}
div.nieuws div.jaartekst {display: none; width: 700px; margin-left: auto; margin-right: auto}
div.nieuws div.maandtitel {font-size: 17px; font-weight: bold; width: 700px; padding: 5px 0px 0px 10px; margin-left: auto; margin-right: auto; cursor: pointer}
div.nieuws div.maandtekst {display: none; width: 700px; padding: 0px 0px 0px 15px; margin-left: auto; margin-right: auto}
div.nieuws table.nieuws {width: 95%}
div.nieuws table.nieuws td.nieuws {font-size: 17px; padding: 3px; cursor: pointer}
div.nieuws table.nieuws td.nieuws:hover {color: #0063d1}
div.nieuws table.nieuws td.selected {font-size: 17px; color: #0063d1; padding: 3px; cursor: default}
div.nieuws table.nieuws td span.klein {font-size: 15px}
div.nieuws table.nieuws td span.high {font-size: inherit; font-weight: bold; color: #0063d1; cursor: pointer}
div.nieuws table.nieuws td div.dnzoeken {float: none}

div.cao {width: 1035px; margin: 0 auto 0 auto;}
/*div.cao {width: 1000px; text-align: left; margin-top: 80px; margin-bottom: 15px; margin-left: auto; margin-right: auto}
div.cao h1, div.cao h2, div.cao h3 {display: inline-block}
div.cao h1 {font-size: 30px}*/

div.hbk {width: 1000px; text-align: left; margin-top: 80px; margin-bottom: 15px; margin-left: auto; margin-right: auto}
div.hbk h1, div.hbk h2, div.hbk h3 {display: inline-block}
div.hbk h1 {font-size: 30px}

div.gls {width: 1000px; text-align: left; margin-top: 80px; margin-bottom: 15px; margin-left: auto; margin-right: auto}

div.locaties {margin-left: auto; margin-right: auto}
div.locaties table.tabel td {padding: 10px}
div.locaties table.tabel td h1 {margin: 0}
div.locaties table.tabel td h2 {margin: 0}

div.zoeken {position: fixed; top: 20px; right: 20px; width: 350px}
div.zoeken input.tekst {width: 200px; border: 1px inset rgba(0,99,209,0.4); padding: 1px; margin-bottom: 5px}
div.zoeken input.submit {width: 50px; background-color: rgba(0,99,209,0.2); border: 1px outset rgba(0,99,209,0.4); margin-bottom: 5px}
div.zoeken input.radio {font-size: 11px; vertical-align: middle; cursor: pointer}
div.zoeken label {font-size: 12px; cursor: pointer}
div.zoeken div.jaartitel {font-size: 16px; font-weight: bold; width: 350px; padding: 5px 0px 0px 0px; cursor: pointer}
div.zoeken div.jaartitel2 {display: inline-block; font-size: 16px; font-weight: bold; padding: 1px 3px 1px 3px; margin: 10px 5px 0px 0px; cursor: pointer}
div.zoeken div.jaartitel2cur {display: inline-block; font-size: 16px; font-weight: bold; color: #fcf5f2; background-color: #102c60; padding: 1px 3px 1px 3px; margin: 10px 5px 0px 0px; cursor: pointer}
div.zoeken div.jaartekst {display: none; width: 350px; margin-left: auto; margin-right: auto}
div.zoeken div.maandtitel {font-size: 14px; font-weight: bold; width: 350px; padding: 5px 0px 0px 10px; cursor: pointer}
div.zoeken div.maandtitel2 {display: inline-block; font-size: 14px; font-weight: bold; padding: 1px 3px 1px 3px; margin: 10px 2px 0px 0px; cursor: pointer}
div.zoeken div.maandtitel2cur {display: inline-block; font-size: 14px; font-weight: bold; color: #fcf5f2; background-color: #102c60; padding: 1px 3px 1px 3px; margin: 10px 2px 0px 0px; cursor: pointer}
div.zoeken div.maandtekst {display: none; width: 350px; margin: 5px 0px 0px 0px; white-space: nowrap; overflow: hidden}
div.zoeken table.nieuws {width: 350px}
div.zoeken table.nieuws td {font-size: 13px; padding: 3px; cursor: pointer; white-space: nowrap; overflow: hidden}
div.zoeken table.nieuws td.sel {width: 15px}
div.zoeken table.nieuws td.nieuws div {float: left; width: 50px; font-size: 13px; cursor: pointer}
div.zoeken table.nieuws td.nieuws:hover {color: #0063d1}
div.zoeken table.nieuws td.selected {color: #0063d1; cursor: default}
div.zoeken table.nieuws td.selected div {float: left; width: 50px; font-size: 13px; color: #0063d1; cursor: default}
div.zoeken table.nieuws td span.klein {font-size: 11px}
div.zoeken table.nieuws td span.high {font-size: inherit; font-weight: bold; color: #0063d1; cursor: pointer}

div.artikeldiv {max-width: 770px; margin-top: 70px}
div.artikeldiv div.arttitel {text-align: left; vertical-align: middle; margin: 0; padding: 4px 0px 4px 10px; background-color: rgba(0,99,209,0.2)}
div.artikeldiv div.arttitel h2 {color: #102c60; margin: 0}
div.artikeldiv div.arttitel h2 span.high {font-size: 20px; font-weight: bold; color: #ffffff; margin: 0}
div.artikeldiv div.arttiteloff {text-align: left; vertical-align: middle; margin: 0; padding: 4px 0px 4px 10px; background-color: rgba(104,104,104,0.2)}
div.artikeldiv div.arttiteloff h2 {color: #102c60; margin: 0}
div.artikeldiv div.arttiteloff h2 span.high {font-size: 20px; font-weight: bold; color: #ffffff; margin: 0}
div.artikeldiv div.artbody {text-align: left; margin: 0px 0px 30px 0px; padding: 10px; line-height: 140%}
div.artikeldiv div.artbody span.high {font-size: inherit; font-weight: bold; color: #0063d1}
div.artikeldiv div.artbody div.artitem {position: relative; min-height: 216px; margin-bottom: 15px}
div.artikeldiv div.artbody div.artsubtitel {text-align: left; vertical-align: middle; margin: 0px 0px 5px 0px; padding: 4px 0px 4px 10px; background-color: #d8e7f7; clear: both}
div.artikeldiv div.artbody div.artsubtitel h3 {color: #102c60; margin: 0}
div.artikeldiv div.artbody div.artsubtitel h3 span.high {font-size: 20px; font-weight: bold; color: #ffffff; margin: 0}
div.artikeldiv div.artbody div.artsubtiteloff {text-align: left; vertical-align: middle; margin: 0px 0px 5px 0px; padding: 4px 0px 4px 10px; background-color: #e7e7e7; clear: both}
div.artikeldiv div.artbody div.artsubtiteloff h3 {color: #102c60; margin: 0}
div.artikeldiv div.artbody div.artsubtiteloff h3 span.high {font-size: 20px; font-weight: bold; color: #ffffff; margin: 0}
div.artikeldiv div.artbody div.artinfo {width: 250px; max-width: 250px; margin: 0px 0px 5px 15px; background-color: #bfd7f0; float: right}
div.artikeldiv div.artbody div.artinfo table {width: 250px; max-width: 250px}
div.artikeldiv div.artbody div.artinfo td {font-size: 12px; text-align: left; vertical-align: top; padding: 5px}
div.artikeldiv div.artbody div.artinfo td.l {width: 100px; max-width: 100px}
div.artikeldiv div.artbody div.artinfo td.r {width: 150px; max-width: 150px; font-weight: bold}
div.artikeldiv div.artbody div.artinfo td.r a {font-size: 12px; font-weight: bold; cursor: pointer}
div.artikeldiv div.artbody div.artinfo td.r b {font-size: 12px; font-weight: bold}
div.artikeldiv div.artbody table.media {display: inline-block; margin: 0px 20px 5px 0px; max-width: 200px; height: 181px; max-height: 181px; vertical-align: top }
div.artikeldiv div.artbody table.media td {font-size: 11px; max-width: 200px; height: 181px; max-height: 181px; text-align: center; overflow: hidden}
div.artikeldiv div.artbody table.media td span {font-size: 11px}
table.reactie {width: 100%; border-top: 1px solid rgba(0,99,209,0.4)}
table.reactie td {font-size: 12px; vertical-align: top; border-bottom: 1px solid rgba(0,99,209,0.4)}
table.reactie td span {font-size: 12px; font-style: italic; color: #a0a0a0}
table.reactie td.off {color: #a0a0a0}
table.reactie td.off span {color: #c0c0c0}

iframe.youtubel {width: 320px; height: 180px; background-color: rgba(0,0,0,0); border: none; float: left; vertical-align: top; margin: 5px 10px 5px 0px; padding: 0}
iframe.youtuber {width: 320px; height: 180px; background-color: rgba(0,0,0,0); border: none; float: right; vertical-align: top; margin: 5px 0px 5px 10px; padding: 0}
iframe.youtubec {width: 320px; height: 180px; background-color: rgba(0,0,0,0); border: none; margin: auto; padding: 0}
iframe.youtube  {width: 320px; height: 180px; background-color: rgba(0,0,0,0); border: none; margin: auto; padding: 0}
iframe.youtubedt  {width: 200px; height: 113px; background-color: rgba(0,0,0,0); border: none; margin: auto; padding: 0; z-index: 1}
table.video {display: inline-block; max-width: 320px; height: 180px; max-height: 180px; margin: 5px 10px 5px 0px; vertical-align: top}
table.video td {width: 320px; max-width: 320px; height: 180px; max-height: 180px;  background-size: contain; background-repeat: no-repeat; text-align: center; padding: 0; vertical-align: middle; cursor: pointer; overflow: hidden}
table.video td img {margin: auto; cursor: pointer}
/* tekstlibv3 */
span.fotol {display: table; font-size: 11px; text-align: center; margin: 7px 10px 0px 0px; float: left}
span.fotoc {display: table; font-size: 11px; text-align: center; margin: 7px auto 0px auto}
span.fotoc span {display: inline-block; font-size: 11px; text-align: center}
span.fotor {display: table; font-size: 11px; text-align: center; margin: 7px 0px 0px 10px; float: right}
span.foto {display: table; font-size: 11px; text-align: center; margin: 7px auto 0px auto}
span.fotol img, div.artikeldiv span.fotoc img, div.artikeldiv span.fotor img, div.artikeldiv span.foto img {margin: 0}
span.videol {position: relative; display: table; width: 600px; max-width: 600px; height: 338px; max-height: 338px; background-size: contain; background-repeat: no-repeat; margin: 10px 10px 10px 0px; cursor: pointer; overflow: hidden; float: left}
span.videol img {position: absolute; top: 50%; left: 50%; margin: 0 -50% 0 0; transform: translate(-50%, -50%); cursor: pointer}
span.videoc {position: relative; display: table; width: 600px; max-width: 600px; height: 338px; max-height: 338px; background-size: contain; background-repeat: no-repeat; margin: 10px auto 10px auto; cursor: pointer; overflow: hidden}
span.videoc img {position: absolute; top: 50%; left: 50%; margin: 0 -50% 0 0; transform: translate(-50%, -50%); cursor: pointer}
span.videor {position: relative; display: table; width: 600px; max-width: 600px; height: 338px; max-height: 338px; background-size: contain; background-repeat: no-repeat; margin: 0px 10px 10px 10px; cursor: pointer; overflow: hidden; float: right}
span.videor img {position: absolute; top: 50%; left: 50%; margin: 0 -50% 0 0; transform: translate(-50%, -50%); cursor: pointer}
span.video {position: relative; display: table; width: 600px; max-width: 600px; height: 338px; max-height: 338px; background-size: contain; background-repeat: no-repeat; margin: 10px auto 10px auto; cursor: pointer; overflow: hidden}
span.video img {position: absolute; top: 50%; left: 50%; margin: 0 -50% 0 0; transform: translate(-50%, -50%); cursor: pointer}
span.svideol {position: relative; display: table; width: 300px; max-width: 300px; height: 169px; max-height: 169px; background-size: contain; background-repeat: no-repeat; margin: 10px 10px 10px 0px; cursor: pointer; overflow: hidden; float: left}
span.svideol img {position: absolute; top: 50%; left: 50%; margin: 0 -50% 0 0; transform: translate(-50%, -50%); cursor: pointer}
span.svideoc {position: relative; display: table; width: 300px; max-width: 300px; height: 169px; max-height: 169px; background-size: contain; background-repeat: no-repeat; margin: 10px auto 10px auto; cursor: pointer; overflow: hidden}
span.svideoc img {position: absolute; top: 50%; left: 50%; margin: 0 -50% 0 0; transform: translate(-50%, -50%); cursor: pointer}
span.svideor {position: relative; display: table; width: 300px; max-width: 300px; height: 169px; max-height: 169px; background-size: contain; background-repeat: no-repeat; margin: 0px 10px 10px 10px; cursor: pointer; overflow: hidden; float: right}
span.svideor img {position: absolute; top: 50%; left: 50%; margin: 0 -50% 0 0; transform: translate(-50%, -50%); cursor: pointer}
span.svideo {position: relative; display: table; width: 300px; max-width: 300px; height: 169px; max-height: 169px; background-size: contain; background-repeat: no-repeat; margin: 10px auto 10px auto; cursor: pointer; overflow: hidden}
span.svideo img {position: absolute; top: 50%; left: 50%; margin: 0 -50% 0 0; transform: translate(-50%, -50%); cursor: pointer}

table.tabbladen {width: 100%; height: 100%; background-color: #eff4f9}
table.tabbladen table.menu {width: 100%; height: 100%; background-color: #eff4f9}
table.tabbladen table.menu td {font-size: 14px; font-weight: bold; padding: 5px 10px 5px 10px; vertical-align: top}
table.tabbladen table.menu td img {cursor: pointer}
table.tabbladen table.menu td.inactief {border-top: 1px solid #bfd7f0; border-right: 1px solid #bfd7f0; border-bottom: 1px solid #bfd7f0; border-left: 1px solid #bfd7f0; color: #102c60; background-color: #bfd7f0; white-space: nowrap}
table.tabbladen table.menu td.actief {border-top: 1px solid #fcf5f2; border-right: 1px solid #6a7784; border-bottom: 1px solid #fcf5f2; border-left: 1px solid #fcf5f2; color: #102c60; background-color: #eff4f9; cursor: default; white-space: nowrap}
table.tabbladen table.menu td.mouseover {border-top: 1px solid #fcf5f2; border-right: 1px solid #6a7784; border-bottom: 1px solid #bfd7f0; border-left: 1px solid #fcf5f2; color: #102c60; background-color: rgba(0,99,209,0.2); cursor: pointer; white-space: nowrap}
table.tabbladen table.regels td.actief {border-top: 1px solid #6a7784; border-left: 1px solid #6a7784}
table.tabbladen table.regels td.mouseover {border-top: 1px solid #6a7784; border-left: 1px solid #6a7784; background-color: #d8e7f7}
table.tabbladen td.inhoud {background-color: #eff4f9; height: 100%; padding: 10px 10px 5px 10px}

table.lijst {-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none}
table.lijst td {width: auto; text-align: left; padding: 5px}
table.lijst td.tmid {text-align: center}
table.lijst tr:hover {background-color: rgba(0,99,209,0.2); cursor: pointer}
table.lijst tr.listtr, table.lijst tr.listtr b, span.list {background-color: transparent; cursor: default}
table.lijst tr.listtrhover, table.lijst tr.listtrhover b, span.listhover {background-color: rgba(0,99,209,0.2); cursor: pointer}
table.lijst tr td:hover {cursor: pointer}
table.lijst tr td a {color: inherit; text-decoration: none}
table.lijst tr td a:hover {cursor: pointer}
table.lijst tr td b {font-size: inherit; font-weight: bold}
table.lijst tr td b:hover {cursor: pointer}
table.lijst tr td h3:hover {cursor: pointer}
table.lijst tr td h4.off {color: #686868}
table.lijst tr td h4:hover {cursor: pointer}
table.lijst tr td h4.off:hover {cursor: pointer}
table.lijst tr td span {font-size: inherit; font-weight: bold}
table.lijst tr td span:hover {cursor: pointer}
table.lijst tr td.datum {width: 50px}
table.lijst tr td.naam {width: 180px}
table.lijst tr td.nummer {width: 50px}
table.lijst tr td.bedrag {width: 95px; font-size: inherit; font-weight: bold; text-align: right}
table.lijst tr.totaal:hover {background-color: transparent; cursor: default}
table.lijst tr.totaal td {text-align: right; cursor: default}
table.lijst tr.top:hover {background-color: transparent; padding: 0; cursor: default}
table.lijst tr.top td {cursor: default}
table.lijst tr.top td h3 {cursor: default}
table.lijst tr.blank:hover {background-color: transparent; padding: 0; cursor: default}
table.lijst tr.blank td {line-height: 0.5; cursor: default}
table.lijst tr.blanco {background-color: #eff4f9; padding: 0}
table.lijst tr.blanco:hover {cursor: default}
table.lijst tr.blanco td {line-height: 0.5; cursor: default}
table.lijst tr.inhoud td {white-space: nowrap}
table.lijst tr td.hidden img {visibility: hidden; cursor: pointer}
table.lijst tr:hover td.hidden img {visibility: visible}
table.lijst tr td.midi {width: 75px; max-width: 75px; text-align: right}

table.vlijst td {vertical-align: middle}

table.border {border-collapse: collapse}
table.border td {border: 1px solid black}

.container {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; min-width: 100%; max-width: 100%; display: flex; flex-direction: column;}
.container .flexcol {display: flex; flex-direction: column;}
.container .flexrow {display: flex; flex-direction: row;}
.container .flexcel {padding: 4px;}
.container .flexd {background-color: #d8e7f7; padding: 4px 8px 8px 8px;}

#overlay {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgba(239, 244, 249, 0.9); overflow-x: hidden; overflow-y: auto; z-index: 1000; visibility: hidden}
#overlaytable {width: 100%; height: 100%}
#overlaytd {width: 100%; height: 100%; text-align: left; vertical-align: middle}
#overlay #dialog {width: 300px; background-color: #ffffff; border: 1px solid #000000; border-radius: 10px; margin: 100px auto; padding: 15px}

#overlay2 {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgba(239, 244, 249, 0.9); overflow-x: hidden; overflow-y: auto; z-index: 1001; visibility: hidden}
#overlaytable2 {width: 100%; height: 100%}
#overlaytd2 {width: 100%; height: 100%; text-align: left; vertical-align: middle}

#printframe {border: none; width: 1px; height: 1px; overflow: hidden; visibility: hidden}

div.mailbox {position: relative; width: 960px; height: 530px; margin-left: auto; margin-right: auto; background-color: #d8e7f7}
div.mailbox .lijst {position: absolute; left: 0px; top: 0px; width: 350px; height: 530px; vertical-align: top; background-color: #d8e7f7}
div.mailbox .lijst select {font-family: "Lucida Console",Monaco,monospace; font-size: 13px; font-weight: normal; background-color: #d8e7f7; border: none; width: 350px; height: 500px; margin: 0px 0px 10px 0px}
div.mailbox  .new {font-weight: bold; color: #003774}
div.mailbox  .unanswered {color: #003774}
div.mailbox  .answered {color: #3669a2}
div.mailbox .refresh {border-style: outset; vertical-align: bottom}
div.mailbox  span.alles, div.mailbox span.new, div.mailbox span.unanswered, div.mailbox span.answered, div.mailbox img.refresh {display: inline-block; font-size: inherit; border-width: 1px; border-color: #bfd7f0; border-radius: 5px; cursor: pointer}
div.mailbox  span.alles, div.mailbox span.new, div.mailbox span.unanswered, div.mailbox span.answered {padding: 1px 2px 1px 2px;}
div.mailbox .adres1 {position: absolute; left: 360px; top: 0px; width: 300px; height: 80px; text-align: left; vertical-align: top; background-color: #d8e7f7}
div.mailbox .adres2 {position: absolute; left: 660px; top: 0px; width: 300px; height: 80px; text-align: left; vertical-align: top; background-color: #d8e7f7}
div.mailbox .adresuit {position: absolute; left: 360px; top: 0px; width: 600px; height: 40px; text-align: left; vertical-align: top; background-color: #d8e7f7}
div.mailbox .bericht {position: absolute; left: 350px; top: 80px; width: 610px; height: 420px; text-align: left; vertical-align: top}
div.mailbox .bericht .inhoud {width: 600px; height: 420px; text-align: left; vertical-align: top; overflow: auto; margin: 0px 0px 0px 10px}
div.mailbox .berichtuit {position: absolute; left: 350px; top: 40px; width: 610px; height: 460px; text-align: left; vertical-align: top}
div.mailbox .berichtuit .inhoud {width: 600px; height: 460px; text-align: left; vertical-align: top; overflow: auto; margin: 0px 0px 0px 10px}
div.mailbox .knoppen {position: absolute; left: 350px; top: 505px; width: 610px; height: 25px; background-color: #d8e7f7; text-align: center; padding-top: 2px;}
div.mailboxfooter {position: relative; width: 960px; margin: 5px auto 0px auto;}

span.mini-up {font-size: 11px; background-color: #bfd7f0; border: 1px outset #bfd7f0; cursor: pointer}
span.mini-lo {font-size: 11px; background-color: #bfd7f0; border: 1px inset #bfd7f0; cursor: pointer}
td.rechts {width: 20px; padding: 0; vertical-align: top; line-height: 80%; background-image: url(img/pijltje.png); background-position: right top; background-attachment: fixed; cursor: pointer}
td.rechts img {width: 20px; height: 1px; margin: 0px}
tr.bottom {height: 40px; background-color: #eff4f9}
tr.bottom td.tnt {width: 150px; font-size: 11px; text-align: center; vertical-align: bottom; background-color: #bfd7f0; padding: 0px 0px 5px 0px}
tr.bottom td.tnt div {font-size: 11px; text-align: center}
.foutkleur {font-size: inherit; font-weight: bold; color: #cc0000}
.tdl {background-color: transparent}
.tdd {background-color: #d8e7f7}
.tdl, .tdd {vertical-align: middle; padding: 4px 8px 8px 8px}
.tdlknop, .tddknop {font-size: inherit; font-weight: bold; text-align: center; border: 1px outset rgba(0,99,209,0.4); padding: 2px 6px 2px 6px; cursor: pointer}
.tdlknop {color: #102c60; background-color: rgba(0,99,209,0.2)}
.tddknop {color: #102c60; background-color: rgba(0,99,209,0.2)}
.tdd a, .tdl a {color: #0063d1; text-decoration: none}
.tdd a:hover, .tdl a:hover {color: #102c60; text-decoration: underline}
.knop {color: #ffffff; font-size: inherit; font-weight: bold; background-color: rgba(0,99,209,0.4); width: 22px; height: 22px; border: 1px outset rgba(0,99,209,0.4); background-repeat: no-repeat; background-position: center center; cursor: pointer}
.aknop {display: inline-block; color: #ffffff; font-size: inherit; font-weight: bold; background-color: rgba(0,99,209,0.4); border: 1px outset rgba(0,99,209,0.4); border-radius: 5px; text-align: center; vertical-align: middle; padding: 0; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; cursor: pointer}
.aknop:hover {text-decoration: none}
img.imgknop {background-color: rgba(0,99,209,0.2); border: 1px outset rgba(0,99,209,0.4); border-radius: 5px; margin: 0; vertical-align: bottom; cursor: pointer}
.submita {width:  25px; font-weight: bold; background-color: rgba(0,99,209,0.2); border: 1px outset rgba(0,99,209,0.4); border-radius: 5px; padding: 0; cursor: pointer}
.submit  {width:  50px; font-weight: bold; background-color: rgba(0,99,209,0.2); border: 1px outset rgba(0,99,209,0.4); border-radius: 5px; padding: 0; cursor: pointer}
.submitb {width:  75px; font-weight: bold; background-color: rgba(0,99,209,0.2); border: 1px outset rgba(0,99,209,0.4); border-radius: 5px; padding: 0; cursor: pointer}
.submit1 {width: 100px; font-weight: bold; background-color: rgba(0,99,209,0.2); border: 1px outset rgba(0,99,209,0.4); border-radius: 5px; padding: 0; cursor: pointer}
.submitc {width: 125px; font-weight: bold; background-color: rgba(0,99,209,0.2); border: 1px outset rgba(0,99,209,0.4); border-radius: 5px; padding: 0; cursor: pointer}
.submit2 {width: 150px; font-weight: bold; background-color: rgba(0,99,209,0.2); border: 1px outset rgba(0,99,209,0.4); border-radius: 5px; padding: 0; cursor: pointer}
.submitd {width: 175px; font-weight: bold; background-color: rgba(0,99,209,0.2); border: 1px outset rgba(0,99,209,0.4); border-radius: 5px; padding: 0; cursor: pointer}
.submit3 {width: 200px; font-weight: bold; background-color: rgba(0,99,209,0.2); border: 1px outset rgba(0,99,209,0.4); border-radius: 5px; padding: 0; cursor: pointer}
.submit4 {width: 250px; font-weight: bold; background-color: rgba(0,99,209,0.2); border: 1px outset rgba(0,99,209,0.4); border-radius: 5px; padding: 0; cursor: pointer}
.submit5 {width: 300px; font-weight: bold; background-color: rgba(0,99,209,0.2); border: 1px outset rgba(0,99,209,0.4); border-radius: 5px; padding: 0; cursor: pointer}
.submit6 {width: 350px; font-weight: bold; background-color: rgba(0,99,209,0.2); border: 1px outset rgba(0,99,209,0.4); border-radius: 5px; padding: 0; cursor: pointer}
.submit7 {width: 400px; font-weight: bold; background-color: rgba(0,99,209,0.2); border: 1px outset rgba(0,99,209,0.4); border-radius: 5px; padding: 0; cursor: pointer}
.submit8 {width: 450px; font-weight: bold; background-color: rgba(0,99,209,0.2); border: 1px outset rgba(0,99,209,0.4); border-radius: 5px; padding: 0; cursor: pointer}
.submit9 {width: 500px; font-weight: bold; background-color: rgba(0,99,209,0.2); border: 1px outset rgba(0,99,209,0.4); border-radius: 5px; padding: 0; cursor: pointer}
.input  {width:  50px}
.input0 {width:  75px}
.input1 {width: 100px}
.input2 {width: 150px}
.input3 {width: 200px}
.input4 {width: 250px}
.input5 {width: 300px}
.input6 {width: 350px}
.input7 {width: 400px}
.input8 {width: 450px}
.input9 {width: 500px}
.inputa {width: 550px}
.inputb {width: 600px}
.inputc {width: 610px}
.select  {width:  56px}
.select0 {width:  81px}
.select1 {width: 106px}
.select2 {width: 156px}
.select3 {width: 206px}
.select4 {width: 256px}
.select5 {width: 306px}
.select6 {width: 356px}
.select7 {width: 406px}
.select8 {width: 456px}
.select9 {width: 506px}
.selecta {width: 556px}
.selectb {width: 606px}
.selectc {width: 616px}
.option  {width:  50px; overflow: hidden}
.option0 {width:  75px; overflow: hidden}
.option1 {width: 100px; overflow: hidden}
.option2 {width: 150px; overflow: hidden}
.option3 {width: 200px; overflow: hidden}
.option4 {width: 250px; overflow: hidden}
.option5 {width: 300px; overflow: hidden}
.option6 {width: 350px; overflow: hidden}
.option7 {width: 400px; overflow: hidden}
.option8 {width: 450px; overflow: hidden}
.option9 {width: 500px; overflow: hidden}
.optiona {width: 550px; overflow: hidden}
.optionb {width: 600px; overflow: hidden}
.optionc {width: 610px; overflow: hidden}

optgroup {font-weight: bold; margin-bottom: 5px}img
optgroup option {padding-left: 20px}
select.dtl option {background-position: right; background-repeat: no-repeat}
.titleselect {font-family: Aster,Times New Roman,serif; border: 1px inset #102c60; font-size: 22px; color: #102c60; background-color: rgba(0,99,209,0.2); border: 1px inset #102c60; vertical-align: middle}
.titleselect option {font-family: Aster,Times New Roman,serif; font-size: 22px; color: #102c60}
.titleselect2 {font-family: Aster,Times New Roman,serif; font-size: 24px; color: #0063d1; background-color: transparent; border: 1px inset rgba(0,99,209,0.2); margin-bottom: 6px}
.titleselect2 option {font-family: Aster,Times New Roman,serif; font-size: 24px; color: #0063d1}
.checkbox {color: #102c60}
div.selectiemenu {position: absolute; left: 15%; width: 85%; top: 17px; z-index: 99}
div.zoekmenu {position: absolute; left: 0%; width: 15%; top: 11px; text-align: center; z-index: 98}
.login .input {width: 150px; color: #102c60; border: 1px inset rgba(0,99,209,0.4); padding: 1px 0px 1px 4px; vertical-align: middle}
.login .submit {width: 100px; font-weight: bold; background-color: rgba(0,99,209,0.2); border: 1px outset rgba(0,99,209,0.4); border-radius: 5px; padding: 0; cursor: pointer}
.login .opvragen {width: 300px; font-weight: bold; background-color: rgba(0,99,209,0.2); border: 1px outset rgba(0,99,209,0.4); border-radius: 5px; padding: 0; cursor: pointer}
table.adressen {margin-left: auto; margin-right: auto}
table.adressen td {text-align: left; padding: 5px}
div.lijn {width: 98%; height: 1px; background-color: #003774; overflow: hidden; margin: 10px auto 10px auto}
.groen {color: #00ff00}
.rood {color: #ff0000}
a.forumknop {display: block; width: 123px; font-size: 11px; font-weight: bold; background-color: rgba(0,99,209,0.2); border: 1px outset rgba(0,99,209,0.4); border-radius: 5px; text-align: center; text-decoration: none; padding: 3px 0px 3px 0px; cursor: pointer; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none}
a.forumknop:hover {text-decoration: none}
.toelichting, .toelichting b {color: #44a500}
.kantoor, .kantoor b {color: #aa5000}
.parttime, .parttime b {color: #ce00a1}
.inputkalender {width: 150px}
.tekstkalender {}
/*opleidingen*/
#opleidingframe body {padding : 0px !important}
#opleidingframe body #em_header {height: 50px !important; max-height: 50px !important}

select#ikoon option {background-repeat: no-repeat; background-position: 3px 50%; padding: 2px 0px 2px 32px}
.vb0 {background-image: none}
.vb1 {background-image: url(img/verkeersbord-10km.png)}
.vb2 {background-image: url(img/verkeersbord-30km.png)}
.vb3 {background-image: url(img/verkeersbord-50km.png)}
.vb4 {background-image: url(img/verkeersbord-60km.png)}
.vb5 {background-image: url(img/verkeersbord-70km.png)}
.vb6 {background-image: url(img/verkeersbord-80km.png)}
.vb7 {background-image: url(img/verkeersbord-advies50km.png)}
.vb8 {background-image: url(img/verkeersbord-autosnelweg.png)}
.vb9 {background-image: url(img/verkeersbord-autoweg.png)}
.vb10 {background-image: url(img/verkeersbord-eenrichtingsverkeer.png)}
.vb11 {background-image: url(img/verkeersbord-eindeinhaalverbod.png)}
.vb12 {background-image: url(img/verkeersbord-eindeinhaalverbodvracht.png)}
.vb13 {background-image: url(img/verkeersbord-eindeverbod.png)}
.vb14 {background-image: url(img/verkeersbord-eindevoorrangsweg.png)}
.vb15 {background-image: url(img/verkeersbord-fietspad.png)}
.vb16 {background-image: url(img/verkeersbord-gebodtegenliggervoorrang.png)}
.vb17 {background-image: url(img/verkeersbord-geslotenvoormotorvoertuigen.png)}
.vb18 {background-image: url(img/verkeersbord-geslotenvoorverkeer.png)}
.vb19 {background-image: url(img/verkeersbord-hondaanlijn.png)}
.vb20 {background-image: url(img/verkeersbord-hondok.png)}
.vb21 {background-image: url(img/verkeersbord-hondverbod.png)}
.vb22 {background-image: url(img/verkeersbord-informatiedoodlopendeweg.png)}
.vb23 {background-image: url(img/verkeersbord-informatiehoogteonderdoorgang.png)}
.vb24 {background-image: url(img/verkeersbord-informatiezebrapad.png)}
.vb25 {background-image: url(img/verkeersbord-inhaalverbod.png)}
.vb26 {background-image: url(img/verkeersbord-inhaalverbodvracht.png)}
.vb27 {background-image: url(img/verkeersbord-inrijdentoegestaan.png)}
.vb28 {background-image: url(img/verkeersbord-inrijverbod.png)}
.vb29 {background-image: url(img/verkeersbord-keerverbod.png)}
.vb30 {background-image: url(img/verkeersbord-naderenvoorrangsweg.png)}
.vb31 {background-image: url(img/verkeersbord-parkeer.png)}
.vb32 {background-image: url(img/verkeersbord-parkeerinvalide.png)}
.vb33 {background-image: url(img/verkeersbord-parkeertaxi.png)}
.vb34 {background-image: url(img/verkeersbord-parkeerverbod.png)}
.vb35 {background-image: url(img/verkeersbord-rolstoel.png)}
.vb36 {background-image: url(img/verkeersbord-rotonde.png)}
.vb37 {background-image: url(img/verkeersbord-stop.png)}
.vb38 {background-image: url(img/verkeersbord-stopverbod.png)}
.vb39 {background-image: url(img/verkeersbord-verplichterijbaan.png)}
.vb40 {background-image: url(img/verkeersbord-verplichterijrichting.png)}
.vb41 {background-image: url(img/verkeersbord-verplichtrechtdoor.png)}
.vb42 {background-image: url(img/verkeersbord-voetpad.png)}
.vb43 {background-image: url(img/verkeersbord-voorrangoptegenligger.png)}
.vb44 {background-image: url(img/verkeersbord-voorrangsweg.png)}
.vb45 {background-image: url(img/verkeersbord-waarschuwingfietsers.png)}
.vb46 {background-image: url(img/verkeersbord-waarschuwingfile.png)}
.vb47 {background-image: url(img/verkeersbord-waarschuwinggevaar.png)}
.vb48 {background-image: url(img/verkeersbord-waarschuwinggevaarlijkekruising.png)}
.vb49 {background-image: url(img/verkeersbord-waarschuwingijzelofsneeuw.png)}
.vb50 {background-image: url(img/verkeersbord-waarschuwingkinderen.png)}
.vb51 {background-image: url(img/verkeersbord-waarschuwingslechtwegdek.png)}
.vb52 {background-image: url(img/verkeersbord-waarschuwingslipgevaar.png)}
.vb53 {background-image: url(img/verkeersbord-waarschuwingtegenliggers.png)}
.vb54 {background-image: url(img/verkeersbord-waarschuwingverkeersdrempel.png)}
.vb55 {background-image: url(img/verkeersbord-waarschuwingvoetgangers.png)}
.vb56 {background-image: url(img/verkeersbord-waarschuwingwegversmalling.png)}
.vb57 {background-image: url(img/verkeersbord-waarschuwingwerkinuitvoering.png)}
.vb58 {background-image: url(img/verkeersbord-waarschuwingzebrapad.png)}
.vb59 {background-image: url(img/verkeersbord-woonerf.png)}
.vb60 {background-image: url(img/ikoon-flitspaal.png)}
.vb61 {background-image: url(img/ikoon-geengeld.png)}
.vb62 {background-image: url(img/ikoon-klok.png)}
.vb63 {background-image: url(img/ikoon-klokkwartier.png)}
.vb64 {background-image: url(img/ikoon-oops.png)}
.vb65 {background-image: url(img/ikoon-rokenverboden.png)}
.vb66 {background-image: url(img/ikoon-stilte.png)}
.vb67 {background-image: url(img/ikoon-tankstation.png)}
.vb68 {background-image: url(img/ikoon-tankstationlpg.png)}
.vb69 {background-image: url(img/ikoon-telefoon.png)}
.vb70 {background-image: url(img/verkeersbord-ongeval.png)}
.vb71 {background-image: url(img/ikoon-geld.png)}
.vb72 {background-image: url(img/ikoon-klm.png)}
.vb73 {background-image: url(img/ikoon-luchthaven.png)}
.vb74 {background-image: url(img/ikoon-koffer.png)}
.vb75 {background-image: url(img/ikoon-valys.png)}
.vb76 {background-image: url(img/ikoon-orangegas.png)}
.vb77 {background-image: url(img/ikoon-laadpunt.png)}