.overlay{display:block;position:absolute;background-color:rgba(200,100,100,.5);top:0;left:0;width:0;height:0}div#verarbeitung{position:absolute;margin-top:-50px;width:200px;margin-left:-50px}#registerr{display:none}submit1{position:relative;left:0;min-width:100px;width:80%;max-width:200px}submit2{position:relative;left:0;min-width:100px;width:80%;max-width:200px}div#middleBG{position:relative;width:100%;min-height:100px}.jqte{min-height:250px!important}#task{position:relative;margin:0 auto;z-index:999;color:#666;font-size:100%;text-align:center}#foursteps{font-size:150%;text-align:center;margin-top:20px;margin-bottom:0}#eingabe{min-height:250px!important;font-size:120%}#canvas{position:absolute;top:0;left:0;width:483px!important;height:530px!important;max-width:483px!important;max-height:530px!important;min-width:483px!important;min-height:530px!important}a{color:#000}div#btn2{position:relative;width:100%;text-align:center;margin:0 auto;margin-bottom:20px;background:#ddd;text-shadow:0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15);font-size:250%;line-height:2em;cursor:pointer;color:rgba(0,0,0,.6);transition:all 1s}div#btn2:hover{background:#aaa}div#serviceal{position:relative;width:60%;text-align:center;margin:0 auto;font-size:120%}div.step{position:relative;top:0;left:0;width:100px;height:100px;border-radius:50%;background:#888;/* Old browsers */text-align:center;display:inline-block;margin:15px;cursor:pointer}div.stepdesign{position:relative;margin:0 auto;width:90px;margin:5px;height:90px;border-radius:50%;float:left;overflow:hidden;-webkit-box-shadow:inset 0 0 7px 2px rgba(0,0,0,.39);-moz-box-shadow:inset 0 0 7px 2px rgba(0,0,0,.39);box-shadow:inset 0 0 7px 2px rgba(0,0,0,.39);transition:all .4s;background:#F2F2F2}div.regler{position:relative;float:left;height:100px;width:200px;font-size:120%;text-shadow:0 -1px 0 rgba(0,0,0,.5);/* 50% black coming from the top */transition:all 1s}div#showtextarea{position:absolute;left:100%;top:0;height:326px;width:100%;overflow:hidden;-webkit-transition:all 2s;transition:all 2s;background:#ccc;box-shadow:0 0 7px -2px rgba(0,0,0,.4) inset;z-index:2}div#howto{position:absolute;cursor:pointer;width:0;overflow:hidden;font-size:1em;left:100%;margin-left:0;background:#ddd;text-decoration:none!important;color:#000;font-size:160%;top:180px;height:60px;z-index:99999;line-height:3em;text-align:left;transition:all .5s;background:#FFFA9F}#howto:hover{background:#EDE88A}div#accloader{position:absolute;left:0;width:0;height:100%;top:0;background:lightgreen;transition:width 1s;z-index:9}div#acc{position:relative;cursor:pointer;width:100%;overflow:hidden;margin:0 auto;font-size:250%;top:0;min-height:80px;z-index:8;text-align:center;transition:all 1s;margin-top:20px;left:0;background:#eee;line-height:2em}#stept{color:rgba(0,0,0,.6);z-index:10000;text-align:center;position:relative;margin:0 auto;line-height:2em;text-shadow:0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15)}div.container{position:relative;width:250px;margin:0 auto;margin-top:10px;font-size:1.2em}#loadingframe{position:fixed;top:0;left:0;width:100%;height:100%;display:none;opacity:0;z-index:99999999}div#loadingBG{position:absolute;width:100%;height:100%;background-color:#000;opacity:.7}div#LoadingBar{position:relative;margin:0 auto;text-align:center;opacity:1}#loadingframe>#LoadingBar{position:absolute;width:100px;height:100px;top:50%;font-size:130%;color:#ddd;left:50%;margin:-50px 0 0 -50px;margin-top:-100px}#creator{position:relative;width:100%;min-height:10%;left:0;top:0;overflow:hidden}#schlossdiv{position:relative;max-width:300px;max-height:330px;top:0;overflow:hidden;margin:0 auto}#emblemimg{position:absolute;top:100%;width:200px;height:180px;margin:5px;left:50%;margin-top:-165px;margin-left:-100px}#ausgabe{position:absolute;text-align:center}#simg{width:300px;height:auto}#eimg{width:300px;height:auto}@keyframes rotating{from{transform:rotate(0);-ms-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0)}to{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg)}}@-webkit-keyframes rotating/* Safari and Chrome */{from{transform:rotate(0);-ms-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0)}to{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg)}}.rotating{-webkit-animation:rotating 2s linear infinite;-moz-animation:rotating 2s linear infinite;-ms-animation:rotating 2s linear infinite;-o-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite;width:200px;height:200px;left:50%;margin-left:-50px}.textstyles{position:relative;top:0;left:0;min-width:130px;width:10%;height:200px;max-width:200px;font-size:160%;cursor:pointer;overflow:hidden;-moz-transition:all 1.2s;transition:all 1.2s;display:inline-block;text-align:center}.lock-syn{position:relative;width:150px;height:auto;top:0;-webkit-box-shadow:0 0 12px 0 rgba(0,0,0,.75);-moz-box-shadow:0 0 12px 0 rgba(0,0,0,.75);box-shadow:0 0 12px 0 rgba(0,0,0,.75);overflow:hidden;-moz-transition:top .6s;transition:top .6s}.textstyles:hover>.lock-syn{top:20px;-moz-transition:top .6s;transition:top .6s}.textomat{position:absolute;left:10%;color:#fff;top:65px;width:80%;z-index:999;font-weight:bold;transition:top .6s;font-size:85%}.textstyles:hover>.textomat{top:100px;transition:top .6s}div#style0{background:#FFF177;color:#666}div#style1{background:#E8BD6D;color:#666}div#style2{background:#FFA67C;color:#666}div#style3{background:#E87A88;color:#666}div#style4{background:#EB94FF;color:#666}div#style5{background:#fff;color:#666}div.felder{position:relative;left:0}div#showlocks{position:relative;left:0;top:0;min-height:180px;width:100%;overflow:hidden;-webkit-transition:all 2s;transition:all 2s;background:#ccc;box-shadow:0 0 7px -2px rgba(0,0,0,.4) inset;z-index:2;text-align:center}div.showl{position:relative;top:0;left:0;min-width:120px;width:5%;min-height:180px;display:inline-block;vertical-align:top;cursor:pointer}div.showl:hover{background:rgba(255,255,255,.7)}img.showlimg{width:100%;height:auto}div#showemblems{position:absolute;left:100%;min-height:180px;width:100%;background:#ccc;-webkit-transition:all 2s;transition:all 2s}div#changelock{background:#F5F5F5}div#changelock:hover{background:#666}div#changeemblem{background:#EDEDED}div#changeemblem:hover{background:#999}div#reset{background:#F5F5F5}div#reset:hover{background:#666}div#getlink{background:#EDEDED}div#getlink:hover{background:#999}div.step:hover>.stepdesign{background:#ccc}div#styles{position:absolute;top:0;left:100%;width:100%;min-height:350px;background:RGBA(0,0,0,.8);transition:all 2s;height:100%;display:inline-block;text-align:center}.narrows{position:relative;width:10%;min-width:100px;top:0;height:100%;float:left;line-height:2em;color:#555;z-index:99999999;transition:background .4s;min-height:80px;font-weight:bold;background:RGBA(170,170,170,.29)}.narrows:hover{transition:background .4s;background:rgba(120,170,170,.6)}#arrowright{float:right}#c-colorwheel{position:absolute;left:100%;top:0;min-height:180px;width:100%;overflow:hidden;-webkit-transition:all 2s;transition:all 2s;background:#ccc;box-shadow:0 0 7px -2px rgba(0,0,0,.4) inset;z-index:2;text-align:center}#simg-t{top:0;left:0;width:100%;height:auto;position:absolute}div#inmid{position:relative;min-height:100px;top:0;font-size:130%;width:100%;display:inline-block;text-align:center}@media only screen and (min-width:0){.reframe{max-width:526px}#task{display:block}.narrows{width:50%}#accloader{display:none}}@media only screen and (min-width:527px){.reframe{max-width:1920px}#task{display:block}#accloader{display:block}.narrows{width:10%;min-width:120px}}