/*************************************************************************************
 * CALENDAR
 *************************************************************************************/
  TABLE.cal { border:solid 1px #0B60BE; }
  /*heading 1*/
  TR.calH1 { background-color:#F8B204; text-transform: uppercase;}
  TD.calH1,TD.calH1S
  {
    font:normal normal 12px Arial;
    text-align:center;
    border:solid 1px #555;
    border-left:solid 1px #aaa;
    border-top:solid 1px #aaa;
    color:#B40107;
  }
  TD.calH1S
  {
    background-color:#FCDB89;
    border-bottom:none;
  }
  A.calH1,A.calH1:visited
  {
    font:normal bold 11px Verdana,Arial;
    text-decoration:none;
    color:#248;
    display:block;
  }
  A.calH1:hover
  {
    background-color:#248;
    color:#fff;
  }
  /*head day */
  TD.calHD
  {
    font:normal bold 11px Verdana,Arial;
    color:#fff;
    text-align:center;
  }
  /*head week #*/
  TD.calHW
  {
    font:normal bold 11px Verdana,Arial;
    text-align:center;
    color:#fff;
  }
  /*last month*/
  TD.calLM
  {
    font:normal bold 11px Verdana,Arial;
    border:solid 1px #aaa;
    border-left:solid 1px #ddd;
    border-top:solid 1px #ddd;
    background-color:#eee;
  }
  A.calLM
  {
    font:normal normal 10px Arial;
    text-decoration:none;
    color:#248;
    display:block;
  }
  A.calLM:hover
  {
    background-color:#248;
    color:#fff;
  }
  /*this month*/
  TD.calTM
  {
    font:normal normal 11px Verdana,Arial;
    border:solid 1px #555;
    border-left:solid 1px #aaa;
    border-top:solid 1px #aaa;
  }
  A.calTM
  {
    font:normal normal 10px Arial;
    text-decoration:none;
    color:#248;
    display:block;
  }
  A.calTM:hover
  {
    background-color:#248;
    color:#fff;
  }
  /*special day*/
  TD.calSD
  {
    border:solid 2px #a88;
    border-left:solid 2px #faa;
    border-top:solid 2px #faa;
    background-color:#fee;
  }
  A.calSD
  {
    font:normal bold 11px Verdana,Arial;
    text-decoration:none;
    color:#842;
    display:block;
  }
  A.calSD:hover
  {
    background-color:#842;
    color:#fff;
  }
  /*week number*/
  TD.calW
  {
    border:solid 1px #aaa;
    border-top:solid 1px #888;
    border-left:solid 1px #888;
    background-color:#ccc;
    color:#fff;
    font:normal bold 10px Verdana;
  }
  A.calW
  {
    font:normal normal 11px Verdana,Arial;
    text-decoration:none;
    color:#666;
    display:block;
  }
  
  
/*******************************************************************************/  
  
body 
 {
   background: transparent url(/pics/bg.gif) repeat;
   margin: auto;
   padding: auto; 
   align: center;
  
 }

ul, ol, li, form, input, h1, h2, h3, a, table, tbody, tr, td, form, input,textfield 
 {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
 }

ul, ol
  {
    position: relative;
    
  }  
  
a { text-decoration: none }
a: hover { text-decoration: underline; }  


/* text.css TYYLILMÄÄRITTELYT */
  
p 
  {
    font: normal normal 12px arial, verdana, serif;
    color:#4E4E4E;
  }

h3 { font:normal bold 21px arial,verdana,serif; }
h4 { font:normal normal 18px arial,verdana,serif; }
h5 { font:normal bold 14px arial,verdana; color:#F8B204;  }
h6 { font:normal bold 12px arial,verdana; color:#F8B204; }
p.ingerssi { font:italic normal 12px arial,verdana,serif; color:#4E4E4E }
small { font:normal normal 11px arial,verdana,serif; }
.vaaleatausta { background-color:#EDEEEF;  }
.tummatausta { background-color:#BCBECA; color:#FFF; }
div.pisteReunus { border:dotted 2px #F8B204; margin: 0px 0px 10px 0px; padding: 5px 0px 5px 0px; }

 
h3,h4,h5,h6,small,pre { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } 
 
/* END TYYLIMÄÄRITTELY */ 
 
 
  
/* Safari min-height hack */

	.prop 
	{
	  	float:right;
	  	width: 1px;
	}

	.height
	{
	  height: 500px;
	}

  /* end hack */


/* YLATUNNISTE */

#blue-ribbon {
  position: absolute;
  background: transparent url(/pics/blue-ribbon.gif) repeat-x;
  top: auto;
  left: 0px;
  height: 75px; 
  margin: 0px;
  padding: 0px;
  width: 100%;
  z-index: 0;
      
  }
#header {
  position: relative;
  background: transparent url(/pics/header.gif) no-repeat top left;
  top: auto;
  height: 86px;
  width: 756px;
  margin: auto;
  padding: auto;
  font: normal bold 11px  arial, verdana, serif;
  color:#666666;
  z-index: 20;
  }  
  
#header-main-category {
    position: relative;
    background: transparent url(/pics/header-main-category.gif) no-repeat top left;
    top: 0px;
    height: 86px;
    width: 756px;
    margin: auto;
    padding: auto;
    font: normal bold 11px  arial, verdana, serif;
    color:#666666;
    z-index: 10;
  }   
#logo h1  {
  position: absolute;
  background: transparent url(/pics/logo.gif) no-repeat;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0p 0px;
  top: 19px;
  left: 0px;
  height:72px;
  width:337px;
  }
#logo h1  span { display: none; } 

#search {
  position: absolute;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  top: 28px;
  left: 487px;
  }
        
        
                  
#search span { text-transform: uppercase; }
#search input {
  border: solid 1px #666666;
  padding: 1px; 
  height: 14px;
  }
#search input:focus { background: #EEEEEE; }
#search input#send {
  background: transparent url(/pics/b-send.gif) no-repeat;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 41px;
  height: 18px;
  border: 0px;
  }
                       
#sitemap {
  position: absolute;
  top: 60px;
  left: 477px;
  width: 310px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  }
           
