:root {
 --rood2:#CE0608;
 --rood1:#EF5C55;
 --zwart:#222222;
 --grijs:#B0B0B0;
 --paars:#5A2A82;
 --oranje:#FF6300;
 --donkergrijs:#707070;
 --bl:#0066CC;
 --groen:#79A420;
 --blauw:#0066CC;
}

.Y {color:rgb(255, 99, 0);font-weight:bold;font-size:1.5em;text-decoration:none!important}

#Mededeling {
 color:var(--groen);
}

iframe {
    width: 100%;
    border: solid 0.8px gray;
    height: 400px;
 }

@media screen and (prefers-reduced-motion: no-preference) {  html,  body {    scroll-behavior: smooth;  }}
body {
 font-family: "Open Sans", "Liberation Sans", sans-serif;
 background-color:#ffffff;
 color:var(--zwart);
 font-size:16px;
 margin:0;
 padding:0;
}

.rood1 {color:var(--rood1);}


.grijs {color:var(--grijs);}
.donkergrijs{color:var(--donkergrijs);}
.oranje {color:var(--oranje);}

.actueel {
 color:var(--zwart);
 margin-bottom:8px;

}
.actueel .KLEIN {
 font-weight:bold;
}

.m {
 padding-top:16px;
 width:1100px;
 margin: 0 auto;
}
.dubbel {
 border:1px solid var(--grijs);
 height:4px;
}

#h1 {
 padding-top:8px;
 padding-left:8px;
 height:4em;
 border-left:1px solid var(--grijs);
 border-right:1px solid var(--grijs);
}
#h1 img {
 height:calc(4em - 16px);
 float:left;
}

.logo {
 float:left;
 font-style:italic;
 margin-left:16px;
 font-size:2em;
 line-height:calc(0.8em);
 background:white;
}
.logo2 {
 font-size:0.4em;
 color:var(--donkergrijs);
 font-style:normal;
}
.dlogo{clear:both;}
.dlogo img {
 width:120px!important;
 float:left;
 margin-right:16px;
}

.bortop {
 border-left:1px solid var(--grijs);
 border-right:1px solid var(--grijs);
 border-bottom:1px solid var(--grijs);
 font-size:1px;
 height:3px;
}

.mainwrapper {
 display:table;
 min-height:calc(100vh - 6em - 64px);
}
.main {
 display:table-cell;
 padding:16px;
 padding-top:2px;
 width:calc(1100px - 240px);
 border-left:1px solid var(--grijs);
 border-right:1px solid var(--grijs);
}
.rechterkol {
 border-right:1px solid var(--grijs);
 height:100%;
 width:240px;
 display:table-cell;
 vertical-align:top;
 padding:8px;
 padding-left:16px;
}

.footer {
 font-size:0.8em;
 line-height:1em;
 padding-top:8px;
 padding-bottom:8px;
 height:calc(1em + 16px);
}

.menu {
 height:calc(1.5em + 4px);
 line-height:calc(1.5em + 4px);
 border-left:1px solid var(--grijs);
 border-right:1px solid var(--grijs);
 border-bottom:1px solid var(--grijs);

 background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(234,234,234,1) 100%);
}
a {text-decoration:underline}
.menu a {
 display:inline-block;
 color:var(--zwart);text-decoration:none!important;
 min-width:112px;
 text-align:center;
 border-right:1px solid var(--grijs);
}

.none {text-decoration:none;}
.menu a.nosize {
min-width:0;
}

a:hover {
 color:var(--oranje);
}

.ikonen {
 padding-top:32px;
 margin-right:8px;
 font-size:0.8em;
 DELfloat:right;
}
.ikonen img {
 margin-right:4px;
 width:32px;
 height:32px!important;
 margin-bottom:8px;
 border:solid 1px var(--donkergrijs);
}
.hpic {
 font-size:0.8em;

}
.hpic img {
width:215px;
 height:215px;
 object-fit:cover;
}

.T {
border-bottom:1px solid var(--grijs);
}
.T a {text-decoration:none;}
.T,h1 {
 color:var(--bl);
 font-weight:bold;
}
.artimg {

}

