/****************************************************** 
	
	-----------------------
	FINNICA KYMENLAAKSO - CSS
	** PÄÄSIVU, YLEINEN **
	-----------------------
	
	1.Body
	2.Layout structures
	3.Forms
	4.Headers and text
	5.Buttons
	6.Clears	

	Copyright © 2006 
	Koulutus- ja kehittämiskeskus Palmenia, Kouvola
	
	
******************************************************/



/* 1. Body -------------------------------------------> */
html,body{
	margin: 0; padding: 0; 
	background:#e0e0e0 url(../img/backg_body.gif) top repeat-x;
	font-family:Tahoma;
}
	
/* 2. Layout strcutures ------------------------------> */
	
#container{
	width:775px; margin:0 auto; padding:0 10px 10px 10px;
	background-color:#FFF; 	border-bottom:#c8c8c8 solid 6px;
}

	#twocols{
		border-bottom:#b8b8b8 solid 1px;
		margin-bottom:3px;
	}
		#main{width:600px; float:left; border-right:#ebebeb solid 1px;
		}		
			#ban{height:176px; margin-bottom:3px;}
			#content{padding:25px 20px 0px 12px;}
			
				#content_left{width:396px; float:left; padding:0; margin:0; border-right:#e7e7e7 solid 1px;
				}
					#topsections{
						border-bottom:#e7e7e7 solid 1px; clear:both;
						background:url(../img/backg_topsections.gif) 0% 100% repeat-x;
					}
						#yleistieto{
							width:175px;
							padding:0 13px 20px 0;
							margin:0 14px 0 0;
							border-right:#e7e7e7 dashed 1px;
							float:left;
						}
						#pikalinkit{
							width:175px;
							padding:0 14px 0 0;
							float:left;
						}
							#pl_left{width:79px; float:left; margin-right:16px; padding-bottom:15px;									
							}
							#pl_left img{border:3px solid #e6e6e6; padding:3px;
							}
							#pl_left p{padding:0; margin:3px 0 0 0; width:79px; font-size:65%; color:#737373; text-align:center;
							}
							#pl_left a:link, a:active, a:visited{color:#737373; text-decoration:none;	
							}	
							#pl_left a:hover{
								text-decoration:underline;	
							}																		
									
							#pl_right{width:79px; padding-bottom:15px; float:left;
							}
								#pl_right img{border:3px solid #e6e6e6; padding:3px;}
								#pl_right p{padding:0; margin:3px 0 0 0; width:79px; font-size:65%; color:#737373; text-align:center;}									
								#pl_right a:link, a:active, a:visited{color:#737373; text-decoration:none;}	
								#pl_right a:hover{text-decoration:underline;}		


								#didyouknow{
									width:175px;
									clear:both;
									padding:15px 0 20px 0;
									border-top:#e7e7e7 dashed 1px;
									color:#737373;
									font-size:71%;
									line-height:1.3em;
								}
									#didyouknow div{margin:0; padding:0 0 0 12px; border-left:8px solid #f2f1ee;}
									#didyouknow h2{display:none;}
									#didyouknow img{padding-bottom:10px;}									
									
						#artikkelit{
							padding-top:20px;
							background:url(../img/backg_topsections.gif) 0% 100% repeat-x;
						}
							#kehitys{
								width:177px;
								padding:0 13px 15px 0;
								margin:0 14px 0 0;
								float:left;
							}
							#yleiset{
								width:177px;
								padding:0 14px 0 0;
								float:left;
							}
							.articlelink{
								width:177px;
								margin-bottom:5px;						
							}							
							.articleots{
								float:left;
								width:129px;
								padding:0;
								margin:0;
								font-size:71%;
							}							
							#artikkelit table{
								border:0;
							}							
							#artikkelit table td{
								padding:0 0 4px 0;
								margin:0;
								font-size:71%;
							}																	
							#artikkelit img{
								margin-right:8px;
							}													
							

				#content_right{width:153px; float:right; margin-left:15px; 
				}			

					#teemalinks{
						margin-top:10px;
					}
					
					#teemalinks p{
						font-size:71%;
						background:url(../img/vector.gif) center left  no-repeat;
						padding:6px 15px 6px 15px;
						margin:0;
						border-bottom:dashed 1px #d1d1d1;						
					}
		#right{
			width:174px;
			float:right;
		}	
			#logo{
				height:139px;
				padding:65px 0 0 40px;
				background:url(../img/back_logo.gif) 0% 100% no-repeat ;
			}
			#search{
				background:#ebebeb url(../img/backg_search.gif) 0 100% repeat-x;
				width:144px;
				font-size:71%; 
				color:#a6a6a6;
				padding:11px 10px 10px 20px;	
			}
			#sidenav{
				width:134px;
				font-size:71%;
				padding:5px 20px 20px 20px;
				background:url(../img/back_sidenav.gif) top left repeat-x;				
			}
			#sidenav dl{
				margin:0;
				padding:0;
				list-style:none;				
			}
			#sidenav dt{
				margin:15px 0 5px 0;
				font-size:90%;
				color:#646464;
			}
			#sidenav dd{
				margin:0;
				padding:1px 0 1px 0;
			}
			select{
				width:120px;
				font-size:90%;
			}
			