#sitemap ul {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-transform: uppercase;
  list-style-type: none;
  }
                       
#sitemap li { 
  display: inline;
  margin: 0px 0px 5px 10px;
  padding: 0px 0px 0px 0px;
  height: 7px;
  background: transparent url(/pics/li-sitemap.gif) center left no-repeat;
  } 
                                
#sitemap a { 
  text-decoration: none; 
  color:#666666;
  margin: 0px 0px 0px 15px;
  padding: 0px 0p 0px 0px;
  }
                                        
#sitemap a:hover { text-decoration: underline; } 

/* SISALTO */
                                         
#content {
  position:relative;
  margin:auto;
  padding:auto;
  width: 756px;
  background: transparent url(/pics/content.gif) repeat-y;
  min-height: 641px;
  height: auto;
  _height: 641px;
  
}
    
    
#content-subpage {
  position:relative;
  margin:auto;
  padding:auto;
  width: 756px;
  background: transparent url(/pics/content-subpage.gif) repeat-y;
  xmin-height: 641px;
  height: auto;
  x_height: 641px;
}
    
      
#content-subpage-main-category {
  position:relative;
  margin:auto;
  padding:auto;
  width: 756px;
  background: transparent url(/pics/content-subpage-three_columns.gif ) repeat-y;
 
}       
   



#content-subpage table,#content-subpage-main-category table { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

   
#left-column {
  position: relative;
  top: 0px;
  left: 8px;
  width: 187px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;  
} 

#navi {
  position: relative;
  top: 0px;
  left: 0px;
  width: 187px;
  background:#F8B204 url(/pics/navi-top.gif) no-repeat ;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font: normal bold 12px arial, verdana, serif;
  }
               
#navi ul {
  position: relative;
  top: 31px;
  left: 8px;
  width: 80%;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 5px 0px;
  list-style-type: none;
  }
#navi li {
  position: relative;
  background: transparent url(/pics/li-navi.gif) no-repeat top left;
  margin: 0px 0px 15px 0px;
  padding: 0px 0px 0px 0px;
  line-height: 14px;
  }
#navi li a  {
  position:relative;
  left: 17px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  text-transform: uppercase;
  text-decoration: none;
  color: #FFF;
}
#navi li a:hover { text-decoration: underline; }
#navi ul li ul  {
  position: relative;
  top: 5px;
  left: 0px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  }  
#navi ul li ul li  { 
  display: block;
  position: relative;
  top: 0px;
  left: 5px;
  background: none;
  list-style-image: none;
  list-style-type: none;
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
  }                             
                            
