@import url(http://fonts.googleapis.com/css?family=Glegoo:400,700);

/* No huhhuh, mitä koodia. Huom: vanhimmat osat ovat 1990-luvulta! */

body {	background:#fbf9ef url(taustakoriste.gif) no-repeat fixed;
	margin:0 0 0.5em 0.5em;
	position:relative;
	font-family: 'Glegoo', serif;
	line-height:1.2;
	box-shadow:none;}

h1 {	color:#400;
	background:transparent;
	line-height:1;
	position:relative;
	z-index:2;
	text-shadow:
		-2px -2px 0 #E9EBA8,  
		 2px -2px 0 #E9EBA8,
		-2px  2px 0 #E9EBA8,
		 2px  2px 0 #E9EBA8;}

h2 {	background: hsl(6, 40%, 25%) url(oikvalko-lapinak.gif) right 0% repeat-y;
	color:#FAFAEE;
    	width:25em;
	font-size: 1.2em;
	margin-top:1.5em; 
	margin-bottom:0.7em;
	padding-top:0.1em;
	padding-bottom:0.1em;
	font-weight:normal;
	}

h2.eka {
	padding-left:0.2em;
	margin-top:0.7em;}

h1,h2,h3{padding-left:0.25em;margin-left:-0.25em;}

h3 {padding-bottom:0.2em;background:transparent;}

h1 .ylaotsikko {font-weight:normal;color:#866;}
h1 .otsikko {font-family: Georgia, serif;font-style:italic;}

h1.etusivu { font-size: 2.1em; margin-bottom:0.3em;margin-top:0;padding-top:0;}
h1.etusivu small { font-size: 0.6em ;}

h1.yhteystiedot { font-size: 1.5em; }


h3 { font-size: 110%;
     margin-bottom: 0; 
     margin-top:1.5em;}

h3 a {	text-decoration:none;}
h3 a:hover {	text-decoration:underline;}

h2 + h3 {margin-top:0;}

p  { margin-top: 0; }


ul {padding-left:1em;}
li {margin-bottom:0.5em;margin-top:0.5em;}
body {margin:auto;
      max-width:35em;}

div.nurkkakoriste { position:absolute;
		top:0;right:0;
		z-index:1;}

.johdanto { font-size: 0.8em; }
.johdanto p { margin-bottom: 0.5em; }
.johdanto ol { margin-top: 0.5em; }

.julk {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;}

.julk a, .julk a:link, .julk a:visited, .julk a:active, .julk a:hover,
.julk {color:#999;}

img.uutta {float:right;margin:0;padding:0;}
div.ala {margin-top:1.5em;
	padding-right:1em;
	padding-bottom:0.5em;}

@media (max-width:30em) {
	body {margin:0.6em;}
	* {max-width:none;}
	h2	{width:auto;}
	h1 {line-height:0.85;
		text-shadow:none;}
	h1.etusivu small {font-size:50%;}
	.nurkkakoriste {visibility:hidden;}
	div.ala {padding-right:0;}
}

@media (max-width:40em) {
	body {	margin-left:0.6em;}
	p {	padding-right:0.7em;}
	h2.eka {max-width:16em;
		background-image:none;}
	p.alussa {max-width:17em;}

}