.teksti {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #252525;

	

}

.tekstipieni {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 8px;

	color: #252525;

	

}



.reunauutinen {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #252525;

	font-weight: normal;

	

}



p {

	font-family: Arial, Helvetica, sans-serif;

	

}



h4

{

	background:#ffffff;

	color:009999;

	font-size:1.2em;

	text-transform: uppercase;

	font-weight:bold;

	margin:0;

	padding:4px 0px 4px 0px;



}



textarea p {

	font-family: Arial, Helvetica, sans-serif;

	

}



.newsHeader, .hewsHeader #a {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #000000;

}

.newsDate {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #006699;

}

a.news, a.news:link, a.news:visited {

	font-family: Arial, Helvetica, sans-serif;

	color: #003366	;

	text-decoration: none;

}



a, a:link, a:visited {

	font-family: Arial, Helvetica, sans-serif;

	color: #0000FF;

	text-decoration: none;

}

a, a:hover {

	font-family: Arial, Helvetica, sans-serif;

	color: #339999;

	text-decoration: underline;

}



a{

	font-family: Arial, Helvetica, sans-serif;

	text-decoration: none;

	color: #5F5F5F;

}



.newsDate {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #006699;

}

TD {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #252525;

}

.contentHeader {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	color: #000000;

}.login {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000000;

}



input {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

}



.otsikko {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	color: #1669A4;

}







/***** Navigation *****/



#navigation ul,#navigation li

{

	margin:0;

	padding:0;

	font-family: Verdana, Arial, Helvetica;

}



#navigation

{

	background:#336699;

	color:#fff;

	font-size:1.0em;

	height:2em;

	line-height:2em;

}





#navigation li

{

	float:left;

	list-style:none;

	white-space:nowrap;

}



#navigation li a

{

	background:inherit;

	color:#fff;

	display:block;

	font-weight:bold;

	padding:2px 11px;

	text-decoration:none;

	text-transform:uppercase;

}



* html #navigation a {width:1%;}



#navigation .selected,#navigation a:hover

{

	background:#009999;

	color:#fff;

	text-decoration:none;

}



#navigation1 ul,#navigation1 li

{

	margin:0;

	padding:0;

}



/***** content *****/



#content

{

	background:#eeeeee;

	border:1px solid #999999;

	width:866px;

}



#menu

{



	background-color: #fff;

	border: 1px dashed #fff;

	padding:1px;

	margin: 0px;

	color:#000000;

	text-align:left;

	float:right;

	width:165px;

	

	

}



#menu h4

{

	background:#fff;

	border: 0px dashed #fff;

	color:black;

	font-size:1em;

	font-weight:bold;

	margin:0;

	padding:4px 4px 4px 10px;

	width:160px;



}





#menu2

{

	margin: 2px 0 0 6px;

	background:#fff;

	font-size:12px;	

	text-align:left;

}



#menu2 ul

{

	color:#333;

	list-style:none;

	padding:0;

	margin:0;

	background:inherit;

}



#menu2 li

{

  padding: 0.1ex 0;

}



#menu2 li a

{

	background-image: url(../images/vasen_tausta2.png);

	color:#9999ff;

	text-decoration:none;

	font-size:12px;

	display:block;

	padding:0px 6px;

	

}



#menu2 li a:hover

{

	text-decoration:underline;

	background-image: url(../images/vasen_tausta2.png);

	

}

/***** Side Content *****/



#sidebar

{



	background-color: #ffffff;

	border: 1px solid #bfd9e5;

	padding: 0px;

	margin: 0px;

	color:#000000;

	text-align:left;

	float:right;

	width:250px;

	

}



#sidebar ul

{

	color:#333;

	list-style:none;

	padding:0;

	margin:0;

	background:inherit;

}



#sidebar li

{

  	color:#000000;

	text-decoration:none;

	font-size:1em;

	display:block;

	padding:2px 5px;

	background:inherit;

  

}



#si2

{

  	color:#000000;

	font-style: italic;

	text-decoration:none;

	font-size:1em;

	display:block;

	padding:2px 20px;

	background:inherit;

  

}





#si3

{

  	color:#000000;

	text-decoration:none;

	font-size:1em;

	display:block;

	padding:2px 26px;

	background:inherit;

}





#sidebar li a

{

	color:#0000cc;

	text-decoration:none;

	font-size:1em;

	display:block;

	padding:2px 10px;

	background:inherit;

}



#sidebar li a:hover

{

	background:#009999;

	color:white;

}



#sidebar h4

{

	background:#336699;

	color:white;

	font-size:1em;

	font-weight:bold;

	margin:0;

	padding:4px 0px 4px 10px;



}

#sidebar p

{

	margin:5px 5px;

	padding-left:10px;

	padding-right:10px;

	background:inherit;

	color:inherit;

}



#sidebar2

{

	background:#fff;

	margin:0;

	padding:10px 0 0 0;

	border-right:1px solid #f1f1f1;

	float:right;

	width:160px;

	

}



