Common.css: verschil tussen versies

Huidige versie van 5 dec 2022 om 12:29

@media only screen and (min-width: 49.5em){h2 {font-size:1.3rem;}}
/* Table */
#ghkContainer{max-width:100%;margin: 0 auto;}
.ghkCol1{width:70px;float:left;}
.ghkCol2{width:calc(100% - 70px);float:left;}
/* Contact */
#ghkContainer{max-width:100%;margin: 0 auto;}
.ghkConCol1{width:115px;float:left;line-height:18px;}
.ghkConCol2{width:calc(100% - 115px);float:left;line-height:18px;}
.ghkConSpacer{width:100%;position:relative;display:inline-block;height:18px;}
/* Blockfloat */
.blockfloat-cell{display:inline-block;vertical-align:top;}
.blockfloat-text {text-align:justify;position:relative;vertical-align:top;font-family: Helvetica, sans-serif;font-size:14px;line-height:15px;border-bottom:1px #ccc solid;margin-bottom: 20px;}
.blockfloat-colwidthmax{width: 100%;display:inline-block;margin-right:10px;margin-bottom:10px;}
.blockfloat-colwidth250{width:100%;display:inline-block;margin-right:10px;margin-bottom:10px;}
@media all and (min-width:500px){.blockfloat-colwidth250{width: 47.516%;}}
@media all and (min-width:750px){.blockfloat-colwidth250{width: 31.6095%;}}
@media all and (min-width:1000px){.blockfloat-colwidth250{width: 23.68303%;}}
@media all and (min-width:1250px){.blockfloat-colwidth250{width: 18.9354%;}}
@media all and (min-width:1500px){.blockfloat-colwidth250{width: 15.7728%;}}
@media all and (min-width:1750px){.blockfloat-colwidth250{width: 13.515%;}}
@media all and (min-width:2000px){.blockfloat-colwidth250{width: 11.8237%;}}
@media all and (min-width:2250px){.blockfloat-colwidth250{width: 10.5079%;}}
@media all and (min-width:2500px){.blockfloat-colwidth250{width: 9.4562%;}}
@media all and (min-width:2750px){.blockfloat-colwidth250{width: 8.5954%;}}
@media all and (min-width:3000px){.blockfloat-colwidth250{width: 7.8785%;}}
@media all and (min-width:3250px){.blockfloat-colwidth250{width: 7.2716%;}}
@media all and (min-width:3500px){.blockfloat-colwidth250{width: 6.75197%;}}
@media all and (min-width:3750px){.blockfloat-colwidth250{width: 6.30152%;}}
@media all and (min-width:4000px){.blockfloat-colwidth250{width: 5.90727%;}}
.blockfloat-colwidth300{width:100%;display:inline-block;margin-right:10px;margin-bottom:10px;}
@media all and (min-width: 600px){.blockfloat-colwidth300{width: 47.94%;}}
@media all and (min-width: 900px){.blockfloat-colwidth300{width: 31.9%;}}
@media all and (min-width: 1200px){.blockfloat-colwidth300{width: 23.9%;}}
@media all and (min-width: 1500px){.blockfloat-colwidth300{width: 19.11%;}}
@media all and (min-width: 1800px){.blockfloat-colwidth300{width: 15.92%;}}
@media all and (min-width: 2100px){.blockfloat-colwidth300{width: 13.64%;}}
@media all and (min-width: 2400px){.blockfloat-colwidth300{width: 11.93%;}}
@media all and (min-width: 2700px){.blockfloat-colwidth300{width: 10.609%;}}
@media all and (min-width: 3000px){.blockfloat-colwidth300{width: 9.547%;}}
@media all and (min-width: 3300px){.blockfloat-colwidth300{width: 8.678%;}}
@media all and (min-width: 3600px){.blockfloat-colwidth300{width: 7.9547%;}}
@media all and (min-width: 3900px){.blockfloat-colwidth300{width: 7.3421%;}}
@media all and (min-width:4200px){.blockfloat-colwidth300{width: 6.817%;}}
.blockfloat-colwidth350{width:100%;display:inline-block;margin-right:10px;margin-bottom:10px;}
@media all and (min-width: 700px){.blockfloat-colwidth350{width: 48.2%;}}
@media all and (min-width: 1050px){.blockfloat-colwidth350{width: 32.1%;}}
@media all and (min-width: 1400px){.blockfloat-colwidth350{width: 24%;}}
@media all and (min-width: 1750px){.blockfloat-colwidth350{width: 19.24%;}}
@media all and (min-width: 2100px){.blockfloat-colwidth350{width: 16.03%;}}
@media all and (min-width: 2450px){.blockfloat-colwidth350{width: 13.73%;}}
@media all and (min-width: 2800px){.blockfloat-colwidth350{width: 11.74%;}}
@media all and (min-width: 3150px){.blockfloat-colwidth350{width: 10.43%;}}
@media all and (min-width: 3500px){.blockfloat-colwidth350{width: 9.38%;}}
@media all and (min-width: 3850px){.blockfloat-colwidth350{width: 8.52%;}}
@media all and (min-width: 4200px){.blockfloat-colwidth350{width: 8.2%;}}
.blockfloat-colwidth400{width:100%;display:inline-block;margin-right:10px;margin-bottom:10px;}
@media all and (min-width: 800px){.blockfloat-colwidth400{width:47%;}}
@media all and (min-width: 1200px){.blockfloat-colwidth400{width: 31.73%;}}
@media all and (min-width: 1600px){.blockfloat-colwidth400{width: 23.77%;}}
@media all and (min-width: 2000px){.blockfloat-colwidth400{width: 19%;}}
@media all and (min-width: 2400px){.blockfloat-colwidth400{width: 15.82%;}}
@media all and (min-width: 2800px){.blockfloat-colwidth400{width: 13.44%;}}
@media all and (min-width: 3200px){.blockfloat-colwidth400{width: 11.74%;}}
@media all and (min-width: 3600px){.blockfloat-colwidth400{width: 10.43%;}}
@media all and (min-width: 4000px){.blockfloat-colwidth400{width: 9.38%;}}
/* 420 is speciaal voor grenspalen*/
.blockfloat-colwidth420{width:42.83%;display:inline-block;margin-right:10px;margin-bottom:10px;}
@media all and (min-width: 600px){.blockfloat-colwidth420{width:50.52%;}}
@media all and (min-width: 700px){.blockfloat-colwidth420{width:57.7%;}}
@media all and (min-width: 800px){.blockfloat-colwidth420{width:63.2%;}}
@media all and (min-width: 900px){.blockfloat-colwidth420{width:67.3%;}}
@media all and (min-width: 1000px){.blockfloat-colwidth420{width:70.7%;}}
@media all and (min-width: 1100px){.blockfloat-colwidth420{width:73.42%;}}
@media all and (min-width: 1200px){.blockfloat-colwidth420{width:36.8%;}}
@media all and (min-width: 1400px){.blockfloat-colwidth420{width:39.099%;}}
@media all and (min-width: 1600px){.blockfloat-colwidth420{width: 26.6%;}}
@media all and (min-width: 2000px){.blockfloat-colwidth420{width: 20.8%;}}
@media all and (min-width: 2400px){.blockfloat-colwidth420{width: 17.1%;}}
@media all and (min-width: 2800px){.blockfloat-colwidth420{width: 14.5%;}}
@media all and (min-width: 3200px){.blockfloat-colwidth420{width: 12.6%;}}
@media all and (min-width: 3600px){.blockfloat-colwidth420{width: 11.15%;}}
@media all and (min-width: 4000px){.blockfloat-colwidth420{width: 9.99%;}}
.blockfloat-colwidth500{width:100%;display:inline-block;margin-right:10px;margin-bottom:10px;}
@media all and (min-width: 1000px){.blockfloat-colwidth500{width:48.7%;}}
@media all and (min-width: 1500px){.blockfloat-colwidth500{width: 32.4%;}}
@media all and (min-width: 2000px){.blockfloat-colwidth500{width: 24.34%;}}
@media all and (min-width: 2500px){.blockfloat-colwidth500{width: 19.4%;}}
@media all and (min-width: 3000px){.blockfloat-colwidth500{width: 16.22%;}}
@media all and (min-width: 3500px){.blockfloat-colwidth500{width: 13.9%;}}
@media all and (min-width: 4000px){.blockfloat-colwidth500{width: 12.1%;}}
.blockfloat-colwidth600{width:100%;display:inline-block;margin-right:10px;margin-bottom:10px;}
@media all and (min-width: 800px){.blockfloat-colwidth600{width:48.34%;}}
.blockfloat-colwidth900{width:100%;display:inline-block;margin-right:10px;margin-bottom:10px;}
@media all and (min-width: 800px){.blockfloat-colwidth900{width:48.471%;}}
@media all and (min-width: 1200px){.blockfloat-colwidth900{width: 32.6%;}}
@media all and (min-width: 1600px){.blockfloat-colwidth900{width: 24.45%;}}
@media all and (min-width: 2000px){.blockfloat-colwidth900{width: 19.5%;}}
@media all and (min-width: 2400px){.blockfloat-colwidth900{width: 15.82%;}}
@media all and (min-width: 2800px){.blockfloat-colwidth900{width: 13.44%;}}
@media all and (min-width: 3200px){.blockfloat-colwidth900{width: 11.74%;}}
@media all and (min-width: 3600px){.blockfloat-colwidth900{width: 10.43%;}}
@media all and (min-width: 4000px){.blockfloat-colwidth900{width: 9.38%;}}
.blockfloatMix150{width:10%;display:inline-block;margin-right:5px;overflow-wrap: break-word;word-wrap: break-word;-ms-word-break: break-all;word-break: break-all;word-break: break-word;-ms-hyphens: auto;-moz-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;}
@media screen and (max-width:4100px){.blockfloatMix150{width:4%;}}
@media screen and (max-width:3950px){.blockfloatMix150{width:4.11%;}}
@media screen and (max-width:2800px){.blockfloatMix150{width:4.34%;}}
@media screen and (max-width:3650px){.blockfloatMix150{width:4.54%;}}
@media screen and (max-width:3500px){.blockfloatMix150{width:4.76%;}}
@media screen and (max-width:3350px){.blockfloatMix150{width:5%;}}
@media screen and (max-width:3200px){.blockfloatMix150{width5.26%;}}
@media screen and (max-width:3050px){.blockfloatMix150{width:5.55%;}}
@media screen and (max-width:2900px){.blockfloatMix150{width:5.88%;}}
@media screen and (max-width:2750px){.blockfloatMix150{width:6.25%;}}
@media screen and (max-width:2600px){.blockfloatMix150{width:6.66%;}}
@media screen and (max-width:2450px){.blockfloatMix150{width:7.14%;}}
@media screen and (max-width:2300px){.blockfloatMix150{width:7.69%;}}
@media screen and (max-width:2150px){.blockfloatMix150{width:8.33%;}}
@media screen and (max-width:2000px){.blockfloatMix150{width:9.09%;}}
@media screen and (max-width:1850px){.blockfloatMix150{width:10%;}}
@media screen and (max-width:1700px){.blockfloatMix150{width:11.11%;}}
@media screen and (max-width:1550px){.blockfloatMix150{width:12.18%;}}
@media screen and (max-width:1400px){.blockfloatMix150{width:13.92%;}}
@media screen and (max-width:1250px){.blockfloatMix150{width:16.24%;}}
@media screen and (max-width:1100px){.blockfloatMix150{width:19.23%;}}
@media screen and (max-width:950px){.blockfloatMix150{width:24.01%;}}
@media screen and (max-width:800px){.blockfloatMix150{width:32.18%;}}
@media screen and (max-width:650px){.blockfloatMix150{width:48.49%;}}
@media screen and (max-width:500px){.blockfloatMix150{width:100%;}}
.blockfloatMix200{width:10%;display:inline-block;margin-right:5px;overflow-wrap: break-word;word-wrap: break-word;-ms-word-break: break-all;word-break: break-all;word-break: break-word;-ms-hyphens: auto;-moz-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;}
@media screen and (max-width:5300px){.blockfloatMix200{width:4%;}}
@media screen and (max-width:5100px){.blockfloatMix200{width:4.11%;}}
@media screen and (max-width:4900px){.blockfloatMix200{width:4.34%;}}
@media screen and (max-width:4700px){.blockfloatMix200{width:4.54%;}}
@media screen and (max-width:4500px){.blockfloatMix200{width:4.76%;}}
@media screen and (max-width:4300px){.blockfloatMix200{width:5%;}}
@media screen and (max-width:4100px){.blockfloatMix200{width5.26%;}}
@media screen and (max-width:3900px){.blockfloatMix200{width:5.55%;}}
@media screen and (max-width:3700px){.blockfloatMix200{width:5.88%;}}
@media screen and (max-width:3500px){.blockfloatMix200{width:6.25%;}}
@media screen and (max-width:3300px){.blockfloatMix200{width:6.66%;}}
@media screen and (max-width:3100px){.blockfloatMix200{width:7.14%;}}
@media screen and (max-width:2900px){.blockfloatMix200{width:7.69%;}}
@media screen and (max-width:2700px){.blockfloatMix200{width:8.33%;}}
@media screen and (max-width:2500px){.blockfloatMix200{width:9.09%;}}
@media screen and (max-width:2300px){.blockfloatMix200{width:10%;}}
@media screen and (max-width:2100px){.blockfloatMix200{width:11.11%;}}
@media screen and (max-width:1900px){.blockfloatMix200{width:12.18%;}}
@media screen and (max-width:1700px){.blockfloatMix200{width:13.92%;}}
@media screen and (max-width:1500px){.blockfloatMix200{width:16.24%;}}
@media screen and (max-width:1300px){.blockfloatMix200{width:19.23%;}}
@media screen and (max-width:1100px){.blockfloatMix200{width:24.01%;}}
@media screen and (max-width:900px){.blockfloatMix200{width:32.18%;}}
@media screen and (max-width:700px){.blockfloatMix200{width:48.49%;}}
@media screen and (max-width:500px){.blockfloatMix200{width:100%;}}
.blockfloatMix250{width:10%;display:inline-block;margin-right:5px;overflow-wrap: break-word;word-wrap: break-word;-ms-word-break: break-all;word-break: break-all;word-break: break-word;-ms-hyphens: auto;-moz-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;}
@media screen and (max-width:6500px){.blockfloatMix250{width:4%;}}
@media screen and (max-width:6250px){.blockfloatMix250{width:4.11%;}}
@media screen and (max-width:6000px){.blockfloatMix250{width:4.34%;}}
@media screen and (max-width:5750px){.blockfloatMix250{width:4.54%;}}
@media screen and (max-width:5500px){.blockfloatMix250{width:4.76%;}}
@media screen and (max-width:5250px){.blockfloatMix250{width:5%;}}
@media screen and (max-width:5000px){.blockfloatMix250{width5.26%;}}
@media screen and (max-width:4750px){.blockfloatMix250{width:5.55%;}}
@media screen and (max-width:4500px){.blockfloatMix250{width:5.88%;}}
@media screen and (max-width:4250px){.blockfloatMix250{width:6.25%;}}
@media screen and (max-width:4000px){.blockfloatMix250{width:6.66%;}}
@media screen and (max-width:3750px){.blockfloatMix250{width:7.14%;}}
@media screen and (max-width:3500px){.blockfloatMix250{width:7.69%;}}
@media screen and (max-width:3250px){.blockfloatMix250{width:8.33%;}}
@media screen and (max-width:3000px){.blockfloatMix250{width:9.09%;}}
@media screen and (max-width:2750px){.blockfloatMix250{width:10%;}}
@media screen and (max-width:2500px){.blockfloatMix250{width:11.11%;}}
@media screen and (max-width:2250px){.blockfloatMix250{width:12.18%;}}
@media screen and (max-width:2000px){.blockfloatMix250{width:13.92%;}}
@media screen and (max-width:1750px){.blockfloatMix250{width:16.24%;}}
@media screen and (max-width:1500px){.blockfloatMix250{width:19.23%;}}
@media screen and (max-width:1250px){.blockfloatMix250{width:24.01%;}}
@media screen and (max-width:1000px){.blockfloatMix250{width:32.18%;}}
@media screen and (max-width:750px){.blockfloatMix250{width:48.49%;}}
@media screen and (max-width:500px){.blockfloatMix250{width:100%;}}
.blockfloatMix300{width:10%;display:inline-block;margin-right:5px;overflow-wrap: break-word;word-wrap: break-word;-ms-word-break: break-all;word-break: break-all;word-break: break-word;-ms-hyphens: auto;-moz-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;}
@media screen and (max-width:5000px){.blockfloatMix300{width:6.25%;}}
@media screen and (max-width:4700px){.blockfloatMix300{width:6.66%;}}
@media screen and (max-width:4400px){.blockfloatMix300{width:7.14%;}}
@media screen and (max-width:4100px){.blockfloatMix300{width:7.69%;}}
@media screen and (max-width:3800px){.blockfloatMix300{width:8.33%;}}
@media screen and (max-width:3500px){.blockfloatMix300{width:9.09%;}}
@media screen and (max-width:3200px){.blockfloatMix300{width:10%;}}
@media screen and (max-width:2900px){.blockfloatMix300{width:11.11%;}}
@media screen and (max-width:2600px){.blockfloatMix300{width:12.18%;}}
@media screen and (max-width:2300px){.blockfloatMix300{width:13.92%;}}
@media screen and (max-width:2000px){.blockfloatMix300{width:16.24%;}}
@media screen and (max-width:1700px){.blockfloatMix300{width:19.23%;}}
@media screen and (max-width:1400px){.blockfloatMix300{width:24.01%;}}
@media screen and (max-width:1100px){.blockfloatMix300{width:32.18%;}}
@media screen and (max-width:800px){.blockfloatMix300{width:48.49%;}}
@media screen and (max-width:500px){.blockfloatMix300{width:100%;}}
.blockfloatMix400{width:10%;display:inline-block;margin-right:5px;overflow-wrap: break-word;word-wrap: break-word;-ms-word-break: break-all;word-break: break-all;word-break: break-word;-ms-hyphens: auto;-moz-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;}
@media screen and (max-width:5300px){.blockfloatMix400{width:7.69%;}}
@media screen and (max-width:4900px){.blockfloatMix400{width:8.33%;}}
@media screen and (max-width:4500px){.blockfloatMix400{width:9.09%;}}
@media screen and (max-width:4100px){.blockfloatMix400{width:10%;}}
@media screen and (max-width:3700px){.blockfloatMix400{width:11.11%;}}
@media screen and (max-width:3300px){.blockfloatMix400{width:12.18%;}}
@media screen and (max-width:2900px){.blockfloatMix400{width:13.92%;}}
@media screen and (max-width:2500px){.blockfloatMix400{width:16.24%;}}
@media screen and (max-width:2100px){.blockfloatMix400{width:19.23%;}}
@media screen and (max-width:1700px){.blockfloatMix400{width:24.01%;}}
@media screen and (max-width:1300px){.blockfloatMix400{width:32.18%;}}
@media screen and (max-width:900px){.blockfloatMix400{width:48.49%;}}
@media screen and (max-width:500px){.blockfloatMix400{width:100%;}}
.blockfloatMix500{width:10%;display:inline-block;margin-right:5px;overflow-wrap: break-word;word-wrap: break-word;-ms-word-break: break-all;word-break: break-all;word-break: break-word;-ms-hyphens: auto;-moz-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;}
@media screen and (max-width:5000px){.blockfloatMix500{width:10%;}}
@media screen and (max-width:4500px){.blockfloatMix500{width:11.11%;}}
@media screen and (max-width:4000px){.blockfloatMix500{width:12.18%;}}
@media screen and (max-width:3500px){.blockfloatMix500{width:13.92%;}}
@media screen and (max-width:3000px){.blockfloatMix500{width:16.24%;}}
@media screen and (max-width:2500px){.blockfloatMix500{width:19.23%;}}
@media screen and (max-width:2000px){.blockfloatMix500{width:24.01%;}}
@media screen and (max-width:1500px){.blockfloatMix500{width:32.18%;}}
@media screen and (max-width:1000px){.blockfloatMix500{width:48.49%;}}
@media screen and (max-width:500px){.blockfloatMix500{width:100%;}}
.blockfloatMix700{width:10%;display:inline-block;margin-right:5px;overflow-wrap: break-word;word-wrap: break-word;-ms-word-break: break-all;word-break: break-all;word-break: break-word;-ms-hyphens: auto;-moz-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;}
@media screen and (max-width:5400px){.blockfloatMix700{width:12.18%;}}
@media screen and (max-width:4700px){.blockfloatMix700{width:13.92%;}}
@media screen and (max-width:4000px){.blockfloatMix700{width:16.24%;}}
@media screen and (max-width:3300px){.blockfloatMix700{width:24.01%;}}
@media screen and (max-width:2600px){.blockfloatMix700{width:32.18%;}}
@media screen and (max-width:1200px){.blockfloatMix700{width:48.49%;}}
@media screen and (max-width:500px){.blockfloatMix700{width:100%;}}
.blockfloatMix900{width:10%;display:inline-block;margin-right:5px;overflow-wrap: break-word;word-wrap: break-word;-ms-word-break: break-all;word-break: break-all;word-break: break-word;-ms-hyphens: auto;-moz-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;}
@media screen and (max-width:5700px){.blockfloatMix900{width:13.92%;}}
@media screen and (max-width:4800px){.blockfloatMix900{width:16.24%;}}
@media screen and (max-width:3900px){.blockfloatMix900{width:19.23%;}}
@media screen and (max-width:3000px){.blockfloatMix900{width:24.01%;}}
@media screen and (max-width:2100px){.blockfloatMix900{width:32.18%;}}
@media screen and (max-width:1400px){.blockfloatMix900{width:48.49%;}}
@media screen and (max-width:500px){.blockfloatMix900{width:100%;}}
/* sys_table class for skinning normal tables in light color*/
table.sys_table {background: #fdfdfd;border: 1px #aaa solid;border-collapse: collapse;}
.sys_table td {border: 1px #aaa solid;padding: 0.3em;vertical-align:top;}
.sys_table th {background: #f2f2f2;text-align: center;border: 1px #aaa solid;padding: 0.3em;}
/* sys.noborder class for skinning normal tables in light color without border*/
table.sys_table_noborder {border:none; margin: 0px;}
.sys_table_noborder td {vertical-align:top;border:none;padding:0px}
.sys_table_noborder th {text-align: center;border:none;padding:0px}
/* breedte eerste kolom activiteit en nieuws */
.sys_tabel_width {width:160px;}
/* Aanpassing kop h3 en h4 */
h3 {font-size:114%;font-style:italic;font-weight:bold;}
h4 {font-size:106%;font-style:italic;font-weight:normal;}
/* collapsed table 
table.collapsed tr.collapsible {display:none;}
.collapseButton {float:right;font-weight:normal;text-align:right;width: auto;}*/
/* Inhoudopgave */
.toc ul{margin-left:17px;}
:not( :checked ) > .toctogglespan:after{content:'';}
:not( :checked ) > .toctogglespan:before{content:'';}