/* 3. Info ------------------------------> */
#colleft{
	float:left;
	width:357px;
	margin:0px 20px 0px 0px;
	padding:0px 20px 30px 0px;
	border-right:#ebebeb solid 1px;
}
#colright{
	float:left;
	width:170px;
}

			#pagedl{
				width:300px;
				font-size:71%;
				color:#737373;
			}
			#pagedl dl{
				margin:0;
				padding:0;
				list-style:none;				
			}
			#pagedl dt{
				margin:15px 0px 0px 0px;
				font-weight:bold;
			}
			
			#pagedl dt.subdl{
				margin:15px 0px 0px 0px;
				font-weight:bold;
			}
			
			#pagedl dd{
				margin:0;
				padding:2px 0 2px 0;
			}

/* 3. Teemat ja artikkelit ------------------------------> */

#teemaframe1{
	float:left;
	width:249px;
	padding:0 0 0 20px;
	border-left:1px solid #E4E4E4;
	background:url(../img/backg_teemaframes.gif) repeat-y;
}
#teemaframe2{
	float:right;
	width:249px;
	padding:0 0 0 20px;
	border-left:1px solid #E4E4E4;	
	background:url(../img/backg_teemaframes.gif) repeat-y;
}
#teemaframe3{
	padding:0 0 0 20px;
	margin:0 0 20px 0;
	border-left:1px solid #E4E4E4;	
	background:url(../img/backg_teemaframes.gif) repeat-y;
}
	.teema{
		background:url(../img/backg_teemat.gif) 100% 100% no-repeat;
		margin-bottom:17px;
		height:48px;
	}
	
	.article{
		background:url(../img/backg_articles.gif) 100% 100% no-repeat;
		margin-bottom:17px;
		height:40px;
	}
	.toimija{
		background:url(../img/backg_toimijat.gif) bottom repeat-x;
		padding-bottom:17px;
		margin-bottom:17px;
	}		

	#teemaframe div{
		clear:both;
	}
	.teemaname{
		width:130px;
		float:left;
		padding:0 0 0 15px;
		background:url(../img/vector.gif) center left  no-repeat;
		margin:10px 0 0 15px;
		font-size:71%;
	}
	.articlename{
		width:190px;
		float:left;
		padding:0;
		margin:5px 0 0 15px;
		font-size:71%;
	}
	.toimijaimg{
		float:left;
		margin:0 15px 15px 0;
	}	
	.toimijaname{
		padding:0;
		margin:0;
		font-size:75%;
		font-weight:bold;
	}
	.toimijatxt{
		padding:0;
		margin:6px 0 0 0;
		font-size:71%;
		text-align:justify;
		color:#737373;
		line-height:1.3em;
	}		

/* 3. Forms ------------------------------> */		
		
#google{
	margin:0;
	padding:0 0 0 0;
}
	input.box{
		width:90px;
		border: 1px solid #CCCCCC;
		font-size:11px;   
		color: #a6a6a6;
		background-color: #FFF;
	}
	input.but{
		width:30px;
		border: 1px solid #FFF;
		font-size:11px;
		color: #FFF;
		background-color:#b4b4b4;
	}
