body,html {
   margin: 0px auto 0px auto;
   font-family: verdana, helvetica, sans-serif, arial;
   font-size: 8pt;
   font-weight: normal;
   background: #ffffff;
}

a img {border:0px;}

div.ulkoreuna {
   width: 960px;
   border: 0px;
   margin: 0px auto 0px auto;
   background: #ffffff;
}

div.ylapalkki {
   width: 960px;
   height: 175px;
   background: #ffffff url(images/yla_palkki_02_05.jpg);
}

div.napit {
   height: 26px;
   width: 960px;
   top: 150px;
   border-collapse: collapse;
   position: absolute;
   border: 0px;
}


div.main {
   width: 960px;
}	

div.napit a.nappi_etusivu {
   background: url(images/nappula.png) no-repeat;
   position: absolute;
   left: 98px;
   top: 0px;
   border: 0px;
   width: 100px;
   height: 25px;
   text-align: center;
   vertical-align: bottom-text;
   line-height: 25px;
   border-bottom: 0px;
   font-weight:bold;
   filter:alpha(opacity=60);
   -moz-opacity:.60;
   opacity:.60;
   text-decoration: none;
   color: black;
}

div.napit a.nappi_etusivu:hover {
   filter:alpha(opacity=90);
   -moz-opacity:.90;
   opacity:.90;
}

div.napit a.nappi_foorumi {
   background: url(images/nappula.jpg) no-repeat;
   position: absolute;
   left: 211px;
   top: 0px;
   border: 0px;
   width: 100px;
   height: 25px;
   text-align: center;
   vertical-align: bottom-text;
   line-height: 25px;
   border-bottom: 0px;
   font-weight:bold;
   filter:alpha(opacity=60);
   -moz-opacity:.60;
   opacity:.60;
   text-decoration: none;
   color: black;
}

div.napit a.nappi_foorumi:hover {
   filter:alpha(opacity=90);
   -moz-opacity:.90;
   opacity:.90;
}

div.napit a.nappi_galleria {
   background: url(images/nappula.jpg) no-repeat;
   position: absolute;
   left: 324px;
   top: 0px;
   border: 0px;
   width: 100px;
   height: 25px;
   text-align: center;
   vertical-align: bottom-text;
   line-height: 25px;
   border-bottom:0px;
   font-weight:bold;
   filter:alpha(opacity=60);
   -moz-opacity:.60;
   opacity:.60;
   text-decoration: none;
   color: black;
}


div.napit a.nappi_galleria:hover {
   filter:alpha(opacity=90);
   -moz-opacity:.90;
   opacity:.90;
}


#main {
   border-collapse: collapse;
}

#main .menu {
   line-height: 17px;
   width: 187px;
   border: 0px;
   background: url(images/menu_01.jpg) no-repeat 0px 10px;
   height: 500px;
   padding: 0px 0px 0px 0px;
   vertical-align: top;
   text-align: center;
}

#main .menu a {
   background: url(images/menu_p_02.jpg) no-repeat;
   display: block;
   padding: 0px 0px 0px 0px;
   text-decoration: none;
   font-size: 8pt;
   color: white;
   text-align: left;
   line-height:28px;
}

#main .menu a:hover {
   background: transparent url(images/menu_02.jpg);
}

#main .menu a.banneri {
   background: transparent;
   text-align: center;
}

#main .main {
   width: 610px;
   border: 0px;
   vertical-align: top;
   padding: 10px 0px 0px 15px;
}

#main .right {
   float: right;
   width: 140px;
   text-align: center;
   border: 0px;
   background: #ffffff;
   padding: 10px 0px 0px 0px;
   vertical-align: top;
}

#copy {
   background: #c0c0c0 url(images/ala_palkki_01.jpg) no-repeat;
   padding: 8px 0px -8px 0px;
   width: 960px;
   height: 26px;
   color: #ffffff;
   text-align: center;
   vertical-align: text-bottom;
   line-height: 26px;
   font-size: 9px;
}

div.sisalto {
   width: 565px;
   margin: 0px 0px 0px 3px;
   padding: 10px;
   line-height: 15px;
   color: #000000;
   background: #ffffff;
   border: 1px solid #e0e0e0;

}

div.sisalto a {
   text-decoration: none;
}

span.banneri_topic {
   font-weight: bold;
}

/** UUTISET **/

#uutiset {
   border: 1px solid #e0e0e0;
   margin: 0px 0px 0px 3px;
   width: 587px;
   padding: 0px;
}

#uutiset a {
   text-decoration: none;
}

#uutiset thead td{
   font-weight: bold;
   text-align: center;
   padding: 3px;
   background: #f0f0f0;
}

#uutiset tfoot td{
   padding: 4px;
   background: #c0c0c0;
}


#uutiset td.otsikko {
   padding: 5px;
   background: #f1f1f1;
   border: solid #d0d0d0;
   border-width: 1px 0px 0px 0px;
}

#uutiset td.teksti {
   padding: 8px;
   line-height: 16px;
   padding: 15px 10px 15px 10px;
}

#uutiset span.muokattu {
   float: right;
   color: #d0d0d0;
   font-size: 9px;
}

/** LINKIT **/


#linkit { /* linkki table */
   padding: 0px;
   border-spacing: 3px;
   width: 100%;
   font-family: verdana,arial,sans-serif;
}

#linkit a {
   text-decoration: none;
   color: #000000;
}

/* step0 */

#linkit tr.link_topic_1 { 

}

#linkit tr.link_topic_1 td {
   padding: 5px;
   background: #c0c0c0;
   border: 1px dotted #e0e0e0;
   font-weight: bold;
   font-size: 11px;
}

#linkit tr.link_1 td {
   padding: 5px;
   font-size: 9px;
}

/* step1 */

#linkit tr.link_topic_2 { 

}

#linkit tr.link_topic_2 td {
   padding: 4px;
   padding-left: 12px;
   background: #d0d0d0;
   border: 1px dotted #f0f0f0;
   font-weight: bold;
   font-size: 11px;
}

#linkit tr.link_2 td {
   padding: 4px;
   padding-left: 12px;
   font-size: 9px;
}

/* step2 */

#linkit tr.link_topic_3 { 

} 

#linkit tr.link_topic_3 td {
   padding: 3px;
   padding-left: 19px;
   background: #e0e0e0;
   border: 1px dotted #c0c0c0;
   font-weight: bold;
   font-size: 10px;
}

#linkit tr.link_3 td {
   padding: 3px;
   padding-left: 19px;
   font-size: 9px;
}


/* step3 */

#linkit tr.link_topic_4 { 

} 

#linkit tr.link_topic_4 td {
   padding: 2px;
   padding-left: 24px;
   background: #f0f0f0;
   border: 1px dotted #e0e0e0;
   font-weight: bold;
   font-size: 9px;
}

#linkit tr.link_4 td {
   padding: 2px;
   padding-left: 24px;
   font-size: 9px;
}


/* step4 */

#linkit tr.link_topic_5 { 
} 

#linkit tr.link_topic_5 td {
   padding: 1px;
   padding-left: 29px;
   background: #f9f9f9;
   border: 1px dotted #e0e0e0;
   font-weight: bold;
   font-style: italic;
   font-size: 9px;
}

#linkit tr.link_5 td {
   padding: 1px;
   padding-left: 29px;
   font-size: 9px;
}

.hide {
   display: none;
   width: 0px;
   height: 0px;   
}

@import url("bannerstyle.css");