html,body{
	width:100%;height:100%;
	padding:0;margin:0;
}
body{
	font-size:1.2em;
	font-family:Roboto,Roboto Regular,Sans serif;
}
#content{
	height:100%;width:100%;overflow-y:scroll;overflow-x:hidden;font-size:0.9em;
	max-width:1000px;margin:auto;
}
.item{
	display:block;height:4.6em;
	background-color:#cdcde6;
	margin:0.4em 0.3em;
	padding:0.25em;
	word-wrap:break-word;
	overflow:hidden;
	text-overflow:ellipsis;
	line-height:1.2em;
	text-decoration:none;
}
.item:hover,.item:focus{background-color:#b4b4dc;}
.head{font-weight:bold;}
.item>img{height:100%;float:left;max-width:30%;display:inline-block;margin-right:0.25em;object-fit:contain;}
a{color:#0000ee;}
.pre{white-space:pre-wrap;word-wrap:break-word;}
.article{margin:0.25em;width:98%;}
.article_title{font-size:1.25em;margin-top:0.75em;padding:0.2em;background:#cdcde6;background:linear-gradient(160deg,#b4b4dc,#cdcde6,#b4b4dc);}
.article_title>.head{font-size:1.3em;}
.article_text{padding:0.2em;}
.article_img{width:100%;margin:0.15em;min-height:5em;max-height:25em;/*min-height:15vh;max-height:80vh;*/display:block;object-fit:contain;}
#navigation{margin:0.35em;text-align:center;position:relative;}
#navigation a{text-decoration:none;}
#mainpagenav{font-weight:bold;padding-top:0.25em;}
#logininfo{position:absolute;right:0;top:0;width:1.35em;height:1.35em;border-radius:0.2em;}
#logininfo:before{content:"";width:85%;height:85%;background:url("../hahn.ico") no-repeat scroll;background-size:cover;background-position:50% 50%;display:block;}
#logininfosub{display:none;position:absolute;top:1.1em;right:0.2em;border:solid grey 1px;background:rgba(220,220,220,0.7);white-space:nowrap;padding:0.2em 0.35em;border-radius:0.15em;}
#logininfo:active #logininfosub,#logininfo:hover #logininfosub{display:block;}