/** iPad mini landscape 768x1024 (beschrijfbaar: 1024 x 672) **/  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;/** color:blue; **/}  /** 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:20px; 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:20px; padding:5px; 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;} #menuNL button {margin:0px 15px 0px 15px; cursor:pointer;} #pfKnoppenEN, #pfKnoppenNL {position:fixed; left:50%; margin-right:-50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); bottom:80px; 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 15px 0px 15px;} #pfKnoppenNL button {cursor:pointer; z-index:5000; margin:0px 15px 0px 15px;} **/ /** knop-buttons einde **/  /** knop-images 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:20px; 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:20px; 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 15px 0px 15px; cursor:pointer;} #menuNL img {margin:0px 15px 0px 15px; cursor:pointer;} #pfKnoppenEN, #pfKnoppenNL {position:fixed; left:50%; margin-right:-50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); bottom:80px; 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 15px 0px 15px;} #pfKnoppenNL img {cursor:pointer; z-index:5000; margin:0px 15px 0px 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 3; -moz-columns:80px 3; columns:80px 3;} .vensterclass {position:absolute; left:0px; top:10%; 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:; border:outset 1px #ffffff; margin-top:10px; font-size:11pt;} .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:10%; -webkit-animation:schuifBinnen 4.0s; animation:schuifBinnen 4.0s; border:outset 3px; box-shadow:15px 25px 25px 5px #747474; height:400px;} #animImgTekst {position:relative;  top:2%; -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:10%; right:2%; font-size:10pt; -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%, -47%); -webkit-transform:translate(-50%, -47%); display:none;} /** // #SigInfo {width:100%; height:100%;} **/ #helpKnopEN, #helpKnopNL {position:fixed; left:10px; top:-200px; font-size:8pt; margin-top:20%; cursor:pointer; -webkit-animation:draaiButton 3s; -ms-animation:draaiButton 3s; animation:draaiButton 3s; display:none;} #idLabel1 margin-top:35px;} #idLabel2 {margin-top:15px;} #divAnderPlaatje {height:; position:fixed; top:50%; left:50%; margin-right:-50%; transform:translate(-50%, -60%); -webkit-transform:translate(-50%, -60%);} #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:295px; width:70%; height:400px; 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:265px; width:910px; height:340px; 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:295px; width:70%; height:400px; 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;} #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:1024px) { body {} .label1 {} .portfolio {} #animImg {} #animImgTekst {} #divAnderPlaatje {} #divLijst {} #helpKnopEN, #helpKnopNL {} #idLabel1 {} #idLabel2 {} #infoEN, #infoNL, #steveEN, #steveNL, #koopEN, #koopNL {} #mailspec_en, #mailspec_nl {} #menuNL {} #menuEN, #menuNL {} #menuEN button {} #menuNL button {} #pfKnoppenEN button {} #pfKnoppenNL button {} #pfKnoppenEN, #pfKnoppenNL {} #portfolioEN, #portfolioNL {} #divHelpknoppen {} } **/