

/* Tyylit */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#646464;
	margin:0;
	/*background-image:url(../img/bg.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: #ffffff;*/
	line-height: 1.5em;
}

p{
	margin:10px 0;
	font-size: 11px;
}

a, a:link, a:visited, a:active{
	font-family: arial;
	font-size: 11px;
	color: #ff003c;
	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;
}
.mceContentBody{
	background:transparent !important;
}



a.news, a.news:link, a.news:visited {
	color:#0c6c94;
	text-decoration: none;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;

}

td.contactinfo {
	background-image:url(../img/td_contactinfo.jpg);
	background-repeat: repeat-x;
	background-position:bottom;
}

.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%;
}

img{
	border:0px;
}

h1 {
	font-size: 21px;
	color: #ff003c;
	font-family: trebuchet ms;
	margin-top: 0px;
	padding-top: 5px;
}

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


h1.uutisotsikko {
	font-size: 18px;
	color: #ff003c;
	
}

h2.uutisotsikko {
	font-size: 16px;
	color: #ff003c;
	font-family: trebuchet ms;
	margin-top: 0px;
	padding-top: 5px;
}

h3 {
	font-family: calibri, trebuchet, arial;
	font-size: 15px;
	color: #414141;
	font-weight: 400;
	line-height: 21px;
}

h4 {
	font-size: 11px;
	color: #111111;
}

h5 {
	color: #111111;
}

h6 {
	color: #458AD7;
}

#fontincrease, #fontdecrease {
	cursor: pointer;
}

.ingressi {
	font-family: calibri, trebuchet, arial;
	font-size: 15px;
	color: #414141;
	font-weight: 400;
	line-height: 21px;
}

table.solidborder {
	border: 1px solid #4d4d4d;
}


/*accrodion*/

ul#etusivuaccordion{
list-style: none;
margin: 0;
padding: 0;
}

ul#etusivuaccordion li{
float: left;
padding: 10px;
display: block;
background-color:#F00;
margin-right: 10px;
}

ul#etusivuaccordion li a{
display: block;
overflow: hidden;
height: 360px;
width: 55px;
}

ul#etusivuaccordion #a1{
width: 210px;
}

ul#etusivuaccordion li img{
position: absolute;
border: 0px solid #881212;
}

ul#etusivuaccordion li p img{
display:inline-block;
}

ul#etusivuaccordion li p{
margin: 0;
padding: 0;
width: 120px;
display: block;
background-color:#F00;
margin-left: 125px;
}


#menutable2{
	background:url(../img/button_0_bg.gif) repeat-x top center;
	height:50px;
	width:585px;
}

#menutable2 td{
	text-align:center;
	
}

#menutable2 a, #menutable2 a:link, #menutable2 a:active, #menutable2 a:visited, #menutable2 a:hover{
	text-transform:uppercase;
	font-size:10px;
	display:block;
	padding:16px 4px;
	color:#fd043a;
}

#menutable2 .aktiivinen_td a, #menutable2 .aktiivinen_td a:link, #menutable2 .aktiivinen_td a:active, #menutable2 .aktiivinen_td a:visited, #menutable2 .aktiivinen_td a:hover{
	
	color:#4c4c4c;
}

.aktiivinen_td{
	background:url(../img/button_1_bg.gif) repeat-x top center;
	height:50px;
}

.vali{
	background:url(../img/button_vali.gif) no-repeat top center;
	height:50px;
	width:2px;
}

.kulma_oikea{
	background:url(../img/button_0_bg_right.gif) no-repeat top right;


}

.kulma_vasen{
	background:url(../img/button_0_bg_left.gif) no-repeat top left;


}

.kulma_oikea_1{
	background:url(../img/button_1_bg_right.gif) no-repeat top right;


}

.kulma_vasen_1{
	background:url(../img/button_1_bg_left.gif) no-repeat top left;


}



/*2011 etusivun taitot*/


