/* --------------------------------------------------------------------- YLEISTIEDOT */

	A:link {text-decoration: underline; color: #0000ff;}
	A:visited {text-decoration: underline; color:#0000ff;} 
	A:Hover{color: #ff0000;}
	A:active{color:#0000ff;}
	
/* -------------------------------------------------------------- YLEISTIEDOT LOPPUU */
#taustakuva{
	/*background-image:url(../kuvat/tausta_1.png);*/
	background-repeat: repeat;	
}


#refLista {
	padding:0px 0px 4px 20px;
	margin-left:30px;
}

#refLista U {
	margin-left:-20px;
	color:#0a529e;
	font: Bold 14px/20px arial,helvetica,sans-serif;
}

#refLista td{
	font: 11px/12px helvetica,sans-serif, arial;
}
#refLista td li{
	list-style-type: square;
	color:#0a529e;
}

#refLista ul{
	list-style-type: square;
	margin-top:5px;
	margin-bottom:20px;
}

.print_footer{
	padding:20px; 
	padding-left:0;
	font: 12px/14px arial;
}
.btn_button{
	font:10px/12px arial;
	float:left;
}
.ref_taulukko{
	font:10px/12px arial;
	width:100%;
	border:1px solid #ccc;
	border-bottom:0;
	border-right:0;
	margin-top:20px;
}

.ref_taulukko_tr_tumma{
	/*background-color:#CCEBFF;*/
}
.ref_taulukko_tr_vaalea{
	background-color:none;
}
.ref_taulukko td{
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	vertical-align:top;
}
.ref_taulukko_koko{
	white-space:nowrap;
	text-align:right;
}

.ref_taulukko_otsikot{
	font:bold 10px/12px arial;
	background-color:#ddd;
}
.ref_haku{
	margin-bottom:10px;
}
.ref_haku_select{
	width:130px; float:left;
	margin-right:10px;
}
.ref_haku_valinnat{
	clear:both;
	width:680px;
}
.ref_haku_header{
	font: 12px/20px arial;
	float:left;
	width:80px;
}
.listakuvaton {
	padding:5px 0px 20px 0px;
	font-weight:bold;
}

.listakuvaton li{
	list-style-type: square;
	color:#0a529e;
	font-weight:normal;
	text-decoration:none;

}
.listakuvaton ul{
	margin:0px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:30px;
	background-image:url(../kuvat/luetteloTausta.png);
	background-repeat: repeat;	
	background-repeat: repeat;	
	border-style:solid;
	border-width:1px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-left-width:1px;
}

.lista {
	margin:5px 0px 20px 150px;
	font-weight:bold;
	margin-bottom:15px;
}
.lista ul{
	margin:0;
	padding:10px 0 10px 30px;
	background-image:url(../kuvat/luetteloTausta.png);
	background-repeat: repeat;	
	border: 1px solid #0a529e;
}
.lista li{
	list-style-type: square;
	color:#0a529e;
	font-weight:normal;
	text-decoration:none;
}
.lista h1,.lista h2, .listakuvaton h1, .listakuvaton h2{
	font:bold 12px/16px arial;
	padding:0 0 10px 0;
	margin:0;
}


#yhtlista{	

	padding:5px 0px 20px 20px;
	color:#0a529e;
	list-style:none;
}


/* ------------------------------------------------------------------- LISTAT LOPPUU */





/* ------------------------------------------------------------- REUNAT JA EROTTIMET */

.reunukset{

	border-style:solid;
	border-width:1px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 0px;
	border-left-width:0px;
	border-color:#cccccc;

}

.reunus_vjao{
	border-style:solid;
	border-width:1px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-right-width: 1px;
	border-left-width:1px;
	border-color:#cccccc;


}

.reunus{

	background-image: url(../kuvat/kuulto.png);
	background-repeat: repeat-x;	

	font:bold 12px/20px arial,helvetica,sans-serif;
	border-style:solid;
	border-width:1px;
	border-top-width: 1px;
	border-bottom-width: 0px;
	border-right-width: 0px;
	border-left-width:0px;
	
	border-color:#cccccc;
	background-color:#fff;
	color:#0a529e;
}

