BODY {	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
		color: #666600;
	margin-left : 60px;
	margin-right : 100px;
	margin-top : 0px;
	background-image: url(images/raita.jpg);
	background-repeat: repeat-y;	}

.nakymaton {
	float: left;
	position: absolute;
	top: 0px;
	left: 1px;
	padding: 0px;
	}

P {	line-height: 160%;
	font-size: 85%;
	color: #000000;
	margin-left: 30px;
	}

.kesk {	text-align: center;}

.p1 {	line-height: 140%;
	font-size: 90%;
	background-color: #F8F6F6;
		color: #11025A;
	margin-left : 100px;
	margin-right : 350px;
	margin-top : 2px;
	margin-bottom: 15px;
	padding: 0.4em;
	border: solid 1px #CC6666;
	}

.p2 {	line-height: 140%;
	text-align: center;
	font-size: 90%;
	margin-left: 0px;
	background-color: #F8F6F6;
		color: #11025A;
	margin-top : 1px;
	margin-bottom: 0px;
	border-top: solid 1px #CC6666;
	border-right: solid 1px #CC6666;
	border-left: solid 1px #CC6666;
	}

.p3 {	text-align: center;
	line-height: 140%;
	font-size: 90%;
	background-color: #F8F6F6;
		color: #11025A;
	margin-left : 40px;
	margin-right : 290px;
	margin-top : 2px;
	margin-bottom: 40px;
	border: solid 1px #CC6666;
	}

.p3a {	text-align: left;
	line-height: 140%;
	font-size: 90%;
	background-color: #F8F6F6;
		color: #11025A;
	margin-left : 40px;
	margin-right : 290px;
	margin-top : 2px;
	margin-bottom: 40px;
	border: solid 1px #CC6666;
	}

.p4 {	text-align: center;
	font-size: 90%;
	background-color: #F8F6F6;
		color: #CC6666;
	line-height: 160%;
	margin-left : 50px;
	margin-right : 115px;
	margin-top : 2px;
	margin-bottom: 15px;
	border: solid 1px #CC6666;
	}

.p5 {	text-align: center;
	line-height: 140%;
	font-size: 90%;
	background-color: #F8F6F6;
		color: #11025A;
	margin-left : 70px;
	margin-right : 270px;
	margin-top : 2px;
	margin-bottom: 15px;
	border: solid 1px #CC6666;
	}

.p6 {	text-align: center;
	line-height: 140%;
	font-size: 90%;
	background-color: #F8F6F6;
		color: #CC6666;
	margin-left : 40px;
	margin-right : 290px;
	margin-top : 15px;
	margin-bottom: 15px;
	border: solid 1px #CC6666;
	}

.p6a {	text-align: left;
	line-height: 140%;
	font-size: 90%;
	background-color: #F8F6F6;
	margin-left : 250px;
	margin-right : 100px;
	margin-top : 15px;
	margin-bottom: 15px;
	padding-left: 5px;
	border: solid 1px #CC6666;
	}

.p7 {	text-align: left;
	line-height: 140%;
	font-size: 90%;
	background-color: #F8F6F6;
		color: #11025A;
	margin-left : 40px;
	margin-right : 250px;
	margin-top : 5px;
	margin-bottom: 5px;
	padding : 5px;
	border: solid 1px #CC6666;
	}

.psivu {
	line-height: 120%;
	font-size: 90%;
	background-color: #FFFFFF;
		color: #CC6666;
	margin-left : 100px;
	margin-right : 350px;
	margin-top : 2px;
	margin-bottom: 15px;
	padding: 0.4em;
	}

.kuva { padding: 0.4em; ;
	float: left;
	width: 190px;
	color: inherit;
	padding: 0.2em 0.2em 0.2em 0.2em;
	margin: 1px 1px 1px 30px ;
	border: 0px  ;	border-style: outset inset outset inset ;
	border-color: #336699;
	}

.kuvaoik {
	padding: 0.2em; ;
	float: right;
	width: 450px;
	color: inherit;	padding: 0.2em 0.2em 0.2em 0.2em;
	margin: 1px 1px 1px 30px ;
	border: 0px  ;	border-style: outset inset outset inset ;
	border-color: #336699;
	}

.kuvateksti-b {
	font-size: 70%;
	font-family: Tahoma, Arial, sans-serif;	padding: 0.2em 0.2em 0.2em 0.2em;
	width: 450px;
	text-align: left;
	color: #666666;
	}

.kuvateksti {
	font-size: 70%;
	font-family: Tahoma, Arial, sans-serif;	padding: 0.2em 0.2em 0.2em 0.2em;
	width: 170px;
	text-align: left;
	color: #666666;
	}

