/*
	highPC Arnold Schrader, Oberndorferstr. 14, 93051 Regensburg
	Feb 2012; schrader(at)highpc(dot)de
*/
a { color:#000000; }
body { text-align:left; background-color:#fff; font-family: Sans-serif,arial,tahoma,helvetia; }
.site { position:absolute; margin:0; padding: 10px 10px 10px 300px; width:calc(100% - 320px); }
.entry { width:200px; height:200px; float:left; position:relative; margin:0 1em 1em 0; padding:0; cursor:pointer; background-position: center; background-repeat: no-repeat; background-size: contain; }
#logo {width:250px;height:auto; min-height:200px; position:fixed; top:25px; left:25px; margin:0; padding:0; text-align:center; border:0; z-index:199;}
#uploadzone { width:200px; height:200px; float:left; position:relative; margin:0 1em 1em 0; padding:0; cursor:pointer; background-position: center; background-repeat: no-repeat; background-size: contain; display:none; border: 5px dashed #ccc; color:#ccc; font-size:0.7em; background-image:url('data:image/svg+xml;utf8,<svg class="box__icon" xmlns="http://www.w3.org/2000/svg" width="50" height="43" viewBox="0 0 50 43"><path d="M48.4 26.5c-.9 0-1.7.7-1.7 1.7v11.6h-43.3v-11.6c0-.9-.7-1.7-1.7-1.7s-1.7.7-1.7 1.7v13.2c0 .9.7 1.7 1.7 1.7h46.7c.9 0 1.7-.7 1.7-1.7v-13.2c0-1-.7-1.7-1.7-1.7zm-24.5 6.1c.3.3.8.5 1.2.5.4 0 .9-.2 1.2-.5l10-11.6c.7-.7.7-1.7 0-2.4s-1.7-.7-2.4 0l-7.1 8.3v-25.3c0-.9-.7-1.7-1.7-1.7s-1.7.7-1.7 1.7v25.3l-7.1-8.3c-.7-.7-1.7-.7-2.4 0s-.7 1.7 0 2.4l10 11.6z" style="fill:%23999999;stroke-width:0.27"/></svg>'); background-size: 25% auto; }
#onTop{ margin:0; position:fixed; height: 100%; z-index:999; padding:0px; width:100%; left:0px; top:0px; clear:none; background-color:rgba(0,0,0,0.7); display:none;  background-position: center; background-repeat: no-repeat; background-size: contain; }
#picinfo { position:absolute; left:50%; margin-left:-250px; top:50px; width:500px; padding:10px; height:auto; min-height:300px; overflow:auto; max-height:80%; text-align:left; background-color:rgb(255,255,255); color:rgb(0,0,0); border:2px solid rgb(100,100,100); }
#frame { position:absolute; left:50%; margin-left:-25%; bottom:30px; width:50%; padding:0; height:auto; min-height:20px; overflow:auto; max-height:40%; text-align:left; }
#preview { width:calc(100% - 20px); padding:10px; margin:0; height:auto; min-height:20px; overflow:auto; max-height:40%; text-align:left; background-color:rgba(255,255,255,0.7); color:rgb(0,0,0); border:0; border-radius: 20px; }
#preview p { margin-block-start:0.3em; margin-block-end: 0; }
#preview h1 { font-size:1.3em; margin-block-start:0; margin-block-end: 0.3em; }
.mytitle { position:absolute; bottom:0px; width:100%; font-size:0.9em; text-align:center; background-color:rgba(255,255,255,0.8); }