@font-face {font-family: titel; src: url('font/BauhausStd-Medium.eot'); src: url('font/BauhausStd-Medium.woff') format('woff'), url('font/BauhausStd-Medium.ttf') format('truetype'), url('font/BauhausStd-Medium.svg') format('svg'), local('Corbel'),local('Lucida Grande'),local('Lucida Sans Unicode'),local('Lucida Sans'),local('DejaVu Sans'),local('Bitstream Vera Sans'),local('Liberation Sans'),local('Verdana'),local('Verdana Ref');}
@font-face {font-family: tekst; src: local('TimesNewRoman'),local('Times New Roman'),local('Times'),local('Baskerville'),local('Georgia');}
@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: 18; --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: 18px;} /* = rem */
}
* {font-family: tekst, serif; font-size: var(--responsive); font-weight: normal; color: #184259; line-height: 1.4; margin: 0; padding: 0; border: 0; outline: 0; cursor: default;}
html, body {width: 100%; height: 100%;}
body {background-color: #ffffff; overflow-y: scroll;}
h1 {font-family: titel, sans-serif; font-size: calc(var(--responsive) * 2.223); font-weight: normal !important; font-style: normal !important; color: #184259; margin: calc(var(--responsive) * 0.278) 0 calc(var(--responsive) * 0.556) 0;} /* 40px */
h2 {font-family: titel, sans-serif; font-size: calc(var(--responsive) * 1.556); font-weight: normal !important; font-style: normal !important; color: #275a77; margin: calc(var(--responsive) * 0.278) 0 calc(var(--responsive) * 0.278) 0;} /* 28px */
h3 {font-family: titel, sans-serif; font-size: calc(var(--responsive) * 1.223); font-weight: normal !important; font-style: normal !important; color: #275a77; margin: 0 0 calc(var(--responsive) * 0.278) 0;}  /* 22px */
h4 {font-family: titel, sans-serif; font-size: var(--responsive); font-weight: normal !important; font-style: normal !important; color: #397291; display: inline;}
b, strong, .vet {font-family: inherit; font-size: inherit; font-style: inherit; font-weight: bold; color: inherit; text-decoration: inherit; cursor: inherit;}
u {font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; color: inherit; text-decoration: underline; cursor: inherit;}
i {font-family: inherit; font-size: inherit; font-style: italic; font-weight: inherit; color: inherit; text-decoration: inherit; cursor: inherit;}
a {font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; color: #875524; text-decoration: none;}
a:hover {text-decoration: underline; cursor: pointer;}
a h4 {color: #875524; text-decoration: none;}
a h4:hover {text-decoration: underline; cursor: pointer;}
option {padding: 0 0 0 4px;}
table {border-spacing: 0;}
td {vertical-align: top;}
input, textarea {background-color: #ffffff; border: 1px inset #397291; padding: 1px 0 1px 4px; vertical-align: middle;}
select {background-color: #ffffff; border: 1px inset #397291; vertical-align: middle;}
ul {font-size: inherit; margin: 0 0 0 calc(var(--responsive) * 1.111); padding: 0; text-indent: 0; list-style-type: square; list-style-image: url(img/square.gif);}
hr {width: 80%; border-top: 1px solid #b7ceda; margin: calc(var(--responsive) * 0.278) 0 calc(var(--responsive) * 0.278) 0;}
ol {margin: 0 0 0 calc(var(--responsive) * 1.389); padding: 0; text-indent: 0; list-style-type: decimal;}
ol.n {list-style-type: decimal;}
ol.a {margin: 0 0 0 calc(var(--responsive) * 1.389); 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 {font-size: inherit; margin: 0 0 calc(var(--responsive) * 0.556) 0; list-style-type: square; list-style-image: url(img/square.gif);}
ul.hoofd {margin: 0 0 0 calc(var(--responsive) * 1.111); padding: 0; text-indent: 0; list-style-type: square; list-style-image: url(img/square.gif);}
ul.sub {margin: 0 0 0 calc(var(--responsive) * 1.889); padding: 0; text-indent: 0; list-style-type: square; list-style-image: url(img/square2.gif);}
li.hoofd {margin: 0 0 calc(var(--responsive) * 0.556) 0; list-style-type: square; list-style-image: url(img/square.gif);}
li.sub   {margin: 0 0 calc(var(--responsive) * 0.278) 0; list-style-type: square; list-style-image: url(img/square2.gif);}
li h4 {font-size: calc(var(--responsive) * 0.945); color: #275a77;margin: calc(var(--responsive) * 0.389) 0 0 0;} /* 17px */
.medium {font-size: calc(var(--responsive) * 0.889);} /* calc(var(--responsive) * 0.889) */
.klein {font-size: calc(var(--responsive) * 0.778);} /* 14px */
.mini {font-size: calc(var(--responsive) * 0.667);} /* 12px */

div.main {position: relative; width: 100%; max-width: 980px; min-height: 100vh; margin: 0 auto;}

@media only screen and (max-width: 719px) {
	div.menugroot {position: relative; width: 100%; min-width: 100%; max-width: 980px; top: 0; left: 0; right: 0; height: calc(var(--responsive) * 22.222); background-image: url('./img/MaximFebruari.jpg'); background-color: #bbbbbb; background-position: right top; background-repeat: no-repeat; background-size: calc(var(--responsive) * 25); white-space: nowrap; padding: 0; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; z-index: 1000; -webkit-transition-property: height, background-image; -webkit-transition-duration: 0.5s; -webkit-transition-timing-function: ease-in-out; transition-property: height, background; transition-duration: 0.5s; transition-timing-function: ease-in-out;}
	div.menugroot img.maxim {position: absolute; top: 0; right: 0; width: calc(var(--responsive) * 25); height: calc(var(--responsive) * 16.667);}
	div.menugroot h1 {position: absolute; top: calc(var(--responsive) * 17.778); right: calc(100vw - (var(--responsive) * 22.833)); font-size: calc(var(--responsive) * 3.334); margin: 0; -webkit-transition-property: top, right, font-size; -webkit-transition-duration: 0.5s; -webkit-transition-timing-function: ease-in-out; transition-property: top, right, font-size; transition-duration: 0.5s; transition-timing-function: ease-in-out;}
	div.menuklein {position: relative; width: 100%; min-width: 100%; max-width: 980px; top: 0; left: 0; right: 0; height: calc(var(--responsive) * 3.556); background-image: url('./img/maxim-februari.jpg'); background-color: #bbbbbb; background-position: right top; background-repeat: no-repeat; background-size: calc(var(--responsive) * 2.667); white-space: nowrap; padding: 0; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; z-index: 1000; -webkit-transition-property: height, background-image; -webkit-transition-duration: 0.5s; -webkit-transition-timing-function: ease-in-out; transition-property: height, background; transition-duration: 0.5s; transition-timing-function: ease-in-out;}
	div.menuklein img.maxim {position: absolute; top: 0; right: 0; width: calc(var(--responsive) * 2.667); max-width: 48px; height: auto;}
	div.menuklein h1 {position: absolute; top: calc(var(--responsive) * 0.556); right: calc(var(--responsive) * 3.556); font-size: calc(var(--responsive) * 2); margin: 0; -webkit-transition-property: top, right, font-size; -webkit-transition-duration: 0.5s; -webkit-transition-timing-function: ease-in-out; transition-property: top, right, font-size; transition-duration: 0.5s; transition-timing-function: ease-in-out;}

	div.menuicon {position: absolute; top: calc(var(--responsive) * 0.411); left: calc(var(--responsive) * 0.333); width: calc(var(--responsive) * 1.667); height: calc(var(--responsive) * 1.667); background-image: url('./img/menu.png'); background-position: left top; background-repeat: no-repeat; background-size: cover; cursor: pointer;}
	span.menu {position: absolute; top: calc(var(--responsive) * 2.489); left: calc(var(--responsive) * 0.333); background-color: #ffffff; box-shadow: 0px 0px calc(var(--responsive) * 0.278) #666; visibility: hidden; display: none;}
	span.menu a.inactive, span.menu a.active, span.menu span {display: block; font-family: titel, sans-serif; font-size: calc(var(--responsive) * 1.112); font-weight: normal !important; font-style: normal !important; vertical-align: middle; padding: 2px calc(var(--responsive) * 0.278); text-decoration: none; white-space: nowrap; z-index: 1;}
	span.menu a.inactive {color: #397291; background-color: transparent; cursor: pointer;}
	span.menu a.inactive:hover {color: #ffffff; background-color: #397291;}
	span.menu a.active {color: #ffffff; background-color: #397291; cursor: default;}
	span.menu span {color: #bbbbbb;}
}
@media only screen and (min-width: 720px) {
	div.menugroot {position: relative; width: 100%; min-width: 100%; max-width: 980px; top: 0; left: 0; right: 0; height: calc(var(--responsive) * 22.222); background-image: url('./img/MaximFebruari.jpg'); background-color: #bbbbbb; background-position: right top; background-repeat: no-repeat; background-size: calc(var(--responsive) * 25); white-space: nowrap; padding: 0; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; z-index: 1000; -webkit-transition-property: height, background-image; -webkit-transition-duration: 0.5s; -webkit-transition-timing-function: ease-in-out; transition-property: height, background; transition-duration: 0.5s; transition-timing-function: ease-in-out;}
	div.menugroot img.maxim {position: absolute; top: 0; right: 0; width: calc(var(--responsive) * 25); height: calc(var(--responsive) * 16.667);}
	div.menugroot h1 {position: absolute; top: calc(var(--responsive) * 13.111); right: calc(100% - (var(--responsive) * 21.444)); font-size: calc(var(--responsive) * 3.334); margin: 0; -webkit-transition-property: top, right, font-size; -webkit-transition-duration: 0.5s; -webkit-transition-timing-function: ease-in-out; transition-property: top, right, font-size; transition-duration: 0.5s; transition-timing-function: ease-in-out;}
	div.menuklein {position: relative; width: 100%; min-width: 100%; max-width: 980px; top: 0; left: 0; right: 0; height: calc(var(--responsive) * 3.556); background-image: url('./img/maxim-februari.jpg'); background-color: #bbbbbb; background-position: right top; background-repeat: no-repeat; background-size: calc(var(--responsive) * 2.667); white-space: nowrap; padding: 0; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; z-index: 1000; -webkit-transition-property: height, background-image; -webkit-transition-duration: 0.5s; -webkit-transition-timing-function: ease-in-out; transition-property: height, background; transition-duration: 0.5s; transition-timing-function: ease-in-out;}
	div.menuklein img.maxim {position: absolute; top: 0; right: 0; width: calc(var(--responsive) * 2.667); max-width: 48px;}
	div.menuklein h1 {position: absolute; top: calc(var(--responsive) * 0.556); right: calc(var(--responsive) * 3.556); font-size: calc(var(--responsive) * 2); margin: 0; -webkit-transition-property: top, right, font-size; -webkit-transition-duration: 0.5s; -webkit-transition-timing-function: ease-in-out; transition-property: top, right, font-size; transition-duration: 0.5s; transition-timing-function: ease-in-out;}

	div.menuicon {visibility: hidden; display: none;}
	span.menu {position: absolute; bottom: calc(var(--responsive) * 0.411); left: calc(var(--responsive) * 0.333); visibility: visible; display: block;}
	span.menu a img {margin: 0 calc(var(--responsive) * 0.111); cursor: pointer;}
	span.menu a.inactive, span.menu a.active, span.menu a.subvisible, span.menu span.inactive, span.menu span.active, span.menu span.subvisible {display: inline-block; font-family: titel, sans-serif; font-size: calc(var(--responsive) * 1.112); font-weight: normal !important; font-style: normal !important; vertical-align: middle; padding: 2px calc(var(--responsive) * 0.278); text-decoration: none; white-space: nowrap; z-index: 1;}
	span.menu a.inactive, span.menu span.inactive {color: #397291; background-color: transparent; cursor: pointer;}
	span.menu a.inactive:hover, span.menu span.inactive:hover {color: #ffffff; background-color: #397291;}
	span.menu a.subvisible, span.menu span.subvisible {color: #ffffff; background-color: #397291;}
	span.menu a.active, span.menu span.active {color: #184259; background-color: transparent; cursor: default;}
	span.menu a.subinactive, span.menu a.subactive, span.menu a.subsubvisible {display: block; font-family: titel, sans-serif; font-size: var(--responsive); font-weight: normal !important; font-style: normal !important; vertical-align: middle; padding: 2px calc(var(--responsive) * 0.278) 2px calc(var(--responsive) * 0.556); text-decoration: none; white-space: nowrap; z-index: 1;}
	span.menu a.subinactive {color: #397291; background-color: transparent; cursor: pointer;}
	span.menu a.subsubvisible {color: #ffffff; background-color: #4d88a9;}
	span.menu a.subactive {color: #184259; background-color: transparent; cursor: default;}
	span.menu div.subwrapper {position: relative; display: inline-block;}

	div.submenuvis {visibility: visible; background-color: rgba(255,255,255,0.9); position: absolute; top: 34px; min-width: 100%; box-shadow: 0 3px calc(var(--responsive) * 0.278) rgba(153,153,153,0.65), -4px 3px calc(var(--responsive) * 0.556) rgba(153,153,153,0.65), 4px 3px calc(var(--responsive) * 0.556) rgba(153,153,153,0.65); -webkit-transition-property: height, box-shadow, background-color, visibility; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease-in-out; transition-property: height, box-shadow, background-color, visibility; transition-duration: 0.2s; transition-timing-function: ease-in-out; overflow: hidden; z-index: 0;}
	div.submenuhid {visibility: hidden; background-color: transparent; position: absolute; top: 34px; min-width: 100%; height: 0; box-shadow: none; -webkit-transition-property: height, box-shadow, background-color, visibility; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease-in-out; transition-property: height, box-shadow, background-color, visibility; transition-duration: 0.4s; transition-timing-function: ease-in-out; overflow: hidden; z-index: 0;}
	div[data-rows="1"].submenuvis {height: calc(((18px * 1.4) + 4px) * 1);}
	div[data-rows="2"].submenuvis {height: calc(((18px * 1.4) + 4px) * 2);}
	div[data-rows="3"].submenuvis {height: calc(((18px * 1.4) + 4px) * 3);}
	div[data-rows="4"].submenuvis {height: calc(((18px * 1.4) + 4px) * 4);}
	div[data-rows="5"].submenuvis {height: calc(((18px * 1.4) + 4px) * 5);}
	div[data-rows="6"].submenuvis {height: calc(((18px * 1.4) + 4px) * 6);}
	div[data-rows="7"].submenuvis {height: calc(((18px * 1.4) + 4px) * 7);}
	div[data-rows="8"].submenuvis {height: calc(((18px * 1.4) + 4px) * 8);}
	div[data-rows="9"].submenuvis {height: calc(((18px * 1.4) + 4px) * 9);}
	div[data-rows="10"].submenuvis {height: calc(((18px * 1.4) + 4px) * 10);}
}
div.balk {position: relative; width: 100%; max-width: 980px; height: calc(var(--responsive) * 0.889); min-height: calc(var(--responsive) * 0.889); max-height: calc(var(--responsive) * 0.889); background-color: #f4b083; margin: calc(var(--responsive) * 0.889) auto 0 auto; z-index: 0;}

@media only screen and (max-width: 979px) {
	div.inhoud {position: relative; width: 98%; max-width: 980px; min-height: calc(100vh - (var(--responsive) * 9.778)); margin: calc(var(--responsive) * 0.889) auto calc(var(--responsive) * 0.889) auto; z-index: 0;}
	div.kolommen {width: 98%; max-width: 465px; margin: auto;}
	div.kolommenlos {display: flex; flex-direction: column; width: 98%; max-width: 465px; margin: auto;}
	div.kolommenlos div.links {}
	div.kolommenlos div.rechts {}

	div.blokken {width: 100%;}
	div.twee {}
	div.drie {}
	div.blokken div {column-count: 2; column-gap: var(--responsive); padding: calc(var(--responsive) * 0.222) calc(var(--responsive) * 0.444) calc(var(--responsive) * 0.222) calc(var(--responsive) * 0.444); margin-bottom: calc(var(--responsive) * 0.667);}
	div.blokken div h3 {font-size: calc(var(--responsive) * 1.223); color: #184259;}
	div.blokken div img {width: auto; max-width: 300px; height: auto; max-height: 150px;}
	div.blokbreed, div.bloklinks, div.blokmidden, div.blokrechts {width: 100%;}
	div.blokbreed div, div.bloklinks div, div.blokmidden div, div.blokrechts div {padding: calc(var(--responsive) * 0.222) calc(var(--responsive) * 0.444) calc(var(--responsive) * 0.222) calc(var(--responsive) * 0.444);}
}
@media only screen and (min-width: 980px) {
	div.inhoud {position: relative; width: 100%; max-width: 980px; min-height: calc(100vh - (var(--responsive) * 9.778)); margin: calc(var(--responsive) * 0.889) 0 calc(var(--responsive) * 0.889) 0; z-index: 0;}
	div.kolommen {column-count: 2; column-gap: calc(var(--responsive) * 2.778); column-rule: 1px solid #cdcdcd;}
	div.kolommenlos {display: flex; flex-direction: row; width: 100%;}
	div.kolommenlos div.links {flex: 47%; border-right: 1px solid #cdcdcd; padding-right: 3%;}
	div.kolommenlos div.rechts {flex: 47%; margin-left: 3%;}

	div.blokken {display: flex; flex-direction: row; width: 100%;}
	div.twee {justify-content: space-around;}
	div.drie {justify-content: space-between;}
	div.blokken div {width: 300px; max-width: 316px; padding: 4px 8px 4px 8px;}
	div.blokken div h3 {font-size: calc(var(--responsive) * 1.223); color: #184259;}
	div.blokken div img {max-width: 300px; max-height: 150px;}
	div.blokbreed {width: 100%;}
	div.bloklinks {width: 316px; max-width: 316px; margin: 0 12px 4px 0; float: left;}
	div.blokmidden {width: 300px; max-width: 316px; margin: 0 auto 0 auto;}
	div.blokrechts {width: 300px; max-width: 316px; margin: 0 0 4px 12px; float: right;}
	div.blokbreed div, div.bloklinks div, div.blokmidden div, div.blokrechts div {padding: calc(var(--responsive) * 0.222) calc(var(--responsive) * 0.444) calc(var(--responsive) * 0.222) calc(var(--responsive) * 0.444);;}
}
div.kolommen img, div.kolommenlos div.links img, div.kolommenlos div.rechts img {max-width: calc(var(--responsive) * 25.833); height: auto;}

div.blokken div.boranje, div.blokbreed div.boranje, div.bloklinks div.boranje, div.blokmidden div.boranje, div.blokrechts div.boranje { background-color: #f4b083;}
div.blokken div.bgeel, div.blokbreed div.bgeel, div.bloklinks div.bgeel, div.blokmidden div.bgeel, div.blokrechts div.bgeel { background-color: #eae6c2;}
div.blokken div.blgroen, div.blokbreed div.blgroen, div.bloklinks div.blgroen, div.blokmidden div.blgroen, div.blokrechts div.blgroen { background-color: #d9e1bc;}
div.blokken div.bgroen, div.blokbreed div.bgroen, div.bloklinks div.bgroen, div.blokmidden div.bgroen, div.blokrechts div.bgroen { background-color: #bad7b5;}
div.blokken div.blblauw, div.blokbreed div.blblauw, div.bloklinks div.blblauw, div.blokmidden div.blblauw, div.blokrechts div.blblauw {background-color: #b8d4db;}
div.blokken div.bblauw, div.blokbreed div.bblauw, div.bloklinks div.bblauw, div.blokmidden div.bblauw, div.blokrechts div.bblauw {background-color: #b5c3d7;}
div.blokken div.bpaars, div.blokbreed div.bpaars, div.bloklinks div.bpaars, div.blokmidden div.bpaars, div.blokrechts div.bpaars {background-color: #bbb3d4;}
div.blokken div.bmagenta, div.blokbreed div.bmagenta, div.bloklinks div.bmagenta, div.blokmidden div.bmagenta, div.blokrechts div.bmagenta {background-color: #dab7d5;}
div.blokken div.bgrijs, div.blokbreed div.bgrijs, div.bloklinks div.bgrijs, div.blokmidden div.bgrijs, div.blokrechts div.bgrijs {background-color: #e0e0e0;}
div.blokken div div, div.blokbreed div div, div.bloklinks div div, div.blokmidden div div, div.blokrechts div div {padding: 0 !important; margin: 0 !important;}
div.blokken div img, div.blokbreed div img, div.bloklinks div img, div.blokmidden div img, div.blokrechts div img {max-width: 300px; max-height: 150px;}

div.boeken {text-align: center; margin: 32px 0 calc(var(--responsive) * 0.889) 0;}
div.boeken a img {margin: 15px 18px 15px 18px; cursor: pointer;}

@media only screen and (max-width: 911px) {
	div.dllinks {width: 68%; min-width: calc(var(--responsive) * 30.556); margin: auto;}
	div.dlrechts {width: 68%; min-width: calc(var(--responsive) * 30.556); margin: auto;}
	tr.printlinks {visibility: hidden; display: none;}
}
@media only screen and (min-width: 912px) {
	div.dllinks {display: inline-block; width: 30%; min-width: calc(var(--responsive) * 14.167); float: left;}
	div.dlrechts {display: inline-block; width: 68%; min-width: calc(var(--responsive) * 30.556); float: right;}
	tr.printrechts {visibility: hidden; display: none;}
}
div.balkb {position: relative; width: 100%; max-width: 980px; height: calc(var(--responsive) * 1.778); max-height: 32px; background-color: #b8d4db; margin: 0 0 calc(var(--responsive) * 0.889) 0; display: flex; flex-direction: row;}
div.balkb div.social {flex: 2; padding: calc(var(--responsive) * 0.278) 0 0 calc(var(--responsive) * 0.333); white-space: nowrap;}
div.balkb div.copy {flex: 3; padding: calc(var(--responsive) * 0.444) 0 0 0; text-align: center;}
div.balkb div.tnt {flex: 2; padding: calc(var(--responsive) * 0.278) calc(var(--responsive) * 0.333) 0 0; text-align: right; white-space: nowrap;}
div.balkb a {cursor: pointer;}
div.balkb img {width: calc(var(--responsive) * 1.222); max-width: 22px; height: auto; cursor: pointer;}
div.balkb div.social img {margin-right: 10px;}
div.balkb div.tnt img {margin-left: 10px;}

table.tabbladen {background-color: #eeeeee; margin: auto;}
table.tabbladen table.menu td {font-family: titel; font-size: calc(var(--responsive) * 0.889); font-weight: normal !important; font-style: normal !important; padding: calc(var(--responsive) * 0.278) calc(var(--responsive) * 0.556) calc(var(--responsive) * 0.278) calc(var(--responsive) * 0.556); vertical-align: top;}
table.tabbladen table.menu td img {cursor: pointer;}
table.tabbladen table.menu td.inactief {border-top: 1px outset #dddddd; border-right: 1px outset #dddddd; border-bottom: 1px solid #dddddd; border-left: 1px outset #dddddd; color: #184259; background-color: #dddddd; white-space: nowrap;}
table.tabbladen table.menu td.actief {border-top: 1px outset #dddddd; border-right: 1px outset #dddddd; border-bottom: 1px solid #eeeeee; border-left: 1px outset #dddddd; color: #184259; background-color: #eeeeee; cursor: default; white-space: nowrap;}
table.tabbladen table.menu td.mouseover {border-top: 1px outset #dddddd; border-right: 1px outset #dddddd; border-bottom: 1px solid #cccccc; border-left: 1px outset #dddddd; color: #184259; background-color: #cccccc; cursor: pointer; white-space: nowrap;}
table.tabbladen td.inhoud {padding: calc(var(--responsive) * 0.556) calc(var(--responsive) * 0.556) calc(var(--responsive) * 0.278) calc(var(--responsive) * 0.556);}

#overlay {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.8); 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;}

#voverlay {position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; z-index: 1000; visibility: hidden;}
#voverlaytable {width: 100%; height: 100%;}
#voverlaytd {width: 100%; height: 100%; text-align: center; vertical-align: middle;}
#voverlaytd div.video {position: relative; margin: auto;}
#voverlaytd div.video .yt-video, #voverlaytd div.video .fb-video {border: none; box-shadow: 0 0 calc(var(--responsive) * 1.389) rgba(102,102,102,0.65); margin: 12px 12px 0 0 !important;}
#voverlaytd div.video img.close {position: absolute; right: 0; cursor: pointer;}

#lbCaption {font-family: titel, sans-serif; font-size: var(--responsive); font-weight: normal !important; font-style: normal !important;}
#lbCaption span {font-family: tekst, serif; font-size: calc(var(--responsive) * 0.722);}
#lbCaption a {font-family: tekst, serif; font-size: calc(var(--responsive) * 0.722);}

table.center {margin: 0 auto 0 auto;}
table td.center {text-align: center !important;}

table.tabel {width: auto !important;}
table.tabel td {width: auto !important; text-align: left; padding: calc(var(--responsive) * 0.278);}
table.tabel tr.kop td, table.tabel td.kop {font-weight: bold; padding: calc(var(--responsive) * 0.278);}
table.tabel tr.plat td, table.tabel td.plat {padding: 1px calc(var(--responsive) * 0.278) 1px calc(var(--responsive) * 0.278);}
table.tabel tr.plat2 td, table.tabel td.plat2 {padding: 1px calc(var(--responsive) * 0.278) 1px calc(var(--responsive) * 0.556);}
table.tabel td span.high {font-weight: bold; color: #f5a185;}
table.tabel td a {text-decoration: none;}
table.tabel td a:hover {text-decoration: underline; cursor: pointer !important;}

input[type=submit], input[type=button] {width: auto; font-family: titel, sans-serif; font-size: var(--responsive); font-weight: normal !important; font-style: normal !important; color: #184259; background-color: #cccccc; border: 1px outset #bbbbbb; padding: 1px calc(var(--responsive) * 0.556); cursor: pointer;}
input[type=text]   {width: calc(var(--responsive) * 27.778); border: 1px inset #397291; padding: 1px 4px;}
textarea {width: calc(var(--responsive) * 27.778); border: 1px inset #397291; padding: 1px 4px;}
input[type=checkbox] {cursor: pointer;}
label, label h4 {color: #184259;}
label:hover, label h4:hover {color: #397291; cursor: pointer;}

/* tekstlibv3 */
span.fotol {display: table; font-size: calc(var(--responsive) * 0.722); text-align: center; margin: 7px calc(var(--responsive) * 0.556) 0 0; float: left;}
span.fotoc {display: table; font-size: calc(var(--responsive) * 0.722); text-align: center; margin: 7px auto 0 auto;}
span.fotoc span {display: inline-block; font-size: calc(var(--responsive) * 0.722); text-align: center;}
span.fotor {display: table; font-size: calc(var(--responsive) * 0.722); text-align: center; margin: 7px 0 0 calc(var(--responsive) * 0.556); float: right;}
span.foto {display: table; font-size: calc(var(--responsive) * 0.722); text-align: center; margin: 7px auto 0 auto;}
span.fotol 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: calc(var(--responsive) * 0.556) calc(var(--responsive) * 0.556) 3px 0; 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: calc(var(--responsive) * 0.556) auto 3px 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: 0 calc(var(--responsive) * 0.556) 3px calc(var(--responsive) * 0.556); 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: 640px; max-width: 640px; height: 360px; max-height: 360px; background-size: contain; background-repeat: no-repeat; margin: calc(var(--responsive) * 0.556) auto 3px 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: calc(var(--responsive) * 0.556) calc(var(--responsive) * 0.556) 3px 0; 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: calc(var(--responsive) * 0.556) auto 3px 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: 0 calc(var(--responsive) * 0.556) 3px calc(var(--responsive) * 0.556); 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: calc(var(--responsive) * 0.556) auto 1px 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;}