#navi ul li ul li a {  font: normal normal 12px arial, verdana, serif; text-transform: none;}  
.navi-active { color:#000 }                            
                                                       
#end-navi {
 position: relative;
 clear: both;
 left: 0px;
 top: 0px;
 background: transparent url(/pics/navi-end.gif) no-repeat;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 height: 25px;
 }

.clear { clear: both; } 
               
#contact {
  position: relative;
  left: 0px;
  width: 187px;
  background: #B40107 url(/pics/contact-top.gif) no-repeat top left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font: normal normal 12px arial, verdana, serif;
  z-index: 100;
  height:300px;
  } 
               
.image-contact { position: relative; top: 28px;}                               
#contact p {
 position: relative;
 top: 19px;
 left: 17px;
 margin: 5px 0px 0px 0px;
 padding: 10px 0px 0px 0px;
 color:#FFF;
 }
 
 /* vasemmanpalstan lopetukset */
 
 #left-column-bottom {
  clear:both;
  position:absolute;
  left: 8px;
  bottom: 0px;
  width: 187px;
  height:149px;
  background: transparent url(/pics/left-column-end.gif) no-repeat bottom left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  z-index: 10;
  }
                
#left-column-bottom-subpage {
  clear: both;
  position:absolute;
  left: 8px;
  bottom: 0px;
  width: 187px;
  height:224px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  }
  
#right-column {
  position: relative;
  margin-left:7px;
  /* IE mac fix \*/
  left: 7px;
  margin: 0px  0px 0px;
  /* end fix */
	width: 543px;
  padding: 0px 0px 0px 0px;
	min-height: 641px;
  height: auto;
  _height: 641px;  
  font: normal normal 12px  arial, verdana,serif; 
  color:#666666;       
}            

#right-column h1 {
  position: relative;
  left: 8px;
  top: 40px;
  width: 95%;
  font: normal bold 24px arial, verdana, serif;
  color:#B40107;
  margin: 0px 0px 60px 0px;
  padding: 0px 0px 0px 0px;
  border-bottom:solid 1px #F8B204;
  text-transform: uppercase;
  }
    
#right-column h1 img { margin: 0px 0px 5px 0px; padding: 0px 8px 0px 0px; border: none;}

#subpage-content table { max-width: 100%; width:expression(document.table.Width > 100%? "500px": "auto" );}

#right-column p,#right-column h3,#right-column h5  {
  position: relative;
  left: 0px;
  width: 95%;
  margin: 0px 0px 10px 0px;
  }  
   
#right-column ul, #right-column ol  { 
  position: relative;
  left: 0px;  
  margin: 5px 56px 5px 20px; 
  padding: 5px;   
  }
        
#right-column ul  { list-style-image: url(/pics/li-content.gif); }
#right-column ol  { list-style-type: decimal; }
#right-column h3,#right-column h5  { color:#666666; margin: 0px; padding: 0px;}   
#right-column a  {text-decoration: none; color:#B40107; }
#right-column a:hover { text-decoration: underline; }
#right-column h2 { font: normal normal 24px  arial, verdana,serif; }
#right-column h3 { font: normal normal 21px  arial, verdana,serif; }
#rigth-column h4 { font: normal normal 18px  arial, verdana,serif; }
#right-column h5 { font: normal bold 14px  arial, verdana,serif; color:#E49D04; text-transform: uppercase;}

#subpage-content {
  position:relative;
  margin-left: 8px;
  width: 95%;
  /* mac ie fix \*/
  left: 8px;
  margin: 0px 0px 0px 0px;
  /* end fix */ 
  padding: 0px 0px 0px 0px;      
}
        
#subpage-content img {
  border: 1px solid #F8B204;
  padding: 4px;
}
    
#frame { 
  position: absolute;
  left: 0px;
  top: 0px;
  width: 543px;
  height: 173px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  }
               
               
#info-text {
  position:absolute;
  left: 0px;
  top: 170px;
  width:275px;
  height:249px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background: transparent url(/pics/infotext.gif) no-repeat;
  border: 0px;
  }
               
#readmore {
  position: absolute;
  left: 125px;
  top: 204px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  }

