@charset "utf-8";

/* Ahlman / Rakenne / CSS Document */



/* Päärakenne */



body{

	margin: 0px;

	background:url(../images/body_bg.jpg) repeat-x;
		background:url(../images/nurtsi_bg.jpg) top center no-repeat;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 1.4em;
	background-color:#efe5c8;
	height: 100%;



}



body.ammattiopisto, body.aikuiskoulutus, body.kartano{






}



#mainWrapper {



	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width: 1020px;
	height: 100%;



}



#topLogo{

	width: 85px;
	float: left;
	height: 100px;
	margin-top: 8px;
	margin-left: 25px;
	



}

#pagecolour{
background: url(../images/header_colour_orange.jpg) repeat-x;
height:100%;
margin-left:auto;
margin-right:auto;
text-align:left;
}

#pagecolour.vihrea{
background: url(../images/header_colour_vihrea.jpg) repeat-x;
height:100%;
margin-left:auto;
margin-right:auto;
text-align:left;
}

#pagecolour.keltainen{
background: url(../images/header_colour_keltainen.jpg) repeat-x;
height:100%;
margin-left:auto;
margin-right:auto;
text-align:left;
}

#pagecolour.lila{
background: url(../images/header_colour_lila.jpg) repeat-x;
height:100%;
margin-left:auto;
margin-right:auto;
text-align:left;
}


#pageIdentity{
	background:url(../images/header_bg_oranssi.jpg) no-repeat top center;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}



#pageIdentity.ammattiopisto{
background:url(../images/header_bg_vihrea.jpg) no-repeat top center;
height:100%;
margin-left:auto;
margin-right:auto;
text-align:left;
}

#pageIdentity.instituutti{
background:url(../images/header_bg_lila.jpg) no-repeat top center;
height:100%;
margin-left:auto;
margin-right:auto;
text-align:left;
}

#pageIdentity.kartano{
background:url(../images/header_bg_keltainen.jpg) no-repeat top center;
height:100%;
margin-left:auto;
margin-right:auto;
text-align:left;
}





#contentWrapper{



	margin-left:auto;
	margin-right:auto;
	width: 986px;
	padding: 15px 15px 15px 19px;
	background:url(../images/content_bg.png);
	height: 100%;
	float:left;



}

body.index #contentWrapper{

	display: block;




}



#header {

	margin-top: 0px;
	height: 120px;


}






	



#mainNavi{
	float: left;
	width: 100px;
	height:30px;
	position: absolute;
}


#secNavi{
	height: 38px;
	float: right;
	color: #b94518;
	margin-top: 7px;
	font-size: 13px;
	width: 690px;
	text-align:left;
	margin-left: 110px;
	position: absolute;




}

#secNavi a,#secNavi a:visited{
color: #000;
	text-decoration:none;

}


#secNavi a:hover{
color: #666666;
	text-decoration:none;

}

#secNavi a:active{
color: orange;
	text-decoration:none;

}

#mainNavi a img{
	margin-right: 3px;
}




#footer{

	margin-left: auto;
	margin-right: auto;
	width: 1020px;
	height: 10px;
	background-image:url(../images/footer_oranssi.png);
	float: left;

} 

body.ammattiopisto #footer{

	margin-left: auto;
	margin-right: auto;
	width: 1020px;
	height: 10px;
	bottom: 0;
	right: 0;
	left: 0; 
	color: #000;
	background-image:url(../images/footer_vihrea.png);
} 
body.kartano #footer{

	margin-left: auto;
	margin-right: auto;
	width: 1020px;
	height: 10px;
	bottom: 0;
	right: 0;
	left: 0; 
	color: #000;
	background-image:url(../images/footer_keltainen.png);
} 

body.aikuiskoulutus #footer{

	margin-left: auto;
	margin-right: auto;
	width: 1020px;
	height: 10px;
	bottom: 0;
	right: 0;
	left: 0; 
	color: #000;
	background-image:url(../images/footer_lila.png);
} 

/* Navin rolloverit */



#rollover01 a{

	display: block; 

	height: 61px; 

	width: 150px; 

 	background:  url(../images/mainNavi_btn01.png) 0 0 no-repeat;
 	margin-top: 0px;

	border: 0;

	float:left;



}



#rollover01 a:hover {background-position: 0 -62px;

}



#rollover01_on a{

	display: block; 

	height: 61px; 

	width: 150px; 

 	background: url(../images/mainNavi_btn01.png) 0 0 no-repeat;

 	margin-top: 0px;

	border: 0;

	float:left;

	background-position: 0 -62px;

}





#rollover02 a{

	display: block; 

	height: 61px; 

	width: 150px; 

 	background: url(../images/mainNavi_btn02.png) 0 0 no-repeat;

 	margin-top: 0px;

 	margin-left: 25px;

	border: 0;

	float:left;



}



