body
{
   border-style:solid;
   border-width:0px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
}

.navi1
{
   color: #ffffff;
   font-family: Georgia, "Times New Roman", Times, serif, Arial;
   font-size: 12px;
   text-transform: uppercase;
   font-weight: bold;
   text-decoration: none;
}

A.navi1:link
{
   text-decoration: none;
   color: #FFFFFF;
}

.navi2
{
   text-decoration: none;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #000000;
   text-transform: uppercase;
   font-weight: normal;
}

A.navi2:visited
{
   color: #333333;
   text-decoration: none;
}

A.navi2:hover
{
   text-decoration: underline;
}

A.navi2:link
{
   color: #000000;
}

.navi3
{
   text-decoration: none;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #000000;
   text-transform: uppercase;
   font-weight: normal;
}

A.navi3:visited
{
   color: #333333;
   text-decoration: none;
}

A.navi3:hover
{
   text-decoration: underline;
}

A.navi3:link
{
   color: #000000;
}

.navi4
{
   text-decoration: none;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #000000;
   text-transform: uppercase;
   font-weight: normal;
}

A.navi4:visited
{
   color: #333333;
   text-decoration: none;
}

A.navi4:hover
{
   text-decoration: underline;
}

A.navi4:link
{
   color: #000000;
}

.lomake
{
   font-size: 10px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}

.pikanavi
{
   font-size: 9pt;
   font-family: Arial, Helvetica;
}

.navipolku
{
   color: #000000;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   font-weight: normal;
   padding-left: 25px;
   padding-top: 10px;
   list-style: none url("images/kolmio.gif");
   text-decoration: none;
   float: left;
   width: 480px;
}

.navipolku ul
{
   margin: 0;
   padding: 0;
}

A.navipolku:visited
{
   text-decoration: none;
}

A.navipolku:hover
{
   text-decoration: none;
   background-color: #EFF8FC;
}

A.navipolku:link
{
   text-decoration: none;
}

.leipis
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
}

.leipis h1
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 18px;
   font-weight: bold;
}

.leipis h2
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-weight: bold;
}

A.leipis:link
{
   text-decoration: underline;
   color: #000000;
}

.aika
{
   text-decoration: none;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #000000;
}

select
{
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:10;
   color:#000000;
   background-color:#E2ECF5;
}

.otsikko1
{
   text-decoration: none;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16px;
   font-weight: bold
}

.otsikko2
{
   text-decoration: none;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-weight: bold;
}

.otsikko3
{
   text-decoration: none;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
}

.otsikko4
{
   text-decoration: none;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   font-weight: bold;
}

.valikko
{
   padding: 15px 0px 0px 0px;
   width: 190px;
   float: left;
   margin: 0;
}

.valikko img
{
   border: 0;
   padding: 0;
   margin: 0;
   display: block;
}

.valikko_ala
{
   border-left: 1px solid #00AABA;
   border-right: 1px solid #ACB2BA;
}

.yhteystiedot
{
   width: 190px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   padding-top: 30px;
   padding-bottom: 15px;
   margin-bottom: 0px;
   text-align: center;
   color: #696969;
}

.loota
{
   float: right;
   width: 120px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   margin-top: 0px;
   background-image: url( images/lootabg.jpg );
   background-repeat: repeat-y;
}

.loota p
{
   margin: 0;
   padding: 0;
}

.loota a
{
   font-size: 10px;
   text-decoration: none;
   color: #000000;
}

.loota a:visited
{
   color: #000000;
}

.loota a:hover
{
   text-decoration: underline;
}

.loota ul
{
   margin: 0px 0px 0px 12px;
   padding: 0;
}

.loota li
{
   margin-left: 0px;
   padding-left: 0px;
}

.loota .otsikko1
{
   font-size: 14px;
   margin-top: 0;
   padding-top: 0;
}

.lcontent
{
   padding: 0px 12px 0px 5px;
}

.ltop
{
   background-image: url( images/lootatop.jpg );
   background-repeat: no-repeat;
   width: 120px;
   height: 20px;
}

