/* Tyylit */

body {

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

	font-size: 12px;

	margin:0;
	
	color: #000000;

}



p{

	margin:10px 0;

}



a, a:link, a:visited, a:active{

	font-family: arial;

	color: #2c77bc;

	text-decoration: none;

}



/* Tällä pakotetaan editorin sisällön linkit oikean näköisiksi

   Eli yleensä sama tyyli kuin tuossa yllä a-elementille, mutta jokaisen perään !important */

.mceContentBody a,.mceContentBody a:link, .mceContentBody a:visited{

	font-family: arial !important;

	color: #ab0000 !important;

	text-decoration: none !important;

}







a.news, a.news:link, a.news:visited {

	color:#0c6c94;

	text-decoration: none;

}



td {

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

	font-size: 12px;



}

.login {

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

	font-size: 12px;



}



input, select, textarea {

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

	font-size: 10px;

}

.text{

	width:100%;

}



h1 {
	font-size: 20px;
	color: #2c77bc;
	background-image: url(../img/h1_bg.gif);
	background-repeat:repeat-x;
	background-position:bottom left;
}



h2 {
	font-size: 16px;
	color: #2c77bc;
}



h3 {

	font-size: 12px;

	color: #000000;

}



h4 {

	color: #458AD7;

}



h5 {

	color: #458AD7;

}



h6 {

	color: #458AD7;

}



#main_kuva{
background-image: url(../img/main_kuva.png);
background-repeat:no-repeat;
width: 770px;
height: 166px;
}