@charset "iso-8859-1";

/******************************************************************************
Peruselementtien määrittelyt ilman luokkia.
********************************************************************************/
body {
	text-align: left;
	font-family: Arial, Verdana, Times New Roman, Sans-Serif ;
	font-size: smaller;
	margin-left: 20px;  /* valkoiset reunat taulukon ulkopuolelle */
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}

p
{
	padding-bottom: 15px;
	margin-top: 0px; 
	margin-bottom: 0px;
}

tt 
{
	font-size:small;
}

/** Listat **/

ol 
{
	margin-top: 0px; 
}


ul 
{
	margin-top: 0px; 
	list-style-type: disc ;
	list-style-position: outside;
}

dl 
{
	margin-top: 0px;
}

dt 
{
	 font-style:oblique ;
	 vertical-align: top;
}
dd 
{
	margin-left: 0px;
	margin-bottom: 5px;
}

/** Taulut **/

table 
{
	border-collapse: collapse;
	padding: 25px 25px 25px 25px;
	border: dashed 8px black;

}


tr, td, th
{
	vertical-align: top;
	text-align: center;
}

/* <!-- th 
{
	border-bottom: dashed thin #00CC00;    	
} */

/* Laitetaan kaikki viivat samanvärisiksi kuin päätaulukko */
hr 
{
	/* Ei ole standardin mukainen! */
	color: Green;
	height: 1px;
}

/* Muutetaan kaikki linkit mustiksi */
*:link, :visited, :active, :visited 
{
	color: Black;
}


/** Otsikot */

h1 {
	font-weight: bolder;
	text-indent:0pt;
	margin-left:0pt;
	margin-right:0pt;
	margin-top:0pt;
	margin-bottom:0pt;
	font-size: medium;
}

h2 {
	font-weight: bold;
	text-indent:0pt;
	margin-left:0pt;
	margin-right:0pt;
	margin-top:0pt;
	margin-bottom:0pt;
	font-size:small;
}

h3 {
	font-weight: normal;
	font-style: italic;
	text-indent:0pt;
	margin-left:0pt;
	margin-right:0pt;
	margin-top:0pt;
	margin-bottom:0pt;
	font-size:small;
	font-weight: bold;
}

/** Asetetaan kuviin mustat kehykset. Suurin osa kuvista on linkkejä, joten niissä on muuten oletuksena 
siniset kehykset */
img
{
    border-color: black;
    border-style: solid;
    border-width: 1px;
    border-right: black 1px;
    border-top: black 1px;
    border-left: black 1px;
    border-bottom: black 1px;
}


/*************************************************************************
Ylätunnisteeseen liittyvät asetukset
***************************************************************************/

div.ylatunniste 
{
	top: 10px;
	height: 70px;
    width: 100%;
    bottom: auto;
	font-family: Arial Black, Arial, Verdana, Times New Roman, Sans-Serif;
	font-size: 12.0pt;
	font-weight: normal;
	font-variant: small-caps;    
}

div.ylatunniste span {
	white-space: nowrap;
	margin-top: 20px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #00CC00;
	text-align: right;

}

div.ylatunniste img 
{
	position: absolute;
	left: 70px;
	border-style: none;
}

div.ylatunniste span.ylapalkkivasen 
{
	position: absolute;
	width: 10px;
}

div.ylatunniste span.ylapalkkikeski
{
	position: absolute;
	/*right: 50px;*/
	left: 155px;
	bottom: auto;
	top: auto;
	margin-left: 5px;
}

.noborder
{
	border-style: none;
}

/****************************************************************************
Vasen navigointipalkki
****************************************************************************/
.vasennavigointi, .vasennavigointi a, .vasennavigointi a:active, .vasennavigointi a:visited, .vasennavigointi a:link  
{
	background-color: #FFFF66;
	font-size: 12.0px;
	font-weight: bold;
	font-size:  medium;
	font-variant: small-caps;	
	text-align: left;
	color: Black;
	text-decoration: none;
	white-space: nowrap;
	/*Kovakoodattu leveys!*/
	width: 180px;
	padding: 0px 10px 0px 10px ; /* top, right, bottom,left */
	margin:  0px 0px 0px 0px;
}

/*
Asetukset, kun focus on linkin päällä
*/
.vasennavigointi a:hover 
{
	background-color: #FFFFFF;
	cursor: pointer;
}
.vasennavigointi a:active {
	color: #FFFFFF;
	background-color: #C90005;
	text-decoration: none;
}


/*
Keskellä oleva varsinainen leipäteksti
*/
#main 
{ 
	width: auto;
    height: auto;
	text-align: center;
	padding-left: 30px;
    /* padding: 5px 5px 5px 15px; */
    /* border-left: solid 1px black; */
	/* border-top: solid 1px black; */
	/* width: 700px; */
    
 }