/* ajankohtaista nostot etusivulla  */  
#news {
  position: relative;
  margin-left:278px;
  /* IE Mac fix \*/
  left: 278px;
  margin: 0px 0px 0px 0px;
  /* end fix */
  top: 0px;
  width: 265px;
  padding: 0px 0px 10px 0px;
  border-left: solid 2px #CFCFCF; 
  border-top: solid 2px #CFCFCF ;
  min-height: 237px;
  height: auto;
  _height: 237px;
  }
                   
                   
#news img { border: 0px; }
               
#news h2 {
  position: relative;
  left: 11px;
  xtop: 15px;
  background: transparent url(/pics/p-news.gif) no-repeat;
  margin: 15px 5px 0px 0px;
  padding: 0px 0px 0px 0px; 
  }
                    
#news h2 span {display: none;}
#news p {
  position: relative;
  left: 11px;
  width: 95%;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px; 
  }
                    
#news ul { 
  position: relative; 
  padding: 0em;
  margin: 0em 2em;
  }

#news li {
          margin: 0.5em 0em 
          }
                       
.date  { font: normal bold 11px arial, verdana, serif; color: #D70216; margin: 0px; padding: 0px; }
.heading  { font: normal normal 12px arial, verdana, serif; color: #666666; margin: 0px; padding: 0px  }   
div#news a { text-decoration: none; }
div#news a:hover { text-decoration: underline; color: #666666;}
div#events a { text-decoration: none; }
div#events a:hover { text-decoration: underline; color: #666666;}

/* tapahtumat nosto etusivulla */                            
#events {
  position: relative;
  margin-left: 278px;
  /* IE mac fix \*/
  left: 278px;
  margin: 0px 0px 0px 0px;
  /* end fix */
  top: 0px;
  width: 265px;
  padding: 0px 0px 0px 0px;
  border-left: solid 2px #CFCFCF; 
  border-top: solid 2px #CFCFCF ;
  min-height: 237px;
  height: auto;
  _height: 237px;
  }
#events h2 {
  position: relative;
  left: 11px;
  background: transparent url(/pics/p-events.gif) no-repeat;
  margin: 15px 0px 0px 0px;
  padding: 0px 0px 0px 0px; 
  }
                    
#events h2 span {display: none;}
#events p {
  position: relative;
  left: 11px;
  width: 95%;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px; 
  }

                    
#events ul { 
  position: relative; 
  padding: 0em;
  margin: 0em 2em;
  }

#events li {
  margin: 0.5em 0em 
  }
                    
#hot-spot {
  position: absolute;
  left: 0px;
  top: 425px;
  height: 231px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px; 
  }
                    
#hot-spot img {
  position: relative;
  left: 4px;
  padding: 2px;
  margin: 0px 0px 0px 0px;
  }
                    
.link { position: relative; rigth: 0px; }

/* ALASIVU */

  #cookiepath
  {
    position: absolute;
    top: 6px;
    left: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 95%;  
  }
  
#cookiepath a{ text-decoration: none; }
#cookiepath a:hover { text-decoration: underline; }
.active { color:#B40107; font: normal normal 11px arial, verdana, serif;}
.not_active { color:#666666; font: normal normal 11px arial, verdana, serif; }

 div#subpage-content a {text-decoration: none; color:#B40107; font: normal normal 12px arial;}
 div#subpage-content a:hover { text-decoration: underline; }                  
 div#subpage-news span a {text-decoration: none; color:#B40107; font: normal normal 12px arial;}
 div#subpage-news span a:hover { text-decoration: underline; }              


/* PÄÄOSIO alasivu */

#middle-text-area {
  position: relative;
  top:0px;
  left: 0px;
  width: 341px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  }               
        
          
#right-text-area {
  position: absolute;
  top: 0px;
  margin-left: 344px;
  /* IE mac fix \*/
    margin: 0px 0px 0px 0px;
    left: 344px;
  /* end fix */
  
  width: 207px;
  padding: 0px 0px 0px 0px;
  background: #EDEEEF;
}



#right-imageplace {
  position: absolute;
  top: 76px;
  left: 546px;
  margin: 0px;
  padding: 0px;
  border: none;
  }
       
#right-frame {
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: none;
  border-bottom: 2px solid #EDEEEF;
  }

 /* paaosion uutisnostot */
#subpage-news {
  clear:both;
  position: absolute;
  left: 0px;
  top: 170px;
  width: 207px;
  padding: 0px 0px 10px 0px;
  min-height: 237px;
  height: auto;
  _height: 237px;
  background: transparent url(/pics/p-subpage-news-end.gif) no-repeat bottom right;
  }
