body {margin-top:0px;
      margin-left:0px;
      margin-right:0px;
      background-color:transparent;
      background-image:url(kuvat/hake_tausta.gif);
      background-repeat:repeat-y;
    }

#yla {height:118px;
      border:0px;
      margin-top:0px;
      margin-left:0px;
      background-color: #fff;
	    color: #006;
	    margin-bottom: 0px;
	    background-image:url(kuvat/yla_tausta.gif);
      background-repeat:repeat-x;
      }

#button {
	width: 10em;
	float:left;
	border-right: 1px solid #000;
	padding: 0 0 1em 0;
	margin-bottom: 1em;
	font-family: Helvetica, Arial, sans-serif;
	background-color: #90bade;
	color: #333;
	}

#button ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
#button li {
		border-bottom: 1px solid #90bade;
		margin: 0;
		}

#button li a {
		display: block;
		padding: 5px 5px 5px 0.5em;
		border-left: 10px solid #1958b7;
		border-right: 10px solid #508fc4;
		background-color: #2175bc;
		color: #fff;
		text-decoration: none;
		width: 100%;
		}

html>body #button li a {
		width: auto;
		}

#button li a:hover {
		border-left: 10px solid #1c64d1;
		border-right: 10px solid #5ba3e0;
		background-color: #2586d7;
		color: #fff;
		}



#hakemisto {
    top:118px;
    padding-top:1em;
    width:10em;
    /*width: 180px;*/
	  float: left;
	  /*margin-left: -1px;*/
	  /*padding: 10px;*/
	  /*border-left-style:solid;
	  border-left-width:1px;
	  border-left-color:#fff;*/
    }


#kehys {top:118px;
        padding-left: 0px;
	      margin-left: 185px;
	      /*border-left: 1px solid #006;*/
        }


#content {
	padding: 10px;
	margin-left: 210px;
	border-left: 1px solid #006;
	}

#header {
	background-color: #fff;
	color: #006;
	border-bottom: 1px solid #006;
	margin-bottom: 0px;
	}
	
/*#footer {
	background-color: #fff;
	color: #006;
	border-top: 1px solid #006;
	font-size: 11px;
	text-align: right;
	padding: 2px 10px 0 0;
	clear: both;
	}*/


/*table {/*border:solid;
       border-width:1px
       border-color:#90bade;*/
       /*font-size:smaller;
       background-color:#90BADE;
       font-family:Arial, Helvetica, Sans-serif;
       }

/*thead  { 
     background:#1C64D1;
     color:#ffffff;
     text-align:center;
     font-family:Arial, Helvetica, Sans-serif;
     font-weight:bold;
     font-size:130%;
     }

tr.vali {
    font-family:Arial, Helvetica, Sans-serif;
    background-color:#2586D7;
    color:#ffffff;
    font-weight:bold;
    }

/*td {
    font-family:Arial, Helvetica, Sans-serif;
    }*/


.solu {width:150px;
      border-style:solid;
      border-width:1px;
      border-color:blue;
      float:left;
      }

/*GALLERIA*/

.sisenna {padding-left:4em;}


/*Otsikot, linkit ym...*/
    
h1 {
  margin-top:0px;
	font-size: 150%;
	font-weight: normal;
	}
h2 {
	padding-top:2em;
	font-size: 120%;
	font-weight: normal;
	}
h3 {
	font-size: 100%;
	font-weight: bold;
	}
h4 {
	font-size: 80%;
	font-weight: bold;
	}
	
a:link {
	}
a:visited {
	}
a:active {
	}
a:hover {
	}

em {font-weight:bold;}

.lista1{
      width:90%;
      max-width:800px;
      list-style-position: outside;
      font-family:Arial, Helvetica, Sans-serif;
      font-size:smaller;
      background:#ffffff;
      /*border-style:solid;
      border-width:1px;
      border-color:#1C64D1;*/
      list-style-type:none;
    }
          
.lista2 {
      background-image: url(kuvat/linkki.gif);
      background-repeat: no-repeat;
      background-position: center left;
      border-style:solid;
      border-width:1px;
      border-color:#1c64d1;
      padding:0.4em;
      padding-left:5em;
      background-color:#90bade;
    }