html, body { font-family: Georgia; height: 99%; margin: 0; padding: 0; background: white; color: #333; }
    h2 { font-family: Finlandica; font-weight: bold; color: #999; font-size: 1.8em; text-align: center; }
    h3 { font-family: Finlandica; font-weight: normal; font-size: 1.1em; }
	a { text-decoration: none; }
	a img { border: 0; }
	a { color: #00237c; }
	a:visited { color: #999; }
	#navi a:visited { color: #00237c; }
	a:hover { color: #3c6be1; }
	h2, #navi { border-top: 1px solid #ccc; padding-top: 1em; margin-top: 0; }
	#content { height: 98%; margin: 0; }
	#left  { float: left; width: 45%; height: 95%; overflow-x: hidden; overflow-y: scroll; padding: 1em 1em; margin: 0; }
	#right { float: left; width: 48%; height: 95%; overflow: hidden; }
	#preview { width: 800px; margin-left: -30px; }
	#header { padding: 0; /* background-image: url("../KUVA2010-503.jpg");  background-position: top center; background-repeat: repeat; background-size: 100% auto; */ border-radius: 0.5em 0.5em 0 0; font-size: 90%; }
	.headertext { padding: 0; background: rgba(255,255,255,.8); }
    #header h1 { font-family: Finlandica; font-weight: normal; font-size: 1.7em; /* text-shadow: 0.1em 0.1em 0.2em #fff; */ }
	#esittelysv, #esittelyen { display: none; }
	#esittelyfi a, #esittelysv a, #esittelyen a { color: #5f81d8; }
	#esittelyfi a:hover, #esittelysv a:hover, #esittelyen a:hover { text-decoration: underline; }
	#linklist { margin-top: 2em; }
	#lannavi a   { width: 2em; border: 1px solid #999; border-radius: 0.2em; padding: 0.2em; line-height: 2em; white-space: nowrap; margin-right: 1em; font-family: Finlandica;}
	#navi a { border: 1px solid #ccc; border-radius: 0.2em; margin: 0.1em; padding: 0.3em 0.4em 0.4em 0.4em; line-height: 2.5em; white-space: nowrap; background-color: #fafaff; }
	#navi a.current { background-color: #5f81d8; color: white; }
	#linklist a   { min-width: 2em; border: 1px solid #ccc; border-radius: 0.2em; padding: 0.1em 0.2em 0.2em 0.2em; line-height: 2em; white-space: nowrap; background-color: #fafaff; display: block; float: left; margin: 0.2em; text-align: center; }
	#navi a:hover, #linklist a:hover, #lannavi a:hover { background: #eef; }
	#footer { text-align: center; padding-top: 3em; }
	#footer a { border: 0; }
	#footer img { width: 100%; }
	@media screen and (max-width: 1024px) {
		#preview { width: 600px; margin-left: -40px; margin-top: -50px; }
	}
	@media screen and (max-width: 640px) {
 		#preview { width: 300px; margin-left: -50px; margin-top: -50px; }
	}
	@media screen and (max-width: 480px) {
 		#right { display: none; }
		#left  { float: none; width: 95%; height: auto; overflow: visible;}
	}