/*                  */
/*    Perus tagit   */
/*                  */
 
  body  {    
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: transparent url(/pics/bg.gif) repeat-x; 
    font: normal normal 12px arial,verdana,sans-serif;   
  }
  
  .bg-fp { background: #fff url(/pics/bg-fp.gif) repeat-x; } 
  
    
  form, input, ul, li, ol,p, h1 {
    padding:0px;
    margin:0px;
  }
   
  p { font:normal normal 12px arial,verdana, arial, sans-serif; }
  
  #max-width  {
    position:relative;
    background: transparent url(/pics/max-width.gif) repeat-y;
    left: 0px;
    top: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    min-height: 680px;
    height:auto;
    _height:690px;
  }
  
  
  #frontpage {
    position: relative;
    left: 0px;
    top: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: transparent url(/pics/bg-frontpage2.gif) no-repeat;
    height: 1100px;
    width: 760px;
    xborder: solid 1px;
  }
  
   
  #subpage-, #subpage-sika, #subpage-nauta
  {
    position: relative;
    left: 0px;
    top: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: transparent url(/pics/bg-subpage.gif) no-repeat;
    xheight: 700px;
    width: 760px;
  } 
   
  #subpage-sika { background: transparent url(/pics/wh-bg-subpage-sika.gif) no-repeat; }
  #subpage-nauta { background: transparent url(/pics/wh-bg-subpage-nauta.gif) no-repeat; }
   
   
   
   
   
   
   
   #header
  {
    clear: both;
    position: relative;
    margin-left: 15px;
    /* ie mac fix \*/
    left: 15px;
    margin: 0px 0px 0px 0px;
    /* end fix */
    padding: 0px 0px 0px 0px;
	height: 1px;
  }
  
  
  #logo {
    position: absolute;
    left: 0px;
    top: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-bottom: #D2D4D8 5px solid;
  }
  
  #navi-top {
    position: absolute;
    top: 15px;
    left: 210px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	z-index: 1000;
  }
  
    #navi-top ul {     
      list-style-type: none;
      margin: 0px 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px 0px;
      width: 300px;
    }
  
      #navi-top li {
        display: inline;
        background: transparent url(/pics/li-sub-1.gif) no-repeat center left;
        margin: 0px 0px 0px 12px;
        padding: 0px 0px 0px 12px;
       
      }
  
          #navi-top li a, #navi-top a  
          { 
            font: normal bold 11px arial, verdana; 
            color:#616660; 
            text-decoration: none; 
          }
                  #navi-top li a span 
                    { 
                      background: transparent url(/pics/pystyviiva.gif) no-repeat top right; 
                      padding: 0px 12px 0px 0px; 
                      xborder: 1px solid
                    }
          
         .active  {text-decoration: underline; }
         
    
    /* --- KUVPAIKAT --- */
  
    #image-place
    {
      position:absolute;
      left: 207px;
      top: 51px;
      width: 543px;
      height:176px;
     
    }
    
    #rid  {
      position:absolute;
	  top: -30px;
      right: -18px;
    }
    
    #search,#search-sp  {
      position: absolute;
      left: 565px;
      margin:0px 0px 0px 0px 0px;
      padding: 0px 0px 0px 40px;
	  background: transparent url(/pics/haku-bg.gif) 0px 4px no-repeat;	 
	  z-index: 1000; 
    }
	
      
    #search { top:235px; }
    #search-sp { top: 114px; }  
      
	.kuvapaikka { border: 1px solid #CDCDCD; padding: 3px; float:right; margin-left: 15px; margin-bottom: 15px;  }
          
   /* --- VASEN PALSTA --- */

   #left-column {
    xposition: absolute;
    xleft: 11px;
    xtop: 119px;
    float: left;
    margin: 119px 0px 0px 0px;
   }
   
   
   /* --- PÄÄNAVIGOINTI --- */
  
  
  
   #navi 
   {
    position: relative;
    top: 0px;
    margin-left: 6px;
    /* mac ie fix \*/
       left: 6px;
       margin: 0px 0px 0px 11px;
    /* end fix */
    padding: 0px 0px 0px 0px;
    width: 185px;
    background: #FFF;
    border-top: #DEE2E5 solid 1px;
   }
   
      #navi ul 
      {
        list-style-type: none;  
      } 
     
          #navi ul li
          {
            position: relative;
            font: normal bold 11px arial;
            background: transparent url(/pics/li-sub-1.gif) 5px 7px no-repeat;
            padding: 5px 0px 5px 5px;
			border-bottom: #DEE2E5 solid 1px;
          }
       
          #navi li a 
          { 
            text-decoration: none;  
            color:#636562; 
            margin: 0px 0px 0px 10px;
            padding: 0px 0px 0px 5px;
         }
         
         #navi li a:hover { color:#CC3E43 }
         
                #navi ul li ul  { background: transparent; border: 0px; }
         
                     #navi li ul li 
                     {
                      width: 80%;
                      position: relative;
                      margin: 0px 0px 3px 16px;
                      padding: 0px 0px 0px 0px;
                      font: normal normal 11px arial; 
                      background: transparent;     
					  border:0px;
                     }
                         
                           #navi ul li ul li a 
                          { 
                           
                            text-decoration: none;  
                            color:#CC3E43; 
                            margin: 0px 0px 0px 0px;
                            padding: 0px 0px 0px 0px;
                         }
                            
                          #navi ul li ul li a:hover { text-decoration: underline; }
                          
                          
   #webhanki
   {
    position: relative;
    top: 10px;
    margin-left: 6px;
    width: 185px;
    height: 126px;
    /* mac ie fix \*/
       left: 6px;
       margin: 0px 0px 0px 11px;
    /* end fix */
    padding: 0px 0px 0px 0px;
    background: transparent url(/pics/bg-webhanki.gif) no-repeat top left;
    font: normal normal 11px arial,verdana;
   }
   
   #webhanki form { padding: 5px 0px 5px 0px; margin: 0px 0px 10px 0px; }
   
   #webhanki label { 
   	font-weight: bold; 
	float: left;
	margin-top: 4px;
	font: normal bold 11px arial,verdana,serif;
	margin-bottom: 3px;
	}
	
   #webhanki input { 
   width: 100px; 
   float: right;
   margin-right: 6px;
   margin-bottom: 3px;
   }
   
   #webhanki input#btn {
   	height: 20px;
	width: 65px;
	margin-top: 10px;
	margin-bottom: 10px;
	}
   
   #webhanki a {
       text-decoration: underline;  
       color:#CC3E43; 
   }        
           #webhanki p 
           { 
              margin: 0px 0px 0px 11px; 
              padding: 5px 0px 0px 0px; 
              color:#626561;              
           }
           .text-small    { font: normal normal 11px arial,verdana; }
           .heading-white { color:#FFF; font: normal bold 12px arial,verdana; }
           
                  
          .divider 
           {
            clear: both;
            background: transparent url(/pics/horizontal-line-divider.gif) repeat-x top left;
            margin: 0px 0px 0px 0px; 
            padding: 0px 0px 0px 0px;
           }
           
           .clear { clear: both; }
           
           
  /* -------- SISÄLTÖALUE -------- */  
  
  #header h1
   {
	position:absolute;
    top: 120px;

    margin-bottom: 252px;
    /* ie mac fix \*/
      left: 235px;
      margin: 0px 0px 120px 0px;
    /* end fix */
    font: normal bold 14px arial, verdana;
    color: #1C6DB7;
    text-transform: uppercase;
    background: transparent url(/pics/divider-content.gif) repeat-x bottom left;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 15px 0px;
	width: 310px;
	border: 1px solid red;
	z-index: 3;
   }
  
  #content-fp, #content 
  {
    position: relative;
    xmargin-left: 235px;
    color: #636562;
  }
  
  #content-fp 
  { 
    xtop: 252px;  
    width: 320px; 
    /* ie mac fix \*/
      lxeft: 235px;
      margin: 0px 0px 0px 0px;
    /* end fix */
    position: absolute;
    left: 220px;
    top: 240px;
  }
  
  #content    
  { 
    width: 500px; 
    margin-bottom: 120px;
    /* ie mac fix \*/
      cleft: 235px;
      xleft: 30px;
      margin: 0px 0px 0px 235px;
      _margin: 0px 0px 0px 200px;
      _left: 30px;
    /* end fix */
	padding-top: 142px;
	z-index: 1;
	xborder: solid 1px;
  }
  
  
  #content-fp h6, #right-column h6
   {
    font: normal bold 14px arial, verdana;
    color: #636562;
    background: transparent url(/pics/divider-content.gif) repeat-x bottom left;
   }
  
  #content h1
   {
    font: normal bold 14px arial, verdana;
    color: #1C6DB7;
    text-transform: uppercase;
    background: transparent url(/pics/divider-content.gif) bottom left repeat-x ;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 15px 0px;
   }

/*
  #content h3 { font: normal bold 14px arial, verdana; color: #1C6DB7; }
  */
  
  #content-fp h6,#content h6
  #content-fp h5,#content h3
  #content-fp p,#content p, #right-column h6 {
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 5px 0px;
   }
   
  #content-fp h6 { padding: 10px 0px 7px 0px; } 
  #content p { color: #636562; }
   /*
  #content img 
  { 
    border: 1px solid #BEBEBE; 
    padding: 2px; 
  }
  */
  
  #content span a  { color:#CC3E43; text-decoration: none;}
  
  #content a { color:#CC3E43; text-decoration: underline;}
  
  #content ul, ol { position: relative; margin: 5px 0px 0px 25px; }
  #content ul { margin: 5px; }
  #content ul li
	{
		list-style-type: none;
		background: url(/pics/bluelistitem.gif) 0px 5px no-repeat;
		padding-left: 12px;
	}
  #content ul ul, ol ol {margin: 0px 0px 0px 10px; }
  
  
  /* --- ETUSIVUN BULLETIN ALUEET --- */
  
    #news,#bulletin,#events
    {
      clear: both;
      position: relative;
      left: 0px;
      top: 0px;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
      
    }
    
    #news p,#bulletin p,#events p
    {
      font: normal normal 12px arial,verdana;
      color:#4D4D4D;
      margin: 10px 0px 0px 0px;
      padding: 0px 0px 5px 0px;
    }
    
    #news a,#bulletin a,#events a
    {
      color:#1C6DB7;
    }
    
    #news a,#events a { text-decoration: none; }
    #bulletin u li a { text-decoration: underline; }
    
    
    
      .heading-red {  color:#CC3E43; }
      .date {  font: normal normal 11px arial,verdana; 	color: #78838C;  }
  
  
    #bulletin ul 
    {
      list-style-type: none;
      background: transparent url(/pics/li-sub-1.gif) 4px 2px no-repeat;
      margin: 10px 0px 0px 0px;
    }
    
    #bulletin li 
    {
      margin: 0px 0px 0px 20px;
    }
  
    #events { width: 100%; position: relative;}
  
      .single, .title
      {
        position:relative;
        top: 0px;
        border-bottom: #DEE2E5 solid 1px;   
        padding: 5px 0px 10px 0px; 
        margin: 10px 0px 0px 0px;
		border-left: solid 1px #fff;
      }
	    
          .events-date
          {
            position:absolute;
            float:right;
            top: 0px;
            margin: 0px;
            width: 69px;
            font: normal normal 11px arial,verdana; 
            color:#78838C; 
          
          }
          
          .text
          {  
            top: -6px;
            left:70px;
            position:relative;
            width: 180px;
          }
            
         
           .red {  color:#CC3E43;  }
         
          .image    
          { 
            float: right;
            position: absolute;
            top: -4px;
            right: 0px;
            margin: 0px; 
            padding: 0px;
            width: 55px;
          }
    
	  .title .events-date, .title .text, .title .image {
	  font: italic normal 11px arial;
	  top: -4px;
	  margin: 0px;
	  padding: 0px;
	  position: absolute;
	  }	
	  
	  .title .image { width: auto;}
	
  .archive {
    float:right;
    position: absolute;
    top: 11px;
    right: 0px;
  }
  
 #bulletin .archive a, #content-fp .archive a { 
   	text-decoration: none;  
	font: normal normal 11px arial,verdana; 
	color: #78838C; 
	background: transparent url(/pics/li-sub-2.gif) 0px 6px no-repeat;	
	padding-left: 8px;
	}
  
  /* --- OIKEA PALSTA --- */     
  #right-column
  {
    position: absolute;
    float: right;
    left: 565px;
    top: 275px;
    width: 193px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    
  }
  
  
          #right-column h5
          {
            font: normal bold 14px arial,verdana;
            color: #1C6DB7;
            text-transform: uppercase;
            padding: 3px 0px 3px 0px;			
			margin-top: 10px;
			margin-bottom: 0px;
          }
          
          #right-column p
           {
            margin: 0px 0px 0px 0px;

          }
    
          #right-column img{ border: 0px; margin: 0px; padding: 0px; }
  
          #right-column p
          {
            font: normal normal 12px arial,verdana;
            color:#4D4D4D;
            margin: 10px 0px 0px 0px;
            padding: 0px 0px 5px 0px;
          }
  
          .content-divider
          {
            clear: both;
            background: transparent url(/pics/horizontal-line-divider.gif) repeat-x bottom left;
            margin: 0px 0px 0px 0px; 
            padding: 0px 0px 0px 0px;
           }
          
  /* -------- ALATUNNISTE -------- */  
  
  #footer
  {
    clear: both;
    position: relative;
    left: 0px;
    top: 0px;
    clear:both;
    background: transparent url(/pics/bg-footer.gif) repeat-x top left;
    width: 100%;
    height: 58px;
    padding: 0px 0px 0px 0px;
  }  
  
  
  #footer img { border: 0px; margin: 0px; padding: 0px; }
    
  #copyright,#address
  {
    position: absolute;
    top: 36px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;   
  }  
    
 #copyright { left: 25px;  }
 #address   { left: 226px; }
 
 
  #copyright p,#address p
  {
      font: normal normal 11px arial,verdana;
      color:#626561;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
  }
  
  
  /* --- HACKS --- */
  
  
  /* - SAFARI - */
  

  
  
/* työpörssi */

#tp {
	background: transparent url(/pics/horizontal-line-divider.gif) repeat-x; 
	padding-top: 30px;
	margin-top: 15px;
	}
	
#tp h4 {
	font: normal bold 14px arial;
	color: #1C6DB7;
	background: transparent url(/pics/horizontal-line-divider.gif) bottom repeat-x; 
	padding-bottom: 8px;	
	margin: 0;
	}
	
	#tp #jobs, #tp #workers {
		float: left;
		width: 240px;
		}
		
	#tp #workers { margin-left: 20px; }



	#tp ul {
		background: #F8F8F8 url(/pics/horizontal-line-divider.gif) bottom repeat-x;
		margin:0;padding:0;
		list-style-type:none;
		font-size: 11px;
		padding: 10px 0px 10px 0;
		}

	#tp ul li { 
		padding-left: 60px; 
		margin: 8px 0px 8px 0;		
		padding-bottom: 8px;
		position: relative;
		}

		#tp ul li.icon-3 { background: transparent url(/pics/icon-cowpig.gif) 13px 2px no-repeat; }	
		#tp ul li.icon-2 { background: transparent url(/pics/icon-cow.gif) 13px 2px no-repeat;  }
		#tp ul li.icon-1 { background: transparent url(/pics/icon-pig.gif) 13px 2px no-repeat; }		

		.icon-3 { background: transparent url(/pics/icon-cowpig.gif) 13px 2px no-repeat; }
		.icon-2 { background: transparent url(/pics/icon-cow.gif) 13px 2px no-repeat;  }
		.icon-1 { background: transparent url(/pics/icon-pig.gif) 13px 2px no-repeat; }		
	
	#tp ul li a { 
		font-size: 12px; 
		display: block; 
		color: #1C6DB7;	
		}
