html{
	height: 100%;
	/*position: relative;*/	
}

body {
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	/*letter-spacing: 0.12em;*/

	color: black;
	background-color: #ffbb04;
			
	margin: 0px;
	padding: 0px;
	border: none;
	
	text-align: center;
	

	background-image: url('tausta/tausta_huba.jpg');
	background-repeat: repeat-x;
	background-position: top left;	
	height: 100%;	
}

a:link, a:hover, a:visited, a:active{
	text-decoration: none;
	color: black;
	/*color: black;*/
}

.wrapleft {
  float: left;
}

.wrapright {
  float: right;
}

.framework{

	margin: 0px;
	margin-left: auto;
    margin-right: auto;		
			
	display: block;
	
	width: 960px;
	
	text-align: left;
			
}

.ylagfx{
	display: block;
	position: absolute;
	top: -19px;
	bottom: 0px;
	left: 0px;
	
	height: 200px;
	width: 100%;
	
	background-image: url('yla/yla_etu.jpg');
	background-repeat: no-repeat;	
	background-position: bottom center;		

}

.yla{
	display: block;
	height: 200px;
	overflow: hidden;
	margin-top: -19px;
	position: relative;
}

.otsikkoflash{
	display: block;
	width: 330px;
	height: 200px;
	position: absolute;	
	top: 0px;
	right: 0px;
	z-index: 3;
}

.navit{
}

.keskiapu{
	display: block;
	position: absolute;
        top: 256px;
	bottom: 70px;
	height: 300px;
	overflow: auto;
}

html > body > div.framework > div.keskiapu {
  /* css3-spesific scrollbar fix for ff3 */
  overflow-x: hidden;
}

.sivusisalto{
	display: block;
	width: 960px;
	text-align: left;	
}

.sivusisalto a{
	text-decoration: underline;
	color: #543a28;
	font-weight: bold;	
}

.leffat1, .leffat2, .etusivu1{
	display: block;
	height: 237px;
	width: 310px;
	/*border: 1px solid black;*/
	float: left;
        padding-top: 0px;
}

.leffat1{
	width: 310px;
	padding-left: 0px;	
}

.leffat2{
	width: 310px;
	padding-left: 0px;	
}

.leffat1 a, .leffat2 a{
	color: black;
	display: block;
	width: 140px;
	float: left;
	font-size: 9px;
	text-transform: uppercase;
	text-decoration: none;
        line-height: 9px;
}

.leffat1 a strong, .leffat2 a strong{
	color: black;
}

.etusivu1{
	width: 320px;
	padding-right: 5px;
}

.leffat2 a{
	width: 90px;
}


.leffainfo, .leffakuva, .vasen, .oikea{
	display: block;
	/*height: 280px;*/
	width: 475px;
	float: left;

}

.leffakuva{
	text-align: center;	
}

.navi1, .navi2{
	display: block;
	height: 36px;
	/*
	background-repeat: repeat-x;
	background-position: top left;
	*/
}

.navit a{
	display: block;
	float: left;
	width: 80px;	
	text-align: center;
	height: 36px;
	background-repeat: no-repeat;
	background-position: top center;	
}

.navi1{
}

.navi2 a{
	width: 120px;
	height: 30px;	
}
	
.uutinen{
	padding: 8px;
	margin-bottom: 8px;
	/*
	background-color: #ffd95c;
	background-image: url('uutinen.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	*/
	/*border: 1px solid black;*/		
}

.uutinen p, .uutinen h1{
  padding: 0px;
  margin: 0px;	
}

/* Hack for ie6. The next lines are not read by ie6 */
html>body .keskiapu{
	height: auto;
}

	
.ala{
        background-image: url(http://www.huba.fi/runko/ala/ala_.jpg);
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	background-repeat: repeat-x;
	background-position: top left;
	height: 30px;
	text-align: center;
	color: white;
	font-size: 8pt;
	padding: 0px;
}

/* Hack for ie6. The next lines are not read by ie6 */
html>body .ala{
	height: 70px;
}

.alasisalto{
	padding: 0px;
	margin: 0px;
	margin-left: auto;
    margin-right: auto;		
	display: block;
	width: 960px;
	padding-top: 6px;
}

.alaleft{
	display: block;
	float: left;	
}

.alacenter{
	display: block;
	float: left;
	padding-left: 200px;
	padding-top: 2px;	
}

.alaright{
	display: block;
	float: right;	
}


img{
	border: none;
	margin: 0;
	padding: 0;	
}	

h1 {
	font-size: 11pt;
	color: black;
	padding: 0px;
	padding-bottom: 3px;
	margin: 0px;	
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

h2 {
	font-size: 11pt;
	color: black;
	padding: 0px;
	margin: 0px;	
}

.eng {
	float: right;
	margin-left: 377px;	
}

.dvdkuva {
	display: block;
	padding: 4px;
}

.imu, .imusmall{
	display: block;
	height: 52px; /* 48 */
	width: 392px;		
	
	background-image: url('imu.jpg');
	background-repeat: no-repeat;
	background-position: left top;
		
}

.imu a, .imusmall a{
	display: block;
	padding: 0px;
	margin: 0px;

	height: 48px; /* 48 */
	width: 392px;	
		
	text-decoration: none;
	color: white;
	padding-left: 50px;
	padding-top: 10px;
	
	overflow; hidden;
	font-size: 14pt;
	line-height: 30px;	
}

.imusmall a{
	font-size: 10pt;
}

.imu a:hover, .imusmall a:hover{
	background-image: url('imu_h.jpg');
	background-position: left top;
	background-repeat: no-repeat;
	color: #fffbae;	
}

.lainaus{
	font-style: italic;
	color: #ab2b16;
}

.lainausnimi{
	text-align: right;
	padding-right: 50px;
	color: #392420;	
}

.kuvat img{
	margin: 4px;	
}

.maxtable {
	text-align: center;	
}

.maxtable table {
  width: 100%;
}

.maxtable th {
  width: 50%;
  text-align: right;
}

.maxtable td {
  width: 50%;
  text-align: left;
}

.maxtable .right {
  text-align: right;
  padding-right: 20px;
  vertical-align: top;
}