body {
   font-family : sans-serif;
   font-size   : 13px;
   background-color : #FFF;
}


/* Kuvien kehykset pois ja piiloon kartta ja huivi */
img {border : none;}
.leftimg {display: none}
#huivi {display : none}
.bannerit {display : none}
.bannerit img {display : none}
 .left {
   position : absolute;
   border : none;
   top : 0px;
   left : 0px;
   width : auto;
 }

#kulma {display : none;}
.otsake {display : none;}

/* ITSE SIVUN SISÄLLÖN MÄÄREET */

.page {
   position : static;
   width : auto; 
   
   padding : 0px;
   
   margin : 0px;

   border : none;   
  
   background-color : #FFF;
   
   z-index : 99;
}

.page h1, .page h2, .page h3, .page h1 a, .page h2 a, .page h3 a{
   color : #3e649c;
   display : block;
   margin: 0px;
   padding-top : 0px;
   border-bottom : 1px solid #D3D3D3;
   font-weight : normal;
   font-size : x-large;
   text-decoration:none;
}

.page h2, .page h2 a
{
   font-size : large;
   border : none;
}

.page h3, .page h3 a {
   border : none;
   font-size : medium;
}

.page a {text-decoration : none;}

.page img {
   border : 1px solid black;
   margin : 5px;
   width : 48%;
   float : right;
}

.page table {
      width : 100%;
      border: 1px solid #000;
      background-color : #FFFDEF;
      font : 12px verdana, arial;
      margin : 0px;
      padding : 0px;
}

.page table td {
   vertical-align : top;
}


.cap {
   background-color : #FFF;
   border-bottom    : 2px solid #CCC;
   font-weight : bold;
   font-size   : 14px;
}

.page td {
   border-right : 1px solid #CCC;
   border-bottom : 1px dotted #D1D1D1;
}


.title {
   background-color  :#FFF3D1;
}
.title td{
   border-bottom : 1px solid #D6CCAF;
   border-top : 1px solid #D6CCAF;   
}

.page table.blanktable {
   border : none;
   background-color : transparent;
   margin : 0px;
}

.blanktable tr td { 
   border : none;
   border-bottom : 1px dotted #D1D1D1;
}


.sivupolku {
   display: none;
   position : absolute;
   top : 15px; 
   left : 0px; 
   
   margin : 0px;
   padding : 0px;
   
   border : none;
   
   font-size : 12px;
}

.sivupolku a, .yhteystiedot li a, .yhteystiedot li {color : #A9A9A9;}

.sivupolku a {color : #000;text-decoration: none;}

.ylapalkki {display : none;}
.mainmenu, .lisapalkki{display : none;}

/* SIVUPOLKU & LOGIN */

.login {display : none;}

.yhteystiedot {
   display: none;
   z-index : 99;
   border : none;   
   margin : 0px;
   padding : 0px;
}


.yhteystiedot li {
   display : inline;
   display : none;

   padding : 0px;
   margin  : 0px;
   
   font-style : normal;
   font-size : 11px;
   color : #656565;
}

 .yhteystiedot li a {color : inherit; text-decoration: none;}


/* UUTISET */
.uutiset {
   margin : 0px;
   margin-right : 10px;
   
   border : 1px solid #7a97cc;
   float : left; 
   width : 46%;
}
.uutiset .otsikko {
   display : block;
   background-image : url(img/tausta_vaaka_2.jpg);
   background-repeat: repeat-x;
   height : 20px;
   text-align : center;
   padding-top : 2px;
}

div.uutiset span.uotsikko{
   color : #003365;
   display : block;
   margin : 0px;
   padding : 2px;
   font-size : 13px;
}

div.uutiset p{
   border-bottom : 1px dashed #BCC5D6;
   margin : 0px;
   padding : 2px;
   padding-bottom : 10px;
   font-size : 12px;
}

div.uutiset p.uutinen1, div.uutiset li.uutinen1 {
   background-color : #e0ecff;   
}

div.uutiset p.uutinen0, div.uutiset li.uutinen0 {
   background-color : #efefef;   
}

div.uutiset li {
   border-bottom : 1px dashed #BCC5D6;
   margin : 0px;
   padding-bottom : 5px;
   padding-top : 5px;
}

div.uutiset li a {
   text-decoration : none;
   color : #003365;
}

div.uutiset li span.ufooter {
   font-size : 10px;
}

div.uutiset p.uutinensel, div.uutiset li.uutinensel {
   background-color : #faffe5;   
   border : 1px solid black;
}

div.uutiset span.ufooter, ul li a span.ufooter, div.uutinen span.ufooter{
   font-size : 12px;
   color : #003365;
   text-align : right;
   padding : 0px;
   margin : 0px;
   padding-top : 3px;
}

/* UUTIS & TIEDOTELISTAUKSET*/
div.uutiset#tiedotteet {
   width : 63%;
}

div.uutiset#tiedottelista{
   width : 30%;
   padding : 0px;
   margin : 0px;
}