#tp-msg .icon-1, #tp-msg .icon-2, #tp-msg .icon-3 {
	padding: 0px 0px 10px 0px;
	margin-top: 15px;
	background-position: 0px 0px;
	}		
	
#tp-msg strong { margin-left: 45px; font: normal normal 11px arial;}		
#tp-msg h4 {
	color: #CC3E43;
	margin: 3px 0 0 45px;
	font: normal bold 12px arial;
	}	  
	
	
/* karttamoduuli */

#map h4, #map h5, #map p, #map span, #map ul, #map li
	{
		margin: 0px;
		padding: 0px; 
	}

#map h4, #map h5
	{
		color: #1C6DB7;
	}
	
#map
	{
		padding-top: 10px;
	}
	
#map span
	{
		font-weight: bold;
	}
		
#map h4, #map #oikeasarake h4, #map #vasensarake h4
	{
		background: white url(/pics/horizontal-line-divider.gif) bottom repeat-x;
		height: 22px;
		width: auto;
		margin-bottom: 15px;
		font-size: 12px;
	}
	
	#map #oikeasarake h4, #map #vasensarake h4 { 		margin-left: -20px; }
		
#map h5
	{
		font: bold 12px Arial;
		padding-top: 8px;
		padding-bottom: 3px;
		
	}

#map ul li
	{
		list-style-type: none;
		background: url(/pics/bluelistitem.gif) 0px 5px no-repeat;
		padding-left: 12px;
	}
		
#vasensarake
	{
		float: left;		
		background: #F8F8F8 url(/pics/horizontal-line-divider.gif) bottom repeat-x;
		width: 220px;
		padding-bottom: 20px;
		padding-left: 20px;
		margin-right: 15px;
	}
	
#oikeasarake
  	{
	  	position: relative;
	  	float: left;
	  	background: #F8F8F8 url(/pics/horizontal-line-divider.gif) bottom repeat-x;
		padding-bottom: 20px;
		padding-left: 20px;
		width: 220px;
		margin-bottom: 20px;
  	}
  	
#listavasen
	{
		position: relative;
		float: left;
	}
	
#listaoikea
	{
		position: relative;
		float: left;
		left: 40px;
	}
	

ol { margin: 0px 0px 0px 30px; }