#sidebar2 ul

{

	color:#333;

	list-style:none;

	padding:0;

	margin:0;

	background:inherit;

}



#sidebar2 li

{

  padding: 0.1ex 0;

}



#sidebar2 li a

{

	color:#666;

	text-decoration:none;

	font-size:1em;

	display:block;

	padding:2px 10px;

	background:inherit;

}



#sidebar2 li a:hover

{

	background:#333;

	color:white;

}



#sidebar2 h4

{

	font-size:1em;

	font-weight:bold;

	margin:0;

	padding:10px 0 2px 10px;

}

#sidebar2 p

{

	margin:5px 5px;

	padding-left:10px;

	padding-right:10px;

	background:inherit;

	color:inherit;

}



/***** Sidebar Avoin Content *****/



#sidebar_avoin

{



	background-color: #ffffff;

	border: 1px solid #bfd9e5;

	padding: 0px;

	margin: 0px;

	color:#000000;

	text-align:left;

	float:right;

	width:300px;

	

}



* html #sidebar_avoin {width:300px;}



#sidebar_avoin ul

{

	color:#333;

	list-style:none;

	padding:0;

	margin:0;

	background:inherit;

}



#sidebar_avoin li

{

  	color:#000000;

	text-decoration:none;

	font-size:1em;

	display:block;

	padding:2px 5px;

	background:inherit;

  

}



#sidebar_avoin li a

{

	color:#0000cc;

	text-decoration:none;

	font-size:1em;

	display:block;

	padding:2px 10px;

	background:inherit;

}



#sidebar_avoin li a:hover

{

	background:#ffccff;

	color:white;

}



#sidebar_avoin h4

{

	background:#336699;

	color:white;

	font-size:1em;

	font-weight:bold;

	margin:0;

	padding:4px 0px 4px 10px;



}

#sidebar_avoin p

{

	margin:5px 5px;

	padding-left:10px;

	padding-right:10px;

	background:inherit;

	color:inherit;

}





/**** SIDEBAR AVOIN AJANKOHTAITA *****/



/***** Side Content *****/



#sidebar_static

{



	background-color: #ffffff;

	border: 1px solid #bfd9e5;

	padding: 0px;

	margin: 0px;

	color:#000000;

	text-align:left;

	float:right;

	width:250px;

	

}



#sidebar_static ul

{

	color:#333;

	list-style:none;

	padding:0;

	margin:0;

	background:inherit;

}



#sidebar_static li

{

  	color:#000000;

	text-decoration:none;

	font-size:1em;

	display:block;

	padding:0px 0px;

	background:inherit;

  

}



#sidebar_static li a

{

	color:#0000cc;

	text-decoration:none;

	font-size:1em;

	display:block;

	padding:0px 0px;

	background:inherit;

}



#sidebar_static li a:hover

{

	background:#009999;

	color:white;

}



#sidebar_static h4

{

	background:#336699;

	color:white;

	font-size:1em;

	font-weight:bold;

	margin:0;

	padding:4px 0px 4px 10px;



}







/***** Täydennyskoulutus/index.php *****/



#tkk

{



	background-color: #ffffff;

	list-style-image: url("../images/nelio.gif");

	border: 0px solid #bfd9e5;

	padding: 12px;

	margin: 0px;

	color:#000000;

	text-align:left;

	float:left;

	width:500px;

	

}



#tkk ul

{

	color:#333;

	list-style-image: url("../images/nelio.gif");

	padding:5;

	margin:0;

	background:inherit;

}



#tkk li

{



  list-style-image: url("../images/nelio.gif");

  background-color: #EDF1F2;

	border: 1px solid #BFCAD5;

	padding: 5px;	

  

}



#tkk li a

{

	color:#0000ff;

	text-decoration:none;

	font-size:1em;

	display:block;

	list-style-image: url("../images/nelio.gif");

	padding:1.5px 0px;

	background:inherit;

}



#tkk li a:hover

{

	

	list-style-image: url("../images/nelio.gif");

	background:#009999;

	color:white;

}





/***** Projektit *****/



#projektit

{



	background-color: #ffffff;

	border: 0px solid #bfd9e5;

	padding: 0px;

	margin: 0px;

	color:#000000;

	text-align:left;

	float:right;

	width:550px;

	

}



#projektit ul

{

	color:#333;

	list-style:none;

	padding:0;

	margin:0;

	background:inherit;

}



#projektit li

{

  padding: 0.1ex 0;

  

}



#projektit li a

{

	color:#666;

	text-decoration:none;

	font-size:1em;

	display:block;

	padding:2px 10px;

	background:inherit;

}



#projektit li a:hover

{

	background:#009999;

	color:white;

}



#projektit h4

{

	background:#336699;

	color:white;

	font-size:1em;

	font-weight:bold;

	margin:0;

	padding:4px 0px 4px 10px;



}

#projektit p

