

/* Tyylit */
body {

	font-family:"Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Tahoma, Geneva, sans-serif;
	font-size: 11px;
	margin:0;
	color:#555555;
	line-height:100%;
}

img{
	behavior: url(../../../../js/fix/iepngfix.htc);
	border: 0;
}

.ca_tiny b, .ca_tiny strong{
	font-family:"Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Tahoma, Geneva, sans-serif;
	font-weight:normal;
	font-size: 11px;
	margin:0;
	color:#000000;
}

p{
	margin:0 0 10px 0;
}

a, a:link, a:visited, a:active{
	color: #ab0000;
	text-decoration: none;

}

a:hover{
	color: #ab0000;
	text-decoration: underline;
}

/* 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: underline !important;
}
.mceContentBody{
	background:transparent !important;
}



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

td {

	font-family:"Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Tahoma, Geneva, sans-serif;
	font-size:11px;
	font-weight:normal;
	letter-spacing: 0px;
	line-height:140%;

}
.login {
	font-family:"Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Tahoma, Geneva, sans-serif;
	font-size: 11px;

}

input, select, textarea {
	font-family:"Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Tahoma, Geneva, sans-serif;
	font-size: 10px;
}
.text{
	width:100%;
}

hr{color: #cccfcf;
background-color: #cccfcf;
height: 5px;
border:0;
}

h1 {
	font-size: 15px;
	color: #222222;
	text-transform:uppercase;
	font-family:din-medium, "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Tahoma, arial, sans-serif;
	font-weight:normal;
	margin-bottom: 20px;
}

h2 {
	font-size: 13px;
	color: #000000;
	text-transform:uppercase;
	font-weight:normal;
	font-family:din-medium, arial, sans-serif;
	margin-bottom: 7px;
	margin-top: 20px;
}

h3 {
	font-family:arial, sans-serif;
	font-size: 13px;
	color: #000000;
}

h4 {
	font-size:12px;
	color: #c4161c;
	margin:0;
	padding:4px 0 10px 0;
}

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{
	background:#000 url(../img/bg.jpg) repeat-x top center;
	width:100%;
	height:100%;
}

#tausta{
	background:url(../img/tausta.jpg) no-repeat top center;
	width:100%;
}

#container{
	height:100%;
	width:905px;

}

#top{
	height:251px;
	width:100%;

}

#bread{
	height:25px;
	width:100%;

}

.vali{
	height:13px;

}

.sata_w{
	width:100%;

}

.25_vali, .vali25, .valikv{
	width:25px;

}

#content{
	width:100%;

}

#valikko{
	width:197px;

}

#ca{
	width:685px;

}

.white {
	background-color:#fff;

}

#toimistot{
	height:160px;
	width:100%;
	color:#fff;

}

#toimistot td{

	color:#fff;

}

#toimistot h3 {
	font-size: 13px;
	text-transform:uppercase;
	font-weight:normal;
	color: #fff;
	font-family:din, "Lucida Sans Unicode" ,"Lucida Sans",  arial, sans-serif;
}

#footer{
	height:43px;
	width:100%;
	background-color:#202020;
	text-align:center

}

#ca_top_w{
	background:url(../img/r_top.png) no-repeat top center;
	behavior: url(js/fix/iepngfix.htc);
	height:9px;
	width:685px;
}

#ca_top2{
	background:url(../img/ca_top2.png) no-repeat top center;
	behavior: url(js/fix/iepngfix.htc);
	height:7px;
	width:451px;
}

.ca_top_tiny{
	background:url(../img/ca_top1.png) no-repeat top center;
	behavior: url(js/fix/iepngfix.htc);
	height:7px;
	width:218px;
}

#ca_bottom_w{
	background:url(../img/r_bottom.png) no-repeat top center;
	behavior: url(js/fix/iepngfix.htc);
	height:9px;
	width:685px;
}

#ca_bottom2{
	background:url(../img/ca_bottom2.png) no-repeat top center;
	behavior: url(js/fix/iepngfix.htc);
	height:7px;
	width:451px;
}

.ca_bottom_tiny{
	background:url(../img/ca_bottom1.png) no-repeat top center;
	behavior: url(js/fix/iepngfix.htc);
	height:7px;
	width:218px;
}

#ca_wide{
	width:635px;
	padding:20px 0;
}

#ca2_txt{
	width:401px;
	padding:20px 0;
}

.ca_tiny{
	padding:10px 0;
	
	background-color:#fff;
}

#menutable {
	width:100%;
}


.valivt{
	width:15px;
}

#aktiivinen{
	background:url(../img/menuli_a.gif) no-repeat bottom center;
	height:25px;
	padding:0 14px;
}
.menu{
	background:url(../img/menuli.gif) no-repeat top center;
	height:25px;
	padding:0 14px;
	
}
















#menutable a, #menutable a:link, #menutable a:active, #menutable a:visited{
	text-transform:uppercase;
	color:#fff;
	font-size:9.5px;
	font-family:din, "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", arial, sans-serif;
	text-decoration: none;
}

a.fl:link, a.fl:active, a.fl:visited{
	padding-top:4px;
	padding-bottom:4px;
	display:block;
}

#menu_b{
	background:url(../img/menu_b.png) no-repeat top center;
	behavior: url(js/fix/iepngfix.htc);

	height:5px;}
#menu_t{
	background:url(../img/menu_t.png) no-repeat top center;
	behavior: url(js/fix/iepngfix.htc);
	height:5px;}
.menu_t2{
	background-color:#1f1f1f;
	height:10px;}

.vali220{
	width:220px;}
.leivanm{
	width:520px;

	color:#fff;}
.yhteys{height:100%;}

#logo{height:145px;
height:197px;}

.valisub{
	width:100%;
	height:1px;
	background:url(../img/gr.gif) repeat-x top center;}
.valisub_nuoli{
	width:100%;
	height:16px;
	background:#fff url(../img/menu_a_nuoli.gif) no-repeat 10px top;}

.menusub{
	background-color:#fff;}

#menutable .menusub a,#menutable  .menusub a:link,#menutable .menusub a:active,#menutable .menusub a:hover,#menutable .menusub a:visited{
	text-transform:uppercase;
	color:#6a6a6a;
	font-size:9px;
	text-decoration: none;
	font-family:din-medium, arial, sans-serif;

	}
.jokatoinen{
	background-color:#f5f8f8;
	border-bottom:1px solid #e2e6e6;
	border-top:1px solid #e2e6e6;
	}
.vasenborder{
	border-left:1px solid #e2e6e6;
	}

.taulukko{
	border-top:1px solid #e2e6e6;
	border-bottom:1px solid #e2e6e6;
	border-right:1px solid #e2e6e6;
	}

.taulukko td{
	padding:6px 0 6px 10px;
	font-size:11px;}


a.button, a.button:link, a.button:active, a.button:visited, a.button:hover {

	font-family:"Lucida Sans", "Trebuchet MS", arial, sans-serif;
    background: transparent url(../img/red_r.gif) no-repeat scroll top right;
	display: block;
	float: left;
	height:25px;
	margin-right: 6px;
	padding-right: 26px;


	text-decoration: none;
	text-transform:uppercase;
	color:#fff;
	font-size:7pt;

	white-space:nowrap;
	z-index:10;
}
a.button span {
	background: transparent url(../img/red_l.gif) no-repeat;
	display: block;
	line-height: 20px;
	padding: 0px 0px 5px 6px;
	margin:0;
	z-index:9;
}

#toimistot ul{
	margin:0;
	padding:0;
	color:#fff;
	list-style:none;
		float:left;

	}
#toimistot ul li{
	margin:0;
	padding:1px 10px 1px 14px;
	background: url(../img/ala_nuoli.gif) no-repeat left ;
	color:#7a7a7a;

}

#toimistot ul a, #toimistot ul a:link, #toimistot ul a:active, #toimistot ul a:hover, #toimistot ul a:visited{
	color:#7a7a7a;
	text-decoration:underline;}

	img {behavior: url(js/fix/iepngfix.htc);
}




/* 11-11-11 kutsun mutoilut */

#kutsucontent h1{
	font-size: 52px;
	font-weight: 600;
	margin-top: 0px;
	margin-bottom: 0px;
	text-transform: none;
}

#kutsucontent h2{
	font-size: 22px;
	color: 	#a00401;
	font-weight: 500;
	margin-top: 45px;
	margin-bottom: 25px;
	text-transform: none;
}

#kutsucontent p{
	font-size: 18px;
	text-transform: none;
}

#kutsucontent form{
	margin: 0 auto;
	margin-bottom: 50px;
	font-size:  15px;

}

#kutsucontent form b{


}

#kutsucontent form input{
	float: left;

}

#kutsucontent form b{
	float: left;
}

#formwrapper div{
	margin: 0 auto;
}
