/** @font-face {font-family:adler; src:url("fnt/AdlerRegular.ttf");} **/ @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");}   /** adler font **/ body {font-family:adlernew, georgia; font-size:; text-align:left; color:#3b3b3b;} p::first-letter {font-size:25pt; color:#3b3b3b; background:none repeat scroll 0% 0%; background-color:none; margin-left:; padding:0px 3px 0px 3px; border:2px none #ffd700; margin-right:3px; vertical-align:9px;} #steveEN p::first-letter { color:#3b3b3b; background-color:none;} #steveNL p::first-letter { color:#3b3b3b; background-color:none;} p::first-line {font-variant:;} .bovenTitel {font-family:adlernew, georgia; font-size:; padding-top:5px;} .animTekst {font-family:adlernew, georgia; font-size:;} .taalknop {font-family:adlernew, georgia; font-size:larger; font-weight:; padding-top:5px;} .knop {font-family:adlernew, georgia; font-size:11pt; font-weight:; padding-top:5px;} .dw_nummer_id {font-family:adlernew, georgia; font-size:10pt; letter-spacing:2px;} .dw_stempel_id {font-family:adlernew, georgia; font-size:7pt;} .label1 { font-family:adlernew, georgia; font-size:12pt; color:#3b3b3b; padding:5px 5px 0px 5px; font-style:; font-weight:bold;} .label2 {font-family:adlernew, georgia; font-size:10pt; color:#3b3b3b; padding:5px 3px 0px 5px;} #stempelAchter {font-family:adlernew; font-size:8pt; letter-spacing:2px; border:outset 1px; border-radius:5px; position:relative; bottom:1px; padding:4px 2px 1px 2px; background-color:#faf0e6; color:#ff0000;} #mailspec_en, #mailspec_nl {font-family:adlernew, georgia; font-size:larger; font-weight:; padding-top:5px;}   /** dickens font **/ /** body {font-family:dickens, georgia; font-size:16pt; text-align:justify;} p::first-letter {font-size:25pt; color:#faf0e6; background:none repeat scroll 0% 0%; background-color:#0000a8; margin-left:5px; padding:0px; border:2px none #ffd700; margin-right:3px;} #steveEN p::first-letter { color:#faf0e6; background-color:#8b0000;} #steveNL p::first-letter { color:#faf0e6; background-color:#8b0000;} p::first-line {font-variant:small-caps;} .bovenTitel {font-family:dickens, georgia; font-size:; padding-top:;} .animTekst {font-family:dickens, georgia; font-size:;} .taalknop {font-family:dickens, georgia; font-size:16pt; padding-top:;} .knop {font-family:dickens, georgia; font-size:16pt; padding-top:;} .dw_nummer_id {font-family:dickens, georgia; font-size:14pt; letter-spacing:;} .dw_stempel_id {font-family:dickens, georgia; font-size:8pt;} .label1 { font-family:dickens, georgia; font-size:16pt; padding:3px 7px 3px 7px; font-weight:bold; text-shadow:1px 1px 1px #faf0e6;} .label2 {font-family:dickens, georgia; font-size:16pt; padding:3px 7px 3px 7px; text-shadow:1px 1px 1px #faf0e6;} #stempelAchter {font-family:dickens; font-size:14pt; letter-spacing:; border:outset 1px; border-radius:5px; position:relative; bottom:1px; padding:0px 4px 0px 4px; background-color:#faf0e6; color:#ff0000;} #mailspec_en, #mailspec_nl {font-family:dickens, georgia; font-size:16pt; padding-top:;} **/     html {background:url("../01/png/bgSigBg_op10.png") no-repeat center center fixed; background-size:100%;background-color:#faf0e6;} body {background:transparent; background-color: #faf0e6; overflow:hidden;}  /** knop-buttons begin **/ /** #taalknopEN {position:fixed; left:10%; top:80%; cursor:pointer; font-family:adlernew, georgia; font-size:11pt; padding-top:3px;} #taalknopNL {position:fixed; right:10%; top:80%; cursor:pointer; font-family:adlernew, georgia; font-size:11pt; padding-top:3px;} #menuEN {position:fixed; left:50%; margin-right:-50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); bottom:1%; padding:5px; opacity:0.0; box-shadow: 0px 0px 50px 10px #a7a7a7; border-radius: 5px 5px 15px 15px;} #menuNL {position:fixed; left:50%; margin-right:-50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); bottom:1%; padding:5px; opacity:0.0; box-shadow: 0px 0px 50px 10px #a7a7a7; border-radius: 5px 5px 15px 15px;} #menuEN button {margin:0px 25px 0px 25px; cursor:pointer;} #menuNL button {margin:0px 25px 0px 25px; cursor:pointer;} #pfKnoppenEN, #pfKnoppenNL {position:fixed; left:50%; margin-right:-50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); bottom:9%; padding:5px; opacity:0.0; display:none; box-shadow: 0px 0px 50px 10px #a7a7a7; border-radius: 15px 15px 5px 5px;} #pfKnoppenEN button {cursor:pointer; z-index:5000; margin:0px 35px 0px 35px;} #pfKnoppenNL button {cursor:pointer; z-index:5000; margin:0px 35px 0px 35px;} **/ /** knop-buttons einde **/  /** knop-images begin **/ #taalknopEN {position:fixed; left:10%; top:80%; cursor:pointer; padding-top:3px; box-shadow:5px 5px 10px 0px; border-radius:5px; padding:5px;} #taalknopNL {position:fixed; right:10%; top:80%; cursor:pointer; padding-top:3px; box-shadow:5px 5px 10px 0px; border-radius:5px; padding:5px;} #menuEN {position:fixed; left:50%; margin-right:-50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); bottom:1%; padding:5px; opacity:0.0; /** box-shadow: 0px 0px 50px 10px #a7a7a7; **/ border-radius: 5px 5px 15px 15px;/** border:solid 2px blue; **/} #menuNL {position:fixed; left:50%; margin-right:-50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); bottom:1%; padding:5px; opacity:0.0; /** box-shadow: 0px 0px 50px 10px #a7a7a7; **/ border-radius: 5px 5px 15px 15px;/** border:solid 2px red; **/} #menuEN img {margin:0px 25px 0px 25px; cursor:pointer; box-shadow:10px 10px 10px 2px grey; border-radius:5px; padding:5px; height:20px;} #menuNL img {margin:0px 25px 0px 25px; cursor:pointer; box-shadow:10px 10px 10px 2px grey; border-radius:5px; padding:5px; height:20px;} #pfKnoppenEN, #pfKnoppenNL {position:fixed; left:50%; margin-right:-50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); bottom:9%; padding:5px; opacity:0.0; display:none; /** box-shadow: 0px 0px 50px 10px #a7a7a7; **/ border-radius: 15px 15px 5px 5px;/** border:solid 2px **/} #pfKnoppenEN img {cursor:pointer; z-index:5000; margin:0px 35px 0px 35px; box-shadow:10px 10px 10px 2px grey; border-radius:5px; padding:5px; height:15px;} #pfKnoppenNL img {cursor:pointer; z-index:5000; margin:0px 35px 0px 35px; box-shadow:10px 10px 10px 2px grey; border-radius:5px; padding:5px; height:15px;} /** knop-images einde **/   .topvenster {/** position:absolute; top:40%; padding:50px; opacity:0.0; display:none; box-shadow: -1px 10px 50px -10px #c7c7c7 ; height:75%; overflow:auto; **/} .portfolio {margin-left:15%; opacity:1.0; z-index:1000; display:none; -webkit-columns:80px 4; -moz-columns:80px 4; columns:80px 4;} .vensterclass {position:absolute; left:0px; top:0px; margin-top:; width:99%; display:none; border: 3px;} .taalknoppen {position:fixed; top:90%; display:block;} .centreren {text-align:center;} .rechts {text-align:right;} .dw_nummer_id {position:relative; left:-100px; bottom:-20px; text-shadow:3px 3px 3px; border: 1px;} .dw_stempel_id {position:relative; left:-80px; bottom:-20px; /** font-variant:small-caps; **/ color:#f20d0d; text-shadow:0px 1px 3px maroon;} #groot {position:fixed; background-color:yellow; border: 30px; width:640px; height:480px; } #afbGroot_en, #afbGroot_nl{/** position:fixed; **/ border:outset 2px #c0c0c0; box-shadow:15px 25px 25px 5px #747474;} #labelTotaal_en, #labelTotaal_nl{/** position:fixed; **/ color:#000000; empty-cells:show;} #volgnummer_en, #volgnummer_nl, #titels_en, #titels_nl, #dimensies_en, #dimensies_nl, #materialen_en, #materialen_nl, #stempel_en, #stempel_nl {border: 3px lightblue; padding:2px 5px 3px 5px; border-radius:2px; background-color:#faf0e6; color:#000000;/**  box-shadow:2px 2px 2px 1px; **/} #volgnummer_en, #volgnummer_nl {font-size:12pt; text-align:left; box-shadow:2px 2px 2px #747474;;} #titels_en, #titels_nl {font-family:/** garamond **/; font-style:italic; font-size:12pt; text-align:center; text-shadow:3px 2px 4px ; border-radius:2px; background-color:#faf0e6; color:#000000; border: 1px /** #a6a6ff **/; box-shadow:2px 2px 2px #747474;;} #dimensies_en, #dimensies_nl { box-shadow:2px 2px 2px #747474;;} #materialen_en, #materialen_nl { box-shadow:2px 2px 2px #747474;;} #stempel_en, #stempel_nl {color:#ff0000; text-shadow:1px 1px 4px #cc0000;/**  padding:0px; **/} #volgnummer_en, #volgnummer_nl, #dimensies_en, #dimensies_nl, #materialen_en, #materialen_nl, #stempel_en, #stempel_nl {font-variant:small-caps; font-size:8pt;} .kopje {font-variant: small-caps; font-size:13pt; font-weight:bold; letter-spacing:4px; text-align:center;} .klein {font-size:7pt;} .label1 {position:relative; background-color:#faf0e6; background-image:url(../01/bg/gold.jpg); border: 1px #a6a6ff; z-index:5000; box-shadow:1px 1px 2px #804040; text-align:center; border-radius:4px; background-color:; font-size:12pt; border:outset 1px #ffffff; margin-top:10px;} .label2 {border:outset 1px #ffffff; border-radius:4px; background-color:#faf0e6; font-size:10pt; background-image:url(../01/bg/gold.jpg); box-shadow:1px 1px 2px #804040; position:relative; text-align:center; }  #infoEN img {border:outset 2px; cursor:pointer;} #infoNL img {border:outset 2px; cursor:pointer;} #steveEN img {border:outset 2px; cursor:pointer;} #steveNL img {border:outset 2px; cursor:pointer;} #animImg {position:relative; top:50px; -webkit-animation:schuifBinnen 4.0s; animation:schuifBinnen 4.0s; border:outset 3px; box-shadow:15px 25px 25px 5px #747474;} #animImgTekst {position:relative;  top:70px; -webkit-animation:schuifTekstBinnen 1.0s; animation:schuifTekstBinnen 1.0s; padding:2px 5px 2px 5px; border: 1px; opacity:1.0; letter-spacing:0px;} #schermKop {text-align:center; border: 5px; background-color:; color:#b9b9b9; opacity:0.5; width:60%; border: 5px; border-radius:0px 0px 50px 50px; box-shadow:-5px 5px 15px 10px #a7a7a7; display:block; z-index:8000; padding:10px 5px 5px 5px; margin-top:-10px; width:80%; font-size:13pt; -webkit-animation:kleurVerloop 25s infinite; animation:kleurVerloop 25s infinite;} #stempelAchter {font-size:8pt; font-weight:bold; letter-spacing:2px; border:outset 1px; border-radius:5px; position:relative; bottom:1px; padding:4px 2px 1px 2px; background-color:#faf0e6; color:#ff0000;} #mailspec_en, #mailspec_nl {display:none; position:fixed; bottom:1%; right:1%; font-size:12pt; -webkit-animation:fadeIn 5s; animation:fadeIn 5s; cursor:pointer; color: #1c9d24; font-weight: bold; text-shadow: 1px 1px 4px #5b8860; border: outset 1 green; border-radius: 5px;} #divLijst {position:fixed; top:50%; left: 50%; margin-right:-50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); display:none;} /** // #SigInfo {width:100%; height:100%;} **/ #helpKnopEN, #helpKnopNL {position:fixed; left:15px; top:-250px; font-size:8pt; margin-top:20%; cursor:pointer; -webkit-animation:draaiButton 3s; -ms-animation:draaiButton 3s; animation:draaiButton 3s; display:none;} #idLabel1 {margin-top:45px;} #idLabel2 {margin-top:20px;} #divAnderPlaatje {height:; position:fixed; top:50%; left:50%; margin-right:-50%; transform:translate(-70%, -70%); -webkit-transform:translate(-70%, -70%);} #anderPlaatje {} #anderPlaatjeTekst {height:15px; font-size:7pt; word-spacing:-1.15px; display:none; position:absolute; bottom:20px; right:15px; padding:5px 3px 0px 5px; background:#faf0e6; font-size:8pt; box-shadow:2px 2px 2px #d6d6d6;; border:none;} #infoEN, #infoNL, #steveEN, #steveNL, #koopEN, #koopNL {position:absolute; overflow:auto; top:47%; width:70%; height:73%; opacity:1; display:none; padding:50px 50px 50px 50px; /** box-shadow: -1px 10px 50px -10px #c7c7c7 ; **/ left:50%; margin-right:-50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);} #portfolioEN, #portfolioNL {position:absolute; overflow:auto; top:41%; width:91%; height:60%; opacity:1; display:none; padding:50px 50px 50px 50px; opacity:1; display:none; padding:50px 50px 50px 50px; /** box-shadow: -1px 10px 50px -10px #c7c7c7 ; **/ left:50%; margin-right:-50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);} #fsodg {position:absolute; overflow:auto; top:47%; width:70%; height:73%; opacity:1; display:/** none **/; padding:50px 50px 50px 50px; /** box-shadow: -1px 10px 50px -10px #c7c7c7 ; **/ left:50%; margin-right:-50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); /** border:outset 3px lightcoral; **/ text-align:justify;} #fsodg img {border:outset 3px lightsteelblue;} #imgLeft {margin:15px 15px 15px 0px; float:left;} #imgRight {margin:15px 0px 15px 15px; float:right;} #divHelpknoppen {font-size:8pt; margin-top:20%; cursor:pointer; -webkit-animation:draaiButton 3s; -ms-animation:draaiButton 3s; animation:draaiButton 3s;} #fsodglink {cursor:pointer; /** text-shadow:2px 2px 5px; **/ border-radius:5px; padding:5px 3px 0px; background-color:#3b3b3b; color:#faf0e6;} #fsodgSepline {width:50%; color:; box-shadow:1px 1px 9px -1px ; padding:1px;} #fsodgCentreDiv {text-align:center; margin-bottom:50px;} #fsodgCentreSpan {/** font-variant:small-caps; **/ border-bottom: solid 2px #3b3b3b;} #fsodgPPimg {position:relative; bottom:-20px; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}    @media screen and (min-width:50px) { #divHelpknoppen {display:inline;} }  @media screen and (max-width:1280px) { #divHelpknoppen {display:none;} }  /** @media screen and (max-width:1400px) { #animImgTekst {top:40px;} #helpKnopEN, #helpKnopNL {position:fixed; left:10px; top:-20px; font-size:18pt; margin-top:20%; cursor:pointer; -webkit-animation:draaiButton 3s; -ms-animation:draaiButton 3s; animation:draaiButton 3s; display:inline;} #divHelpknoppen {display:inline;} } **/  @media screen and (max-width:1600px) { #divHelpknoppen {display:none;} }       /** -webkit-animation:XXXX Xs; animation:XXXX Xs; } @-webkit-keyframes XXXX { 0% {xx:aa; xxx:bb;} 50% {xx:ab; xxx:bc;} 100% {xx:dd; xxx:de;} } @keyframes XXXX { 0% {xx:aa; xxx:bb;} 50% {xx:ab; xxx:bc;} 100% {xx:dd; xxx:de;} } **/  /** -webkit-animation:draaiButton Xs; animation:draaiButton Xs; **/ @-webkit-keyframes draaiButton { 0% {transform:rotate(0deg); opacity:0.0;} 50% {transform:rotate(20deg); opacity:1.0;} 100% {transform:rotate(0deg); opacity:1.0;} } @-ms-keyframes draaiButton { 0% {transform:rotate(0deg); opacity:0.0;} 50% {transform:rotate(20deg); opacity:1.0;} 100% {transform:rotate(0deg); opacity:1.0;} } @keyframes draaiButton { 0% {transform:rotate(0deg); opacity:0.0;} 50% {transform:rotate(20deg); opacity:1.0;} 100% {transform:rotate(0deg); opacity:1.0;} }  /** -webkit-animation:helloMove Xs; animation:helloMove Xs; **/ @-webkit-keyframes helloMove { 0% {transform:rotate(0deg); bottom:2%; left:-10%; opacity:0.2;} 50% {transform:rotate(360deg); bottom:75%; left:20%; opacity:0.2;} 100% {transform:rotate(0deg); bottom:2%; left:-10%; opacity:0.2;} } @keyframes helloMove { 0% {transform:rotate(0deg); bottom:2%; left:-10%; opacity:0.2;} 50% {transform:rotate(360deg); bottom:75%; left:20%; opacity:0.2;} 100% {transform:rotate(0deg); bottom:2%; left:-10%; opacity:0.2;} }  /** -webkit-animation:verplaats 5s; animation:verplaats 5s; **/  @-webkit-keyframes verplaats { 0% {top:0%; left:0%;} 50% {top:100%; left:100%;} 100% {top:0%; left:0%;} } @keyframes verplaats { 0% {top:0%; left:0%;} 50% {top:100%; left:100%;} 100% {top:0%; left:0%;} }  } @-webkit-keyframes kleurVerloop { 0% {color:#b9b9b9;} 25% {color:black; background-color:white;} 50% {color:white; background-color:black;} 75% {color:black; background-color:white;} 100% {color:#b9b9b9;} } @keyframes kleurVerloop { 0% {color:#b9b9b9;} 25% {color:black; background-color:white;} 50% {color:white; background-color:black;} 75% {color:black; background-color:white;} 100% {color:#b9b9b9;} }  } @-webkit-keyframes schuifBinnen { 0% {/** width:1%; height:1%; **/ transform:skewX(-40deg);} 50% {/** width:50%; height:50%; **/ transform:skewX(40deg);} 100% {/** width:80%; height:80%; **/ transform:skewX(0deg);} /** // 100% {document.getElementById("animImg").style.naturalWidth; document.getElementById("animImg").style.naturalHeight; transform:skewY(0deg);} **/ } @keyframes schuifBinnen { 0% {/** width:1%; height:1%; **/ transform:skewX(-40deg);} 50% {/** width:50%; height:50%; **/ transform:skewX(40deg);} 100% {/** width:80%; height:80%; **/ transform:skewX(0deg);} }  @-webkit-keyframes schuifTekstBinnen { 0% {/** width:1%; height:1%; **/ /** opacity:0.0; **//** left:0%; **/letter-spacing: 0px;} 50% {/** width:50%; height:50%; **/ /** opacity:0.2; **//** left:50%; **/letter-spacing: 2px;} 100% {/** width:80%; height:80%; **/ /** opacity:1.0; **//** left:100%; **/letter-spacing: 0px;} /** // 100% {document.getElementById("animImg").style.naturalWidth; document.getElementById("animImg").style.naturalHeight; transform:skewY(0deg);} **/ } @keyframes schuifTekstBinnen { 0% {/** width:1%; height:1%; **/ /** opacity:0.0; **//** left:0%; **/letter-spacing: 0px;} 50% {/** width:50%; height:50%; **/ /** opacity:0.2; **//** left:50%; **/letter-spacing: 2px;} 100% {/** width:80%; height:80%; **/ /** opacity:1.0; **//** left:100%; **/letter-spacing: 0px;} }     @-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 fadeInAchter { 0% {opacity: 0.3;} 100% {opacity: 1.0;} } @keyframes fadeInAchter { 0% {opacity: 0.3;} 100% {opacity: 1.0;} }  @-webkit-keyframes fadeOutAchter { 0% {opacity: 1.0;} 100% {opacity: 0.3;} } @keyframes fadeOutAchter { 0% {opacity: 1.0;} 100% {opacity: 0.3;} }   @-webkit-keyframes bodyInAchter { 0% {background-color:#f9ecdf;} 100% {background-color:#faf0e6;} } @keyframes bodyInAchter { 0% {background-color:#f9ecdf;} 100% {background-color:#faf0e6;} }  @-webkit-keyframes bodyOutAchter { 0% {background-color:#faf0e6;} 100% {background-color:#f9ecdf;} } @keyframes bodyOutAchter { 0% {background-color:#faf0e6;} 100% {background-color:#f9ecdf;} }   @-webkit-keyframes schuifPlaatje { 0% {left:26%; top:8%; opacity:0.0;} 50% {} 100% {left:56%; top:18%; opacity:1.0;} } @keyframes schuifPlaatje { 0% {left:26%; top:8%; opacity:0.0;} 50% {} 100% {left:56%; top:18%; opacity:1.0;} }