@import url(../perustyyli.css);

body {background : #fff none; color : #000;}

h1, h2, h3, h4 { color : #5b5b5b; background : #fff none;
font-family :Verdana, Arial, Helvetica, sans-serif; 
}

h2 {margin: 1.2em 0 0.7em; border-bottom:1px solid #666;background-color:#ffa;padding-left:0.2em;}
h3,h4 {margin: 1.7em 0 0em;}
p, ul, ol {margin: 0.8em 0;}
ul ul {margin:0;}

a:link    { color : #009; background : transparent none; }
a:visited { color : #505; background : transparent none; }
a:active  { color : #f00; background : transparent none; }
a:link:hover, a:visited:hover   { color : #a00; background : transparent none; }

/* .johdanto, p.johdanto a { color : #000; background : #ffe none; } */

.sisallys
{ float: right; 
  margin-left: 2em; margin-bottom: 0.5em; 
  padding: 0.3em 0.5em 0.3em 0.8em; 
  border: thin dashed #700; 
  font-size: 90%;
}
.sisallys {background: #fff; }
.sisallys h2 {margin: 0 0 0 -0.3em; border:none; background:transparent none;}
.sis-uloin { list-style-type: none; margin: 0; padding:0; }
.sis { list-style-type: none }

.t { color : #630; background : #fff none; }

kbd { color : #000; background : #eee none; }

div.kuva-oik {float: right; margin-left: 1em; margin-bottom: 0.8em;}
/* div.kuva-vas {float: left; margin-right: 1em; margin-bottom: 0.5em;} */
.kuvateksti {color: #666; background: #fff none; 
             font-family: Verdana, Arial, Helvetica, sans-serif; 
             font-size: 70%;}


hr {margin-top:3em;}

@media (max-width:45em) {
.sisallys {
	float:none;
	border:none;
	margin:0 0 1em 0;
	font-size:100%;}
.sisallys h2 {margin-bottom:0.3em;}
}