/* SG 2.0 Über validi css by topi */

/* MAIN NAVIGATION */
#tabsB 
    {
	clear: both; 
	font-size: 13px; 
	width: 825px; 
	height: 44px;
	padding-left: 75px; 
    }
#tabsB ul 
    {
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin: 0px; 
	padding-top: 	12px; 
	LIST-STYLE-TYPE: none;
    }
#tabsB li 
    {
	padding-right: 0px; 
	display: inline; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin: 0px; 
	padding-top: 0px;
	float: left; 
	line-height: 30px;
    }
#tabsB a.navi 
    {
 	display:block;
 	padding-right: 0px; 
 	padding-left: 4px; 
 	background: url(../img/tableftB.gif) no-repeat left top; 
 	padding-bottom: 0px; 
 	margin: 0px; 
 	padding-top: 0px; 
 	border-bottom: #a2a2a2 0px solid; 
 	text-decoration: none
    }
#tabsB a span 
    {
	padding-right: 25px; 
	display: block; 
	padding-left: 15px; 
	background: url(../img/tabrightB.gif) no-repeat right top; 
	float: left; 
	padding-bottom: 0px; 
	color: #333; 
	padding-top: 0px
    }
#tabsB A SPAN 
    {
	float: none; 
	color:#666; 
	font-family:Verdana;
    }
#tabsB A:hover SPAN 
    {
	color: #000
    }
#tabsB A.navi:hover 
    {
	background-position: 0% -42px
    }
#tabsB A:hover SPAN 
    {
	background-position: 100% -42px
    }
/* MAIN NAVIGATION ENDS */


/* SUB-NAVIGATION */
div.subpg_dhtml 
    {
    margin:19px 0 0 0;
    display: none;
    position:absolute;
    height: auto;
    z-index:99;
    border-bottom: 1px solid #ccc;
    }  
div.subpg_dhtml ul
    {
	margin: 0;
	padding: 0;
	list-style-type: none;	
	display:block;
	width: 200px;
    }  
.subpg_dhtml ul li
    {
    position: relative;
	width: 200px;	
	}	
.subpg_dhtml ul li a 
    {
	display: block;
	text-decoration: none;
	color: #777;
	background: #fff;
	padding: 0px;
	border: 1px solid #ccc;
	border-bottom: 0;
    line-height:22px;
	}
.subpg_dhtml ul li a:hover 
    {
    background: #e4e4e4;
    }
    /*
    html*.subpg_dhtml ul li a:hover {
	[
	]
	background: #e4e4e4;
	}
    */
div.subpg_dhtml a
    {
    display:block;
    color:#a2a2a2;
    font-size:12px;
    padding: 0;
    margin: 0;
    }  
    div.subpg_dhtml a:link,    
    div.subpg_dhtml a:visited, 
    div.subpg_dhtml a:active
    {
    font-weight: normal;
    padding: 0 10px 0 20px;
    margin: 0;
    }
div.subpg_dhtml a:hover 
    {
    color:#000;
    }
/***************************/


/* SEARCH */
.hae
    {
    padding:0px;
    margin:2px 1px 0px 11px;
    }
* html .hae
	{
	padding:0;
	margin:0;
	}
	
	.hae_kuva
	{
	margin:0;
	padding:0;
	border:0;
	}
/* SEARCH ENDS*/


/* BASIC SETTINGS */

html 
    {
	width: 100%; 
	height: 100%
    }
body 
    {
	padding: 0px; 
	font-size: 11px; 
	margin: 0px; 
	color: #666666; 
	LINE-height: 16px; 
	background-image: url(../img/back_bar2.gif);
	background-repeat: repeat-x; 
	FONT-FAMILY: verdana, arial, sans serif; 
	height: 100%
    }



    



table.field {
	padding-right: 0px; 
	background-position: 50% bottom; 
	padding-left: 0px; 
	background-image: url(../img/land_skype.jpg); 
	padding-bottom: 0px; 
	margin: 0px; 
	width: 100%; 
	padding-top: 0px; 
	background-repeat: repeat-x; 
	height: 100%; 
	background-position: bottom;
    }
.field td 
    {
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin: 0px; 
	vertical-align: top; 
	padding-top: 0px; 
	height: 100%
    }    
h1  {        
	font-weight: bold; 
	font-size: 16px; 
	color: #5970db; 
	font-family: Verdana; 
	padding: 0px 5px 10px 0px;
	margin:0;
	 
	line-height:20px;
    }
h2  {
	font-size: 13px; 
	color: #000000;
    }
H3  {
	font-weight: bold; 
	font-size: 16px; 
	color: #5970db; 
	font-family: Verdana; 
	padding: 0px 5px 0px 0px;
	margin:0;
	line-height:20px;
    }
       