{

	margin:5px 5px;

	padding-left:10px;

	padding-right:10px;

	background:inherit;

	color:inherit;

}



/***** Vihreä otsikko *****/



#otsikko

{



	background-color: #fff;

	border: 0px solid #bfd9e5;

	padding: 0px;

	margin: 0px;

	color: #009999;

	font-size:1.2em;

	font-weight:bold;

	text-align:left;

	float:left;

	width:100%;

	

}



#otsikkoi

{



	background-color: #fff;

	border: 0px solid #bfd9e5;

	padding: 0px;

	margin: 0px;

	color: #009999;

	font-size:1.8em;

	font-weight:bold;

	text-align:left;

	float:left;

	width:100%;

	

}





/***** TYHYN PÄÄTTYNEET JA MENEILLÄÄN OLEVAT PROJEKTIT *****/



#sidebar3

{



	background-color: #ffffff;

	border: 0px solid #ffffff;

	padding: 0px;

	margin: 0px;

	color:#000000;

	text-align:left;

	float:left;

	width:320px;

	

}



#sidebar3 ul

{

	color:#333;

	list-style:none;

	padding:0;

	margin:0;

	background:inherit;

}



#sidebar3 li

{

  padding: 0.1ex 0;

  

}



#sidebar3 li a

{

	color:#0000cc;

	text-decoration:none;

	font-size:1em;

	display:block;

	padding:2px 10px;

	background:inherit;

}



#sidebar3 li a:hover

{

	background:#009999;

	color:white;

}



#sidebar3 h4

{

	background:#ff0044;

	color:black;

	font-size:1em;

	font-weight:bold;

	margin:0;

	padding:4px 0px 4px 10px;



}

#sidebar3 p

{

	margin:5px 5px;

	padding-left:10px;

	padding-right:10px;

	background:inherit;

	color:inherit;

}



/***** SISÄLTÖ OSIO *****/



#sisalto

{



	background-color: #ffffff;

	border: 0px solid #cccccc;

	padding: 0px;

	margin: 0px;

	color:#000000;

	text-align:left;

	float:left;

	width:320px;

	

}



#sisalto ul

{

	color:#333;

	list-style:none;

	padding:0;

	margin:0;

	background:inherit;

}



#sisalto li

{

  padding: 0.1ex 0;

  

}



#sisalto li a

{

	color:#0000cc;

	text-decoration:none;

	font-size:1em;

	display:block;

	padding:2px 4px;

	background:inherit;

}



#sisalto li a:hover

{

	color: #339999;

	text-decoration: underline;

}



#sisalto h4

{

	background:#cccccc;

	color:black;

	font-size:1em;

	font-weight:bold;

	margin:0;

	padding:4px 0px 4px 10px;



}

#sisalto p

{

	margin:0px 0px;

	padding-left:0px;

	padding-right:0px;

	background:inherit;

	color:inherit;

}

#box{

	background-color: #EDF1F2;

	border: 1px solid #BFCAD5;

	padding: 10px;

	font-size: 1em;

	color: #000000;

}

#box1{

	background-color: #ffffff;

	border: 1px solid #BFCAD5;

	padding: 10px;

	font-size: 1em;

	color: #000000;

}

#box2{

	background-color: #ffffff;

	border: 1px solid #BFCAD5;

	padding: 3px;

	font-size: 1em;

	color: #000000;

}

.movie {

				width: 50%;

				height: 20%;

			}

#huomio

{

	margin: 0px;

	color:#ff0000;

	text-align:left;

	padding:0px 0px 4px 14px;

	

}

#huomio2

{

	margin: 0px;

	color:#000000;

	text-align:left;

	padding:0px 0px 4px 14px;

	

}

#sidebar_vali

{



	background-color: #ffffff;

	border: 0px solid #bfd9e5;

	padding: 0px;

	margin: 0px;

	color:#000000;

	text-align:left;

	float:right;

	width:250px;



}





/***** Opetustarjonta linkit *****/



#opetustarjonta ul,#opetustarjonta li

{

	margin:0;

	padding-left:5px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

}



#opetustarjonta

{

	background:#ffffff;

	color:#000000;

	font-size:1.0em;

	

	line-height:2em;

}





#opetustarjonta li

{

/*	float:left; */

list-style: inside; 

white-space: nowrap; 

}



#opetustarjonta li a

{

	background:inherit;

	color:#0000ff;

 /*	display: compact;

	font-weight:bold; */

	padding:2px 11px;

	text-decoration:none;

	text-transform: none;

}



* html #opetustarjonta a {width:1%;}



#opetustarjonta .selected,#opetustarjonta a:hover

{

	background:#009999;

	color:#fff;

	text-decoration:none;

}



#opetustarjonta_otsikko

{

	background: #ffffff;

	color:#000000;

	font-weight:bold;

	padding:2px 2px;

	text-decoration:none;

	text-transform:uppercase;

	border-bottom: 1px dashed #cccccc;

}