.otsikko { color: #0000A0; font-weight: bold; font-size: 20px;
         font-family: Comic Sans MS;
         margin-top: 5px }

.otsikko2 { color: #3C3D3F; font-weight: bold; font-size: 18px;
         font-family: Verdana;
         margin-top: 5px }

         .ingressi { color: #3C3D3F; font-weight: bold; font-size: 14px;
         font-family: Verdana, Arial, Helvetica }

         .leipis { color: #191919; font-size: 12px; font-family: Verdana; margin-top: 5px }

         .leipis6 { color: #191919; font-size: 6px; font-family: Arial; margin-top: 5px }

         .leipis8 { color: #191919; font-size: 8px; font-family: Tahoma; margin-top: 5px }

         .leipis10 { color: #191919; font-size: 10px; font-family: Comic Sans MS; margin-top: 5px }

         .leipis12 { color: #9F3A11; font-size: 12px; font-family: Comic Sans MS; margin-top: 5px }

         .leipis14 { color: #9F3A11; font-size: 14px; font-family: Comic Sans MS; margin-top: 5px }

         .leipis16 { color: #191919; font-size: 16px; font-family: Comic Sans MS; margin-top: 5px }

         .leipis18 { color: #191919; font-size: 18px; font-family: Comic Sans MS; margin-top: 5px }

         .leipis20 { color: #191919; font-size: 20px; font-family: Comic Sans MS; margin-top: 5px }

         .leipis22 { color: #191919; font-size: 22px; font-family: Comic Sans MS; margin-top: 5px }

         .leipis24 { color: #191919; font-size: 24px; font-family: Comic Sans MS; margin-top: 5px }

         .leipis26 { color: #191919; font-size: 26px; font-family: Comic Sans MS; margin-top: 5px }

         .leipis28 { color: #191919; font-size: 28px; font-family: Comic Sans MS; margin-top: 5px }

         .leipis30 { color: #191919; font-size: 30px; font-family: Comic Sans MS; margin-top: 5px }

         .leipis32 { color: #191919; font-size: 32px; font-family: Comic Sans MS; margin-top: 5px }

         .aktiivi { color: #ffffff; font-size: 12px; font-family: Comic Sans MS; margin-top: 5px }

         .alivali { color: #004200; font-size: 12px; font-family: Comic Sans MS, Verdana, Arial,
         Helvetica; margin-top: 5px }


/*navigointilinkkien värit*/

a:link, a:visited { color: #00367C; text-decoration: none; }
a:hover { color: #FF8222; text-decoration: none; }

p,dl { margin-left: 8%; margin-right:4% left: 160px}
p,table,ul,ol,td, dd, dt { font-size: 12pt}

 ul,ol { margin-left: 8%; 
         list-style-position: inside
       }

         a { color:: #3C3D3F; font-weight: bold; font-size: 12px; font-family:
         Verdana; }


.painike11 {background: #FF0000; width: 130px;}

.painike12 {background: #FFFFFF; width: 130px;}

.painike13 {width: 130px;}

.painike14 {background: #FFA734; width: 130px;}

.painike15 {background: #FFA734; width: 150px;}

.painike16 {background: #A2B3C9; width: 80px;}

.painike17 {background: #A2B3C9; width: 164px;}


.painike1 {background: #D6F3FF; width: 130px;}FF0000

.painike2 {background: #6caece; width: 100px;}

.painike3 {background: #e2f8fe; width: 160px;}

.painike4 {background: #e2f8fe; width: 204px;}

.painike5 {background: #e2f8fe; width: 130px;}