
body,html {
	height: 100%;
	width: 100%;
}


.henkilokunta img {
border: 1px solid #ffffff;
margin: 5px 0 5px 0;
}

div#runko {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -100px 0; /* the bottom margin is the negative value of the footer's height */
	background-image: url( );
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #C0C0C0;
}

.sisalto {
width: 975px;
margin: 0 auto 0 auto;
position: relative;
}

.nimmari { 
position: absolute;
left: -5px;
}

.nimmarintitteli {
clear: both;
}


.henkilokunta p {clear: both;}



.clear {
width: 975px;
height: 1px;
clear: both;
}


.vasenpalsta {
padding: 10px;
float: left;
width: 680px;
}

.oikeapalsta {
float: right;
width: 255px;
padding:  0 10px;
}

.tayslevee {
float: right;
width: 935px;
padding:  0 10px;
}


.logo {
float: right;
width: 275px;
text-align: center;
}

.navigointi, .alapalkki {
position: relative;
}


div#navigointi {
	position: relative;
	width: 100%;
	height:30px;
}

.navigointipalkki {
width: 700px;
height: 30px;
text-align: center;
background-image: url(../kuvat/palkki_yla.png);
background-position: top center;
background-repeat: no-repeat;
}


 
 

.katko {
	width: 100%;
	height:6px;
	background-image: url(../kuvat/tausta_katko.jpg);
	background-position: top center;
	background-repeat: repeat-x;
	background-color: #000000;
}

	div#ylapalkki {
	width: 100%;
	height:87px;
	background-image: url(../kuvat/tausta_ylapalkki_2.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #000000;
	}
	
	div#kuvapalkki {
	position: relative;
	width: 100%;
	min-height:236px;
	background-image: url(../kuvat/tausta_kuvapalkki.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #C0C0C0;
	}
	
	div#hiace { 
	width: 975px;
	height: 236px;
	float: left;
	background-image: url(../kuvat/ylakuva_hiace_slogan.jpg);
	background-position: top left;
	background-repeat: no-repeat;	
	}
	
	div#keskipalkki-tausta {
	width: 100%;
	min-height:325px;
	background-image: url(../kuvat/tausta_keskipalkki_liuku.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #060606;
	}
	
	div#keskipalkki {
	width: 100%;
	min-height:325px;
	background-image: url(../kuvat/tausta_keskipalkki.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	}
 
	div#valkopalkki {
	width: 100%;
	background-image: url( );
	background-color: #ffffff;
	background-position: top left;
	background-repeat: no-repeat;
	}

	#tarjousotsikko {
	background-color: #2F2F2F;
	}

	.tarjousotsikko { padding: 10px; }
	
	.push {
	height: 100px; /* .push must be the same height as .footer */
	clear: both;
	}

	div#alapalkki {
	width: 100%;
	height: 100px;
	position: relative;
	background-image: url(../kuvat/tausta_alapalkki.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #CDCDCD;
	}

.yhteyspalkki {
font-size: 9pt;
position: absolute;
top: 0;
left: 0;
width: 700px;
height: 30px;
padding: 7px 0;
text-align: center;
background-image: url(../kuvat/palkki_ala.png);
background-position: top center;
background-repeat: no-repeat;
color: #353535;
}

	.madeby
	{
	position: absolute;
	top: 10px;
	right: 10px;
	width: 13px;
	height: 77px;
	}
 

 
	
#nav ul { /* all lists */
	list-style: none;
}

#nav li { /* all list items */
	float: left;
	position: relative;
	list-style: none;
	color: #FFFFFF;
	white-space: nowrap;
}

#nav li a
{
font-size: 9pt;
color: #FFFFFF;
display: block;
text-align: center;
}

#nav li a.paanavi:link {
margin: 2px 0 0 2px;
padding: 7px 10px 10px 10px;
height: 11px;
text-transform: uppercase;
font-size: 8pt;
}

#nav li a.paanavi:visited {
margin: 2px 0 0 2px;
padding: 7px 10px 10px 10px;
height: 11px;
text-transform: uppercase;
font-size: 8pt;
}

#nav li a.paanavi:hover {
margin: 2px 0 0 2px;
padding: 7px 10px 10px 10px;
height: 11px;
background-image: url(../kuvat/tausta_navinappula.jpg);
background-position: top left;
background-repeat: no-repeat;
text-transform: uppercase;
font-size: 8pt;
}



#nav li a.current:link, #nav li a.current:visited
{
background-image: url(../kuvat/tausta_navinappula.jpg);
background-position: top left;
background-repeat: no-repeat;
}

#nav li a.current:hover
{
background-image: url(../kuvat/tausta_navinappula.jpg);
background-position: top left;
background-repeat: no-repeat;
}



#nav li ul { /* second-level lists */
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px;
	display: none;
	list-style: none;
	background-color: #FF9801;
	z-index: 1;
	background-image: url(../kuvat/alinavitausta.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
}

#nav ul li { 
clear: both;
 }
 
#nav ul li a:link {
font-size: 9pt;
color: #FFFFFF;
margin: 3px 0;
}

#nav ul li a:visited {
font-size: 9pt;
color: #FFFFFF;
margin: 3px 0;
}

#nav ul li a:hover {
font-size: 9pt;
color: #A74500;
text-decoration: none;
margin: 3px 0;
}



#nav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: 0;
}

#nav li:hover ul, #nav li.over ul { /* lists nested under hovered list items */
	display: block;
}





#henkilokunta td {
vertical-align: top;
padding: 5px;
}
		
	
	
	
	
	

.hallinta { color: #000000;}
fieldset { color: #000000;}
 
#topSet
{
width: 100%;
clear: both;
padding: 5px; 
margin: 0;
background: red; 
text-align: center;
color: #ffffff;
}

#topSet A:link, #topSet A:visited, #topSet A:active
{
	COLOR: #ffffff;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
	text-decoration: none; 
	margin: 0 15px 0 0;
}
#topSet A:hover
{
	COLOR: #ffffff;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
	text-decoration: underline; 
}

.galleria img{
	padding: 1em;
	background: #fff;
	opacity: 0.7;
	filter: alpha(opacity = 70);
	margin: 1px;
}

.galleria_scroll img{
	padding: 4px;
	background: #fff;
	opacity: 0.7;
	filter: alpha(opacity = 70);
	margin: 1px;
}

.scroll_nappi{
	background: transparent;
	opacity: 0.7;
	filter: alpha(opacity = 70);
	cursor: pointer;
}

#frontpagetable{
	width: 255px;
	height: 268px;
}

#frontpagetable td { 	vertical-align: middle;}


 