/*########################################################################################
 Simple Web Template, (c) 2021 webapps@cjpj, P. Janko
 MIT License: https://www.cjpj.de/contact.htm#terms
 https://github.com/cjpjwa/simple-web-template
########################################################################################*/

/* special page layout */
main div.images		{padding:10px 20px 0px 40px; margin:0px;}
main img.round_icon_start	{padding:4px; margin:5px 2px 5px 0px; width:40px; height:40px; aspect-ratio:40/40; border: 1px solid #999999; border-radius:10px; box-shadow: 0 2px 4px 0 rgba(51,51,51,0.1),0 2px 10px 0 rgba(51,51,51,0.1); }
/* popup images */
#popupbg			{display:none; position:fixed; left:0px; top:0px; width:100%; height:120%; overflow:hidden; background-color:rgba(0,0,0,0.8); text-align:center; z-index: 600;}
#popupclose			{display:none; position:fixed; right:25px; top:0px; padding:10px; margin:0px; font-size:68px; color:#eeeeee; font-weight:bold; cursor:pointer;}
.popupimg   		{display:none; position:relative; top: 30%; -webkit-transform: translateY(-30%);-ms-transform: translateY(-30%); transform: translateY(-30%); padding:0px; margin: 0 auto; width:auto; font-size:14px; color:#eeeeee; font-weight:normal;}
.popupimg img 		{width:100%; margin:0px; padding:2px; background:#cccccc; border-radius:2px; border: 1px solid #999999;}