/* Tyylit */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0;
}

p{
	margin:10px 0;
}

a, a:link, a:visited, a:active{
	font-family: arial;
	color: #00a890;
	text-decoration: none;
}
a:hover{
	text-decoration:underline;
}

a.menu_link, a.menu_link:link, a.menu_link:visited, a.menu_link:active{
	font-family: tahoma, arial;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}

a.menu_link_sub, a.menu_link_sub:link, a.menu_link_sub:visited, a.menu_link_sub:active{
	font-family: tahoma, arial;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
}

a.bread, a.bread:link, a.bread:visited, a.bread:active{
	font-family: tahoma, arial;
	font-size: 11px;
	color: #ffffff;
	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;
	color: #333333;

}
.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{
	color: #00a890;
	font-family: tahoma, arial;
	font-size: 16px;
}

h2 {
	font-size: 14px;
	color: #000000;
}

h3 {
	font-size: 12px;
	color: #000000;
}

h4 {
	color: #458AD7;
}

h5 {
	color: #458AD7;
}

h6 {
	color: #458AD7;
}

div.menu{
	margin-top: 30px;	
}

div.breadcrumb{
	margin-left: 240px; 
	margin-top: 11px;
	font-family: arial;
	font-size: 12px;
	color: #f0f0f0;
	font-weight: normal;	
}

div.content{
	margin-top: 35px;
	margin-left: 38px;
	margin-right: 38px;
	
	font-size: 11px;
}

div.napit{
	background-position: top;
	background-repeat: repeat-x;
	width: 100%;	
}