@font-face {font-family: 'roboto'; src: url('font/roboto.woff2') format('woff2'), url('font/roboto.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'roboto'; src: url('font/robotoI.woff2') format('woff2'), url('font/robotoI.woff') format('woff'); font-weight: normal; font-style: italic;}
@font-face {font-family: 'roboto'; src: url('font/robotoB.woff2') format('woff2'), url('font/robotoB.woff') format('woff'); font-weight: bold; font-style: normal;}
@font-face {font-family: 'roboto'; src: url('font/robotoBI.woff2') format('woff2'), url('font/robotoBI.woff') format('woff'); font-weight: bold; font-style: italic;}
/* donkergroen #0a7a69   lichtgoen #d3e4de -> #e8f1ee   tekst #777777   rood #7a0a1b   bgrood #e9c5cb   bgoranje #e9d2c5 */
/* 2px = 0.125    11px = 0.6875   20px = 1.25     100px = 6.25
   3px = 0.1875   12px = 0.75     25px = 1.5625   150px = 9.375
   4px = 0.25     14px = 0.875    40px = 2.5      200px = 12.5
   6px = 0.375    15px = 0.9375   50px = 3.125
   8px = calc(var(--responsive) * 0.5)   16px = 1        75px = 4.6875
  10px = 0.625    20px = 1.25     85px = 5.3125  rem */

@media only screen and (max-width: 479px) {
	* {--responsive: 12px;} /* = rem */
}
@media only screen and (min-width: 480px) and (max-width: 1000px) {
	* {--min-size: 12; --max-size: 16; --diff: calc(var(--max-size) - var(--min-size)); --responsive: calc((var(--min-size) * 1px) + (var(--diff) * ((100vw - 480px) / (1000 - 480))));}
}
@media only screen and (min-width: 1001px) {
	* {--responsive: 16px;} /* = rem */
}
* {font-family: roboto, sans-serif; font-size: var(--responsive); font-weight: normal; color: #777777; line-height: 1.5; margin: 0; padding: 0; border: none; outline: none; cursor: default;}
html, body {height: 100%;}
body {background-color: #ffffff; overflow-y: scroll;}
a, .link {font-size: inherit; font-weight: inherit; color: #0a7a69; text-decoration: none; cursor: pointer;}
a:hover, .link:hover {color: #0a7a69; text-decoration: underline; cursor: pointer;}
a img {cursor: pointer;}
b, strong, .vet {font-size: inherit; font-weight: bold; color: inherit; cursor: inherit;}
u {font-size: inherit; font-weight: inherit; color: inherit; cursor: inherit;}
i {font-size: inherit; font-weight: inherit; color: inherit; cursor: inherit;}
span {font-size: inherit; font-weight: inherit; color: inherit; cursor: inherit;}
td, th {color: #777777; text-align: left; vertical-align: top;}
h1, h2, h3, h4, h5 {margin: 0 0 calc(var(--responsive) * 1.5625) 0;}
*+h1, *+h2, *+h3, *+h4, *+h5 {margin-top: calc(var(--responsive) * 2.1875)}
h1 {font-size: calc(var(--responsive) * 1.875);}
h2 {font-size: calc(var(--responsive) * 1.5);}
h3 {font-size: calc(var(--responsive) * 1.25);}
h4 {font-size: calc(var(--responsive) * 1.125);}
h5 {font-size: calc(var(--responsive));}
input[type='button'], input[type='submit'] {font-weight: bold; color: #ffffff; background-color: #0a7a69; border: 1px outset #0a7a69; border-radius: calc(var(--responsive) * 0.3125); cursor: pointer;}
input[type='text'], input[type='file'], input[type='password'] {color: #777777; background-color: #ffffff; border: 1px inset #0a7a69; padding: 1px 0 1px calc(var(--responsive) * 0.25); vertical-align: middle;}
span.input {color: #777777; border: 1px solid transparent; padding: 1px 0 1px calc(var(--responsive) * 0.25); vertical-align: middle;}
select {color: #777777; background-color: #ffffff; border: 1px inset #0a7a69; padding-left: calc(var(--responsive) * 0.25); vertical-align: middle;}
option {font-size: inherit; font-weight: normal; color: inherit; padding: 0 0 0 calc(var(--responsive) * 0.25);}
textarea {color: #777777; background-color: #ffffff; border: 1px inset #0a7a69; padding: 1px 0 1px calc(var(--responsive) * 0.25); vertical-align: middle;}
.groot {font-size: calc(var(--responsive) * 1.25); font-weight: bold; color: #777777; margin-bottom: calc(var(--responsive) * 0.3125);}
.grootl {font-size: calc(var(--responsive) * 1.25);}
.medium {font-size: calc(var(--responsive) * 0.8);}
.klein {font-size: calc(var(--responsive) * 0.7); line-height: 1.0;}
.mini {font-size: calc(var(--responsive) * 0.6); line-height: 1.0;}
.weg {visibility: hidden; width: 1px; height: 1px;}
.right {text-align: right;}
.center {text-align: center;}
.vmid {vertical-align: middle;}
.light {color: #bbbbbb !important;}
.print {visibility: hidden; height: 1px;}
ul.hoofd {margin: 0 0 0 calc(var(--responsive) * 1.0625); padding: 0; text-indent: 0; list-style-type: square; list-style-image: url(img/square.png);}
ul.sub {margin: 0 0 0 calc(var(--responsive) * 2.125); padding: 0; text-indent: 0; list-style-type: square; list-style-image: url(img/square2.png);}
li.hoofd {margin: 0 0 calc(var(--responsive) * 0.625) 0; list-style-type: square; list-style-image: url(img/square.png);}
li.sub   {margin: 0 0 calc(var(--responsive) * 0.3125) 0; list-style-type: square; list-style-image: url(img/square2.png);}

.container {position: absolute; left: 0px; top: 0px; width: calc(100vw - (100vw - 100%)); min-width: calc(100vw - (100vw - 100%)); max-width: calc(100vw - (100vw - 100%)); min-height: 100vh; display: flex; flex-direction: column;}
.container .flexcol {display: flex; flex-direction: column;}
.container .flexrow {display: flex; flex-direction: row;}
#inhouddiv {flex: 1; width: 100%; margin: 0 auto 0 auto; overflow-x: hidden;} /*max-width: 1000px;*/
#inhouddiv > div {flex-basis: 0;}

table.top {width: 100%;}
table.center {margin: auto;}

table.tabel {text-align: left;}
table.tabel td {padding: calc(var(--responsive) * 0.3125);}
table.tabel tr.kop td, table.tabel td.kop {font-weight: bold; padding: calc(var(--responsive) * 0.3125);}
table.tabel tr.vet td {font-weight: bold;}
table.tabel tr.plat td, table.tabel td.plat {padding: 1px calc(var(--responsive) * 0.3125) 1px calc(var(--responsive) * 0.3125);}
table.tabel tr.plat2 td, table.tabel td.plat2 {padding: 1px calc(var(--responsive) * 0.3125) 1px calc(var(--responsive) * 0.625);}
table.tabel td span.high {font-weight: bold; color: #0a7a69;}
table.tabel td a {color: #0a7a69; text-decoration: none;}
table.tabel td a:hover {color: #0a7a69; text-decoration: underline; cursor: pointer;}
table.tabel td a.vb {color: #0a7a69;  text-decoration: none;}
table.tabel td a.vb:hover {color: #0a7a69;text-decoration: underline; cursor: pointer;}

div.ruimte {margin: calc(var(--responsive) * 0.625) calc(var(--responsive) * 0.3125) calc(var(--responsive) * 0.3125) calc(var(--responsive) * 0.9375); padding: 0;}
td#agendabeheer a {color: #0a7a69; text-decoration: none;}
td#agendabeheer a:hover {color: #0a7a69; text-decoration: underline;}

table.tabbladen {width: 100%; height: 100%; background-color: #ffffff;}
table.tabbladen table.menu {width: 100%; height: 100%; background-color: #ffffff; -webkit-user-select: none; -ms-user-select: none; user-select: none;}
table.tabbladen table.menu td {font-weight: bold; padding: calc(var(--responsive) * 0.3125) calc(var(--responsive) * 0.625) calc(var(--responsive) * 0.3125) calc(var(--responsive) * 0.625); vertical-align: top; white-space: nowrap;}
table.tabbladen table.menu td img {cursor: pointer;}
table.tabbladen table.menu td.inactief {border-top: 1px outset #e8f1ee; border-right: 1px inset #e8f1ee; border-bottom: 1px solid #e8f1ee; border-left: 1px solid #e8f1ee; color: #777777; background-color: #e8f1ee;}
table.tabbladen table.menu td.actief {border-top: 1px outset #e8f1ee; border-right: 1px outset #e8f1ee; border-bottom: 1px solid #ffffff; border-left: 1px outset #e8f1ee; color: #777777; background-color: #ffffff; cursor: default;}
table.tabbladen table.menu td.mouseover {border-top: 1px outset #e8f1ee; border-right: 1px outset #e8f1ee; border-bottom: 1px solid #e8f1ee; border-left: 1px outset #e8f1ee; color: #ffffff; background-color: #0a7a69; cursor: pointer;}
table.tabbladen table.documenten td.actief {border-top: 1px solid #e8f1ee; border-left: 1px solid #e8f1ee;}
table.tabbladen table.documenten td.mouseover {color: #0a7a69; border-top: 1px solid #e8f1ee; border-left: 1px solid #e8f1ee; background-color: #e8f1ee;}
table.tabbladen td.inhoud {background-color: #ffffff; height: 100%; padding: calc(var(--responsive) * 0.625) calc(var(--responsive) * 0.625) calc(var(--responsive) * 0.3125) calc(var(--responsive) * 0.625);}

table.lijst {-webkit-user-select: none; -ms-user-select: none; user-select: none;}
table.lijst th, table.lijst td {font-size: calc(var(--responsive) * 1.25);}
table.lijst th {font-weight: bold; text-align: left; padding: calc(var(--responsive) * 0.625);}
table.lijst td {padding: calc(var(--responsive) * 0.625); cursor: pointer;}
table.lijst tr:hover {background-color: #e8f1ee; 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: #e8f1ee; cursor: pointer;}
table.lijst tr td:hover {cursor: pointer;}
table.lijst tr td b {font-weight: bold;}
table.lijst tr td b:hover {cursor: pointer;}
table.lijst tr td h3:hover {cursor: pointer;}
table.lijst tr td h4:hover {cursor: pointer;}
table.lijst tr td span {font-weight: bold;}
table.lijst tr td span:hover {cursor: pointer;}
table.lijst tr td.datum {width: calc(var(--responsive) * 3.125);}
table.lijst tr td.naam {width: calc(var(--responsive) * 13.75);}
table.lijst tr td.nummer {width: calc(var(--responsive) * 5.3125);}
table.lijst tr td.reknum {display: none;}
table.lijst tr td.bedrag, table.lijst tr th.bedrag {width: calc(var(--responsive) * 5.9375); 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; cursor: default;}
table.lijst tr.blank td {line-height: 0.5; padding: 0; cursor: default;}
table.lijst tr.blanco {background-color: #ffffff;}
table.lijst tr.blanco:hover {cursor: default;}
table.lijst tr.blanco td {line-height: 0.5; padding: 0; cursor: default;}

.swtd {padding: calc(var(--responsive) * 0.375) calc(var(--responsive) * 0.25) calc(var(--responsive) * 0.25) calc(var(--responsive) * 0.25) !important;}
.switch {position: relative; display: inline-block; width: calc(var(--responsive) * 1.875); height: calc(var(--responsive) * 0.875); vertical-align: middle;} /* zet een spatie na de switch */
.switch input {opacity: 0; width: 0; height: 0;}
.slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #f46016; -webkit-transition: 0.3s; transition: 0.3s;}
.slider:before {position: absolute; content: ""; height: calc(var(--responsive) * 0.625); width: calc(var(--responsive) * 0.625); left: calc(var(--responsive) * 0.125); bottom: calc(var(--responsive) * 0.125); background-color: #ffffff; -webkit-transition: 0.3s; transition: 0.3s;}
input:checked + .slider {background-color: #0a7a69;}
input:focus + .slider {box-shadow: 0 0 1px #0a7a69;}
input:checked + .slider:before {-webkit-transform: translateX(var(--responsive) ); -ms-transform: translateX(var(--responsive) ); transform: translateX(var(--responsive) );}
.slider.round {border-radius: calc(var(--responsive) * 0.875);}
.slider.round:before {border-radius: 50%;}

.container {position: absolute; left: 0; top: 0; 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: calc(var(--responsive) * 0.25);}
.container .flexd {background-color: #e8f1ee; padding: calc(var(--responsive) * 0.25) calc(var(--responsive) * 0.5) calc(var(--responsive) * 0.5) calc(var(--responsive) * 0.5);}

#overlay {position: absolute; left: 0; top: 0; width: 100%; height: 100%; min-width: 100%; max-width: 100%; background-color: rgba(240,246,244,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: center; vertical-align: middle;}
#overlay #dialog {width: calc(var(--responsive) * 18.75); background-color: #ffffff; border: 1px solid #000000; border-radius: calc(var(--responsive) * 0.625); margin: calc(var(--responsive) * 6.25) auto; padding: calc(var(--responsive) * 0.9375);}

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

span.maxiknop {display: inline-block; font-size: calc(var(--responsive) * 1.25); color: #ffffff; background-color: #0a7a69; border: 1px outset #0a7a69; border-radius: calc(var(--responsive) * 0.3125); margin: 0 calc(var(--responsive) * 0.3125) 1px calc(var(--responsive) * 0.3125); padding: 0 calc(var(--responsive) * 0.3125) 1px calc(var(--responsive) * 0.3125); white-space: nowrap; cursor: pointer; -webkit-user-select: none; -ms-user-select: none; user-select: none;}
span.midiknop {display: inline-block; font-size: calc(var(--responsive) * 0.75); color: #ffffff; background-color: #0a7a69; border: 1px outset #0a7a69; border-radius: calc(var(--responsive) * 0.3125); margin: 0 calc(var(--responsive) * 0.3125) 1px calc(var(--responsive) * 0.3125); padding: 0 calc(var(--responsive) * 0.3125) 1px calc(var(--responsive) * 0.3125); white-space: nowrap; cursor: pointer; -webkit-user-select: none; -ms-user-select: none; user-select: none;}
span.miniknop {display: inline-block; font-size: calc(var(--responsive) * 0.6875); font-weight: bold; color: #ffffff; background-color: #0a7a69; border: 1px outset #0a7a69; border-radius: calc(var(--responsive) * 0.1875); padding: 1px calc(var(--responsive) * 0.3125) 1px calc(var(--responsive) * 0.3125); white-space: nowrap; cursor: pointer; -webkit-user-select: none; -ms-user-select: none; user-select: none;}
span.mini-up {display: inline-block; font-size: calc(var(--responsive) * 0.6875); background-color: #e8f1ee; border: 1px outset #e8f1ee; border-radius: calc(var(--responsive) * 0.1875); white-space: nowrap; cursor: pointer; -webkit-user-select: none; -ms-user-select: none; user-select: none;}
span.mini-lo {display: inline-block; font-size: calc(var(--responsive) * 0.6875); background-color: #e8f1ee; border: 1px inset #e8f1ee; border-radius: calc(var(--responsive) * 0.1875); white-space: nowrap; cursor: pointer; -webkit-user-select: none; -ms-user-select: none; user-select: none;}
td.rechts {width: calc(var(--responsive) * 1.25); 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: calc(var(--responsive) * 1.25); height: 1px; margin: 0;}
tr.bottom {height: calc(var(--responsive) * 2.5); background-color: #ffffff;}
tr.bottom td.tnt {width: calc(var(--responsive) * 9.375); font-size: calc(var(--responsive) * 0.5625); text-align: center; vertical-align: bottom; background-color: #e8f1ee; padding: 0 0 calc(var(--responsive) * 0.3125) 0;}
tr.bottom td.tnt div {font-size: calc(var(--responsive) * 0.5625); text-align: center;}
.foutkleur {font-weight: bold; color: #da2c4c;}
.tdl {background-color: transparent;}
.tdd {background-color: #e8f1ee;}
.tdl, .tdd {vertical-align: middle; padding: calc(var(--responsive) * 0.25) calc(var(--responsive) * 0.5) calc(var(--responsive) * 0.5) calc(var(--responsive) * 0.5);}
.tdlknop, .tddknop {font-weight: bold; text-align: center; border: 1px outset #0a7a69; padding: calc(var(--responsive) * 0.125) calc(var(--responsive) * 0.375) calc(var(--responsive) * 0.125) calc(var(--responsive) * 0.375); cursor: pointer;}
.tdlknop {color: #ffffff; background-color: #0a7a69;}
.tddknop {color: #ffffff; background-color: #0a7a69;}
.tdd a, .tdl a {color: #0a7a69; text-decoration: none;}
.tdd a:hover, .tdl a:hover {color: #0a7a69; text-decoration: underline;}
.knop {color: #ffffff; font-weight: bold; background-color: #0a7a69; width: calc(var(--responsive) * 1.375); height: calc(var(--responsive) * 1.375); border: 1px outset #0a7a69; border-radius: 0 !important; background-repeat: no-repeat; background-position: center center; cursor: pointer;}
.submita {width:  calc(var(--responsive) * 1.5625);}
.submit  {width:  calc(var(--responsive) * 3.125);}
.submitb {width:  calc(var(--responsive) * 4.6875);}
.submit0 {width:  calc(var(--responsive) * 5.3125);}
.submit1 {width: calc(var(--responsive) * 6.25);}
.submitc {width: calc(var(--responsive) * 7.8125);}
.submit2 {width: calc(var(--responsive) * 9.375);}
.submit3 {width: 1calc(var(--responsive) * 2.5);}
.submit4 {width: calc(var(--responsive) * 15.625);}
.submit5 {width: calc(var(--responsive) * 18.75);}
.submit6 {width: 2calc(var(--responsive) * 1.875);}
.submit7 {width: calc(var(--responsive) * 25);}
.submit8 {width: calc(var(--responsive) * 28.125);}
.submit9 {width: 3calc(var(--responsive) * 1.25);}
.input  {width:  calc(var(--responsive) * 3.125);}
.inputx {width:  calc(var(--responsive) * 3.4375);}
.input0 {width:  calc(var(--responsive) * 4.6875);}
.input1 {width: calc(var(--responsive) * 6.25);}
.input2 {width: calc(var(--responsive) * 9.375);}
.input3 {width: 1calc(var(--responsive) * 2.5);}
.input4 {width: calc(var(--responsive) * 15.625);}
.input5 {width: calc(var(--responsive) * 18.75);}
.input6 {width: 2calc(var(--responsive) * 1.875);}
.input7 {width: calc(var(--responsive) * 25);}
.input8 {width: calc(var(--responsive) * 28.125);}
.input9 {width: 3calc(var(--responsive) * 1.25);}
.inputa {width: calc(var(--responsive) * 34.375);}
.inputb {width: calc(var(--responsive) * 37.5);}
.inputc {width: calc(var(--responsive) * 38.125);}
.selectA {width:  calc(var(--responsive) * 2);}
.select  {width:  calc(var(--responsive) * 3.125);}
.select0 {width:  calc(var(--responsive) * 4.6875);}
.select1 {width: calc(var(--responsive) * 6.25);}
.select2 {width: calc(var(--responsive) * 9.375);}
.select3 {width: 1calc(var(--responsive) * 2.5);}
.select4 {width: calc(var(--responsive) * 15.625);}
.select5 {width: calc(var(--responsive) * 18.75);}
.select6 {width: 2calc(var(--responsive) * 1.875);}
.select7 {width: calc(var(--responsive) * 25);}
.select8 {width: calc(var(--responsive) * 28.125);}
.select9 {width: 3calc(var(--responsive) * 1.25);}
.selecta {width: calc(var(--responsive) * 34.375);}
.selectb {width: calc(var(--responsive) * 37.5);}
.selectc {width: calc(var(--responsive) * 38.125);}
.option  {width:  calc(var(--responsive) * 3.125); overflow: hidden;}
.option0 {width:  calc(var(--responsive) * 4.6875); overflow: hidden;}
.option1 {width: calc(var(--responsive) * 6.25); overflow: hidden;}
.option2 {width: calc(var(--responsive) * 9.375); overflow: hidden;}
.option3 {width: 1calc(var(--responsive) * 2.5); overflow: hidden;}
.option4 {width: calc(var(--responsive) * 15.625); overflow: hidden;}
.option5 {width: calc(var(--responsive) * 18.75); overflow: hidden;}
.option6 {width: 2calc(var(--responsive) * 1.875); overflow: hidden;}
.option7 {width: calc(var(--responsive) * 25); overflow: hidden;}
.option8 {width: calc(var(--responsive) * 28.125); overflow: hidden;}
.option9 {width: 3calc(var(--responsive) * 1.25); overflow: hidden;}
.optiona {width: calc(var(--responsive) * 34.375); overflow: hidden;}
.optionb {width: calc(var(--responsive) * 37.5); overflow: hidden;}
.optionc {width: calc(var(--responsive) * 38.125); overflow: hidden;}
optgroup {font-weight: bold;}
optgroup option {padding-left: calc(var(--responsive) * 1.25);}
select.dtl option {background-position: right; background-repeat: no-repeat;}
.titleselect {font-size: calc(var(--responsive) * 1.375); color: #777777; background-color: transparent; border: 1px inset #0a7a69; vertical-align: middle;}
.titleselect2 {width: calc(var(--responsive) * 9.375); font-size: calc(var(--responsive) * 1.25); font-weight: bold; color: #777777; background-color: transparent; border: 1px inset #0a7a69; margin-bottom: calc(var(--responsive) * 0.375);}
.titleselect2 option {font-size: calc(var(--responsive) * 1.25); color: #777777;}
.checkbox {color: #777777;}
div.selectiemenu {position: absolute; left: 15%; width: 85%; top: calc(var(--responsive) * 1.0625); z-index: 99;}
div.zoekmenu {position: absolute; left: 0%; width: 15%; top: calc(var(--responsive) * 0.6875); text-align: center; z-index: 98;}
.login .input {width: calc(var(--responsive) * 9.375); color: #777777; border: 1px inset #0a7a69; padding: 1px 0 1px calc(var(--responsive) * 0.25); vertical-align: middle;}
.login .submit {width: calc(var(--responsive) * 6.25); color: #ffffff; background-color: #0a7a69; border: 1px outset #0a7a69; font-weight: bold; cursor: pointer;}
.login .opvragen {width: calc(var(--responsive) * 18.75); color: #ffffff; background-color: #0a7a69; border: 1px outset #0a7a69; font-weight: bold; cursor: pointer;}
div.lijn {width: 98%; height: 1px; background-color: #777777; overflow: hidden; margin: calc(var(--responsive) * 0.625) auto calc(var(--responsive) * 0.625) auto;}
.groen {font-weight: bold; color: #0b7c6a;}
.blauw {font-weight: bold; color: #0a537a;}
.rood {font-weight: bold; color: #7a0a1b;}
.groenl {color: #0b7c6a;}
.blauwl {color: #0a537a;}
.roodl {color: #7a0a1b;}
.bggroen {font-weight: bold; background-color: #d3e4de;}
.bgblauw {font-weight: bold; background-color: #c5dce9;}
.bgrood {font-weight: bold; background-color: #e9c5cb;}
.bgoranje {font-weight: bold; background-color: #e9d2c5;}
.bggroenl {background-color: #d3e4de;}
.bgblauwl {background-color: #c5dce9;}
.bgroodl {background-color: #e9c5cb;}
.bgoranjel {background-color: #e9d2c5;}
a.forumknop {display: block; width: calc(var(--responsive) * 7.8125); font-size: calc(var(--responsive) * 0.6875); font-weight: bold; color: #ffffff; background-color: #0a7a69; border: 1px outset #0a7a69; text-align: center; text-decoration: none; padding: calc(var(--responsive) * 0.1875) 0 calc(var(--responsive) * 0.1875) 0; cursor: pointer; -webkit-user-select: none; -ms-user-select: none; user-select: none;}
a.forumknop:hover {text-decoration: none;}
.inputkalender {width: calc(var(--responsive) * 6.25); color: #777777; background-color: #ffffff; border: 1px inset #0a7a69; padding: 1px 0 1px calc(var(--responsive) * 0.25); vertical-align: middle;}
.tekstkalender {}