.lbottom
{
   background-image: url( images/lootabot.jpg );
   background-repeat: no-repeat;
   width: 120px;
   height: 28px;

}

#menu a
{
   text-decoration: none;
   color: black;
   font-family: Verdana;
   font-size: 12px;
   display: block;
}

.level1ul
{
   list-style-type: none;
   display: block;
   padding: 0px;
   margin: 0px 0px 0px 2px;
   background-color: lightgray;
}

.level2ul
{
   display: block;
   list-style-type: none;
   background-color: darkgray;
   margin: 0;
   padding: 0;
}

.level3ul
{
   display: block;
   list-style-type: none;
   background-color: #959595;
   margin: 0;
   padding: 0;
   padding-bottom: 3px;
}

.level1
{
   padding: 0;
   margin: 0;
   display: block;
   vertical-align: middle;
   line-height: 26px;
   border-top-width: 1px;
   border-top-style: solid;
   border-top-color: white;
}

.level1a
{
   padding: 0;
   margin: 0;
   display: block;
   vertical-align: middle;
   line-height: 26px;
   background-color: darkgray;
   border-top-width: 1px;
   border-top-style: solid;
   border-top-color: white;
}

.level1 a
{
   padding-left: 3px !important;
}

.level1a a
{
   color: white !important;
   padding-left: 3px !important;
}

.level2
{
   line-height: 16px;
}

.level2a
{
   line-height: 16px;
   background-color: #959595;
}

.level2 a
{
   color: black !important;
   font-size: 11px !important;
   padding-left: 10px !important;
}

.level2a a
{
   color: white !important;
   font-size: 11px !important;
   padding-left: 10px !important;

}

.level3
{
   line-height: 13px;
}

.level3a
{
   line-height: 13px;
}

.level3 a
{
   color: black !important;
   font-size: 10px !important;
   padding-left: 15px !important;
}

.level3a a
{
   color: white !important;
   font-size: 10px !important;
   padding-left: 15px !important;

}


/*
#menu ul
{
   list-style-type: none;
   margin: 0px;
   padding-left: 5px;
   padding-right: 0px;
   display: block;
}

.level1ul
{
   display: block;
   background-color: gray;
}

.level1:hover
{
   background-color: #40507B;
}



.level2
{
   padding: 0px 3px 0px 3px;
   background-color: #40507B;
}

.level2:hover
{
   background-color: blue;
}

.level3
{
   padding: 0px 3px 0px 3px;
   background-color: #40507B;
}

.level3:hover
{
   background-color: blue;
}

.level1 a
{
   margin: 0;
   display: block;
   color: black;
   text-decoration: none;
   font-size: 14px;
   font-weight: bold;
   margin: 0;
}

.level2 a
{
   margin: 0;
   display: block;
   color: black;
   text-decoration: none;
   font-size: 13px;
   font-weight: normal;
   margin: 0;
}

.level3 a
{
   margin: 0;
   display: block;
   color: black;
   text-decoration: none;
   font-size: 13px;
   font-weight: normal;
   margin: 0;
}
*/


.content
{
   padding-top: 10px;
   padding-left: 10px;
   width: 550px;
   float: left;
}


.container
{
   width: 756px;
   border-top: 1px solid #C0C0C0;
   border-bottom: 1px solid #C0C0C0;
   background-image: url( images/contentbg.png );
   background-repeat: repeat-y;
}

.navipolku a
{
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   text-decoration: none;
   color: black;
}

.navipolku a:hover
{
   text-decoration: none;
}


.page
{
   width: 756px;
   margin-left: auto;
   margin-right: auto;
}
.header
{
   background-image: url( images/header.jpg );
   background-repeat: no-repeat;
   width: 756px;
   height: 158px;
}
.header a
{
   display: block;
   width: 756px;
   height: 158px;
   text-decoration: none;
}

.banners
{
   margin-top: 15px;
   text-align: center;
}

.banners a
{
   margin: 0;
   padding: 0;
   display: block;
}

.banners img
{
   margin-top: 0;
   margin-bottom: 0;
   margin-left: auto;
   margin-right: auto;
   display: block;
   padding: 0;
   border: 0;
}