/* alisivujen leipatekstit */
#leipis
{
    width: auto;
    height: auto;
    text-align: left;
    padding-left: 25px;
    padding-right: 25px;
}


/****************************************************************************
Oikea navigointipalkki, käytetään ainakin toimintasivuilla
****************************************************************************/
span.oikeanavigointi
{
	text-decoration: none;
	display: block;
	margin:  5px 5px 5px 10px;
	padding: 5px 5px 5px 5px;
	border-width: 1px 1px 1px 1px;
	/* Väri: sama harmaa kuin sivuotsikossa */
	border-color: #00CC00;
	border-style: dashed;
	font-size: small;
	width: 180px;
	float: right;
}

.oikeanavigointiteksti, .oikeanavigointiteksti:active, .oikeanavigointiteksti:visited, .oikeanavigointiteksti:link
{
	display: list-item;
	list-style-type: none;
	margin: 0px 0px 0px 0px;	
	margin-bottom: 3px;
	font-weight: bold;
	font-size:  small;	
	text-align:left;
	color: Black;
	text-decoration: none;
	white-space: nowrap;
	width: 180px;
	padding: 0px 0px 0px 0px ;
}

/* Asetukset, kun focus on linkin päällä */
.oikeanavigointiteksti:hover 
{
	background-color: #00CC00;
	cursor: pointer;	
}


/****************************************************************************
Valokuvalaatikkoihin (=sivujen kuvien laatikot) tarvittavien tyyppien määrittelyt
****************************************************************************/

.valokuvalaatikko
{	
	margin:  2px 2px 2px 2px;
	border-width: 0px 0px 0px 0px;
	border-style: none;
}

.kapea 
{
	/* Sama leveys kuin KSX-standardi thumbnail-kuvissa */
	width: 205px;
}

.levea 
{
	width: 100%;
}

.floatright 
{
	/** Keskittyy oikealle.  */
	float: right;
}

.floatleft 
{
	/** Keskittyy vasemmalle.  */
	float: left;	
}

.floatnone 
{
	/** Keskittyy eimihinkään.  */
	float: none;	
}

.clearright 
{
	clear: right;
}

.clearleft 
{
	clear: left;
}

/****************************************************************************
Infolaatikoihin tarvittavien tyyppien määrittelyt
****************************************************************************/

span.infolaatikko
{
	display: block;
	margin:  5px 5px 5px 10px;
	padding: 5px 5px 5px 5px;
	border-width: 1px 1px 1px 1px;
	/* Värinä sama harmaa kuin sivuotsikossa */
	border-color: #00CC00;
	border-style: dashed;
	width: 250px;
}

/** Infolaatikko, jossa linkit ovat normaalin kokoisia */
span.normaalilinkit a, span.normaalilinkit a:visited, span.normaalilinkit a:active, span.normaalilinkit a:link
{
	font-style: normal;
	font-size: 1em;
}


/* Koko infolaatikon otsikkotyypit */
span.infolaatikkootsikko, span.infolaatikko span.infolaatikkootsikko
{
	border-bottom-style: solid;
	border-color: #00CC00;
	border-width: thin;
	font-weight: normal ;
	font-style: normal;
	font-size: small;
	font-variant: small-caps;
	text-indent:0pt;
	text-align: right;
	display: list-item;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	
}

span.infolaatikko a.otsikkolinkki, span.infolaatikko a.otsikkolinkki:visited, span.infolaatikko a.otsikkolinkki:active, span.infolaatikko a.otsikkolinkki:link
{
	border-bottom-style: solid;
	border-color: #00CC00;
	border-width: thin;
	font-weight: normal ;
	font-style: normal;
	font-size: small;
	font-variant: small-caps;
	text-indent:0pt;
	text-align: right;
	display: list-item;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	text-decoration: none;
}

/** infolaatikossa olevien itemeiden "header" */
span.infolaatikko span 
{
	display: list-item;
	list-style-type: none;
	margin:   4px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: xx-small;
	font-weight: bold;
	font-style: italic;
}

/* Infolaatikosta ulos johtavat linkit */
span.infolaatikko a 
{
	text-decoration: underline;
	font-size: smaller;
	font-style: oblique;
}


/****************************************************************************
Teksti ahtaisiin paikkoihin
****************************************************************************/
.pieninowrap 
{
	font-size: x-small;
	white-space: nowrap;
}

div.alatunniste
{
    top: 10px;
    height: 70px;
    width: 100%;
    bottom: auto;
    font-family: Arial Black, Arial, Verdana, Times New Roman, Sans-Serif;
    font-size: 10.0pt;
    font-weight: normal;
    font-variant: small-caps;
    color: silver;
}