.ala_yht_tiedot{
	background-image: url(../kuvat/kuulto.png);
	background-repeat: repeat-x;	

	font:bold 11px/12px arial,helvetica,sans-serif;
	border-style:solid;
	border-width:1px;
	border-top-width: 1px;
	border-bottom-width: 0px;
	border-right-width: 0px;
	border-left-width:0px;
	border-color:#cccccc;
	background-color:#fff;
	color:#0a529e;

}

/* ------------------------------------------------------------------- REUNAT LOPPUU */	





/* ------------------------------------------------------------------- TEKSTI ALUEET */		


#kello{
	color:#0a529e;
	font: bolder 10px/10px sans-serif, arial;
	border-style:solid;
	border-width:1px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-right-width:0px;
	border-left-width:0px;
	border-color:#cccccc;
	
	background-color:#eee;
	padding: 5px 0 5px 0;
	margin: 10px 0 0 0;
	text-align:center;
}

#yhteystiedot{
	background-image: url(../kuvat/menu_ala.png);
	background-repeat: no-repeat;
	background-position: 0px 0;
	height:300px;
	border-style:solid;
	border-width:1px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-right-width: 0px;
	border-left-width:1px;
	background-color:#efefef;
}

#sisalto{
	border-color:#cccccc;
	margin-top:0px;
	margin-bottom:0px;
	color:#0a529e;
	padding:10px 20px 10px 20px;
	font: 12px/14px helvetica,sans-serif, arial;
}




/* ------------------------------------------------------------ TEKSTI ALUEET LOPPUU */		




/* ------------------------------------------------------------------- TEKSTIT ALKAA */	

#sisalto h3{
	font:bold 16px/20px arial;
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:1px dotted black;
}

#sisalto h4{
	font:bold 14px/18px arial;
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:1px dotted black;
}

	
.teksti{
		font:bold 12px/16px arial,helvetica,sans-serif;

}

#copy, #copy a{
	padding-top:10px;
	color:#dddddd;
	font: bolder 10px/10px sans-serif, arial;
	text-decoration:none;
}

#copy a:hover{
	color:#ccc;
	font: bolder 10px/10px sans-serif, arial;

}


/* ------------------------------------------------------------------ TEKSTIT LOPPUU */	





/* ------------------------------------------------------------------------- VALIKKO */


#menu{
	margin-top:10px;
	padding:10px 0 20px 0;
	width:170px;
	border-color:#ccc;
}

/*  ----------------------------------------------------------------------------- UL */

#menu ul {
	list-style-type:none;
	margin: 0;
	padding: 0;
	padding-left:10px;
}

/*  ----------------------------------------------------------------------------- LI */

#menu li {position: relative;}

/*  ------------------------------------------------------------------------- LINKKI */

#menu a{
	background-image: url(../kuvat/nuoli.png);
	background-repeat: no-repeat;
	background-position: 8px 50%;
	font:bold 12px/14px arial,helvetica,sans-serif;
	text-decoration: none;
	color:#aaa;
	padding:0 0 5px 0;
	display:block;
	margin: 0;	
	padding-left:25px;
}

/*  ------------------------------------------------------------------- LINKKI HOVER */

#menu a:hover {

	background-image: url(../kuvat/nuoli_tumma.png);
	background-repeat: no-repeat;
	background-position: 8px 50%;
	
	border-style:solid;
	border-width:1px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-right-width: 0px;
	border-left-width:0px;	
	border-color:#ccc;
	
	color:#0000ff;
	display:block;

}

/*  ------------------------------------------------------------------------ VALITTU */

#menu .valittu{

	background-image: url(../kuvat/nappi_valittu.png);
	background-repeat: no-repeat;
	background-position: 0px 50%;
	color:#000;
	display:block;

	z-index: 1;
}

/*  -------------------------------------------------------------- LINKKI AKTIIVINEN */

#menu a:active{
	color:#ffff00;
}

/*  --------------------------------------------------------------- LINKKI VIERAILTU */

#menu a:visited {
	text-decoration: none;
}


/*  ----------------------------------------------------------------------- DROPPI 1 */

#menu ul ul {
	background-image: url(../kuvat/menu_tausta_droppi.png);
	padding:5px 0 0 0;
	width:170px;
	position: absolute;
	top: 0;
	z-index: 499;
	left: 100%;
	border:1px solid #ccc;
	background-color:#f8f8f8;
}


/*  ----------------------------------------------------------------------- DROPPI 2 */

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


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

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