* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 
background :url(http://www.ksttukku.fi/cms/wp-content/uploads/2016/08/tausta.png) ;
}
#wrapper { 

 margin: 0 auto;
 width: 1100px;
  border: 0px solid #ccc;
   background :


}
#wrapper2 { 

 margin: 0 auto;
 width: 1100px;
  border: 1px solid #ccc;
  background :#ffffff;


}
#header {
 color: #333;
 width: 1100px;
 float: left;
 padding: 0px;
 border: 0px solid #ccc;
 height: 172px;
 margin: 0px 0px 0px 0px;

}
#header2 {
 
 width: 1100px;
 float: left;
 padding: 0px;
 border-bottom: 30px solid #242211;
 height: 218px;
 margin: 0px 0px 0px 0px;

 text-align :center;
  background : url(http://www.ksttukku.fi/cms/wp-content/uploads/2016/08/1860.jpg) ;
}

#leftcolumn { 

 border-left: 0px solid #ccc;
 border-right: 0px solid #ccc;
 border-top: 0px solid #ccc;

 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: auto;
 width: 150px;
 float: left;
  background :# C0C0C0 ;
}
#middle { 
 color: #333;
 border-left: 0px solid #ccc;
 border-right: 0px solid #ccc;
 border-top: 0px solid #ccc;

 margin: 30px 0px 0px 0px;
 padding-top: 60px;
 height: 550px;
 width: 1100px;
  text-align :center;

}
#middle2 { 
 color: #333;
 border-left: 1px solid #ccc;
 border-right: 0px solid #ccc;
 border-top: 0px solid #ccc;

 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: auto;
 width: 894px;
 float: left;

}
#rightcolumn { 
 color: #333;
  border-left: 0px solid #ccc;
  border-right: 0px solid #ccc;
  border-top: 0px solid #ccc;

 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: auto;
 width: 150px;
 float: left;
 text-align:center;
}
#footer { 
 width: 840px;
  height: 226px;
 clear: both;
  border-left: 0px solid #ccc;
  border-right: 0px solid #ccc;
  border-top: 1px solid #ccc;
  border-bottom: 0px solid #ccc;

 padding-left:  60px;
  padding-top:  20px;

 text-align :left;
  
}
#footer2 { 
 width: 1100px;
  height: 50px;
 clear: both;
  border-left: 0px solid #ccc;
  border-right: 0px solid #ccc;
  border-top: 1px solid #ccc;
  border-bottom: 0px solid #ccc;

 margin: 0px 0px 0px 0px;
 padding: 3px;
 text-align :center;

}
#lang { 
 width: 170px;

 color: #333;
 border: 1px solid #ccc;
 background: #BD9C8C;
 margin-right :20px;
 padding: 5px;
 
}
p {
margin-left : 10px;
 font-size: 14px;
}
p.alas {
 font-size: 18px;
 font-weight : bold; 
margin-left : 10px;
color : #fff;
}
h2 {
margin-top : 30px;
color : #60AAC3;
}
h3 {
color : #347fd4;
font-size:20px;
line-height:30px;
}
h3.juttu {
color : #000;
line-height:30px;
}
li {
margin-left : 10px;
}

a:link {
font-size : 18px; 
line-height:20px;
font-weight : bold; 
text-decoration : none; 
color : #347fd4;
margin-right: 10px;

} 
a:visited {
font-size : 18px;
line-height:20px;
font-weight : bold; 
text-decoration : none; 
color : #60AAC3;
margin-right: 10px;


} 
a:active {
font-size : 18px; 
line-height:20px;
font-weight : bold; 
text-decoration : none; 
color : #60AAC3;
margin-right: 10px;

} 
a:hover {
font-size : 18px;
line-height:20px;
font-weight : bold; 
text-decoration : none; 
color : #60AAC3;

margin-right: 10px;

}

a.pieni:link {
font-size : 13px; 
line-height:20px;
font-weight : bold; 
text-decoration : none; 
color : #fff;
margin-right: 10px;

} 
a.pieni:visited {
font-size : 13px;
line-height:20px;
font-weight : bold; 
text-decoration : none; 
color : #fff;
margin-right: 10px;


} 
a.pieni:active {
font-size : 13px; 
line-height:20px;
font-weight : bold; 
text-decoration : none; 
color :#fff;
margin-right: 10px;

} 
a.pieni:hover {
font-size : 13px;
line-height:20px;
font-weight : bold; 
text-decoration : none; 
color : #fff;
background : #663300;
margin-right: 10px;

}

a.iso:link {
font-size : 15px; 
line-height:20px;
font-weight : bold; 
text-decoration : none; 
color : #fff;


} 
a.iso:visited {
font-size : 15px;
line-height:20px;
font-weight : bold; 
text-decoration : none; 
color : #fff;



} 
a.iso:active {
font-size : 15px; 
line-height:20px;
font-weight : bold; 
text-decoration : none; 
color :#fff;


} 
a.iso:hover {
font-size : 15px;
line-height:20px;
font-weight : bold; 
text-decoration : none; 
color : #fff;
background : #663300;


}
a.valikko1:link {
	color: #fff;
	  background : url(kuvat/tausta4.jpg) ;
	display: block;
	font-size: 12px;
	border: 1px solid #fff;
	font-weight : bold; 
	padding: 2px;
	text-decoration: none;
} 

a.valikko1:visited {
		color: #fff;
		 background : url(kuvat/tausta4.jpg) ;
		display: block;
		font-size : 12px; 
	
		border: 1px solid #fff;
		font-weight : bold; 
	
		padding: 2px;
		text-decoration: none;
		} 

a.valikko1:active {
		color: #fff;
		 background : url(kuvat/tausta4.jpg) ;
		display: block;
		font-size : 12px; 
	
		border: 1px solid #fff;
		font-weight : bold; 
	
		padding: 2px;
		text-decoration: none;
		} 

a.valikko1:hover {
	color: #fff;
	 background : url(kuvat/tausta5.jpg) ;
	display: block;
	font-size: 12px;

	border: 1px solid #000;
	font-weight : bold; 

	padding: 2px;
	text-decoration: none;
	
	}
a.ala:link {
	color: #000000;
	display: block;
	font-size: 11px;
	font-weight : bold; 
	margin-left: 10px;	
	text-decoration: none;
	border: 1px solid #fff;
} 

a.ala:visited {
		color: #000000;
		display: block;
		font-size : 11px; 
		font-weight : bold; 
		margin-left: 10px;
		text-decoration: none;
		border: 1px solid #fff;
		} 

a.ala:active {
		color: #000000;
		display: block;
		font-size : 11px; 
		font-weight : bold; 
		margin-left: 10px;
		text-decoration: none;
		border: 1px solid #fff;
		} 

a.ala:hover {
	color: #e56a18;
	display: block;
	font-size: 11px;
	font-weight : bold; 
	margin-left: 10px;
	text-decoration: none;
	background-color: #ffffff;
	border: 1px solid #e56a18;
	}
.kuva {
	  border: 3px solid #ccc;
	}
.kuva2 {
	  border: 3px solid #ccc;
	margin-left: 20px;
	}	
li {
margin-left :40px;
}