/* ========================  YLEISET MUOTOILUT  ======================== */
body 
	{
	 /* Taustan maaritykset */ 
	background-image: url(kuvat/backgr3.jpg);
	background-repeat: repeat-x;
	margin-top: 0px;
	background-color: #FFFFFF;
	
	font-family: Arial, Helvetica, sans-serif;
	
	/* Vierityspalkki (vain Internet Explorer) */ 
	scrollbar-base-color: #00aaab;
	scrollbar-arrow-color: #ffffff;
	scrollbar-track-color: #009496;

	scrollbar-shadow-color: #006e6f;
	scrollbar-lightshadow-color: none;
	scrollbar-darkshadow-color: none;

	scrollbar-highlight-color: white;
	scrollbar-3dlight-color: #006e6f;
	}

	/* Ylamarginaali */ 
.ylataulukko 
	{margin-top: 25px;}

	/* Yhteystiedot sivun alaosassa */ 
.yhteystiedot 
	{font-size: 12px; color: #676767;}

	/* Sivujen toteutus (Etusivu) */
.tekija 
	{font-size: 10px; color: #b3b3b3;}
	
	/* Navigointipalkki */
td.menubar 
	{background-image: url(kuvat/menubar.jpg);}
td.menuline 
	{background-image: url(kuvat/linkline.jpg);}
	
	/* Horisontal line */
.viiva 
	{color: #CCCCCC}
	
	/* Varsinainen sisaltoteksti */
.sisalto 
	{color: #000000; font-size: 13px; background-repeat: repeat-x;}

hr {
  	border: 0;
  	color: #CCCCCC;
  	background-color: #CCCCCC;
	height: 1px;
}

hr.ohjausryhma {
  	color: #CCCCCC;
	height: 1px;
	padding: 0px;
}


 /* ==============================  ETUSIVU  ============================== */
 
 	/* Tyomieli palveluksessanne-luettelo */

#palveluksessanne {
	height: auto;
	padding-bottom:2px;
}

#backgr-index-mid
	{
	background-image: url(kuvat/backgr-index-mid.jpg);
	background-repeat:repeat-y;
	}
	
#backgr-index-top
	{
	background-image: url(kuvat/backgr-index-top.jpg);
	background-repeat:no-repeat;
	background-position:top;
	height: 15px;
	}
.backgr-index-bottom
	{
	background-image: url(kuvat/backgr-index-bottom.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	height: auto;
	padding-bottom:2px;
	}
	
#palv-sisalto 
	{
	padding-bottom: 4px;
	}
	
.sisalto2 
	{
	color: #000000;
	font-size: 13px;
	margin-left: 20px;
	}
	
.etusisalto
	{
	color: #000000;
	font-size: 13px;
	padding-bottom: 7px;
	margin-left: 20px;
	margin-top: 6px;
	margin-bottom: 0px;
	}
.tietopaketti
	{
	text-align: center;
	padding: 3px;
	margin: 0px;
	}
.tietopakettiviiva
	{
	border-bottom: 1px solid #009495;
	padding: 0px;
	margin: 0px;
	}
	
#logocontainer
	{
	padding-top: 10px;
	text-align:center;
	}
	
 /* =========================  TIETOA HANKKEESTA  ========================= */
 
  	/* Sisaltoteksti */
.tietoa_sis 
	{
	color: #000000;
	font-size: 13px;
	margin-left: 5px;
	margin-right: 15px;
	}
	
	
 /* =========================  PALVELUT JA TUET  ========================== */

	/* Sisaltoteksti */
p.palvelut_sis 
	{
	margin-left: 15px;
	margin-right: 15px;
	}
	
	/* Yhteystiedot */
p.palvelut_sis2 
	{
	margin-left: 7px;
	margin-right: 0px;
	font-size: 11px;
	}
	
	/* Klubitalo Sarastus-taulukko */
table.palvelut_sis 
	{
	margin-left: 15px;
	margin-right: 15px;
	}
	
	
 /* ======================  TULEVAISUUDEN TYOVOIMA  ======================= */ 
	
	/* Sisaltoteksti */
p.tyovoima_sis 
	{
	margin-left: 5px;
	margin-right: 15px;
	}
	

 /* ========================  AJANKOHTAISET ASIAT  ======================== */ 
 
 		/* Uutisen lisayspaivamaara (Etusivu): */ 
.dtime 
		{
		font-size: 10px;
		color: #59b9ba;
		float:right;
		text-align: right;
		padding-left: 5px;
		}
		
		/* Uutisen lisayspaivamaara (Hallinta): */ 
.arkistointi 
		{
		font-size: 10px;
		color: #9bd4d5;
		float:right;
		text-align: right;
		}

a.ohjeet:link 
	{text-decoration: none; font-size: 12px; color: #a5a5a5;}
a.ohjeet:visited 
	{text-decoration: none; font-size: 12px; color: #a5a5a5;}
a.ohjeet:active 
	{text-decoration: none; font-size: 12px; color: #a5a5a5;}
a.ohjeet:hover 
	{text-decoration: none; font-weight:normal; font-size: 12px; color: #707070;}


 		/* Uutisen lisays- ja muokkauslomakkeiden otsikkokentta: */
input.edit 
		{
		font-size: 12px;
		width: 500px;
		}

 		/* Uutisen lisays- ja muokkauslomakkeiden tekstikentta: */
textarea.edit 
		{
		font-size: 12px;
		width: 500px;
		}

 		/* Uutisen lisays- ja muokkauslomakkeiden painikkeet: */
input.painike 
	{
	color: #333333;
	font-size: 10px;
	width: 70px
	}

	input.resetpainike /* Tyhjenna-painike */
		{
		font-size: 10px;
		color: #ff0000;
		width: 70px
		}

 		/* Kiitos- ja virheilmoitukset lomakkeen kasittelyssa: */
.lomakeotsikko 
	{
	color: #009495; 
	font-weight: bold; 
	font-size: 14px; 
	}
	
.voimassa select {    
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;    
 background-color: #EEF7F7;    
 color: #102132;    
 border: 1px solid #284279;    
}
	
	
 /* ============================  YHTEYDENOTTO  =========================== */

td.kiitos 
	{background-repeat: repeat-x;}
	
.kiitos 
	{font-size: 12px; font-weight: bold; color: #FFFFFF}
	
.kiitos2 
	{font-size: 12px; color: #FFFFFF}
	
	
 /* ===========================  NAIN ONNISTUIN  ========================== */
 
 img.kuva {  
	float: right;
	margin-left: 15px;
	border: 1px solid #000000;
	}
 
 p.kuvateksti {  
	font-family: Arial, Helvetica, sans-serif;
	color: #676767;
	font-size: 10px;
	float: left;
	margin-top: 2px;
	margin-left: 15px;
	width: 220px;
	}
 
 img.kuva2
 	{  
	float: right;
	margin-left: 15px;
	margin-bottom: 10px;
	border: 1px solid #000000;
	}
 

 /* ==============================  LINKIT  ============================== */

	 /* Paavalikon linkit: */
a.linkit:link 
	{text-decoration: none; font-size: 12px; color: #ffffff;}
a.linkit:visited
	{text-decoration: none; font-size: 12px; color: #ffffff;}
a.linkit:active
	{text-decoration: none; font-size: 12px; color: #7cff00;}
a.linkit:hover
	{text-decoration: none; font-weight:bold; color: #91df47;}
	

	 /* Yleinen linkkimuotoilu: */
a.link:link 
	{text-decoration: none; color: #009596;}
a.link:visited 
	{text-decoration: none; color: #009596;}
a.link:active 
	{text-decoration: none; color: #009596;}
a.link:hover 
	{text-decoration: underline; color: #009596;}


	/* ETUSIVU:
	   Tyomielipalveluksessanne */
a.etulink:link 
	{text-decoration: none; color: #005353;}
a.etulink:visited 
	{text-decoration: none; color: #005353;}
a.etulink:active 
	{text-decoration: none; color: #005353;}
a.etulink:hover 
	{text-decoration: underline; font-weight:normal;}


 	/* PALVELUT: */
a.palvelut_linkki:link 
	{text-decoration: none; color: #009596;}
a.palvelut_linkki:visited 
	{text-decoration: none; color: #009596;}
a.palvelut_linkki:hover 
	{text-decoration: underline; font-weight: normal; color: #009596;}


 	/* AJANKOHTAISET ASIAT-linkki (JULKINEN): */
	
#avaa {
padding: 2px 0px 2px 12px;

}
	
a.ajank_linkki:link 
	{float:right; text-decoration: none; font-size: 13px; color: #7cff00; font-weight: normal;}
a.ajank_linkki:visited 
	{float:right; text-decoration: none; font-size: 13px; color: #7cff00; font-weight: normal;}
a.ajank_linkki:hover 
	{float:right; text-decoration: underline; font-size: 13px; font-weight: normal;}

a.ajank_otsikko:link 
	{text-decoration: none; font-size: 13px; color: #FFCC33; font-weight: bold;}
a.ajank_otsikko:visited 
	{text-decoration: none; font-size: 13px; color: #FFCC33; font-weight: bold;}
a.ajank_otsikko:hover 
	{text-decoration: underline; font-size: 13px; font-weight: bold;}


 	/* AJANKOHTAISET ASIAT-linkki (HALLINTA): */
a.hallinta:link 
	{text-decoration: none; font-size: 13px; color: #7cff00; font-weight: bold;}
a.hallinta:visited 
	{text-decoration: none; font-size: 13px; color: #7cff00; font-weight: bold;}
a.hallinta:hover 
	{text-decoration: underline; font-size: 13px; font-weight: bold;}
 

.luelisaa a:link {text-decoration: none; color: #009596;}
.luelisaa a:visited {text-decoration: none; color: #009596;}
.luelisaa a:active {text-decoration: none; color: #009596;}
.luelisaa a:hover {text-decoration: underline; color: #009596;}

.uutinen a:link {text-decoration: underline; color: #ffffff;}
.uutinen a:visited {text-decoration: underline; color: #ffffff;}
.uutinen a:active {text-decoration: underline; color: #ffffff;}
.uutinen a:hover {text-decoration: underline; color: #91df47;}

.uutinen_arkisto a:link {text-decoration: none; color: #009596;}
.uutinen_arkisto a:visited {text-decoration: none; color: #009596;}
.uutinen_arkisto a:active {text-decoration: none; color: #009596;}
.uutinen_arkisto a:hover {text-decoration: underline; color: #009596;}

a.filelink:link {text-decoration: none; color: #000000;}
a.filelink:visited {text-decoration: none; color: #000000;}
a.filelink:active {text-decoration: none; color: #000000;}
a.filelink:hover {text-decoration: underline; color: #000000;}

 /* ==============================  MUUT  ============================== */
	
.lomakeotsikko2
	{
	font-family: Arial, Helvetica, sans-serif; 
	color: #ffffff; 
	font-weight: bold; 
	font-size: 14px; 
	}
	
.sallitut
	{
	font-family: Arial, Helvetica, sans-serif; 
	color: #ffffff; 
	font-weight: bold; 
	font-size: 11px; 
	}
	
.tiedostotyypit
	{
	font-family: Arial, Helvetica, sans-serif; 
	color: #ffffff; 
	font-weight: normal; 
	font-size: 10px; 
	}
	
.ohjeita
	{
	font-family: Arial, Helvetica, sans-serif; 
	color: #000000; 
	font-weight: normal; 
	font-size: 10px; 
	}
	
.ohjeita-2
	{
	font-family: Arial, Helvetica, sans-serif; 
	color: #8b8b8b; 
	font-weight: normal; 
	font-size: 10px; 
	}

.lisaa_uusi
		{
		font-size: 12px;
		margin-right: 10px;
		float: right;
		text-align: right;
		}
		
.takaisin
	{
		font-size: 12px;
		margin-right: 10px;
		float: left;
		text-align: left;
	}


#sivutausta {
	background-repeat: repeat-x;
}

.ohjausryhma {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 12px;
	}

.ohjausryhma2 {
	width: 540px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	background: #ddf1f2;
	border: solid 1px #16c0bf;
	padding: 10px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	}
	
.ohjausryhma3 {
	width: 650px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	}
	
.varalla {
	font-family: Arial, Helvetica, sans-serif;
	color: #3b3b3b;
	font-size: 12px;
	margin-top: 2px;
	margin-bottom: 0px;
	}

img.yhteyst {
	margin-left: 15px;
}
	

.tyomieli_palv {
	margin-top: 0px;
	text-align: center;
}
div.ajankohtaista	{
			color: #ffffff;
  			margin: 0px;
  			padding: 0px;
  			width: 633px;
  			height: 450px;
  			overflow: auto;
			}
			
div.tiedostot
			{
			color: #ffffff;
  			margin: 0px;
  			padding: 0px;
  			width: 435px;
  			height: 340px;
  			overflow: auto;
			}	
			
div.tiedostot2
			{
			border-style: solid;
			border-width: thin;
			border-color: #888888;
			color: #ffffff;
			opacity:0.75;
			background: #ffffff;
			margin-left: 25px;
			padding: 10px;
  			width: 480px;
  			height: 200px;
  			overflow: auto;
			}			

div.arkisto
	{
	color: #000000; 
	font-size: 13px;
	}
			
div.hal_ajank	{
			color: #ffffff;
  			margin: 0px;
  			padding: 0px;
  			width: 634px;
  			height: 420px;
  			overflow: auto;
			}
			
.arkistoitu
	{
	color: #ffffff;
	font-weight: bold;
	background: #000000;
	}
	
.tekeilla
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px; 
	color: #ffffff;
	font-weight: bold;
	background: #009596;
	}

td.palv_linkit
	{
	background-image: url(kuvat/backgr_links_1.jpg);
	background-repeat: no-repeat;
	height:6px
	}
	
td.palv_linkit_2
	{
	background-image: url(kuvat/backgr_links.jpg);
	background-repeat: repeat-y;
	color: #000000; font-size: 13px;
	padding: 15px;
	}
	
td.palv_linkit_3
	{
	background-image: url(kuvat/backgr_links_2.jpg);
	background-repeat: no-repeat;
	height:6px
	}
	
td.palv_linkit_4
	{
	text-align: left;
	background-image: url(kuvat/backgr_links.jpg);
	background-repeat: repeat-y;
	color: #000000; font-size: 13px;
	padding: 15px;
	}

textarea.sisalto {
border: #CCCCCC 1px solid;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000000;
width: 900px;
}

textarea.sisalto_tietoa {
border: #CCCCCC 1px solid;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000000;
width: 570px;
margin-left: 5px;
}

textarea.sisalto_palv {
border: #CCCCCC 1px solid;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000000;
width: 660px;
}

textarea.sisalto_eng {
border: #CCCCCC 1px solid;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000000;
width: 660px;
margin-left: 15px;
}


.ajankoht_otsikko {
	background-repeat: no-repeat;
}



.ohjeistus {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px; 
color: #bababa;}


.style1 {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.style2 {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.style5 {color: #FF0000}
.style7 {font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 13px; }
.style8 {color: #FFFFFF}
.style9 {color: #FFFFFF; font-size: 12px; font-weight: bold; }
.style10 {color: #FFCC33; font-size: 13px; font-weight: bold; }
.style11 {
	color: #91df47;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.style4 {
	color: #009495;
	font-weight: bold;
	font-size: 13px;
}
.style6 {color: #009495; font-weight: bold; font-size: 10px; }
.style12 {font-size: 12px}
.style15 {
	color: #b3ebea;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.style16 {color: #FF0000}