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

.flir-replaced img{
	padding:4px 0;}

p{
	margin:10px 0;
}

a, a:link, a:visited, a:active{
	font-family: calibri, arial;
	color: #53378a;
	text-decoration: none;
}

a.menul, a.menul:link, a.menul:visited, a.menul:active{
	font-family: georgia, times new roman, serif;
	color: #fff;
	font-size:16px;
	text-decoration: none;
}

a.menula, a.menula:link, a.menula:visited, a.menula:active{
	font-family: georgia, times new roman, serif;
	color: #fdad43;
	font-size:16px;
	text-decoration: none;
}

a.menul2, a.menul2:link, a.menul2:visited, a.menul2:active{
	font-family: 'garamond', georgia, times, serif;
	color: #fff;
	font-size:16px;
	padding:10px 0;
	display:block;
	text-decoration: none;
}

a.menula2, a.menula2:link, a.menula2:visited, a.menula2:active{
	font-family: 'garamond', georgia, times, serif;
	color: #fff;
	font-size:16px;
	display:block;
	padding:10px 0;
	text-decoration: none;
}

a.menul3, a.menul3:link, a.menul3:visited, a.menul3:active{
	font-family: 'garamond', georgia, times, serif;
	color: #000;
	font-size:12px;
	padding:10px 0;
	display:block;
	text-decoration: none;
}

a.menula3, a.menula3:link, a.menula3:visited, a.menula3:active{
	font-family: 'garamond', georgia, times, serif;
	color: #000;
	font-size:12px;
	display:block;
	font-weight:bold;
	padding:10px 0;
	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: calibri, arial !important;
	color: #53378a !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: calibri, Arial, Helvetica, sans-serif;
	font-size: 12px;

}
.login {
	font-family: vcalibri, Arial, Helvetica, sans-serif;
	font-size: 12px;

}

input, select, textarea {
	font-family: calibri, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.text{
	width:100%;
}

h1 {
	font-size: 16px;
	color: #191a1a;
	margin:0 0 16px 0;
	font-family:'tiza', calibri, arial, sans-serif;
}

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

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

h4 {
	color: #458AD7;
}

h5 {
	color: #458AD7;
}

h6 {
	color: #458AD7;
}


.error_message{
	color:#ab0000;
	margin:10px 0 20px 0;
}
.success_message{
	color:#368b1c;
	margin:10px 0 20px 0;
}

/*RAKENNE*/

.sata{
	width:100%;
	height:100%;}
	
#tausta{
	background:#0d0c12 url(../img/bg.jpg) no-repeat top center;
	width:100%;
	height:100%;}
	
#container{
	width:1023px;
	height:100%;}
	
#content{
	background-color:#fff;
	width:950px;}
	
#ylareuna{
	height:325px;
	}
	
#vasen{
	width:37px;
	background:transparent url(../img/vasen.png) repeat-y top right;
	}
	
#oikea{
	width:37px;
	background:transparent url(../img/oikea.png) repeat-y top left;
	}
	
#ylaosa{
	width:950px;
	height:325px;}
	
#valikko{
	height:60px;}
	
#topbot{
	height:35px;
	background:url(../img/yla.png) no-repeat bottom center;}
	
#relativetop{
	width:950px;
	position:relative;
	height:230px;}

#logo{
	position:absolute;
	top:43px;
	left:14px;}
	
#ykko{
	position:absolute;
	top:43px;
	left:583px;}
#liput{
	position:absolute;
	top:30px;
	left:869px;}
	
.menu{
	padding:10px;}
	
#ca{
	width:900px;
	padding:30px 0;}
	
#footer{
	height:74px;
	background:url(../img/dotx.gif) repeat-x top center;
	}
	
.kolmek{
	height:30px;}
	
#footer .padd{
	padding:10px 0;
	width:100%;
	line-height:20px;
	color:#717171;
	font-size:11px;}
	
#sivupalsta{
	width:218px;
	color:#717171;}
	
#ca_text{
	width:646px;
	padding:0;}
	
#ca_vali{
	width:36px;
	background:url(../img/doty.gif) repeat-y top center;}
	
.palsta{
	width:205px;}
	
.palsta h2{
	margin: 4px 0;
	padding: 0;
}

.palstavali{
	width:15px;}
	
.menu2{
	background-color:#53378a;
	padding:0 10px;
	border-bottom:1px solid #fff;}
.menu2a{
	background-color:#00968c;
	padding:0 10px;
	border-bottom:1px solid #fff;}
	
	
	
	
#menutable2{
	margin:10px 0 14px 0;
	width:100%;}	

/* Dropdownmenu */
.menuarea{
	position:absolute;
	display:none;
	width:180px;
	border:1px solid #c3c3c3;
	background-color:white;
	padding-bottom:5px;
}

#menutable .menutop_a{
	color:#6D3A78;
	padding:0 4px;
}
#menutable .menutop{
	color:#3c3c3c;
	padding:0 4px;
}

#menutable .menusub_a{
	color:#6D3A78;
	padding:0 4px;
	font-weight:bold;
	display:block;
}
#menutable .menusub{
	color:#3c3c3c;
	padding:0 4px;
	display:block;
}