html, body {
	font-family:Arial, Helvetica, sans-serif;
	margin-top:0px;
	margin-bottom:0px;
	padding: 0;
	height: 100%;
	background: url(tausta.png);
}
/*=======================================
 * DIV OSIEN MÄÄRITYKSET
 *=======================================*/

/*---------------------------------------
 * KEHYSULOMPI
 *---------------------------------------*/  
div#kehysulompi {
	margin-left: auto;
	margin-right: auto;
	width: 1096px;
    position: relative;
    min-height: 100%;
    height: 100%;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: auto;
}

/*---------------------------------------
 * REUNAVASEN
 *---------------------------------------*/
div#reunavasen {
   	overflow: visible;
	position: relative;	
	float: left;
    width: 146px;
    height: 611px;
	display:inline;
	background: url(vasensivupalkki.png);
}

/*---------------------------------------
 * REUNAOIKEA
 *---------------------------------------*/
div#reunaoikea {
   	overflow: visible;
	position: relative;	
	float: right;
    width: 146px;
    height: 611px;
	display:inline;
	background: url(oikeasivupalkki.png);

}
 

/*---------------------------------------
 * KEHYS
 * toimii kehyksenä muille layoutin
 * elementeille
 *---------------------------------------*/
div#kehys {
	margin-left: 146px;
	margin-right: 146px;
	width: 802px;
    min-height: 100%;
    height: 100%;
    height: auto;
    clear:none;
}
	
/* IE hack... */
html>body #container {
    height: auto;
	}

/*---------------------------------------
 * YLAOSA
 * yläosa sisältää uloskirjautumislinkin
 * ja tiedon kirjautuneesta käyttäjästä
 *---------------------------------------*/
div#ylaosa {
    background: url(ylaotsikko.png);
	width: 802px;
	height:287px;
}

/*---------------------------------------
 * NAVI
 * navigaatiopalkki
 *---------------------------------------*/
div#navi {
	width: 802px;
	height: 109px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	float: left;
}

/*---------------------------------------
 * VASENSIVU
 * vasensivu 
 *---------------------------------------*/
div#vasensivu {
   	overflow: visible;
	position: relative;	
	float: left;
	padding-left:10px;
	width: 210px;
}

/*---------------------------------------
 * WRAPPERI
 * kehys sisällölle ja vasemmalle palkille 
 *---------------------------------------*/
#wrapperi {
   	overflow: visible;
	position: relative;	
	float: left;
	width: 802px;
	height: 100%;
	min-height: 490px;
	background: url(taustapuu2.png);
}


/*---------------------------------------
 * SISALTO KEHYS
 * kehys keskisisällölle 
 *---------------------------------------*/
div#sisalto {
	overflow: visible;
	position: relative;	
   	float: left;
	border-left: 200px;
	width: 582px;
}

/*---------------------------------------
 * SISALTODIV
 * varsinainen sisältö 
 *---------------------------------------*/
div.sisaltodiv {
	background: url(taustasisalto.png) repeat-x;
	background-color: #1a1816;
	color: #98a9aa;
	margin-right: 15px;
	padding: 15px;
}

div.vasensisaltodiv {
	background: url(taustasisalto.png) repeat-x;
	background-color: #1a1816;
	color: #98a9aa;
	margin-right: 15px;
	padding: 10px;
	font-size: 10pt;
}

/*---------------------------------------
 * OTSIKKODIV
 * Otsikkokenttä sisallon div:lle 
 *---------------------------------------*/
div.otsikkodiv {
	background-color: #1a1816;
	background: url("otsikkotausta2.gif");
	color: white;
	margin-right: 15px;
	padding: 5px;
	font-size: 10pt;
}

/*---------------------------------------
 * VASENOTSIKKODIV
 * Otsikkokenttä vasemman sisallon div:lle 
 *---------------------------------------*/
div.vasenotsikkodiv {
	background-color: #1a1816;
	background: url("otsikkotausta2.gif");
	color: white;
	margin-right: 15px;
	padding: 5px;
	font-size: 10pt;
}


/*---------------------------------------
 * ALAOSA
 * copyright tieto yms.
 *---------------------------------------*/
div#alaosa {
	background: url(alapalkki.png);
	width: 802px;
	height: 123px;
	text-align: center;
	float:left;
}

p#alateksti {
	padding-top:80px;
	vertical-align: bottom;
	
}

/*=======================================
 * NAVIGAATIOPALKIN TYYLI
 *=======================================*/
/*
#navi {
    float:left;
    width:100%;
    background:white url(../kuvat/alaviiva.png)       repeat-x bottom;
    font-size:93%;
    line-height:normal;
}
*/
/*
#navi ul {
    margin:0;
	padding:10px 10px 0;
    list-style:none;
}
	
#navi li {
    float:left;
	background: url(../kuvat/tab-oikea-harmaa.png)       no-repeat right top;
   margin-left:3px;
}
*/

#navi a {
	border: 0px;
	margin: 0px;
	padding: 0px;
	float: left;
	/*
	text-transform:uppercase;
	text-decoration:none;
	color:#666666;
    display:block;
	background: url(../kuvat/tab-vasen-harmaa.png)       no-repeat left top;
	/* alkuper. 15px. muutos safarin takia */
	/*padding:5px 10px 4px; */
}

#navi img{
	border: 0px;
	padding: 0px;
	margin: 0px;
	float:left;
}


/*---------------------------------------
 * linkin yläpuolella -efekti
 *---------------------------------------*/
/*
 #navi li:hover {
    float:left;
	background: url(../kuvat/tab-oikea-valkoinen.png)       no-repeat right top; */
   /* margin:0px;*/
  /* margin-left:3px; 
} */
/*
#navi a:hover {
	color: #666666;
    display:block;
	background: url(../kuvat/tab-vasen-valkoinen.png)       no-repeat left top;
	/* alkuper. 15px. muutos safarin takia 
	padding:5px 10px 4px;
} */



/*---------------------------------------
 * valittuna efekti
 *---------------------------------------*/
/*
#navi #valittu {
	background-image: url(../kuvat/tab-oikea-valittu.png);
}

#navi #valittu a {
	color: #333333;
    background-image: url(../kuvat/tab-vasen-valittu.png);
	padding-bottom:5px;
}
*/

/*=======================================
 * KAIKILLE YHTEISIÄ ELEMENTTITYYLEJÄ
 *=======================================*/
 
/*---------------------------------------
 * talulukko
 *---------------------------------------*/
/*
 table {
	width: 100%;
	text-align:left;
}


h1 {
	font-size:18px;
	text-transform:uppercase;
	text-align:left;
	font-weight:bold;
}

h2 {
	font-size:16px;
	text-transform:uppercase;
	text-align:left;
	font-weight:bold;
}

h3 {
	font-size:14px;
	text-transform:uppercase;
	text-align:left;
	font-weight:bold;
}

h4, legend {
	font-size:14px;
	text-transform:uppercase;
	text-align:left;
	font-style: normal;
	font-weight:normal;
}

h5 {
	font-size:14px;
	text-transform:capitalize;
	text-align:left;
	font-weight:normal;
}
*/
p {
	font-size:10pt;
}

/*
label {
	font-size:14px;
}

a.linkki {
	font-size:12px;
}
*/
a {
	color: #d4e4e6;
	text-decoration: none;
}

a:hover {
	color: white;
	text-decoration: underline;
}

a img {
	border: 0px;
}