/** iPhone 6 portrait 375x667 (beschrijfbaar: 375 x 559) **/  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; font-family:centuryschoolbook; text-align:left; overflow:hidden;/** color:purple; **/}  /** knop-buttons begin **/ /** #taalknopEN {position:fixed; left:5%; top:80%; cursor:pointer; font-family:centuryschoolbook; font-size:8pt; padding-top:3px;} #taalknopNL {position:fixed; right:5%; top:80%; cursor:pointer; font-family:centuryschoolbook; font-size:8pt; padding-top:3px;} #menuEN {position:fixed; left:50%; margin-right:-50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); bottom:-11px; padding:2px; 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:-11px; padding:2px; opacity:0.0; box-shadow: 0px 0px 50px 10px #a7a7a7; border-radius: 5px 5px 15px 15px;} #menuEN button {margin:0px 15px 0px 15px; cursor:pointer; font-family:centuryschoolbook; font-size:8pt; padding:1px 1px 0px 1px;} #menuNL button {margin:0px 15px 0px 15px; cursor:pointer; font-family:centuryschoolbook; font-size:8pt; padding:1px 1px 0px 1px;} #pfKnoppenEN, #pfKnoppenNL {position:fixed; left:50%; height:27px; margin-bottom:20px; margin-right:-50%; transform:translate(-50%, 110%); -webkit-transform:translate(-50%, 110%); bottom:9%;  padding:1px 1px 1px 1px; opacity:0.0; display:none; box-shadow: 0px 0px 50px 10px #a7a7a7; border-radius: 15px 15px 5px 5px;} #pfKnoppenEN button {font-family:centuryschoolbook; font-size:8pt; padding:1px;cursor:pointer; z-index:5000; margin:0px 5px 0px 5px;} #pfKnoppenNL button {font-family:centuryschoolbook; font-size:6pt; padding:1px;cursor:pointer; z-index:5000; margin:0px 5px 0px 5px;} **/ /** knop-buttons einde **/  /** knop-images begin **/ #taalknopEN {position:fixed; left:10%; top:80%; cursor:pointer; font-family:centuryschoolbook; font-size:8pt; padding-top:3px; height:15px;} #taalknopNL {position:fixed; right:10%; top:80%; cursor:pointer; font-family:centuryschoolbook; font-size:8pt; padding-top:3px; height:15px;} #menuEN {position:fixed; left:50%; margin-right:-50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); bottom:1%; padding:2px; 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:2px; opacity:0.0; /** box-shadow: 0px 0px 50px 10px #a7a7a7; **/ border-radius: 5px 5px 15px 15px;/** border:solid 2px red; **/} #menuEN img {margin:0px 10px 0px 10px; cursor:pointer; font-family:centuryschoolbook; font-size:8pt; padding:1px 1px 0px 1px; height:10px;} #menuNL img {margin:0px 15px 0px 15px; cursor:pointer; font-family:centuryschoolbook; font-size:8pt; padding:1px 1px 0px 1px; height:10px;} #pfKnoppenEN, #pfKnoppenNL {position:fixed; left:50%; height:27px; margin-bottom:20px; margin-right:-50%; transform:translate(-50%, 110%); -webkit-transform:translate(-50%, 110%);  padding:1px 1px 1px 1px; opacity:0.0; display:none; /** box-shadow: 0px 0px 50px 10px #a7a7a7; **/ border-radius: 15px 15px 5px 5px;/** border:solid 2px green; **/} #pfKnoppenEN img {cursor:pointer; z-index:5000; margin:0px 5px 0px 5px; height:8px;} #pfKnoppenNL img {cursor:pointer; z-index:5000; margin:0px 5px 0px 5px; height:7px;} /** 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 2; -moz-columns:80px 2; columns:80px 2;} .vensterclass {position:absolute; left:0px; top:50px; 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:-75px; bottom:-15px; font-size:7pt; text-shadow:3px 3px 3px; border: 1px;} .dw_stempel_id {position:relative; left:-70px; bottom:-15px; font-size:5pt; /** 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:10pt; 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; font-family:centuryschoolbook; font-size:7pt; border:outset 1px #ffffff; margin-top:10px;} .label2 {position:relative; border:outset 1px #ffffff; border-radius:4px; background-color:#faf0e6; font-family:centuryschoolbook; font-size:7pt; text-align:center; background-image:url(../01/bg/gold.jpg); box-shadow:1px 1px 2px #804040;}  #infoEN img {border:outset 2px; cursor:pointer;} #infoNL img {border:outset 2px; cursor:pointer;} #steveEN img {width:120px; border:outset 2px; cursor:pointer;} #steveNL img {width:120px; border:outset 2px; cursor:pointer;} #animImg {position:relative; top:18px; height:150px; -webkit-animation:schuifBinnen 4.0s; animation:schuifBinnen 4.0s; border:outset 2px; box-shadow:15px 25px 25px 5px #747474;} #animImgTekst {position:relative; top:10px; font-family:centuryschoolbook; letter-spacing:0px; font-size:8pt; word-spacing:1px; -webkit-animation:schuifTekstBinnen 1.0s; animation:schuifTekstBinnen 1.0s; padding:2px 5px 2px 5px; border: 1px; opacity:1.0;} #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:1px 5px 1px 5px; margin-top:-10px; width:80%; font-size:8pt; -webkit-animation:kleurVerloop 25s infinite; animation:kleurVerloop 25s infinite;} #stempelAchter { font-family:centuryschoolbook;font-size:6pt; 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:2%; right:7%; font-size:8pt; -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:45%; left: 50%; margin-right:-50%; transform:translate(-50%, -55%); -webkit-transform:translate(-50%, -55%); display:none;} /** // #SigInfo {width:100%; height:100%;} **/ #helpKnopEN, #helpKnopNL {position:fixed; left:10px; top:-70px; font-size:8pt; margin-top:20%; cursor:pointer; -webkit-animation:draaiButton 3s; -ms-animation:draaiButton 3s; animation:draaiButton 3s; display:none;} #idLabel1 {margin-top:10px;} #idLabel2 {margin-top:3px;} #divAnderPlaatje {height:; position:fixed; top:50%; left:50%; margin-right:-50%; transform:translate(-70%, -60%); -webkit-transform:translate(-70%, -60%);} #anderPlaatje {height:150px;} #anderPlaatjeTekst {position:absolute; height:15px; font-size:7pt; text-align:left; text-shadow:1px 1px 0px black; word-spacing:-1.15px; color:#ffffff; display:none; position:absolute; bottom:55px; right:15px; padding:5px 3px 0px 5px; background:transparent; box-shadow:none; border:none;} #infoEN, #infoNL, #steveEN, #steveNL, #koopEN, #koopNL {position:absolute; overflow:auto; top:270px; width:250px; height:370px; opacity:1; font-size:9pt; 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:solid 2px red; **/} #portfolioEN, #portfolioNL {position:absolute; left:50%; margin-right:-50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); overflow:auto; top:235px; width:350px; height:320px; opacity:1; display:none; padding:50px 0px 50px 0px; opacity:1; display:none; /** box-shadow: -1px 10px 50px -10px #c7c7c7 ; **//** border:solid 2px red; **/} #portfolioEN img {width:55%;} #portfolioNL img {width:55%;} #SigInfo {width:95%; height:95%;} #SigSteve {width:95%; height:95%;} #intro {line-height:0.8;} #vergroting {width:60%;} #fsodg {position:absolute; overflow:auto; top:270px; width:250px; height:370px; opacity:1; font-size:9pt; 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;} #divHelpknoppen {font-size:8pt; margin-top:20%; cursor:pointer; -webkit-animation:draaiButton 3s; -ms-animation:draaiButton 3s; animation:draaiButton 3s; display:inline;}  /** @media screen and (max-width:375px) { body {} .kopje {} .label1 {} .label2 {} .portfolio {} .vensterclass {} .dw_nummer_id {} .dw_stempel_id {} #anderPlaatje {} #anderPlaatjeTekst {} #animImg {} #animImgTekst {} #divAnderPlaatje {} #divLijst {} #SigInfo {} #SigSteve {} #helpKnopEN, #helpKnopNL {} #idLabel1 {} #idLabel2 {} #infoEN, #infoNL, #steveEN, #steveNL, #koopEN, #koopNL {} #kalender {text-align:left;} #infoEN img {} #infoNL img {} #steveEN img {} #steveNL img {} #intro {} #mailspec_en, #mailspec_nl {} #menuEN {} #menuNL {} #menuEN button {} #menuNL button {} #pfKnoppenEN, #pfKnoppenNL {} #pfKnoppenEN button {} #pfKnoppenNL button {} #portfolioEN, #portfolioNL {} #portfolioEN img {} #portfolioNL img {} #schermKop {} #stempelAchter {} #taalknopEN {} #taalknopNL {} #vergroting {} #divHelpknoppen {} } **/