#rollover02 a:hover {background-position: 0 -62px;

}



#rollover02_on a{

	display: block; 

	height: 61px; 

	width: 150px; 

 	background: url(../images/mainNavi_btn02.png) 0 0 no-repeat;

 	margin-top: 0px;

 	margin-left: 25px;

	border: 0;

	float:left;

	background-position: 0 -62px;



}



#rollover03 a{

	display: block; 

	height: 61px; 

	width: 143px; 

 	background: url(../images/mainNavi_btn03.png) 0 0 no-repeat;

 	margin-top: 0px;

 	margin-left: 25px;

	border: 0;

	float:left;



}



#rollover03 a:hover {background-position: 0 -62px;

}



#rollover03_on a{

	display: block; 

	height: 61px; 

	width: 138px; 

 	background: url(../images/mainNavi_btn03.png) 0 0 no-repeat;

 	margin-top: 0px;

 	margin-left: 25px;

	border: 0;

	float:left;

	background-position: 0 -62px;

}







/* Palstat alkaa*/



#tocHeader{

	width: 192px;

	margin-bottom: 5px;
	display:table-cell;
	margin-top: 5px;







}





#toc{

	width: 218px;
	padding-right: 15px;
	border-right: 1px dotted #d6d5bd;
	float: left;
	margin-top: 20px;





}





#colLeft{

	width: 476px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 15px;
	padding-bottom: 2em;
	float: left;
	min-height: 500px;
	display: block;

	

}



#colLeft p{



	text-align:left;

	

}



#colLeft ul{



	padding-left:30px;



	

}



#colLeft ul li{



	font-size: 11px;

	padding-left:5px;

	color: #434343;

	line-height: 1.5em;

	

}



#colRight{

	width: 212px;
	float: left;
	padding-top: 7px;
	display:block;





}





#colRight td, #toc td{

		width: 200px;
		vertical-align:top;
		background-color: #f6f5f2;
		background-image:url(../images/sisamenu_bg_footer.jpg);
		background-position:bottom;
		background-repeat:repeat-x;
	padding-left: 12px;
	padding-top: 2px;
		padding-bottom: 10px;
		font-size: 11px;
		letter-spacing: -0.03em;

}


body:nth-of-type(1) #colRight td, body:nth-of-type(1) #toc td{

	padding-top: 0px;
	padding-bottom: 10px;


}

#colRight td.sisamenu_otsikko, #toc td.sisamenu_otsikko{
	font-size: 11px;
	background-image:url(../images/sisamenu_bg_oranssi.png);

}
#colRight td.sisamenu_otsikko{

	background-image:url(../images/sisamenu_bg_oranssi.png);

}

body.aikuiskoulutus #colRight td.sisamenu_otsikko{

	background-image:url(../images/sisamenu_bg_lila.png);

}

body.ammattiopisto #colRight td.sisamenu_otsikko{

	background-image:url(../images/sisamenu_bg_vihrea.png);

}

body.kartano #colRight td.sisamenu_otsikko{

	background-image:url(../images/sisamenu_bg_keltainen.png);

}

body.basic #toc{


}


#colRight td.sisamenu_otsikko{
height/*\**/:20px\9

}


body:nth-of-type(1) #colRight td.sisamenu_otsikko, body:nth-of-type(1) #toc td.sisamenu_otsikko{
	height: 20px;
	padding-top: 5px;


} /* Häkkäys Safarille ja Chromelle*/

#colRight td p, #toc td p{
	font-size: 10px;
padding-bottom: 0.2em;



}



#colRight td.sisamenu_otsikko p{
margin:0;
padding:0;
color:#fff;
font-size: 11px;

}

#colRight td.sisamenu_otsikko p
{
 margin/*\**/: 0px 0 0 0\9
}


#colRight td ul{

	margin: 0;

	margin-right: 22px;

	font-size: 11px;







}



#colRight h1{

	font-size:13px;



}

#colRight h2{

	font-size:13px;
	color:#000000;
	letter-spacing:0.02em;
	margin-bottom: 0.2em;



}



#colRight a{

	font-size: 10px;

	font-weight:bold;

	color: #333333;
		color: #f65a0d;

	text-decoration: none;

}


body.aikuiskoulutus #colRight a{


		color: #990033;


}

body.kartano #colRight a{


		color: #d58c00;


}

body.ammattiopisto #colRight a{


		color: #ab9900;


}


#colRight a:hover{

	font-size: 10px;

	font-weight:bold;

	color: #117da4;
		color: #333333;

	text-decoration:underline;





}



.kartano colRight{



	float: left;



}





/* Palstat päättyy*/





a img{

	border: 0px;

}