div.uutinen p#ingressi {
   font-weight : bold;
}
div.uutiset#tiedottelista ul {
   padding : 0px;
   margin : 0px;
   list-style-type : none;
}

div.uutiset#tiedottelista ul li{
   padding-left : 10px;
   margin : 0px;
}

/* RYHMÄSIVUN TYYLIT */
            .toimsu {width : 98%}
            #totsikko{width : 70%}
            #tpaikka{width : 26%}
            
            .ryhma {
               margin-top : 20px;
               clear : left;
            }
            
            .ryhma img {
               width : 20%;
               display : block;
               float : left;
               margin-bottom : 20px;
            }
            
            h2.ryhmalaji {
               float : left;
            }
            
            .page h2 {
               padding : 0px;
               clear : left;
               margin-top : 10px;
            }
            
             input[type=submit] {
                  background-color : transparent;
                  border : 1px solid #CCC;
             }
             
         input.rotsikko {
            background-color : transparent;
            width : 80%;
            font-size : x-large;
            font-family : "Luxi Sans" , serif;
            font-weight : normal;
            border : none;
            border-bottom : 1px solid #D3D3D3;
            color : #003365;
         }
         
         #perustiedot table {

            float : left;
            margin-top : 30px;            
            margin-bottom : 20px;
         }
         
         #perustiedot .title {
            font-weight : bold;
         }
         
         #ryhmakuva {
            margin-top : 0px;
            padding : 0px;
         }
         #ryhmakuva img {
            margin : 10px;
            width : 50%;
            clear : left;
         }
         
         #ryhmakuva input {
            position : absolute;   
            right : 0px;
         }
         
         textarea {
            border : 1px solid #CCC;
            font : 13px verdana, "arial"; 
            width : 95%;
         }
         textarea#webtext{display : block; background-color : transparent;}
         
         #ingressi {
            font : 14px verdana, "arial"; 
            font-weight : bold;
            font-style: italic;
            width : 95%;
         }
         
         .selite {
            font : 12px verdana, "arial"; 
            color : #A9A9A9;
            margin-top : 0px;
         }
         
         .tekstit {
            float : left;
            background-color : transparent;
            border : none;
         }
         
         .ryhmatapahtumat {
            margin : 10px;
            padding : 0px;
            width : 50%;
            clear :left;
            clear : right;
            float: right;
            border : 1px dashed grey;
            font : 12px verdana;
            background-color : #E5E5E5;
         }
         
         .ryhmatapahtumat legend{
            font : 13px Arial;
            
         }
         
         .ryhmatapahtumat .otsikko {
            display : block;
            color : #003365;
            margin: 0px;
            padding : 0px;
            padding: 3px;
            border-bottom : 1px solid #003365;
            background-color : #FFF3D1;
         }
         
         .ryhmatapahtumat p {
            padding : 0px;
            margin : 0px;
            
            padding-left :15%;
            padding-bottom : 3px;
         }
         .ryhmatapahtumat .luonti {
            display : block;
            background-color : #D3D3D3;
            padding-left : 5px;
         }
         
         .ryhmatab{
            display : inline; 
            padding : 0px;
            margin : 0px;
            margin-right : 10px;
            margin-bottom : 5px;
            border-bottom : 1px solid black;
         }
         
         .tab{
            width : 100px;
            height : 15px;
            
            margin  : 0px;
            
            padding : 10px;
            padding-top : 0px;
            padding-bottom : 0px;
            
            background-color : #cad5fa;   
            background-image : url(img/tabi_kulma.gif);
            background-repeat: no-repeat;
            background-position :top left;
            
            font-size : 12px;
            
         }
         
         .tabsel {                    
            width : 100px;
            height : 15px;
            
            
            margin  : 0px;
            
            padding : 10px;
            padding-top : 0px;
            padding-bottom : 0px;
            
            background-image : url(img/tausta_pysty.jpg);
            color : #000;
            font-size : 12px;
         }                            
         
         .ryhmatab a{
            color : #000;
            text-decoration : none;
         }

/* TASSU-SIVU */            
   table.tassu {
      padding: 0px; 
      margin: 0px; 
      margin-bottom : 10px;
      width : 98%;
    }
    
    table.tassu img {width: 50px}
    
    
   .tassuotsake {
      margin : 0px; 
      padding : 2px;
    }
   
   .tassuotsake li {
      margin : 0px; 
      padding : 0px; 
      display : inline; 
      margin-right : 10px;
    }

   .tassuttelu {
      background-image : url(img/tassu_left.gif);
      background-repeat: no-repeat;
      background-position : right bottom;
   }
   
   #tassulomake {display : none;}
         
         
/* KOLOT SIVU */
.kolo img {width : 200px;}
.kolo {display: block; width: 500px; margin-bottom : 30px;}

/* TAPAHTUMIEN MUUTTUMINEN */
.muuttunutaika {background-image:url(img/modtahti.gif); background-position: top left; background-repeat:no-repeat;}