#idTop {position:fixed; border:none; top:0%; left:0%; width:100%; height:70px; z-index:1000;} #idMenu {position:fixed; border:none; bottom:0%; left:0%; width:100%; height:95px; z-index:1000;} #idContent {position:absolute; border:none; bottom:10%; left:0%; width:100%; height:81%;}  @font-face {font-family:adlernew; src:url("fnt/NewAdlerRegular.ttf");} @font-face {font-family:airstrea; src:url("fnt/Airstream.ttf");} @font-face {font-family:cambridge; src:url("fnt/Cambridge.ttf");} @font-face {font-family:cassandra2; src:url("fnt/CassandraTwo.ttf");} @font-face {font-family:centuryschoolbook; src:url("fnt/CenturySchoolbook.ttf");} @font-face {font-family:copasetic; src:url("fnt/CopaseticNF.ttf");} @font-face {font-family:dickens; src:url("fnt/Dickens.ttf");} @font-face {font-family:gillsans; src:url("fnt/GillSans.ttf");} @font-face {font-family:larabie; src:url("fnt/Larabie.ttf");} @font-face {font-family:marbold; src:url("fnt/Marbold.ttf");} @font-face {font-family:minstrel; src:url("fnt/Minstrel.ttf");} @font-face {font-family:orangeclock; src:url("fnt/Orangeclock.ttf");} @font-face {font-family:papyrus; src:url("fnt/Papyrus.ttf");} @font-face {font-family:president; src:url("fnt/President.ttf");} @font-face {font-family:signetround; src:url("fnt/SignetRound.ttf");}   #schermpixels {position:absolute; top:200px; background-color:black; color:white; font-size:10pt;}   /** body {overflow:auto; font-family:monospace; font-size:15pt; background-color:#4f4f4f; color:#f7f7f7; opacity:0.0; -keyframes-animation:fadeIn 1s; -webkit-animation:fadeIn 1s; animation:fadeIn 1s; opacity:1.0;} **/ body {overflow:auto; font-family:verdana; font-size:15pt; background-color:#001a0e; color:#f7f7f7; opacity:0.0; -keyframes-animation:fadeIn 1s; -webkit-animation:fadeIn 1s; animation:fadeIn 1s; opacity:1.0;}  #taal {position:absolute; left:10px; top:30%; border:none; padding:3px 3px 3px 0px; border-radius:0; opacity:0.5; box-shadow:none;} #fb {position:absolute; left:60px; top:30%; border:none; padding:0px 3px 0px 0px; border-radius:0; opacity:0.5; box-shadow:none;} #tw {position:absolute; left:100px; top:30%; border:none; padding:0px 3px 0px 0px; border-radius:0; opacity:0.5; box-shadow:none;} #bl {position:absolute; left:140px; top:30%; border:none; padding:0px 3px 0px 0px; border-radius:0; opacity:0.5; box-shadow:none;} #yt {position:absolute; left:180px; top:30%; border:none; padding:0px 3px 0px 0px; border-radius:0; opacity:0.5; box-shadow:none;} #taal:hover {opacity:1.0;} #fb:hover {opacity:1.0;} #tw:hover {opacity:1.0;} #bl:hover {opacity:1.0;} #yt:hover {opacity:1.0;} #titel {} #logo {position:absolute; top:15px; right:10px; border:none; box-shadow:none; width:180px; cursor:default; z-index:2000;}  img {padding:5px; border:outset 2px ; border-radius:10px; box-shadow:10px 10px 15px 2px; cursor:pointer;} /** img {padding:5px; border-radius:10px; cursor:pointer;}**/  #titel {position:relative; top:-9px; font-size:40pt; font-weight:; text-shadow:5px 5px 8px;text-align:center; opacity:0.0; -keyframes-animation:fadeIn 1s; -webkit-animation:fadeIn 1s; animation:fadeIn 1s; opacity:1.0;} #tekst {padding:50px; text-align:justify; font-size:smaller; word-spacing:-3px;} #tekstblok {margin-bottom:15px; padding:50px; text-align:justify; word-spacing:/** -3px **/; border-radius:10px; box-shadow:2px 5px 15px 2px #e0bebe inset; font-size:smaller; text-indent:15px;} #tekstblok::first-letter {font-size:40pt; line-height:50%; text-shadow:-30px 0px 5px #d3d3d3; border: 2px; border-radius:5px; margin-left:-5px;} /** #aantalFotos {position:absolute; right:420px; top:30px; font-size:15pt; font-style:italic; color:#4f4f4f; -webkit-animation:fadeAantalFotos 1s; animation:fadeAantalFotos 1s;  text-shadow:363px 0px 2px #d3d3d3; z-index:-1000; **/ #aantalFotos {position:absolute; right:420px; top:30px; font-size:15pt; font-style:italic; color:#001a0e; -webkit-animation:fadeAantalFotos 1s; animation:fadeAantalFotos 1s;  text-shadow:363px 0px 2px #d3d3d3; z-index:-1000;} #fotoblok {text-align:center; border-radius:10px; box-shadow:5px 5px 15px 2px #d3d3d3;/**  padding:30px 0px 30px 30px; **/ -webkit-columns:80px 5; -moz-columns:80px 5; columns:80px 5;} /** #fotoblok img {margin:20px; 0px 20px 0px; width:150px;} **/ #fotoblok img {margin:20px; 0px 20px 0px; width:150px; border:outset 2px ;} #fotoGroot {position:fixed; top:50%; left: 50%; margin-right:-50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); border:none; animation:fadeIn 2s; -webkit-animation:fadeIn 2s; opacity:1.0; /** border: 1px silver; **/ padding:;  animation:fadeIn 2s; -webkit-animation:fadeIn 2s;} /** #fotoGroot img {background-image:url("../01/belijsting/gold14.jpg"); width:100%; border:outset 1px silver; padding:30px 30px 50px 30px; animation:fadeIn 2s; -webkit-animation:fadeIn 2s; opacity:1.0;} **/ #fotoGroot img {/** background-image:url("../01/jpg/bgdw03.jpg"); **/ width:100%; padding:/** 0px **/30px 30px 50px 30px; animation:fadeIn 2s; -webkit-animation:fadeIn 2s; opacity:1.0; border-image-source:url("../01/jpg/bgdw02.jpg"); border:outset 1px #ffd3a8; /** border:solid 30px transparent; border-bottom:solid 50px transparent; **/ box-shadow:15px 15px 35px 2px}  #titelGroot {position:relative; bottom:53px; left:; text-align:center; -webkit-animation:fadeInKleur 10s; animation:fadeInKleur 10s; opacity:1.0; font-family:garamond; font-size:14pt; color:#f7f7f7; text-shadow:2px 2px 1px #000000; z-index:1000;} #resttitelGroot {position:relative; bottom:; text-align:center; -webkit-animation:fadeInKleur 10s; animation:fadeInKleur 10s; opacity:1.0; font-family:garamond; font-size:10pt; color:#f7f7f7; z-index:-1000;} /** #titelGroot {position:relative; bottom:53px; left:; text-align:center; -webkit-animation:fadeInKleur 10s; animation:fadeInKleur 10s; opacity:1.0; font-family:garamond; font-size:14pt; color:#f7f7f7; z-index:-1000;} #resttitelGroot {position:relative; bottom:; text-align:center; -webkit-animation:fadeInKleur 10s; animation:fadeInKleur 10s; opacity:1.0; font-family:garamond; font-size:10pt; color:#f7f7f7; z-index:-1000;} **/ #audioblok {margin-top:20px; padding:15px 0px 0px 0px; border: 1px; text-align:left;/**  border-radius:10px; box-shadow:2px 5px 15px 2px #e0bebe ; **/} /** #audiobloktitel {font-size:larger;} **/ #audiobloktiteltoelichting {position:relative; left:10px; top:-10px; font-size:10pt;} #audioItems {display:inline-table; margin:5px 10px 10px 10px;} #audioItemTitels {border: 1px; position:relative; left:-0px; bottom:-0px; margin-top:-5px; font-size:8pt; text-align:center;} #videoblok {margin-top:20px; padding:15px 0px 0px 0px; border: 1px; text-align:left;/**  border-radius:10px; box-shadow:2px 5px 15px 2px #e0bebe ; **/} /** #videobloktitel {font-size:larger;} **/ #videobloktiteltoelichting {position:relative; left:10px; top:-10px; font-size:10pt; margin-bottom:-25px;} #videoItems {display:inline-table; margin:5px 10px 10px 10px; width:50px; border:inset 2px #000000;} #videoItemTitels {border: 1px; position:relative; left:-0px; bottom:-0px; margin-top:-4px; font-size:8pt; text-align:center;} #pdfblok {margin-top:20px; padding:15px 0px 0px 0px; border: 1px; text-align:left;/**  border-radius:10px; box-shadow:2px 5px 15px 2px #e0bebe ; **/} /** #pdfbloktitel {font-size:larger;} **/ #pdfbloktiteltoelichting {position:relative; left:10px; top:-10px; font-size:10pt; margin-bottom:-25px;} #pdfItems {display:inline-table; margin:5px 10px 10px 10px; background-color:#292929; color:#f7f7f7; cursor:pointer; font-family:monospace; } #pdfItems:hover {display:inline-table; margin:5px 10px 10px 10px; background-color:#f7f7f7; color:#292929;} #pdfItemTitels {border: 1px; position:relative; left:-0px; bottom:-0px; margin-top:-5px; font-size:8pt;} #zipblok {margin-top:20px; margin-bottom:-20px; padding:15px 0px 0px 0px; border: 1px; text-align:left;/**  border-radius:10px; box-shadow:2px 5px 15px 2px #e0bebe ; **/} /** #zipbloktitel {font-size:larger;} **/ #zipbloktiteltoelichting {position:relative; left:10px; top:-10px; font-size:10pt; margin-bottom:-25px;} #zipItems {display:inline-table; margin:5px 10px 10px 10px; background-color:#292929; color:#f7f7f7; cursor:pointer; font-family:monospace;} #zipItems:hover {display:inline-table; margin:5px 10px 10px 10px; background-color:#f7f7f7; color:#292929;} #zipItemTitels {border: 1px; position:relative; left:-0px; bottom:-0px; margin-top:-5px; font-size:8pt;} #infobody {background:url("") no-repeat center center fixed; background-size:cover;} #infoTekst {position:absolute; right:5%; bottom:5%; width:50%; height:70%; overflow:auto; background-color:#4f4f4f; opacity:0.6; margin-bottom:15px; padding:50px; text-align:justify; word-spacing:-3px; border-radius:10px; box-shadow:2px 5px 15px 2px #e0bebe inset; font-size:smaller;} #infoTekstKlein {margin-top:50px; background-color:#4f4f4f; opacity:1.0; padding:5px 5px 17px 5px; text-align:center; word-spacing:0px;/** border-radius:10px;  box-shadow:2px 5px 15px 2px #e0bebe inset; **/ font-size:small; border-top:solid 1px;} #infoTekstKlein span:hover {font-weight:bold; text-decoration:underline;} #homeFotoTekstNL, #homeFotoTekstEN {position:fixed; top:50%; left: 50%; margin-right:-50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); padding:20px; font-size:35pt; font-weight:bold; text-shadow:2px 2px 2px #001a0e; color:#f7f7f7; border-radius:100px; opacity:0.7;} #webDesign {position:fixed; right:15px; top:15px; font-size:7pt; z-index:8000; color:#b7b7ff; display:none;} #webDesign span:hover {text-decoration:underline; cursor:pointer;} #InfNL span:hover {font-weight:bold; text-decoration:underline;} #InfEN span:hover {font-weight:bold; text-decoration:underline;} #homeFoto img {position:fixed; top:50%; left: 50%; margin-right:-50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); box-shadow:20px 20px 100px 2px; padding:0px; border:outset 2px #ffd3a8;} .tekst {padding:50px; text-align:justify; font-size:smaller; word-spacing:-3px;} /** .tekstlink {font-weight:bold; background-color:#f7f7f7; color:#001a0e; cursor:pointer; border-radius:5px; padding:0px 5px 0px 5px;} **/ .tekstlink {cursor:pointer; border-radius:5px; padding:0px 3px 0px 3px; text-shadow:-0px 5px 5px #f7f7f7; box-shadow:0px 2px 1px -1px; text-transform:full-width; font-size:smaller; word-spacing:-2px;} .tekstlink:hover {background-color:#f7f7f7; color:#001a0e; cursor:pointer; border-radius:5px; padding:0px 3px 0px 3px; text-shadow:-0px 5px 5px #001a0e; box-shadow:0px 2px 1px -1px; text-transform:full-width; font-size:smaller; word-spacing:-2px;} button {cursor:pointer; display:inline; margin:0px 10px 5px 10px; /** font-family:monospace; **/} button:hover {/** background-color:lightblue; **/} /** <iframe id="idTop" name="ifTop" src="top.html" style="top:0%; left:0%; width:100%; height:80px; z-index:1000;"></iframe> <iframe id="idContent" name="ifContent" src="home_nl.html" style="bottom:10%; left:0%; width:100%; height:81%;"></iframe> <iframe id="idMenu" name="ifMenu" src="menu_nl.html" style="bottom:0%; left:0%; width:100%; height:95px; z-index:1000;"></iframe> **/  /** Breedbeeld 1400 x 875 (beschrijfbaar: 1400 x 698) **/ @media screen and (min-width:1400px) { /** body {color:purple;} **/ #fotoGroot {position:fixed; top:50%; left: 50%; margin-right:-50%; transform:translate(-50%, -43%); -webkit-transform:translate(-50%, -43%); border:none; animation:fadeIn 2s; -webkit-animation:fadeIn 2s; opacity:1.0; /** border: 1px silver; **/ padding:;  animation:fadeIn 2s; -webkit-animation:fadeIn 2s;} #fotoGroot img {width:70%;} #fotoblok {text-align:center; -webkit-columns:80px 6; -moz-columns:80px 6;/**  -moz-column-fill:balance; **/ columns:80px 6;} #taal {position:absolute; left:10px; top:35%;} #fb {position:absolute; left:60px; top:35%;} #tw {position:absolute; left:100px; top:35%;} #bl {position:absolute; left:140px; top:35%;} #aantalFotos {position:absolute; top:30px; font-size:15pt; font-style:italic; color:#001c0e; -webkit-animation:fadeAantalFotos 1s; animation:fadeAantalFotos 1s;  text-shadow:363px 0px 2px #d3d3d3; z-index:-1000;} #tekstblok {padding:50px; text-align:justify; font-size:11pt; word-spacing:0px; letter-spacing:0px;} #tekstblok::first-letter {font-size:40pt; line-height:50%; text-shadow:-30px 0px 5px #d3d3d3; border: 2px; border-radius:5px; margin-left:-5px;} #infoTekst {padding:50px; text-align:justify; font-size:11pt; word-spacing:-1px; letter-spacing:-0.5px;} #webDesign {top:10px; right:2px; /** color:#7575ff; **/} button {font-size:10pt; cursor:pointer; display:inline; margin:0px 10px 5px 10px;} #homeFoto img {width:800px;} #homeFotoTekstNL, #homeFotoTekstEN {font-size:24pt; position:fixed; top:50%; left: 50%; margin-right:-50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);} #logo {position:absolute; top:; right:10px; border:none; box-shadow:none; width:180px; cursor:default; z-index:2000;} }  /** 19 inch 1280x1024 **/ @media screen and (max-width:1280px) { #fotoGroot img {width:85%;} }  /** iPad landscape 1024x768 (beschrijfbaar: 1024 x 672) **/ @media screen and (max-width:1024px) { /** body {color:yellow;} **/ #fotoGroot {position:fixed; top:50%; left: 50%; margin-right:-50%; transform:translate(-50%, -43%); -webkit-transform:translate(-50%, -43%); border:none; animation:fadeIn 2s; -webkit-animation:fadeIn 2s; opacity:1.0; /** border: 1px silver; **/ padding:;  animation:fadeIn 2s; -webkit-animation:fadeIn 2s;} #fotoGroot img {width:70%;} #fotoblok {text-align:center; -webkit-columns:80px 4; -moz-columns:80px 4;/**  -moz-column-fill:balance; **/ columns:80px 4;} #taal {position:absolute; left:10px; top:35%;} #fb {position:absolute; left:60px; top:35%;} #tw {position:absolute; left:100px; top:35%;} #bl {position:absolute; left:140px; top:35%;} #yt {position:absolute; left:180px; top:35%;} #aantalFotos {position:absolute; top:30px; font-size:15pt; font-style:italic; color:#001c0e; -webkit-animation:fadeAantalFotos 1s; animation:fadeAantalFotos 1s;  text-shadow:363px 0px 2px #d3d3d3; z-index:-1000;} #tekstblok {padding:50px; text-align:justify; font-size:11pt; word-spacing:0px; letter-spacing:0px;} #tekstblok::first-letter {font-size:40pt; line-height:50%; text-shadow:-30px 0px 5px #d3d3d3; border: 2px; border-radius:5px; margin-left:-5px;} #infoTekst {padding:50px; text-align:justify; font-size:11pt; word-spacing:-1px; letter-spacing:-0.5px;} #webDesign {top:10px; right:2px; /** color:#7575ff; **/} button {font-size:10pt; cursor:pointer; display:inline; margin:0px 10px 5px 10px;} #homeFoto img {width:60%;} #homeFotoTekstNL, #homeFotoTekstEN {font-size:24pt; position:fixed; top:50%; left: 50%; margin-right:-50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);} #logo {position:absolute; top:; right:10px; border:none; box-shadow:none; width:180px; cursor:default; z-index:2000;} }  /** iPad portrait 768x1024 (beschrijfbaar: 768 x 928) **/ @media screen and (max-width:768px) { /** body {color:lightblue;} **/ #titel {top:-3px; font-size:25pt;} #fotoGroot {position:fixed; top:50%; left: 50%; margin-right:-50%; transform:translate(-50%, -43%); -webkit-transform:translate(-50%, -43%); border:none; animation:fadeIn 2s; -webkit-animation:fadeIn 2s; opacity:1.0; /** border: 1px silver; **/ padding:;  animation:fadeIn 2s; -webkit-animation:fadeIn 2s;} #fotoGroot img {width:70%;} #fotoblok {text-align:center; -webkit-columns:80px 3; -moz-columns:80px 3; columns:80px 3;} #aantalFotos {position:absolute; right:420px; top:30px; font-size:15pt; font-style:italic; color:#001c0e; -webkit-animation:fadeAantalFotos 1s; animation:fadeAantalFotos 1s;  text-shadow:363px 0px 2px #d3d3d3; z-index:-1000;} #tekstblok {padding:50px; text-align:justify; font-size:11pt; word-spacing:0px; letter-spacing:0px;} #tekstblok::first-letter {font-size:40pt; line-height:50%; text-shadow:-30px 0px 5px #d3d3d3; border: 2px; border-radius:5px; margin-left:-5px;} #infoTekst {padding:50px; text-align:justify; font-size:11pt; word-spacing:-2px; letter-spacing:0px;} #webDesign {top:10px; right:2px; /** color:#7575ff; **/} button {font-size:7pt; cursor:pointer; display:inline; margin:2px 2px 2px 2px;} #homeFoto img {width:80%;} #homeFotoTekstNL, #homeFotoTekstEN {font-size:30pt; position:fixed; top:50%; left: 50%; margin-right:-50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);} #taal {position:absolute; left:10px; top:17%;} #fb {position:absolute; left:60px; top:17%;} #tw {position:absolute; left:100px; top:17%;} #bl {position:absolute; left:140px; top:17%;} #yt {position:absolute; left:180px; top:17%;} #logo {position:absolute; top:6px; right:10px; border:none; box-shadow:none; width:180px; cursor:default; z-index:2000;} }  /** iPhone 6s Plus Landscape 736x414 (beschrijfbaar: ? x ?) **/ @media screen and (max-width:736px) { #idTop {position:fixed; border:none; top:0%; left:0%; width:100%; height:50px; z-index:1000;} #topbody {height:38px;} #idContent {position:absolute; border:none; bottom:10%; left:0%; width:100%; height:72%;} #idMenu {position:fixed; border:none; bottom:0%; left:0%; width:100%; height:80px; z-index:1000;} /** body {color:lightgreen;} **/ #titel {top:2px; font-size:20pt;} #fotoGroot {position:fixed; top:50%; left: 50%; margin-right:-50%; transform:translate(-50%, -36%); -webkit-transform:translate(-50%, -36%); border:none; animation:fadeIn 2s; -webkit-animation:fadeIn 2s; opacity:1.0; /** border: 1px silver; **/ padding:;  animation:fadeIn 2s; -webkit-animation:fadeIn 2s;} #fotoGroot img {top:60%; width:40%; padding:10px 10px 40px 10px;} #titelGroot {font-size:11pt; bottom:45px;} #resttitelGroot {font-size:9pt;} #fotoblok {text-align:center; -webkit-columns:80px 3; -moz-columns:80px 3; columns:80px 3;} #audioblok {position:relative; left:-35px;} #audiobloktiteltoelichting {font-size:7pt;} #aantalFotos {position:absolute; /** right:610px; **/ width: -moz-max-content; /** top:60px; **/ font-size:12pt; font-style:italic; color:#001c0e; -webkit-animation:fadeAantalFotos 1s; animation:fadeAantalFotos 1s;  text-shadow:363px 0px 2px #d3d3d3; z-index:-1000;} #tekstblok {padding:50px; text-align:left; font-size:10pt; word-spacing:0px; letter-spacing:0px;} #tekstblok::first-letter {font-size:40pt; line-height:50%; text-shadow:-30px 0px 5px #d3d3d3; border-radius:5px; margin-left:-5px;} #infoTekst {padding:20px; text-align:left; font-size:10pt; word-spacing:0px; letter-spacing:0px;} #infoTekstKlein {margin-bottom:35px; font-size:8pt;} #infoTekstKlein:hover {} #webDesign {top:10px; left:2px; /** color:#7575ff; **/} button {font-size:7pt; cursor:pointer; display:inline; margin:2px 2px 2px 2px;} #homeFoto img {position:fixed; top:50%; left: 50%; margin-right:-50%; transform:translate(-50%, -60%); -webkit-transform:translate(-50%, -60%); width:35%;} #homeFotoTekstNL, #homeFotoTekstEN {font-size:11pt; position:fixed; top:50%; left: 50%; margin-right:-50%; transform:translate(-50%, -60%); -webkit-transform:translate(-50%, -60%);} #taal {position:absolute; left:10px; top:17%;} #fb {position:absolute; left:60px; top:17%;} #tw {position:absolute; left:100px; top:17%;} #bl {position:absolute; left:140px; top:17%;} #yt {position:absolute; left:180px; top:17%;} #logo {position:absolute; top:6px; right:10px; border:none; box-shadow:none; width:180px; cursor:default; z-index:2000;} }  /** iPhone 6 Landscape 667x375 (beschrijfbaar: 667 x 331) **/ @media screen and (max-width:667px) { #idTop {position:fixed; border:none; top:0%; left:0%; width:100%; height:50px; z-index:1000;} #topbody {height:38px;} #idContent {position:absolute; border:none; bottom:10%; left:0%; width:100%; height:72%;} #idMenu {position:fixed; border:none; bottom:0%; left:0%; width:100%; height:80px; z-index:1000;} /** body {color:lightgreen;} **/ #titel {top:35px; font-size:20pt;} #fotoGroot {position:fixed; top:50%; left: 50%; margin-right:-50%; transform:translate(-50%, -36%); -webkit-transform:translate(-50%, -36%); border:none; animation:fadeIn 2s; -webkit-animation:fadeIn 2s; opacity:1.0; /** border: 1px silver; **/ padding:;  animation:fadeIn 2s; -webkit-animation:fadeIn 2s;} /** #fotoGroot img {top:60%; width:40%; padding:10px 10px 40px 10px;} **/ #fotoGroot img {top:60%; width:70%; padding:10px 10px 40px 10px;} #titelGroot {font-size:11pt; bottom:45px;} #resttitelGroot {font-size:9pt;} /** #fotoblok {text-align:center; -webkit-columns:80px 3; -moz-columns:80px 3; columns:80px 3;} **/ #fotoblok {text-align:center; -webkit-columns:80px 1; -moz-columns:80px 1; columns:80px 1;} #audioblok {position:relative; left:-35px;} #audiobloktiteltoelichting {font-size:7pt;} #aantalFotos {position:absolute; /** right:610px; **/ width: -moz-max-content; /** top:60px; **/ font-size:12pt; font-style:italic; color:#001c0e; -webkit-animation:fadeAantalFotos 1s; animation:fadeAantalFotos 1s;  text-shadow:363px 0px 2px #d3d3d3; z-index:-1000;} #tekstblok {padding:50px; text-align:left; font-size:10pt; word-spacing:0px; letter-spacing:0px;} #tekstblok::first-letter {font-size:40pt; line-height:50%; text-shadow:-30px 0px 5px #d3d3d3; border-radius:5px; margin-left:-5px;} #infoTekst {padding:20px; text-align:left; font-size:10pt; word-spacing:0px; letter-spacing:0px;} #infoTekstKlein {margin-bottom:35px; font-size:8pt;} #infoTekstKlein:hover {} #webDesign {top:10px; left:2px; /** color:#7575ff; **/} button {font-size:7pt; cursor:pointer; display:inline; margin:2px 2px 2px 2px;} #homeFoto img {position:fixed; top:40%; left: 50%; margin-right:-50%; transform:translate(-50%, -60%); -webkit-transform:translate(-50%, -60%); width:85%;} #homeFotoTekstNL, #homeFotoTekstEN {font-size:11pt; position:fixed; top:50%; left: 50%; margin-right:-50%; transform:translate(-50%, -60%); -webkit-transform:translate(-50%, -60%);} #taal {position:absolute; left:10px; top:17%;} #fb {position:absolute; left:60px; top:17%;} #tw {position:absolute; left:100px; top:17%;} #bl {position:absolute; left:140px; top:17%;} #yt {position:absolute; left:180px; top:17%;} #logo {position:absolute; top:6px; right:10px; border:none; box-shadow:none; width:180px; cursor:default; z-index:2000;} }  /** small tablet 480x640 **/ @media screen and (max-width:480px) { }  /** iPhone 6s Plus Portrait 414x736 (beschrijfbaar: ? x ?) **/ @media screen and (max-width:414px) { #idTop {position:fixed; border:none; top:0%; left:0%; width:100%; height:65px; z-index:1000;} #topbody {height:38px;} #idContent {position:absolute; border:none; bottom:10%; left:0%; width:100%; height:80%;} #idMenu {position:fixed; border:none; bottom:0%; left:0%; width:100%; height:95px; z-index:1000;} /** body {color:orange;} **/ #titel {top:35px; font-size:10pt;} #fotoGroot {position:fixed; top:50%; left: 50%; margin-right:-50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); border:none; animation:fadeIn 2s; -webkit-animation:fadeIn 2s; opacity:1.0; /** border: 1px silver; **/ padding:;  animation:fadeIn 2s; -webkit-animation:fadeIn 2s;} #fotoGroot img {width:70%; padding:10px 10px 50px 10px;} #titelGroot {font-size:11pt; bottom:45px;} #resttitelGroot {font-size:9pt;} #fotoblok {text-align:center; -webkit-columns:80px 1; -moz-columns:80px 1; columns:80px 1;} #audioblok {position:relative; left:-35px;} #audiobloktiteltoelichting {font-size:7pt;} #aantalFotos {position:absolute; /** right:610px; **/ /** width: -moz-max-content; **/ top:25px; font-size:12pt; font-style:italic; color:#001c0e; -webkit-animation:fadeAantalFotos 1s; animation:fadeAantalFotos 1s;  text-shadow:363px 0px 2px #d3d3d3; z-index:-1000;} #tekstblok {padding:50px; text-align:left; font-size:10pt; word-spacing:0px; letter-spacing:0px;} #tekstblok::first-letter {font-size:40pt; line-height:50%; text-shadow:-30px 0px 5px #d3d3d3; border-radius:5px; margin-left:-5px;} #infoTekst {padding:10px; text-align:left; font-size:8pt; word-spacing:0px; letter-spacing:0px;} #webDesign {top:30px; left:2px; /** color:#7575ff; **/} button {font-size:7pt; cursor:pointer; display:inline; margin:2px 2px 2px 2px;} #homeFoto img {position:fixed; top:50%; left: 50%; margin-right:-50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); width:65%;} #homeFotoTekstNL, #homeFotoTekstEN {font-size:14pt; position:fixed; top:50%; left: 50%; margin-right:-50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);} #taal {position:absolute; left:10px; top:17%;} #fb {position:absolute; left:60px; top:17%;} #tw {position:absolute; left:100px; top:17%;} #bl {position:absolute; left:140px; top:17%;} #yt {position:absolute; left:180px; top:17%;} #logo {position:absolute; top:6px; right:10px; border:none; box-shadow:none; width:180px; cursor:default; z-index:2000;} }  /** iPhone 6 Portrait 375x667 (beschrijfbaar: 375 x 559) **/ @media screen and (max-width:375px) { #idTop {position:fixed; border:none; top:0%; left:0%; width:100%; height:65px; z-index:1000;} #topbody {height:38px;} #idContent {position:absolute; border:none; bottom:10%; left:0%; width:100%; height:80%;} #idMenu {position:fixed; border:none; bottom:0%; left:0%; width:100%; height:95px; z-index:1000;} /** body {color:orange;} **/ #titel {top:35px; font-size:10pt;} #fotoGroot {position:fixed; top:50%; left: 50%; margin-right:-50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); border:none; animation:fadeIn 2s; -webkit-animation:fadeIn 2s; opacity:1.0; /** border: 1px silver; **/ padding:;  animation:fadeIn 2s; -webkit-animation:fadeIn 2s;} #fotoGroot img {width:70%; padding:10px 10px 50px 10px;} #titelGroot {font-size:11pt; bottom:45px;} #resttitelGroot {font-size:9pt;} #fotoblok {text-align:center; -webkit-columns:80px 1; -moz-columns:80px 1; columns:80px 1;} #audioblok {position:relative; left:-35px;} #audiobloktiteltoelichting {font-size:7pt;} #aantalFotos {position:absolute; /** right:610px; **/ /** width: -moz-max-content; **/ top:25px; font-size:12pt; font-style:italic; color:#001c0e; -webkit-animation:fadeAantalFotos 1s; animation:fadeAantalFotos 1s;  text-shadow:363px 0px 2px #d3d3d3; z-index:-1000;} #tekstblok {padding:50px; text-align:left; font-size:10pt; word-spacing:0px; letter-spacing:0px;} #tekstblok::first-letter {font-size:40pt; line-height:50%; text-shadow:-30px 0px 5px #d3d3d3; border-radius:5px; margin-left:-5px;} #infoTekst {padding:10px; text-align:left; font-size:8pt; word-spacing:0px; letter-spacing:0px;} #webDesign {top:30px; left:2px; /** color:#7575ff; **/} button {font-size:7pt; cursor:pointer; display:inline; margin:2px 2px 2px 2px;} #homeFoto img {position:fixed; top:50%; left: 50%; margin-right:-50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); width:65%;} #homeFotoTekstNL, #homeFotoTekstEN {font-size:14pt; position:fixed; top:50%; left: 50%; margin-right:-50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);} #taal {position:absolute; left:10px; top:17%;} #fb {position:absolute; left:60px; top:17%;} #tw {position:absolute; left:100px; top:17%;} #bl {position:absolute; left:140px; top:17%;} #yt {position:absolute; left:180px; top:17%;} #logo {position:absolute; top:6px; right:10px; border:none; box-shadow:none; width:180px; cursor:default; z-index:2000;} }   /** iPhone 320x480 **/ @media screen and (max-width:320px) {  }   /** small phone 240x320 **/ @media screen and (max-width:240px) {  }  @-webkit-keyframes fadeIn { 0% {opacity: 0.0;} 100% {opacity: 1.0;} }  @keyframes fadeIn { 0% {opacity: 0.0;} 100% {opacity: 1.0;} }  @-webkit-keyframes fadeOut { 0% {opacity: 1.0;} 100% {opacity: 0.0;} }  @keyframes fadeOut { 0% {opacity: 1.0;} 100% {opacity: 0.0;} }  @-webkit-keyframes fadeInKleur { 0% {opacity:0.0; color:#4f4f4f; letter-spacing:10px;} 100% {opacity:1.0; color:#ebebeb; letter-spacing:0px;} }  @keyframes fadeInKleur { 0% {opacity:0.0; color:#4f4f4f; letter-spacing:10px;} 100% {opacity:1.0; color:#ebebeb; letter-spacing:0px;} }  @-webkit-keyframes fadeOutZacht { 0% {opacity: 1.0;} 100% {opacity: 0.1;} }  @keyframes fadeOutZacht { 0% {opacity: 1.0;} 100% {opacity: 0.1;} }  @-webkit-keyframes fadeTerugZacht { 0% {opacity: 0.1;} 100% {opacity: 1.0;} }  @keyframes fadeTerugZacht { 0% {opacity: 0.1;} 100% {opacity: 1.0;} }  @-webkit-keyframes menuNeer { 0% {bottom:10%; height:81%;} 100% {bottom:0%; height:91%;} }  @keyframes menuNeer { 0% {bottom:10%; height:81%;} 100% {bottom:0%; height:91%;} }  @-webkit-keyframes menuOp { 0% {bottom:0%; height:91%;} 100% {bottom:10%; height:81%;} }  @keyframes menuOp { 0% {bottom:0%; height:91%;} 100% {bottom:10%; height:81%;} }  @-webkit-keyframes fadeAantalFotos { 0% {text-shadow:363px -50px 30px #4f4f4f;} 100% {text-shadow:363px 0px 2px #d3d3d3;} }  @keyframes fadeAantalFotos { 0% {text-shadow:363px -50px 30px #4f4f4f;} 100% {text-shadow:363px 0px 2px #d3d3d3;} }