.kuva_k {
	float: left;
	width: 190px;
	height: 227px;
	color: inherit;	padding: 0.2em 0.2em 0.2em 0.2em;
	margin: 1px 1px 1px 30px ;
	border: 0px  ;	border-style: outset inset outset inset ;
	border-color: #336699;
	}

.kuva-a {
	padding: 0.4em;
	float: left;
	width: 300px;
	color: inherit;
	padding: 0.2em 0.2em 0.2em 0.2em;
	margin: 1px 1px 1px 30px ;
	border: 0px  ;	border-style: outset inset outset inset ;
	border-color: #336699;
	}

.kuvateksti-a {
	font-size: 70%;
	font-family: Tahoma, Arial, sans-serif;
	padding: 0.2em 0.2em 0.2em 0,2em;
	width: 270px;
	text-align: left;
	color: #666666;
	}

.kuva6 { padding: 0.4em; ;
	float: left;
	width: 190px;
	color: inherit;
	padding: 0.2em 0.2em 0.2em 0.2em;
	margin: 1px 1px 1px 30px ;
	border: 0px  ;
	border-style: outset inset outset inset ;
	border-color: #336699;
	}

.kuvateksti6 {
	font-size: 70%;
	font-family: Tahoma, Arial, sans-serif;
	padding: 0.2em 0.2em 0.2em 0,2em;
	width: 170px;
	text-align: left;
	color: #666666;
	}

.kuva-d {
	padding: 0.2em; ;
	float:left;
	width: 283px;
	color: inherit;	padding: 0.2em 1em 0.2em 0.2em;
	margin: 1px 1px 1px 30px ;
	border: 0px  ;	border-style: outset inset outset inset ;
	border-color: #336699;
	}

.kuvateksti-d {
	font-size: 70%;
	font-family: Tahoma, Arial, sans-serif;	padding: 0.2em 0.2em 0.2em 0.2em;
	width: 283px;
	text-align: left;
	color: #666666;
	}

.kuva1oik {
	padding: 0.2em; ;
	float: right;
	width: 312px;
	color: inherit;
	padding: 0.2em 0,2em 0.2em 0.2em;
	margin: 1px 1px 1px 10px ;
	border: 0px  ;
	border-style: outset inset outset inset ;
	border-color: #336699;
	}

.kuvateksti-5 {
	font-size: 70%;
	font-family: Tahoma, Arial, sans-serif;	padding: 0.2em 0.2em 0.2em 0.2em;
	width: 312px;
	text-align: left;
	color: #666666;
	}

.kuva7 {
	padding: 0.4em; ;
	float: left;
	width: 234px;
	color: inherit;
	padding: 0.2em 0.2em 1em 0.2em;
	margin: 1px 1px 1px 30px ;
	border: 0px  ;	border-style: outset inset outset inset ;
	border-color: #336699;
	}

.kuvateksti7 {
	font-size: 70%;
	font-family: Tahoma, Arial, sans-serif;
	padding: 0.2em 0.2em 0.2em 0,2em;
	width: 234px;
	text-align: left;
	color: #666666;
	}

.kuva8 {
	padding: 0.4em; ;
	float: right;
	width: 162px;
	color: inherit;
	padding: 0.2em 0,2em 0,2em 0em;
	margin: 1px 1px 1px 10px ;
	border: 0px  ;	border-style: outset inset outset inset ;
	border-color: #336699;
	}

.kuva9 {
	padding: 0.4em; ;
	float: left;
	width: 144px;
	color: inherit;
	padding: 0.2em 1em 0,2em 0.2em;
	margin: 1px 1px 1px 10px ;
	border: 0px  ;	border-style: outset inset outset inset ;
	border-color: #336699;
	}

.img {	float: left;
	margin-left: 30px;
	margin-right: 40px;
	padding: 6px;
	}

.kaavio {
	float: left;
	width: 500px;
	color: inherit;
	padding: 0.2em 0.2em 0.2em 0,2em;
	margin: 1px 1px 1px 30px;
	}

.kaavioteksti {
	font-size: 70%;
	font-family: Tahoma, Arial, sans-serif;
	padding: 0.2em 0.2em 0.2em 0.2em;
	width: 470px;
	text-align: center;
	color: #666666;
	}

.kuva2 {
	padding: 0.4em; ;
	float: left;
	width: 239px;
	color: inherit;
	padding: 0.2em 0.2em 0.2em 0.2em;
	margin: 1px 1px 1px 30px ;
	border: 0px  ;
	border-style: outset inset outset inset ;
	border-color: #336699;
	}

