/* Tyylit */
body {
	font-family: 'trebuchet ms', Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0;
	color:#000;
}

b, strong{
	color: #000;
}


p{
	margin:10px 0;
}

a, a:link, a:visited, a:active{
	font-family: 'trebuchet ms', Arial, Helvetica, sans-serif;
	color: #2b2b2b;
	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: 'trebuchet ms', 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: 'trebuchet ms', 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: 18px;
	color: #3b3b3b;
	font-weight:normal;
}

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

/* 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;
}

/*RAKENNE*/

#bg{
	width:100%;
	height:100%;
	background:url(../img/bg.gif) top center;
}


.sata{
	width:100%;
	height:100%;
}

#container{
	width:1001px;
	height:100%;
}

.vasen{
	width:16px;
	background:url(../img/sh_l.png) repeat-x right 180px;
	behavior: url(js/fix/iepngfix.htc);

	height:730px;
}

.oikea{
	width:16px;
		background:url(../img/sh_r.png) repeat-x left 180px;
		behavior: url(js/fix/iepngfix.htc);

}

#content{
	width:969px;
	height:100%;
	background-color:#fff;
}

#vasen_col{
	width:205px;
	background:url(../img/left_col_bg.gif) repeat-x top center;
}

#logo{
	width:100%;
	height:265px;
}

#oikea_col{
	width:765px;
	height:100%;
		background:url(../img/gr.gif) repeat-y top left;
}

#top_flash{
	width:100%;
	height:230px;
	background-color:#000;
}

#top_flash img{
	display:block;
	margin:0;
	padding:0
}


#top_flash p{
	margin:0;
	padding:0;
}


#navi{
	width:100%;
	height:38px;
			background:#000 url(../img/navi_bg.gif) repeat-x top left;
}

#bread{
	width:100%;
	height:30px;
	padding:0 30px;
	font-size:11px;
}

#bread_bg{
	height:28px;
			background:url(../img/dash.gif) repeat-x bottom left;
}

#ca{
	width:100%;
	height:30px;
	padding:0 30px;
}


#footer{
	width:969px;
	background:url(../img/footer_bg.gif) repeat-x top left;
	height:56px;
}

#menutable{
	
	height:100%;
}

#menutable2{
	
	width:100%;
	
}

.vali{
	width:1px;
	background:url(../img/vali.gif) no-repeat top left;
	height:100%;
}

.valisub{
	height:2px;
	background-color:#353535;
	width:100%;
}

.valisub_bottom{
	
	width:100%;
	height:154px;
	background:#fff url(../img/sub_bg_bot.gif) repeat-x bottom left;
}


.menu{
	padding:0 16px;
}

.aktiivinen{
	background:url(../img/navi_a_bg.gif) repeat-x top left;
}

.menu a, .menu a:link, .menu a_active, .menu a:hover, .menu a:visited{
	text-transform:uppercase;
	color:#fff;
	font-size:11px;
}

.menusub{
	padding:11px 10px;
	
}

#menutable2 a, #menutable2 a:link, #menutable2 a:active, #menutable2 a:hover, #menutable2 a:visited{
	color:#d3d3d3;
	
}

.tavis{
	background:url(../img/sub_bg.gif) repeat-y top left;
}

.aktiivinen2{
	background:url(../img/sub_bg_a.gif) repeat-y top left;
}

.menu_sub_vali{
	height:10px;
background:url(../img/sub_bg.gif) repeat-y top left;
}

.menusub2{
background:url(../img/sub_bg.gif) repeat-y top left;
padding-top:4px;
padding-bottom:4px;
}

.menusub2_a{
	background:url(../img/sub_bg_a.gif) repeat-y top left;
	padding-top:4px;
padding-bottom:4px;
}

.menu a, .menu a:link, .menu a_active, .menu a:hover, .menu a:visited{
	text-transform:uppercase;
	color:#fff;
	font-size:11px;
}


.front_txt{
	width:471px;
}

.front_vali{
	width:49px;
	height:100%;
	background:url(../img/gr.gif) repeat-y top center;
}

.front_news{
	width:185px;
	font-size:11px;
}