*
{
	font-family: Arial, 'regular';
	vertical-align: top;
		padding: 0px;
		margin: 0px;
}
BODY { background: #FFFFFF url() repeat-x;}

DIV#runko
{
	overflow: auto;
	position: relative;
	top: 0px;
	left: 0px;
	width: 801px;
	min-height: 826px;
		padding: 0px 0px 0px 0px;
		border: 0px solid;
		margin: 0px auto 0px auto;
}
 /* .ie7 DIV#runko { overflow: hidden; } */

/**************************/
 
TD#yla
{
	background: url(img/ylapalkki.jpg) no-repeat;
	height: 248px;
}

DIV#liput
{	
	float: right;
	width: 100px;
}

DIV#liput P
{	
	line-height: 30px;
		padding: 10px 0px 0px 0px;
		margin: 0px;
}

 /*******MENU*************/

#menu
{
	background: url(img/linkkitausta.gif) no-repeat;
	width: 800px;
	height: 27px;
		padding: 0px 0px 0px 0px;
		margin: 0px auto 14px auto;
}

#menu a.ylalinkki
{
	float: left;
	 /* display: table-cell; */
	line-height: 27px;
	color: rgb(0, 59, 122);
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
		border: 0px solid #000000;

}
#menu a.alalinkki
{
	display: block;
	background-color: #DDDDDD;
	font-family: "Arial";
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap; /* ei rivitystä */
		padding: 1px 4px 2px 4px;
		border-top: 1px solid #999999;
		margin: 0px 0px 0px 0px;
}
.ie7 #menu a.alalinkki { line-height: 14px; }

 .ie6 #menu a.alalinkki
{
	line-height: 14px;
		margin-bottom: -19px;
}

#menu ul /* ********* */
{
	float: left;
	list-style: none;
		padding: 0px;
		margin: 0px;
}

#menu li { position: relative; display: block;}
 /* .ie7 #menu li { z-index: 1; } */


#menu ul ul
{
	display: none;
	float: left;
	position: absolute;
	top: 26px;  /* ALAlinkkien sijainti */
	left: -2px;
	background-color: #DDDDDD;
		border: 1px solid #999999;
		border-top: 0px solid #999999;
}

.ie6 #menu ul ul
{
	top: 26px;
	left: -100%;
}

#menu ul ul a, #menu ul ul a:visited, #menu ul ul a:active { color: rgb(0, 59, 220); } /* alalinkit */

#menu ul a:hover, #menu ul ul a:hover { color: rgb(20, 20, 60); }

#menu ul a.valittu, #menu ul ul a.valittu, .ie6 #menu ul ul a.valittu{ color: rgb(0, 20, 60); } /* avoimen sivun linkki */

#menu ul ul ul
{
	top: 0;
	left: 100%;
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display: none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display: block;}


DIV.atolppa
{
	float: left;
	width: 30px;
	line-height: 27px;
	color: #AAAAAA;
	text-align: center;
		border: 0px solid #000000;
		margin: 1px auto 0px auto;
}

.ie7 DIV.atolppa, .ie6 DIV.atolppa
{
	width: 18px; 
	text-align: left;
}

/*******MENU loppu*************/

a:link { color: color: rgb(0, 59, 122); }      /* unvisited link */
a:visited { color: color: rgb(0, 59, 122); }  /* visited link */
a:hover { color: rgb(0, 20, 60); }  /* mouse over link */
a:active { color: rgb(0, 20, 60); }  /* selected link */

#tyokalutfck /* EDITORIN työkalupalkki  */
{
	display: block;
	position: relative; /* absolute relative */
	top: 130px;
	left: 0px; 
	width: 630px;
		margin: 0px auto 0px auto;
}
#tyokalutfck2 /* EDITORIN työkalupalkki ALATUNNISTE*/
{
	position: relative; /* absolute relative */
	top: 0px;
	left: 0px; 
	width: 630px;
		margin: 0px auto 0px auto;
		z-index: 10;
}

.ie8 #tyokalutfck2 /* EDITORIN työkalupalkki ALATUNNISTE*/
{
 /* 	top: -3px;
		border: 1px solid; */
}
.ie7 #tyokalutfck2 /* EDITORIN työkalupalkki ALATUNNISTE*/
{
	 /* top: 15px; */
}
/******** SISALTO ****************/

TABLE#sisalto
{
	width: 800px;
	height: 300px;
	font-size: 13px;
		border: 0px solid rgb(135, 189, 209);
	overflow: auto;
		margin: 0px auto 20px auto;
}
.ie7 TABLE#sisalto
{
	 /* overflow: hidden; */
}

 /* TABLE#sisalto H1, H2, H3
{
	font-family: Arial, "regular";
	font-size:18px;
	color: rgb(0,90, 149);
} */
H1, H2, H3, H4, H5, H6
{
	font-family: Arial, "regular";
	color: rgb(0, 90, 149);
}
H1 { font-size: 18px; }
H2 { font-size: 16px; }
H3 { font-size: 14px; }
H4 { font-size: 12px; }
H5 { font-size: 10px; }
H6 { font-size: 8px; }

/*********ETUSIVU**************/
TD#vasen
{
	width: 144px;
		padding: 0px 0px 0px 0px;
}

DIV#vasenyla
{
	background: url(img/vasenyla.gif) no-repeat;
	width: 116px;
	height: 180px;
		padding: 10px 12px 0px 16px;
		border: 0px solid rgb(135, 189, 209);
		margin-bottom: 0px;
}

DIV#vasenyla UL
{
	list-style: square outside;
	color: #FFFFFF;
		padding: 50px 0px 0px 13px;
}

DIV#vasenyla A
{
	display: block;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
		margin: 0px 0px 14px 0px;
}
.ie6 DIV#vasenyla A { margin: 0px; }

DIV#vasenyla UL LI:hover, DIV#vasenyla A:hover { color: #999999; }

DIV#vasenvih2
{
	background: url(img/yhteyst.gif) no-repeat;
	width: 144px;
	height: 174px;
		padding: 0px 0px 0px 0px;
}
DIV#vasenvih
{
	 /* background: rgb(96, 176, 31); */
	background: rgb(74, 146, 15);
	width: 144px;
	font-style: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
		padding: 8px 0px 14px 0px;
}

DIV#vasenvih P.vihtex
{
	font-size: 11px;
	font-weight: bold;
		padding: 0px 0px 4px 0px;
}
DIV#vasenvih P#a
{
	font-size: 9px;
	font-weight: normal;
		padding: 4px 0px 0px 0px;
}


DIV#vasenmuut
{
	background: #FFFFFF; /* C8ECF8 */
	width: 143px;
		padding-left: 10px;
		border: 0px solid #6FC923;
}

DIV#vasenmuut A
{
	display: block;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	vertical-align: middle; 
	color: rgb(0, 59, 122);
		margin: 0px 0px -26px 0px;
}

.ie7 DIV#vasenmuut A, .ie6 DIV#vasenmuut A { margin: 0px 0px -46px 0px; }

DIV#vasenmuut UL DIV /* alaviiva */
{
	width: 127px;
		border-bottom: 1px solid #6FC923;
		margin: 2px 0px 0px -10px;
		margin: 2px 0px 0px 7px;
}

.ie7 DIV#vasenmuut UL DIV, .ie6 DIV#vasenmuut UL DIV /* alaviiva */
{
	width: 128px;
		padding: 2px 0px 2px 0px;
		margin: 0px 0px 0px -2px;
}

DIV#vasenmuut li
{
	list-style: square outside;
	color: #3CA1F3;
	font-size: 18px;
		margin-left: 10px;
}

.ie8 DIV#vasenmuut li { font-size: 16px; }
.ie7 DIV#vasenmuut li, .ie6 DIV#vasenmuut li { vertical-align: middle; }

DIV#vasenmuut li A
{
	font-weight: bold;
	text-decoration: none;
		padding: 6px 0px;
}
.ie8 DIV#vasenmuut li A { padding: 7px 0px; }
.ie7 DIV#vasenmuut li A, .ie6 DIV#vasenmuut li A { padding: 3px 0px; }

DIV#vasenmuut UL LI:hover, DIV#vasenmuut A:hover { color: rgb(0, 20, 60); }

DIV#vasenmuut A:hover { color: rgb(0, 20, 60); }  /* mouse over link */

DIV#vasenmuut .valittu, DIV#vasenmuut li .valittu { color: rgb(0, 20, 60); } /* avoimen sivun linkki */
 
/*********** KESKI **************/

UL, OL { list-style-position: inside; }

TD.keski
{
	width: 426px;
	text-align: center;
}

TD.keski2 { border-left: 1px solid #6FC923; }

DIV#keski
{
	width: 386px;
	text-align: left;
		margin: 0px auto 0px auto;
}

A#paa
{
	font-size: 15px;
	text-transform: capitalize;
	text-decoration: none;
	vertical-align: baseline;
	color: rgb(0, 20, 60); 
}

TABLE .lomaketable TD { vertical-align: bottom; }

/*********** OIKEA **************/
TD#oikea
{
	float: right;
	width: 230px;
	overflow: hidden;
}
TD#oikea2
{
	float: right;
	background: url(img/ajankoht.gif) no-repeat;
	width: 230px;
}


TD#oikea2 H2, TD#oikea2 H3, TD#oikea H4, TD#oikea H5, TD#oikea H6
{
	font-family: Arial, "regular";
	color: rgb(200, 90, 149);
}
TD#oikea H2 { font-size: 16px; }
TD#oikea H3 { font-size: 14px; }
TD#oikea H4 { font-size: 12px; }
TD#oikea H5 { font-size: 10px; }
TD#oikea H6 { font-size: 8px; }


/****kurssi*******/

DIV#kalevali  /* kalenteriväli */
{
	height: 50px;
		padding: 0px 0px 0px 0px;
}

DIV#kalevali P /* otsikko */
{
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
		padding: 12px 0px 0px 0px;
}

DIV#kurssi
{
	overflow: auto;  /* scroll visible hidden auto */
	height: 434px; /* 534 348 */
		padding: 12px 26px 0px 30px;
		margin: 0px;
}

DIV#kurssi A  /* ajankohtaista SISÄLTÖ */
{
	color: #000000;
}

DIV#kurssi A.kurssih2
{
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: rgb(96, 176, 31);
}

DIV#kurssi P#lue
{
	font-size: 11px;
		padding: 2px 0px 12px 1px;
		border: 0px solid rgb(135, 189, 209);
		margin: 0px 0px 0px 0px;
}

DIV#kurssi P#luepiilossa { visibility: hidden; } /* jos sisältöä ei ole */

DIV#kurssi A { font-size: 11px; }

/*********** ALAREUNA **************/
DIV#alareuna
{
	font-size: 11px;
	font-weight: bold;
	color: #999999;
		padding: 6px 0px 0px 164px;	
		border-top: 1px solid #BBBBBB;
		margin-bottom: 12px;	
}