.kuvateksti2 {
	font-size: 70%;
	font-family: Tahoma, Arial, sans-serif;
	padding: 0.2em 0.2em 0.2em 0.2em;
	width: 239px;
	text-align: left;
	color: #666666;
	}

.kuva3 {
	padding-top: 0.4em;
	padding-left: 2.5em;
	padding-botton: 0.4em;
	width: 380px;
	color: inherit;
	border: 0px  ;
	border-style: outset inset outset inset ;
	border-color: olive olive olive olive;
	}

.kuva3vas {
	padding: 0.4em;
	float: left;
	width: 300px;
	color: inherit;
	border: 0px  ;
	border-style: outset inset outset inset ;
	border-color: olive olive olive olive;
	}

.kuvateksti3 {
	font-size: 70%;
	font-family: Verdana, Arial, Tahoma ;	text-align:left;
	color: #666666;
	}

.kuva4a {
	padding-bottom: 0.4;
	float: left;
	width: 260px;
	color: inherit;	border: 0px  ;
	border-style: outset inset outset inset ;
	border-color: olive olive olive olive;
	}

.kuva4 {
	padding-top: 0.4em;
	padding-left: 2.5em;
	padding-bottom: 0.4em;	float: left;
	width: 450px;
	color: inherit;
	border: 0px  ;
	border-style: outset inset outset inset ;
	border-color: olive olive olive olive;
	}

.kuvateksti4 {
	font-size: 70%;
	font-family: Verdana, Arial, Tahoma ;
	text-align: left;
	color: #666666;
	}

UL,OL {	list-style-type: none;
	margin: 0.8em 0.1em 0.2em 0.4em;
	padding: 0.2em;
	font-size: 85%;
	line-height: 160%;
	color: #000;
	text-align: left;
	}

LI {	margin-left: 40px; }