#subpage-news h2 {
  position: relative;
  margin-top: 15px;
  margin-left: 5px;
  /* IE mac fix \*/
  left: 11px;
  margin: 15px 5px 0px 0px;
  /* end fix */
  background: transparent url(/pics/p-subpage-news.gif) no-repeat;
  padding: 0px 0px 0px 0px; 
  }
                    
#subpage-news h2 span {display: none;}
                         
#subpage-news p {
  position: relative;
  margin-left: 5px;
  /* IE mac fix \*/
  left: 11px;
  margin: 0px 0px 10px 0px;
  /* end fix */
  width: 95%;
  padding: 0px 0px 0px 0px; 
  }
       
                    
#subpage-news ul { 
  position: relative; 
  padding: 0em;
  margin: 0em 2em;
  }

#subpage-news li {
  margin: 0.5em 0em 
  }
                 
#right-column-bottom-subpage {
  clear: both;
  position:absolute;
  right: 3px;
  bottom: -1px;
  width: 207px;
  height:219px;
  background: transparent url(/pics/right-column-end.gif) no-repeat bottom left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  }
               
               
               
/* --- EVENT CALENDER --- */
div#calendar-header {
position: relative;
background: transparent url(/pics/calendar-header.gif) repeat-x top left;
top: auto;
height: 86px;
width: 100%;
margin: auto;
padding: auto;
font: normal bold 11px  arial, verdana, serif;
color:#666666;
z-index: 20;
}
div#calendar-header div#logo    { 
  position: relative; 
  width:100%;; 
  margin: 0px; 
  padding: 0px; 
  }
div#calendar-header div#search  { 
  display: none;
 }
div#calendar-header div#sitemap { 
   display: none;
}
div#container-calendar {
  position:relative;
  margin: 0px;
  padding:0px;
  width: 100%;
  background: #fff;
 }
div#calendar {
  position: relative;
  width: 100%;
  margin: 0px;
  padding: 0px;
  border-top: 2px solid #0B60BE;
  border-bottom: 1px solid #0B60BE;
}

div#calendar div#cookiepath {
    position: relative;
    top: 0px;
    left: 40px;
    margin: 0px;
    padding: 0px;
    width: 50%;  
  }
div#calendar div#cookiepath a{ text-decoration: none; }
div#calendar div#cookiepath a:hover { text-decoration: underline; }
div#calender-content {
  clear: both;
  position: relative;
  margin: auto;
  padding: auto;
  width: 75%;
  }               
 div#calender-content p {
 font: normal normal 12px arial;
 }
 
 div#calender-content table { margin: 0px; padding: 0px; }             
 div#calender-content a {text-decoration: none; color:#B40107; font: normal normal 12px arial;}
 div#calender-content a:hover { text-decoration: underline; }              
/* ALATUNNISTE */


#footer,#footer-frontpage
{
  clear: both;
  position: relative;
  margin: auto;
  padding: auto;
  height: 10px;
  top: 0px;
  width: 756px;
  
}

#footer { background: transparent url(/pics/footer.gif) no-repeat bottom left; }
#footer-frontpage {background: transparent url(/pics/footer.gif) no-repeat ;}
#calendar-footer {background: transparent url(/pics/calendar-footer.gif) repeat-x;}
#calendar-footer {
  clear: both;
  position: relative;
  margin: auto;
  padding: auto;
  height: 4px;
  top: 0px;
  width: 100%;
  
}

#footer-main-category
{
  clear:both;
  position: relative;
  margin: 0px;
  padding: 0px;
  background: transparent url(/pics/footer-main-category.gif) no-repeat bottom left;
  height: 10px;
  width: 756px;
 
}

/* bulletin area */

#msg h4 { 
  font:normal bold 16px arial,verdana; 
  color:#F8B204; 
   margin: 20px 0px 20px 0px;
  padding: 0px 0px 20px 0px;
  }
  
/* -- luokkamäärittelyitä -- */

div#subpage-content img.email { border: none; padding: 0em 0.1em 0em 0em; margin:0em 0em; vertical-align:text-top; }
div#subpage-content img.no-border { border: none; padding: 10px; margin:0em 0em; vertical-align:text-top; }