@font-face { font-family:Biolinum; src:url(../fonts/LinBiolinum_R.woff); }
@font-face { font-family:Biolinum; src:url(../fonts/LinBiolinum_RB.woff); font-weight:bold; }
@font-face { font-family:Biolinum; src:url(../fonts/LinBiolinum_RI.woff); font-style:italic; }
@font-face { font-family:Libertine; src:url(../fonts/LinLibertine_R.woff); }
@font-face { font-family:Libertine; src:url(../fonts/LinLibertine_RB.woff); font-weight:bold; }
@font-face { font-family:Libertine; src:url(../fonts/LinLibertine_RI.woff); font-style:italic; }
@font-face { font-family:Libertine; src:url(../fonts/LinLibertine_RBI.woff); font-weight:bold; font-style:italic; }

body { background-color:#dde; font-family:Biolinum; }
h1 { font-family:sans; font-size:120%; padding: 12px 0; }
h2 { font-family:sans; font-size:112%; padding: 8px 0; }
h3 { font-family:sans; font-size:100%; padding: 4px 0; font-weight:normal }
.head { background-color:#eee!important; border-radius: 8px 8px 0 0; }
.right { float:right; cursor:pointer; }
.left { float:left; }

#igrid { display: grid; grid-gap: 0 12px; grid-template-columns: 140px 400px; grid-template-rows: auto auto auto; }
#ihead { grid-row: 1 / 3; font-weight:bold; font-size:120%; font-family:Libertine; }
#iintro { text-align:justify; }
#ilogin { padding-top:12px; }
#ilogin label { display:inline-block; width:80px; }
#ilogin input { width:160px; }
#ifoot { grid-column: 1 / 3; text-align:right; font-size:72%; padding-top:30px;}

#browsewarn { font-weight:bold; color:#f00; }
@supports (display:grid) {
	#browsewarn { display:none; }
}

#footer { text-align:right; margin-top:18px; }
#footer a { text-decoration:none; color:#000; }
#footer a i { transform:scaleX(-1); }