a   {
	color: #339933; 
	text-decoration: none;
    }
	
a:link img, a:active img, a:visited img
	{
	border:0;
	}

img
	{
	border-color:#ccc;
	}
	
#intro
	{
	font-style:italic;
	}
	
a:hover 
    {
	text-decoration: underline;
    }

	
#leipa
	{
	font-size: 11px; 
	color: #666666; 
	line-height: 16px; 
	font-family: verdana, arial, sans serif; 
	}
	
/* DIVS */
div.logo 
    {
	padding-right: 0px; 
	padding-left: 0px; 
	float: left; 

	MAX-width: 235px; 
	padding-bottom: 0px; 
	margin: 0px; 
	width: 235px; 
	padding-top: 0px
    }
.content_text
    {
    padding: 10px 5px 10px 41px;
    }	
/* EI VIELÄ KÄYTÖSSÄ - OTETAAN JOS TEKEE NIITTYÄ */	
#taustadiv 
    {
	padding-right: 0px; 
	padding-left: 0px; 
	background-image: url(../img/land_skype_2.jpg); 
	padding-bottom: 0px; 
	margin: 0px auto; 
	width: 100%; 
	padding-top: 0px; 
	background-repeat: repeat-x; 
	height: 100%;
	background-position:bottom;
    }
.logo
    {
	font-weight: bold; 
	color: #5c9819; 
	text-decoration: none
    }
.header
    {
    height:89px;
    }
    .top
    {
    height:89px; 
    color:#999;      
    float:left;
    }
.setit
    {
    height:89px; 
    color:#999; 
    float:right;
    text-align:right;
    padding: 0;
    }
.setit_text
	{
	margin:10px 65px 0 0;
	text-align:right;
	}
	
.linkit
    {
    padding-left: 30px;
    height:52px; 
    color:#999;
    background-color:Lime;   
    }
.flash_area
    {
    height:185px;
    padding-left:60px;
    text-align:center;
    }
#center 
    {
	padding:0; 
	margin: 0px auto; 
	width: 900px; 
	padding-top: 0px;
    }
.search_form
    {
    float:left; 
    width:200px; 
    padding-left:7px; 
    padding-top: 5px;
    }
.bottom_spacer
    {
    clear: both; 
    height:100px;
    }
#leaf
    {
    float:left;
    background-image: url(../img/leaf.gif);
    background-repeat:no-repeat;
    background-position:bottom;
    width:32px;
    height: 35px;
    }
    
#left_navi, #left_navi a:link, #left_navi a:active, #left_navi a:visited
	{
	color:#666; 
	font-family:Verdana;
	font-size:12px;
	padding-left:0px;
	margin:0px;
	}
	
#left_navi ul
	{
	padding-left:20px;
	margin:0px;
	}
	
#left_navi ul li, 
#left_navi ul li a:link, 
#left_navi ul li a:active,
#left_navi ul li a:visited
	{
	color:#666; 
	font-family:Verdana;
	font-size:11px;	
	list-style-type:none;
	padding:0;
	margin:0;
	}
		
#left_navi ul ul
	{
	padding-left:20px;
	margin:0px;
	}
	
#left_navi ul ul li, 
#left_navi ul ul li a:link, 
#left_navi ul ul li a:active,
#left_navi ul ul li a:visited
	{
	color:#666; 
	font-family:Verdana;
	font-size:11px;
	list-style-type:none;
	padding:0;
	margin:0;
	}	
	

/*	
#left_navi2, #left_navi2 a:link, #left_navi2 a:active, #left_navi2 a:visited
	{
	color:#666; 
	font-family:Verdana;
	font-size:11px;
	padding-left:15px;
	}	

#left_navi3, #left_navi3 a:link, #left_navi3 a:active, #left_navi3 a:visited
	{
	color:#666; 
	font-family:Verdana;
	font-size:10px;
	padding-left:30px;
	text-align:left;
	}
*/	

/* BOXES */
.column_1_3
    {
    float:left; 
    padding-left:64px; 
    width:214px;
    }
.column_2_3
    {
    float:left; 
    padding-left:0px; 
    width:394px;
    }
.column_3_3
    {
    float:left; 
    padding-left:0px; 
    width:227px;
    }
  
.column_1_2
    {
    float:left; 
    padding-left:64px; 
    width:552px;
    }    
.column_2_2
    {
    float:left; 
    padding-left:0px; 
    width:284px;
    }
	
.column_2_25
    {
    float:left; 
    padding-left:0px; 
    width:284px;
    }
	
/* NAVI LEFT */
	.column_navi_1_2
    {
    float:left; 
    padding-left:64px; 
    width:284px;
    }
	
	.column_navi_2_2
    {
    float:left; 
    padding-left:0px; 
    width:552px;
    }  