.OL2 {	list-style-type: decimal;
 	margin: 30px;
	padding: 0.2px;
	text-align: left;
	color: #000; }

.UL2 {	list-style-type: disc;
	list-style-position: outside;
	list-style-image: url(http://palvelin/hakemisto/images/kuutio.gif);
	margin-left: 30px;
	padding: 0.1em;
	text-align: left;
	color: #000;
	}

.UL3 {	list-style: inside disc;
	margin: 30px;
	padding: 0.2em;
	text-align: left;
	color: #000;
	}

.dl {	list-style-position: outside;
	font-family: Tahoma, Arial, sans-serif;	margin: 0.8em 0.1em 0.2em 0.4em;
	padding: 0.4em;
	text-align: left;	color: #000;
	}

.dt {	font-style: bold;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 90%;
	padding: 0.3em;
	margin: 0.1em;
	text-align: left;
	color: #000;
	}

.dd {	font-family: Tahoma, Arial, sans-serif;
	padding: 0.3em;
	font-size: 80%;
	margin: 0.1em;
	text-align: left;
	color: #000;
	}

.dl1 {	border: 1px solid #060606;
	font-family: Tahoma, Arial, sans-serif;
		margin: 0.8em 0.1em 0.2em 0.4em;
	padding: 0.4em;
	}

.dt1 {	font-weight: bold;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 90%;
	padding: 0.3em;
	margin: 0.1em;
	text-align: left;
	color: #000;
	}

.dd1 {	font-family: Tahoma, Arial, sans-serif;
	padding: 0.3em;
	font-size: 80%;
	margin: 0.1em;
	text-align: left;
	color: #000;
	}

.ots {  text-align: center;
	padding: 2px;
	padding-left: 10em;
	min-height: 5em;	background-color: #336699;
	color: #CCCCCC;
	}

.logo {	float: left;
	position: absolute;
	top: 10px;
	left: 12%;
	padding: 0px;
	}

.alalinkit {
	color: #000 ;
	margin: 0em;
	height: 8em;
	background: #cccccc;	border-top: solid 1px #336699;
	border-bottom: solid 1px #336699;
	border-right: solid 1px #336699;
	border-left: solid 1px #336699;
	}

.vasen, .oikea {
	float: left;
	width: 47%;
	display: block;
	}

.vasen { padding-right: 2%; }

.oikea { padding-left: 3%;}

.sisalto {
	padding-left: 2%;}

.div2 { background: #FFFFFF;
	color: inherit;
	width: 16em;
	text-align: left;	float: right;
	padding: 0.1em;
	margin: 0.1em;
	border: solid 1px #336699;
	}

.div2ala {
	background: #FFFFFF;
	color: inherit;
	width: 16em;
	text-align: left;
	float: right;
	padding: 0.2em;
	margin: 0.1em;
	border: solid 0px #336699;
	}

.divohjelma {
	background: #FFFFdd;
	color: inherit;
	text-align: left;	float: right;
	padding: 0.1em;
	margin: 0.1em;
	border: dotted 1px #336699;
	}

TABLE {	margin-left: 50px;
	width:80%;
	font-size: 90%;
	color: black;	border-left: #336699 1px solid;
	border-right: #336699 1px solid;
	border-top: #336699 1px solid;
	border-bottom: #336699 1px solid;
	}

table2 {
	margin-left: 50px;
	width:80%;
	font-size: 85%;
	color: #000;
	border-left:  #336699 1px solid;
	border-right: #336699 1px solid;	border-top: #336699 1px solid;
	border-bottom: #336699 1px solid;
	background-color: #FFCC66;
	}

TD, TH {
	padding: 3px;
	padding-left: 10px;
	}

TH {	background-color:#336699;
	color: #CCCCCC;
	}

/* MÄÄRITELLÄÄN OHJELMA-TAULUKON MUOTOILU*/ 
'
.table2 {
	display : table;
	width: 580px;
	border: 1px solid #000;
	}

.tr2 {	display : table-row;
	font-family : Verdana,sans-serif;
	font-size: 90%;	}

.td2,.th2 {
	display : table-cell;
	vertical-align: top;
	padding-left: 4px;	padding-bottom: 4px;
	border-bottom: 1px dashed #FFCC33;
	}

caption {
	display : table-caption;
	font-weight: bold;
	font-color:#F5989D;
	border: 1px solid #000;
	background: #FFCC33;
	}

:link {	font-weight: bold; }

:visited {
	font-weight: normal;
	}

a:link:active {
	background: yellow;
	color: red;
	text-decoration: none;
	}

a:visited:active {
	background: #ffa;
	color: red;
	text-decoration: none;
	}

:hover {
	border-color: #336699;
	}

.navlinkit {
	font-size: 90%;
	text-align: center;
	background: #CBE6F5 ;	line-height: 170%;
	}

.navlink:link {
	font-weight: bold;
	}

.navlink:visited {
	font-weight: normal;
	border: dotted 0.15em #CBE6F5;
	padding: 0.08em;
	}

.nav2linkit {
	font-size: 90%;
	text-align: center;
	background: #F7DFEF ;	line-height: 160%;
	border-left: solid 1px #CC6666;
	border-right: solid 1px #CC6666;
	border-bottom: solid 1px #CC6666;
	}

.nav2linkit:link {
	font-weight: bold;
	border: dotted 0.15em #F7DFEF;
	padding: 0.08em;
	}

.nav2linkit:visited {
	font-weight: normal;
	border: dotted 0.15em #F7DFEF;
	padding: 0.08em;
	}

H1 {	color:#CCCCCC;
	padding-bottom: 5px;
	font-size:150%;
	letter-spacing: 0.05em;
	}

H2 {	color: #CC6666;
	padding-top: 15px;
	font-size: 130%;
	margin-left: 5px;
	}

H3 {	color: #CC6666;
	padding-top: 15px;
	font-size: 120%;
	margin-left: 5px;
	}

H4 {	color: #CC6666;
	padding-top: 10px;
	font-size: 110%;
	margin-left: 5px;
	}

H5 {	color: #CC6666;
	padding-top: 10px;
	font-size: 100%
	margin-left: 5px;
	}

H6 {	color: #CC6666;
	padding-top: 10px;
	font-size: 90%;	margin-left: 5px;
	}

.H5A {	color: #CC6666;
	padding-top: 4px;
	font-size: 100%;	margin-left: 5px;
	}

.H6B {	color: #CC6666;
	padding-top: 4px;
	font-size: 90%;	margin-left: 5px;
	}

strong {
	font-weight: bold;
	color: #CC6666;
	padding-top: 2px;	font-size: 100%;
	margin-left: 5px;
	}

.strong2 {
	font-weight: bold;
	padding-top: 2px;
	font-size: 100%;
	margin-left: 5px;
	}

b {	font-weight: bold;
	color:  #336699;
	padding-top: 2px;
	font-size: 100%;
	margin-left: 5px;
	}

b2 {	font-weight: bold;
	color: #CC6666;
	padding-top: 2px;
	font-size: 100%;
	margin-left: 5px;
	}

.pvm {	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 60%;
	color: #CC6666;
	}