.img3d {
 width:216px;
 height:216px;
 object-fit:cover;
 margin-right:16px;
 margin-bottom:16px;
}
.datum {
 font-size:0.7em;
 color:var(--donkergrijs);
 margin-top:16px;
}
.d2 {
margin-top:0;
}
.t {
 font-size:0.7em;
 color:var(--donkergrijs);
 position:relative;
 top:-16px;
 left:134px;
 margin-bottom:-16px;
}
delh1 {
 font-size:1.3em; padding:0; margin:0;
 background: rgb(144,178,224);
 background: linear-gradient(180deg, #E8A03C 0%, #FFC898 100%);
 border-top:1px solid var(--grijs);
 border-bottom:1px solid var(--grijs);
 margin-left:-16px;
 margin-right:-16px;
 padding-left:16px;
 margin-bottom:2px;
 color:var(--zwart);
}

h1 {
 font-size:1.3em; padding:0; margin:0;
 color:var(--zwart);

  margin-left:-16px;
 margin-right:-16px;
 padding-left:16px;
 padding-top:8px;
 margin-bottom:8px;
}

.uximg {
 border:solid 1px var(--grijs);
 width:80%;
 margin-left:10%;
}

h2 {
font-size:1.1em;
font-weight:bold;
 margin-bottom:4px;
 margin-top:8px;
 padding:0;
}

.scriptnaam {
 margin-bottom: 4px;
 display:block;
}


.V {
 margin-top:8px;
}
.sel {
 color:var(--grijs)!important;
}
.padr {padding-right:16px;}
.padR {
padding-right:16px;
 margin-bottom:16px;
}

.padr .w3-half {
 padding-right:16px;
 margin-bottom:16px;
}

.klikbaar img,.pointer {
 cursor:pointer;
}

#DlgContent,#DlgContentI img {
 max-width:80vw;
 max-height:80vh;
}
#DlgContent,#DlgContentI {
 width:calc(80vw + 34px);
 height:calc(80vh + 34px);
 background:var(--zwart);
 border-color: var(--grijs);
 border-style:double;
}
#DialogSluit,#DialogSluitI {
 padding:0!important;
 font-size:1.5em;
 line-height:calc(1.5em - 2px);
 height:calc(0px + 1.5em);
 width:calc(8px + 1.5em);
 padding-left:4px!important;;
 padding-right:4px!important;;
}

#DialogInhoud,#DialogInhoudI {
 display: flex;
 height:calc(80vh + 32px);
 justify-content: center;
 align-items: center;
}

.w3-modal {
 padding-top:8vh!important;
}

.leftimg {
 max-width:300px;
 float:left;
 padding-right:16px;
}

.tag { 
 border:solid 1px #C9C9C9; 
 background: #E9E9E9;
 padding:2px;
 padding-left:4px;
 padding-right:4px;
 border-radius:4px;
 font-size:0.8em;
}
p {
 margin-top:0;
}
td {
 vertical-align:top;
}
.kols {
 min-width:48px;
}
.kols img, .p40 {
 width:40px;
}

.rechterkol {font-size:0.9em;}
.titelR {padding-top:14px;font-size:0.9em;}
.rood2 {color:var(--rood2);}
.groen {color:var(--groen);}

.zoekcontainer {
 position:relative;
 top:-6px;
}


#TxtZoek {
 width:300px;
 height:calc(1em + 12px)!important;
 line-height:calc(1em)!important;
 padding:4px;

 border:solid 1px var(--grijs)!important;
 border-radius:0px!important;
}
#TxtZoek:focus {
 border:solid 1px var(--grijs)!important;
 border-radius:0px!important;
}
.za div {
 font-size:0.8em;
 font-style:italic;
}

.za {
 text-decoration:none;
 display:block;
 padding-left:8px;
}
#Zoekres {
 display:none;width:300px;
 border:solid 1px var(--grijs);
 z-index:100;
 background:white;
 position:absolute;
 top:calc(1em + 6px);
 padding:8px;

}
#Zoekres a:hover{
 background:var(--oranje)!important;
 color:white!important;;
}

.foto {
 float:left;
 max-width:240px;
 padding-right:16px;
 font-size:0.8em;

 height:216px;
 Doverflow:hidden;
 margin-bottom:16px;

}
.foto img {
 width:220px;
 height:180px;
 object-fit:cover;
}
.KLEIN {font-size:0.8em;}
.hp3d {
 margin-right:8px;
 width:110px;
 height:110px;
 object-fit:cover;
}
.hpfoto {
 margin-right:8px;
 width:95px;
 height:70px;
 object-fit:cover;
}
.hpdivfoto {
 width:94px;
 height:70px;
 overflow:hidden;
 margin-right:8px;
 float:left;
 background:var(--grijs);
}
.hpdiv {
 width:110px;
 height:110px;
 overflow:hidden;
 margin-right:8px;
 float:left;
 background:var(--grijs);
}
.blauw {color:var(--blauw);}

pre.line-numbers {max-width:740px;}
.i1 {
 width:120px;
 height:120px;
 padding-right:4px;
 object-fit:cover;
}


.IIcon {
 color:white;
 background:black;
 font-size:3em;
 cursor:pointer;
}

/*Reacties*/
.reactie, .reactie input, .reactie textarea {
 color:#0066cc;
}
.reactie input[type=submit] {font-weight:bold}

.reactie textarea {
   width:100%;height:120px
}

.fpimage {width:172px;max-height:120px}

@media only screen and (max-width: 600px) {
 .main {
  display:table-cell;
  padding:16px;
  padding-top:2px;
  width:100vw;
  border-left:none;
  border-right:none;
 }

 .m {
  padding-top:16px;
  width:100vw;
 }
 
 .menu {height:auto;display:block;clear:both;border:none}
 
 .menu a {
  display:block;
 }
 .dubbel{border:none;}
 
 #TxtZoek {width:100%;}
 .zoekcontainer{position:static;
  margin-top:32px;
  margin-bottom:4px;
 }
 
 #h1 {height:auto;display:block;border:none}
 
 .ikonen {
  display:block;
  float:none;
 }
 
 .Fotorij > a:nth-child(n+5) {
  display: none!important;
 }
  
 .tips > .TP:nth-child(n+4) {
  display: none!important;
 }
  
 .fpimage {width:100%;max-height:120px;
  padding-right:16px;
 }
  
}
.NONE {
 display:none;
}