/* BOXES ENDS */

/* BOX TABLE SETTINGS */  
#top_l    
    {
    background-image:url(../img/top_l.png); 
    width:27px; 
    height:27px;
    }    
#top
    {
    background-image:url(../img/top.png); 
    height:27px; 
    background-repeat:repeat-x;
    }    
#top_r
    {
    background-image:url(../img/top_r.png); 
    width:27px; 
    height:27px;
    }
    
#mid_l
    {
    background-image:url(../img/mid_l_pic.png); 
    width:27px; 
    background-repeat:repeat-y;
    }    
#mid
    {
    background-image:url(../img/mid.png); 
    background-repeat:repeat-x; 
    background-color:#fff;
    }
#mid_r
    {
    background-image:url(../img/mid_r_pic.png); 
    width:27px; 
    background-repeat:repeat-y;
    }
    
#bottom_l
    {
    background-image:url(../img/bottom_l.png); 
    width:27px; 
    height:20px;
    }
#bottom
    {
    background-image:url(../img/bottom.png); 
    height:20px; 
    background-repeat:repeat-x;
    } 
#bottom_r
    {
    background-image:url(../img/bottom_r.png); 
    width:27px; 
    height:20px;
    }
/* BOXES SETIINGS END */

/* WHITE BOXES SETTINGS */
#w_top_l    
    {
    background-image:url(../img/w_top_l.png); 
    width:27px; 
    height:27px;
    }    
#w_top
    {
    background-image:url(../img/w_top.png); 
    height:27px; 
    background-repeat:repeat-x;
    }    
#w_top_r
    {
    background-image:url(../img/w_top_r.png); 
    width:27px; 
    height:27px;
    }
    
#w_mid_l
    {
    background-image:url(../img/w_mid_l_pic.png); 
    width:27px; 
    background-repeat:repeat-y;
    }    
#w_mid
    {
    background-image:url(../img/w_mid.png); 
    width:160px; 
    background-repeat:repeat-x; 
    background-color:#fff;
    }
#w_mid_r
    {
    background-image:url(../img/w_mid_r_pic.png); 
    width:27px; 
    background-repeat:repeat-y;
    }
/* WHITE BOX ENDS */


/* //////////////////////////////////////////////////// */

/*  IE6 HACK ///////// BOX TABLE SETTINGS */  
* html #top_l    
    {
    background-image:url(../img/top_l.gif); 
    width:27px; 
    height:27px;
    }    
* html #top
    {
    background-image:url(../img/top.gif); 
    height:27px; 
    background-repeat:repeat-x;
    }    
* html #top_r
    {
    background-image:url(../img/top_r.gif); 
    width:27px; 
    height:27px;
    }
    
* html #mid_l
    {
    background-image:url(../img/mid_l_pic.gif); 
    width:27px; 
    background-repeat:repeat-y;
    }    
* html #mid
    {
    background-image:url(../img/mid.gif); 
    width:160px; 
    background-repeat:repeat-x; 
    background-color:#fff;
    }
* html #mid_r
    {
    background-image:url(../img/mid_r_pic.gif); 
    width:27px; 
    background-repeat:repeat-y;
    }
    
* html #bottom_l
    {
    background-image:url(../img/bottom_l.gif); 
    width:27px; 
    height:20px;
    }
* html #bottom
    {
    background-image:url(../img/bottom.gif); 
    height:20px; 
    background-repeat:repeat-x;
    } 
* html #bottom_r
    {
    background-image:url(../img/bottom_r.gif); 
    width:27px; 
    height:20px;
    }
/*  IE6 HACK ///////// BOXES SETIINGS END */

/*  IE6 HACK ///////// WHITE BOXES SETTINGS */
* html #w_top_l    
    {
    background-image:url(../img/w_top_l.gif); 
    width:27px; 
    height:27px;
    }    
* html #w_top
    {
    background-image:url(../img/w_top.gif); 
    height:27px; 
    background-repeat:repeat-x;
    }    
* html #w_top_r
    {
    background-image:url(../img/w_top_r.gif); 
    width:27px; 
    height:27px;
    }
    
* html #w_mid_l
    {
    background-image:url(../img/w_mid_l_pic.gif); 
    width:27px; 
    background-repeat:repeat-y;
    }    
* html #w_mid
    {
    background-image:url(../img/w_mid.gif); 
    width:160px; 
    background-repeat:repeat-x; 
    background-color:#fff;
    }
* html #w_mid_r
    {
    background-image:url(../img/w_mid_r_pic.gif); 
    width:27px; 
    background-repeat:repeat-y;
    }
/* IE6 HACK ///////// WHITE BOX ENDS */

