html {                                  /* body korvaa <body>:n edellisestä koodista*/
height: 100%;
margin: 0;
padding: 0;
text-align: center;
font: 13px verdana;
}

body {
background: url("../images/ylapalkki_syksy.jpg") 0% 0% no-repeat fixed;
background-color: #c2b485;
margin: 0px;
padding: 0;
text-align: center;
font: 13px verdana;
}

#yla{
	height: 180px;
}

#runko{                       /* tämä on runko*/
border: 1px solid darkGreen;
background-color: #FFFFFF;
filter: alpha(opacity=90);
-moz-opacity: 0.90;
opacity: 0.90;
margin-top: 0px;
text-align: left;
margin-left: auto;
margin-right: auto;
width: 984px;
}

#logo{                   /* Logo tulee tähän*/
height: 80px;
border: 0px solid black;
font: 24px verdana;
color: DarkGreen;
text-align: center;
padding-top: 10px;
padding-bottom: 20px;
margin-bottom: 0px;
}

#sisalto{                    /* Sisaltorunko.*/
border: 0px solid black;
text-align: left;
padding-left:25px;
padding-right:45px;
margin-bottom: 0px;
}

.vasen{
    padding-top: 20px;
    font-size: 10pt;
    color: DarkGreen;
    font-weight:bold;
}
.piste{
    /*background: url(images/piste.gif) repeat-y;*/
    border-right: 1px dotted DarkGreen;
}
#ala{                         /* Alapalkkia voit puolestaan muokata tässä.*/
height: 20px;
border-top: 1px dotted DarkGreen;
/*background: url(images/piste.gif) repeat-x;*/
font: 8pt verdana;
color: DarkGreen;
text-align: center;
padding-top: 5px;
margin-bottom: 0px;
}
.tekstit{
    font-size: 10pt;
    font-family: verdana;
    color: black;
    border: 0px solid black;
    padding-left:10px;
}
.ap_table td{
    font-size: 10pt;
    font-family: verdana;
    color: black;
    border-bottom: 1px solid black;
}
.tekstit a{                              
color: black;
font-weight:normal;
text-decoration: underline;
font-family: verdana;
}
.tekstit a:visited{                             
color: black;
font-weight:normal;
text-decoration: underline;
font-family: verdana;
}
.tekstit a:active{                              
color: black;
text-decoration: underline;
font-family: verdana;
}

.tekstit a:hover {
color: black;
text-decoration:none;
font-family: verdana;
}
a:link{                              
color: black;
font-weight:normal;
text-decoration: underline;
font-family: verdana;
}
a:visited{                              
color: black;
text-decoration: underline;
font-family: verdana;
}
a:active{                               
color: black;
text-decoration: underline;
font-family: verdana;
}

a:hover {
color: black;
text-decoration:none;
font-family: verdana;
}
.paalinkki a {
    color:DarkGreen;
    font-weight: bold;
	text-decoration:none;
}
.paalinkki a:visited {
    color:DarkGreen;
    font-weight: bold;
	text-decoration:none;
}
.paalinkki a:hover {
    color:DarkGreen;
    font-weight: bold;
    text-decoration: underline;
}
li{
    padding-top:10px;
}
ul.paalinkki {
    list-style-type:square;
}
.alalinkki a {
    color:DarkGreen;
    font-weight: normal;
}
.alalinkki a:visited {
    color:DarkGreen;
    font-weight: normal;
}
.alalinkki a:hover {
    color:DarkGreen;
    font-weight: normal;
	text-decoration: underline;
}
h1{
	color:black;
	font-size: 1.3em;
}
h2{
	color:black;
	font-size: 1.2em;
}
h3{
	color:black;
	font-size: 1.1em;
}
h4{
	color:black;
	font-size: 1em;
}
h5{
	color:black;
	font-size: 0.9em;
}
h6{
	color:black;
	font-size: 0.8em;
}
form{
	padding: 6;
	border: 1px solid grey;
}
input{
	border: 1px solid grey;
}
textarea{
	border: 1px solid grey;
}