#form_ans{
	width:300px;
	height:300px;
}

/* 4. Text ------------------------------> */
#pagination{
	margin:0 0 15px 0;
	padding:0;
	font-size:71%;
}
.section{
	padding:0; margin:0 0 15px 0;
	width:175px;
	font-weight:bold;
	background:url(../img/backg_header.gif) top repeat-x;
	height:22px;
}
.section2ban_1{
	clear:both;
	padding:0 0 5px 0; margin:0;
	width:154px;
}
.section2ban{
	clear:both;
	padding:0 0 25px 0; margin:0;
	width:154px;
}
.section2{
	clear:both;
	padding:0 0 15px 0; margin:0;
	width:154px;
	font-weight:bold;
	background:url(../img/backg_header.gif) top repeat-x;
	height:22px;
}
.section3{
	clear:both;
	padding:0 0 15px 0; margin:0;
	font-weight:bold;
	background:url(../img/backg_header.gif) top repeat-x;
	height:22px;
}
	.header{
		position:absolute;
		padding:3px 5px 2px 5px;
		font-size:65%;
		display:block;
		margin:0;
		background-color: #e6e6e6;
	}
	.header2{
		position:absolute;
		padding:3px 5px 2px 5px;
		font-size:65%;
		display:block;
		margin:0;
		background-color: #e6e6e6;
	}	

h1{
	font-size:75%;
	margin:0;
	padding:15px 0 10px 0;
}
h1 a:link,a:active,a:visited{
	color:#3a3f44;
	text-decoration:none;	
}
h3{
font-size:75%;
font-weight:normal;
margin:0;
padding:0;
color:#000;
}

h4{
font-size:71%;
font-weight:normal;
margin:0;
color:#b0b0b0;
}
p.small{
	color:#737373;
	font-size:71%;
	padding:0px 0px 25px 0px;
	margin:0px;
	line-height:1.3em;
	text-align:justify;
}
p.normal{
	color:#737373;
	font-size:75%;
	padding:0px 0px 40px 0px;
	margin:0px;
	line-height:1.3em;
	text-align:justify;
}
p.artikk{
	color:#737373;
	font-size:75%;
	padding:0px 0px 18px 0px;
	margin:0px;
	line-height:1.6em;
	text-align:justify;
}
p.ttxt{
	color:#737373;
	font-size:71%;
	padding:0;
	margin:0;
}
.separation{
	color:#b0b0b0;
}

a.tlink:link, a.tlink:active, a.tlink:visited{
	color:#737373;
	text-decoration:none;
}

a.tlink:hover{
	color:#737373;
	text-decoration:underline;
}
span.tlink2_on{
	padding:1px 3px 1px 3px;
	background-color:#ccc;
	color:#fff;
	text-decoration:none;
}

a.nlink:link, a.nlink:active, a.nlink:visited{
	color:#a6a6a6;
	text-decoration:none;
}

a.nlink:hover{
	color:#737373;
	text-decoration:none;
}

.alert{
	color:#FF6600;
}


/* 5. Images ------------------------------> */

img.ts{
	float:left;
	margin-right:8px;
}

.imgright{
	float:right;
	margin:0px 0px 0px 30px;
}
.imgleft{
	float:left;
	margin:0px 30px 0px 0px;
}
.imgthumb{
	border:#e7e7e7 solid 1px;
}
p.imgtxt{
	color:#737373;
	font-size:65%;
	padding:5px 0px 15px 0px;
	margin:0px;
}


/* 6. Clears ------------------------------> */	

.clear{
 clear:both;
 line-height:0.01em;
 display: block; 
 font-size:1px;
}

.left{
	float:left;
}

/* 6. Footer ------------------------------> */

#footer{
	border-top:1px #e1e1e1 solid;
	padding:20px 12px 10px 12px;
}
	#footer_left{
		float:left;
	}
	#footer_right{
		float:right;
	}
		#copy{
			background:url(../img/fk_logo_s.gif) right no-repeat;
			color:#999999;
			font-size:65%;
			margin:10px 0px 0px 0px;
			padding:2px 25px 2px 0px;
		}