p  { font-family: Georgia,Trebuchet MS,Arial,Helvetica,Verdana,sans-serif; font-size: 16px; line-height: 1.5em; /* 18px */ margin: 1em 0 1em 0; color: #39393B; }

A:link  {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 14px; color:#000000;  text-decoration:none}
A:visited  {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 14px; color:#000000; text-decoration:none}
A:hover  {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 14px; color:#37784d; text-decoration:underline}

h1 { font-size: 1.8333em; /* 22px */ line-height: 1.6364em; /* 36px */ margin-top: 0.8182em; margin-bottom: 0em; }
h2 { font-size: 1.6667em; /* 20px */ line-height: 1.8em; /* 36px */ margin-top: 0.9em; margin-bottom: 0em; }
h3 { font-size: 1.5em; /* 18px */ line-height: 1.3em; /* 18px */ margin-top: 1em; margin-bottom: 0em; }
h4 { font-size: 1.3333em; /* 16px */ line-height: 1.125em; /* 18px */ margin-top: 1.125em; margin-bottom: 0em; }

nav
{
	padding: 4px;
	text-align: middle;
}

nav ul
{
    overflow: hidden;
    margin: 0;
    padding: 0;
}

@media screen and (min-width: 480px)
{
    nav ul li
	{
		list-style: none;
		text-align: center;
		float: left;
		padding: 1px;
		border: 1px;
		border-left-style: solid;
		border-left-color: #000000;
		min-width: 100px;
		width: 20%;
		width: calc(100% / 5);
		box-sizing: border-box;
		overflow: hidden;
		
	}
	nav ul li:first-child
	{
		border-left-style: none;
	}
	
	nav ul li a:link
	{
		width: 100%;
		height: 100%;
		display: inline-block;
		color:#000000;
		text-decoration: none;
		font-size: 120%;
		
	}

}
@media screen and (max-width: 480px)
{
    nav ul li
	{
		list-style: none;
		text-align: left;
		padding: 1px;
		border: 1px;
		border-bottom-style: solid;
		border-bottom-color: #000000;
		box-sizing: border-box;
		min-width: 100%;
	}
	
	nav ul li a:link
	{
		padding-top: 6px;
		padding-bottom: 6px;
		width: 100%;
		height: 100%;
		display: inline-block;
		color:#000000;
		text-decoration: none;
		font-size: 120%;
	}

}
nav ul li a:hover
{
	color:#000000;
	background-color:#5B7EA8;
	font-size: 120%;
	text-decoration: underline;
}

@media screen and (min-width: 820px) {

body {
	background-color:#ffffff;
	padding: 0px;
	margin: 0px;
}
div.keskitetty
{
	margin: auto;
	width:800px;
}

img.banneri {
width:800px;
}
div.sisalto {
border-right-style:solid;
border-right-color:#36506f;
border-left-style:solid;
border-left-color:#36506f;
border-bottom-style:none;
border-top-style:solid;
border-top-color:#36506f;
padding: 16px;
border-width:1px;
width:766px;
background-color:#ffffff;
min-height:500px;
background-image:url(../kuvat/02uj.png);
background-repeat:no-repeat;
}
div.linkit{
background-color:#5d82af;
width:800px;
font-size: 100%;
}

div.linkit table tr td a
{
	font-size: 100%;
}
div.alaosa {
border-width:1px;
background-color:#FFFFFF;
border-right-style:solid;
border-left-style:solid;
border-bottom-style:solid;
border-top-style:none;
border-color:#36506f;
width:798px;
}
div.yhteystiedot {
text-align:center;
border-right-style:none;
border-left-style:none;
border-bottom-style:solid;
border-top-style:solid;
border-width:1px;
border-color:#36506f;
background-color:#5d82af;
width:800px;
}

}
@media screen and (max-width: 820px) {

body
{
background-color:#ffffff;
}

img.banneri {
width:100%;
}
div.sisalto {
border-right-style:solid;
border-right-color:#36506f;
border-left-style:solid;
border-left-color:#36506f;
border-bottom-style:none;
border-top-style:solid;
border-top-color:#36506f;
padding: 16px;
border-width:1px;
background-color:#ffffff;
min-height:500px;
background-image:url(../kuvat/02uj.png);
background-repeat:no-repeat;
}
div.linkit {
background-color:#5d82af;
}
div.alaosa {
border-width:1px;
background-color:#FFFFFF;
border-right-style:solid;
border-left-style:solid;
border-bottom-style:solid;
border-top-style:none;
border-color:#36506f;
}

div.yhteystiedot {
text-align:center;
border-right-style:none;
border-left-style:none;
border-bottom-style:solid;
border-top-style:solid;
border-width:1px;
border-color:#36506f;
background-color:#5d82af;
}

}
div.otsake
{
	margin: 0px;
	padding: 0px;
	line-height: 0px;
}
div.otsake *
{
	line-height: initial;
}

div.sisalto img
{
	max-width: 100%;

}