body { 
	margin:           			.2em 0 0 0;
	font-family:      			Verdana, sans-serif;
	font-size:        			small; 
	color: 					black;	/* #383d44; */
	background:       			white; /* #f3f1e9 */
	}



h1 {
  font-size:        120%;
  color:            navy;
  padding-top: 0
}

h2 { font-size: 110%; color: navy }

h3 { font-size: 100%; color: navy }

	/* links */

#kielilinkit a:link, #kielilinkit a:visited, a:link, a:visited {
	padding-bottom: 1px;
	color: #326ea1;
	text-decoration: none;
	border-bottom: 1px solid #dbd5c5; background: transparent
	}
#kielilinkit a:hover, a:hover {
	padding-bottom: 1px;
	color: #383d44; background: white
	/*border-bottom: 2px solid #dbd5c5;*/
	}

	/* #navi links */

#navi a {
	font-weight: bold;
	text-decoration: none;
	background: navy;
	border: none;
	color: white
	}

#navi a:link, #navi a:visited {
	padding-bottom: 1px;
	color: white;

	}
#navi a:hover {
	padding-bottom: 1px;
	background: #4141bd; color: #eaeaf6;
	/*border-bottom: 2px solid #dbd5c5;*/
	}

#navi #kielilinkit a	{ font-weight: normal; color: #326ea1; border-bottom: 1px solid #dbd5c5; background: white; padding: 0px; line-height: 1.5}

#navi #kielilinkit a:hover	{ color: #383d44  }

a img	{ border: none;}
#top a	{ border: none }

p,ul,h1,h2,h3	{ padding: 10px; margin: 0; font-family: Verdana }


#cont	{ width: 820px; position: relative }

#top	{ position: relative }

#cont3	{ background: url(images/testi.jpg) repeat-y left top; position: relative; clear: both }

#cont2	{ margin: 0; width: 810px; clear: both  }

#content	{ width: 540px; background: white; pause-before: 2s; float: right; display: inline }

#navi	{ padding-top: 10px; color: white; margin: 0; width: 230px; color: white; background: transparent; margin-left: 15px;  }

#footer	{ position: relative; clear: both; margin: 0; background: url(images/testi.jpg) repeat-y left top navy; color: white  }
#footerbg	{ clear: both; margin: 0; background: url(images/testi2.jpg) repeat-x left bottom navy; color: white  }


.bottomlinks	{  text-align: center; padding-bottom: 5px; padding-top: 5px; border: none }

ul li	{ list-style-type: square; margin-left: 2em }

#navi li	{ list-style: none; display: block; padding: 3px; margin-bottom: 2px; border-bottom: 1px solid #dbd5c5; margin-right: 0; margin-left: 0  }



#content img	{ padding: 10px }

#footer p	{ padding-bottom: 15px; text-align: center; padding-left: 52px; padding-top: 0 }

#footerbg img	{ position: absolute; bottom: 0; left: 0 }

p.naviotsikko	{ margin-left: -5px }

a#navilist	{  border-bottom: none }


.update		{ padding-bottom: 10px }
hr.palkki	{ clear: both; }

#kielilinkit	{ position: absolute; top: -100px; right: 0; text-align: right }

.topheading	{ font-size: 2.5em; padding-left: 2.5em; vertical-align: 50% }

#logo { padding-bottom: 1em; padding-left: 30px; margin-top: 10px }



@media print	{

#navi	{ display: none }
#logo	{ border: none   }
#top	{ position: static; margin: 0 }
#cont	{ width: 100%; position: static; margin: 0 }
#cont2	{  }
#content	{ margin-left: 0px; width: 95%; float: left }
#kulma	{ display: none }
}

p.synt	{ display: none }

@media aural	{

p.synt	{ display: block }

}


@media handheld {

#navi	{ width: 100px }
#logo	{ border: none   }
#top	{ position: static; margin: 0 }
#cont	{ width: 100%; position: static; margin: 0 }
#cont2	{  }
#content	{ margin-left: 0px; width: 95%; float: left }


}