body{
  font-family: arial, verdana, sans-serif;font-size:1em;
        background:white;
        color: navy;
        margin: 0;
        padding: 0;
        line-height:150%;
       }
hr{border:1px solid navy;
}
div.yla{
  background: #CCCCFF;
        border-bottom: 1px solid silver;
        margin: 0;
        padding: 0;
        vertical-align: top;
        height:150px;
        background-image: url(images/logopalkki.jpg);
        background-repeat:no-repeat;
}
div.yla h1{
  margin: 0;
        padding: 15px 10px 10px;
        text-align: right;
        letter-spacing: 0.6em;
        font-size: 18pt;
        text-transform: uppercase;
        color:  white;
                                border-bottom:1px solid silver;
}
div.yla img{
  margin: 0;
        padding: 0;
        float: left;
        }
        #searchbox{float:right;
        }
/********************************************************************
* Vasemman reunan linkkipalkin asetukset
*********************************************************************/
div.vasen{
  background-color: white;
        background-image:url(images/vasenpalkki.jpg);
        background-repeat:no-repeat;
        float: left;
        margin: 0;
        padding: 5px 0px;
        width: 200px;
        font-size: 1em;
        font-weight:bold;
border-right:1px solid navy;
}
div.vasen h2{
  font-size: 14pt;
        margin: 10px;
        padding: 0;
}
div.vasen a{
  display: block;
        margin: 0 10px;
        text-decoration: none;
        color: rgb(0, 0, 80);
        font-size:1em;
}
div.vasen p{
  display: block;
        margin: 0 10px;
        text-decoration: none;
        color: rgb(0, 0, 80);
        font-size:1em;
}
div.vasen a:hover{
  text-decoration: underline;
}
div.vasen a.aktiivinen{
  font-weight: bold;
        padding-left: 10px;
        border-left: 1px solid rgb(0, 0, 80);
        border-bottom: 1px solid rgb(0, 0, 80);
                                font-weight:bold;
}
p.kehys{
  margin: 30px 10px 0;
        padding: 20px 0 0;
        text-align: center;
        font-size: 14pt;
        border-top: 1px solid silver;
}
 ul.menulevel1,ul.menulevel2,ul.menulevel3,ul.sitemaplevel1,ul.sitemaplevel2,ul.sitemaplevel3,ul.submenu,ul.search{
padding: 0;margin-left: 0;list-style: none;}
li{line-height:1.5;}
li.doc{padding-left: 20px;background-image: url(menu/doc.gif);background-repeat: no-repeat; background-position: 5px 3px;}
li.docs{padding-left: 20px;background-image: url(menu/docs.gif);background-repeat: no-repeat; background-position: 5px 3px;}
li.sdoc{padding-left: 20px;background-image: url(menu/sdoc.gif);background-repeat: no-repeat; background-position: 5px 3px;}
li.sdocs{padding-left: 20px;background-image: url(menu/sdocs.gif);background-repeat: no-repeat; background-position: 5px 3px;}
.sitename{font-weight:normal;font-size:20px;letter-spacing:1px;}
.menulevel1,.menulevel2,.menulevel3,.locator,.navigator,.sitemaplevel1,.sitemaplevel2,.sitemaplevel3,.submenu{font-weight:normal;
font-size:1em;color:#000;}
.menulevel1 a:link,.menulevel1 a:visited,.menulevel1 a:active,.menulevel2 a:link,.menulevel2 a:visited,.menulevel2 a:active,
.menulevel3 a:link,.menulevel3 a:visited,.menulevel3 a:active,.locator a:link,.locator a:visited,.locator a:active,.locator
 a:hover,.navigator a:link,.navigator a:visited,.navigator a:active,.navigator a:hover,.sitemaplevel1 a:link,.sitemaplevel2
 a:link,.sitemaplevel3 a:link,.sitemaplevel1 a:visited,.sitemaplevel2 a:visited,.sitemaplevel3 a:visited,.sitemaplevel1
  a:active,.sitemaplevel2 a:active,.sitemaplevel3 a:active{text-decoration:underline;}
.menulevel1 a:hover,.menulevel2 a:hover,.menulevel3 a:hover,.sitemaplevel1 a:hover,.sitemaplevel2 a:hover,.sitemaplevel3
a:hover,.submenu a:link,.submenu a:visited,.submenu a:active{text-decoration:underline; color:navy;}
.submenu a:hover{color:green;
}
.menu{font-weight:normal; font-size:1em; color:#000; padding: 0 0 2px 4px;}
.menu a{text-decoration:underline;font-weight:normal;font-size:1em; }
/********************************************************************
* Sisältöosaa koskevat asetukset
*********************************************************************/
div.sisalto{
  background-color: white;
        background-image:url(images/);
  margin: 0 0 0 200px;
  padding: 20px;
  height:100%;
}
div.sisalto td{border:1px solid navy;text-align:center;
}
pre{
  border: 1px solid black;
        padding: 10px 1em;
}
div.sisalto p{
        margin: 15px 0;
}
div.sisalto h1{
  margin: 0 0 10px 0; font-size:130%;border-bottom:1px solid navy;
}
div.sisalto h2{
  border-bottom: 1px dashed rgb(0, 0, 80);
        margin: 30px 0 0;
}
h2 img{
  border: none;
        margin-left: 20px;
}
div.sisalto h3{
        margin: 25px 0 0;
}
div.sisalto form{
  border: 1px solid rgb(0, 0, 80);
        padding: 10px 20px;
}
div.bottom{height:100px; background-color: #ccccff;clear:both;text-align:center;border-top:2px solid navy;
}
div.bottom img{border:0;
}
.oikealle{float:right;border:none;
}
.vasemmalle{float:left;padding:2%;border:1px dashed silver;
}
.tehtava{border:1px solid navy; background-color:
#ccccff;color:navy;
}
.clear{clear:both;
}
.ylimaaraiset{font-size:0.8em;padding-left:10px;
}
.copyright{font-size:0.8em;
}
.logot{float:right;padding-top:1%;
}
.logot img{border:none;
}
#searchbox{float:left;padding:2px;
}
.yhteystiedot2{text-align:center;font-size:0.8em;color:white;
}
img{border:none;
}
  table.normaali{
  border: 2px solid rgb(0, 0, 80);
        border-collapse: collapse;
}
table.normaali th{
  background: rgb(0, 0, 80);
        color: white;
        text-align: left;
        padding: 2px 10px;
}
table.normaali td{
  margin: 0;
        border: 1px solid rgb(0, 0, 80);
  padding: 2px 10px;
}
div.edit{width:100%;
}