html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	font-family:arial,sans-serif;
	font-size:small;
	color:#3B3937;
	background-color: #ffffff;
}


h1 { 
	font: 12pt arial, georgia,serif;
	margin:0.5em 0 ;
}

h2 {
	font:1.25em georgia,serif;
	margin:0 0 0.5em;
}
h1, h2, strong {
	color: #3D5579;
}

p { 
	line-height:1.5;
	margin:0 0 1em;
}


A:link, A:visited, A:active
{
	COLOR: #3D5579;
	text-decoration: none;
}

A:hover
{
	COLOR: #3D5579;
	text-decoration: underline;
}









div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:100%;
	background:#CDD2E1;

	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}

div#header {
	background-color: #ffffff;
}

div#ylaosa {
	background-color: #3D5579;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0;
}

div#ylaosa_sisalto {
	width: 980px;
	height: 80px;
	margin: 0 auto 0 auto;
	padding: 20px 0 20px 0;
	clear: both;
}

div#logo {
	width: 404px;
	height: 80px;
	float: right;
}

div#paanavigaatio {
	clear: both;
	width: 100%;
	height: 18px;
	margin: 0 auto 0 auto;
	padding: 5px 0 5px 0;
	background-color: #ffffff;
	border-bottom: 4px solid #CDD2E1;
}

div#alanavigaatio {
	clear: both;
	width: 100%;
	height: 18px;
	margin: 0 auto 0 auto;
	padding: 5px 0 5px 0;
	background-color: #3D5579;
}


div.navigaatio {
	width: 980px;
	margin: 0 auto 0 auto;
	padding: 0;
}


.navlist, .navlist2 
{
	margin: 0;
	padding: 0;
}
.navlist ul, .navlist2 ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.navlist li, .navlist2 li
{
	display: inline;
	margin: 0;
	padding: 0;
}



.navlist a:link, .navlist a:visited
{
	color: #3D5579;
	float: left;
	margin: 0;
	padding: 0 8px 0 8px;
	text-decoration: none;
	FONT-FAMILY: sans-serif, Arial, Verdana, Helvetica;
	FONT-SIZE: 10pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 14pt;
	background: url(/kuvat/viiva.jpg) no-repeat left;
	text-transform: uppercase;
}
.navlist a:link.current, .navlist a:visited.current 
{
	color: #CDD2E1 !important;
}


.navlist a:link.viivaton, .navlist a:visited.viivaton
{
	background: transparent;
	color: #3D5579;
}



.navlist a:hover
{
	color: #CDD2E1;
}







.navlist2 a:link, .navlist2 a:visited
{
	color: #ffffff;
	float: left;
	margin: 0;
	padding: 0 10px 0 10px;
	text-decoration: none;
	FONT-FAMILY: sans-serif, Arial, Verdana, Helvetica;
	FONT-SIZE: 10pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 14pt;
	background: url(/kuvat/viiva2.jpg) no-repeat left;
}
.navlist2 a:link.current, .navlist2 a:visited.current 
{
	color: #CDD2E1 !important;
}


.navlist2 a:link.viivaton, .navlist2 a:visited.viivaton
{
	background: transparent;
}

.navlist2 a:hover
{
	color: #CDD2E1;
}

.navlist3 
{
	margin: 0;
	padding: 0;
}
.navlist3 ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;

}

.navlist3 li
{
	display: inline;
	color: #000000;
	margin: 0;
	padding: 0 10px 0 10px;
	text-decoration: none;
	FONT-FAMILY: sans-serif, Arial, Verdana, Helvetica;
	FONT-SIZE: 10pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 14pt;
	background: url(/kuvat/viiva.jpg) no-repeat right;
}

.navlist3 li.viivaton
{
	background: url( ) no-repeat right;
}


.navlist3 a:link, .navlist3 a:visited
{
	color: #000000;
	margin: 0;
	padding: 0 ;
	text-decoration: none;
	FONT-FAMILY: sans-serif, Arial, Verdana, Helvetica;
	FONT-SIZE: 10pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 14pt;
	background: url(/kuvat/viiva.jpg) no-repeat right;
}
.navlist3 a:link.current, .navlist3 a:visited.current
{
	background: transparent;
	color: #CDD2E1;
	FONT-FAMILY: sans-serif, Arial, Verdana, Helvetica;
	FONT-SIZE: 10pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 14pt;
	background: url(/kuvat/viiva.jpg) no-repeat right;
}


.navlist3 a:link.viivaton, .navlist3 a:visited.viivaton
{
	background: url( ) no-repeat right;
}



.navlist3 a:hover
{
	color: #CDD2E1;
}

table#laskentakohteet {
border-top: 1px solid #2A547B;
border-left: 1px solid #2A547B;
}

#laskentakohteet td {
border-right: 1px solid #2A547B;
border-bottom: 1px solid #2A547B;
background: #E2F4FD;
padding: 6px 6px 6px 12px;
color: #000000;
}


div#content {
	margin: 0 auto 0 auto;
	padding: 0 10px 5em 10px;  /* bottom padding for footer */
	width: 960px;
}

div#otsikko {
	width: 960px;
	clear: both;
	margin: 20px 0 10px 0;
	padding: 0;
}

div#left {
	float: left;
	width: 338px;
	margin: 0px 20px 20px 0;
	padding: 0;
}

div#right {
	float: right;
	width: 592px;
	margin: 0px 0 20px 0;
	padding: 0;
}

div#full {
clear: both;
width: 960px;
margin: 0;
padding: 0;
}


div#content p {
	text-align:justify;
}

.clear {

	width: 960px;
	height: 50px;
	margin: 0;
	padding: 0;
	clear: both;
}

div#footer {
	position:absolute;
	width:100%;
	height: 60px;
	bottom:0; /* stick to bottom */
	background-color: #3D5579;
	border-top: 4px solid #3D5579;
}



div#alaosa {
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	border-bottom: 10px solid #3D5579;
}

div#alaosa_sisalto{
	bottom: 0;
	height: 20px;
	width: 980px;
	margin: 0 auto 0 auto;
	padding: 5px 0 5px 0;
	background-color: #ffffff;
	text-align: center;
}

div#alaosa_sisalto p {
	color: #000000;
}

.viiva {
	color: #3D5579;
	font-size: 14px;
}

label.form
{
	float: left;
	width: 100px;
	font-weight: bold;
}


#topSet
{
	width: 100%;
	clear: both;
	padding: 5px;
	margin: 0;
	background: red;
	text-align: center;
	color: #ffffff;
}

#topSet A:link, #topSet A:visited, #topSet A:active
{
	COLOR: #ffffff;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
	text-decoration: none;
	margin: 0 15px 0 0;
}
#topSet A:hover
{
	COLOR: #ffffff;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
	text-decoration: underline;
}