.basic #colLeft .bulletlistMenu .headerbar{

	font: bold 0.90em Verdana, Arial, Helvetica, sans-serif;

	color: white;

	margin-bottom: 0px; /*bottom spacing between header and rest of content*/

	text-transform: uppercase;

	background:none;



}



.basic #colLeft .headerbar a, .headerbar a:visited{

	color: white;

	text-decoration:none;

}





ul{

	margin: 0;
	padding: 0em 0 1em 2em;
	list-style-image:url(../images/bullet01.gif);






}



#colRight ul li{


	font-size: 10px;
	color: #434343;
	padding-bottom: 0.1em;
	line-height: 1.3em;

}


#box03 ul{

	margin: 0;

	margin-top: 10px;

	padding: 0em 0 1em 1.7em;

}



#box03 ul li{

	list-style-image:url(../images/bullet01.gif);

	font-size: 10px;

	color: #434343;

	padding-bottom: 0.2em;

	line-height: 1.5em;

}

/* haku-tyylit*/



#searchArea{

	width: 180px;
	height: 26px;
	background:url(../images/search_bg.jpg) no-repeat;
	float: right;
	margin-top: 3px;
	margin-right:0px;



}





#searchBar{

	margin: 5px 0px 0px 8px;
	float:left;
	font-size: 8px;
	margin-left: 8px;
	width: 130px;





}





#searchGo{

	float: left;

	margin: 2px 0px 0px 8px;



}



#searchGo a{

color: #990000;

}



.searchStyle{

	border: 0px; 

	font-size: 10px; 

	width: 130px; 

	color:#444444; 

	background:none;

	}



/* automaattiset tekstityylit*/



h1{

font-size: 22px;

font-family:Arial, Helvetica, sans-serif;

font-weight:100;

	color: #b94518;

margin-top: 0.1em;

line-height: 1.2em;

}



.ammattiopisto h1{



color: #999900;



}



.aikuiskoulutus h1{



color: #990033;



}



.kartano h1{



color: #a97300;



}







h2{

	font-family: Arial, Helvetica, sans-serif;

	color: #3b3c3d;

	font-size: 18px;





}





h3{

	font-family: Arial, Helvetica, sans-serif;

	color: #0d6889;

	color: #b94518;

	font-size: 12px;

	margin-top: 1em;



}

#box01 h3{
margin: 0 0 5px 0;
}







p{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #222222;

	line-height: 1.5em;

	text-align:left;

	letter-spacing: -0.01em;





}



#bannerArea{

	margin-top: 0px;
	margin-bottom: 20px;
	float: left;

}

#bannerArea img{
display: inline;

}

#mainCol{
	min-height: 100px;
	padding-left: 0px;
	margin-left: 5px;
	display:block;
}

#box01 img{
	margin-bottom: 10px;




}

#box01{
	width: 215px;
	margin-bottom:0;
	padding-right: 19px;
	padding-left: 19px;
	border-right: 1px dotted gray;
	min-height: 200px;
	text-align:left;
	float: left;

	


}


#box01 ul li{
list-style-image:url(../images/bullet01.gif);
margin-top: 0;
padding-top: 0;

}

#box01 ul li a{
font-weight:bold;
	font-size:10px;


}

#box01 p{

	color: #222222;
	font-size:10px;
	padding: 0px 0px 0px 0px;
	margin:0;



}


#box01 strong{

	
	color: #222222;
	padding: 12px 10px 5px 0px;
	font-size: 10px;

}

#box01.noborder1{
	width: 215px;
	margin-bottom:0;
	padding-left: 0px;
	min-height: 100px;
	text-align:left;


	



}

#box01.noborder2{
width: 215px;
	margin-bottom:0;
	border-right: 0px;
	padding-left: 19px;
	padding-right:0px;
	min-height: 100px;
	text-align:left;
float: left;



}


#box02 p{

	font-size: 10px;

}

#box02 img{
padding:0;

}

#box02 ul{
padding-left:15px;
	font-size: 10px;

}




a{


	color: #b94518;

	



}

#colLeft a{

	font-weight:bold;
	text-decoration: none;

	



}

#colLeft a:hover{


	color: #333333;
	text-decoration: underline;

	



}

#box03 a{



color: #434343;



}


#box01 hr {

	border: 0;

	width: 100%;

	background-color: #b8b8b8;

	height: 1px;
	margin-bottom: 17px;

}



hr {

	border: 0;

	width: 100%;

	background-color: #b8b8b8;

	height: 1px;

}


.basic hr {

	border: 0;

	width: 100%;

	background-color: #b8b8b8;

	height: 1px;
	margin-top:2em;
	margin-bottom:1em;

}




td{	

vertical-align: top;



}



#navigation{





}


a img.kuvituskuva:hover{

opacity:0.5;
filter:alpha(opacity=50);

	

}

.highlight{
color: #ff6600;
font-weight: bold;}