

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

p{
	margin:10px 0;
}

a, a:link, a:visited, a:active{
	font-family: trebuchet ms, arial;
	color: #2362b5;
	text-decoration: none;
}

a.breadlink, a.breadlink:link, a.breadlink:visited, a.breadlink:active{

	color: #040404;
	
}

.flir-replaced{
	
	}
	
img{

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


/* 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: #2362b5 !important;
	text-decoration: none !important;
}
.mceContentBody{
	background:transparent !important;
	text-align: left !important;
	height:auto !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: trebuchet ms, Arial, Helvetica, sans-serif;
	font-size: 12px;

}

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

table{
	border-color:#bfbfbf;}
	
table td{
	border-color:#bfbfbf;}	

h1 {
	font-size:18px;
	color: #000;
	font-weight:normal;
	text-transform:uppercase;
	margin:0 0 14px 0;
	padding:0;
	font-family: trebuchet ms, Arial, Helvetica, sans-serif;
	
}

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

h3 {
	font-size: 13px;
	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*/

.sataw{
	width:100%;}
	
#palsta1{
	width:276px;}
	
.palstavali{
	width:24px;}	
	
#palsta2{
	width:351px;}	

#bg{
	background:#fff url(../img/bg2.jpg) repeat-x top center;
	width:100%;
	height:100%;}
	
#container{
	width:929px;
	height:100%;
	}
#top{
	height:120px;
	padding:0 10px 0 16px;}
.relative{
	position:relative;
	height:120px;}
	
#ylakuva{
	padding:0;
	margin:0;
	width:650px;}	
	
#corn{
	height:14px;
	background:transparent url(../img/topcorn.gif) no-repeat top left;
	}	
#content{
	background-color:#fff;}
	
#breadcrumb{
	padding:8px 0 16px 0;
	color:#636363;
	width:650px;
	display:block;}	
	
.reunat{
	width:35px;}
	
#valikko{
	width:180px;
	}	
	
#menutable{
	width:100%;}	
	
.vali{
	width:30px;}
	
#ca{
	width:650px;}
	
#minheight{
	background-color:#fff;
}	

.white{
	background-color:#fff;
	padding:0 0 28px 0;}

#redbackg{
	background-color:#ad1812;
	padding:6px 0;
	text-align:center;
	font-size:20px;
	width:380px;
	position:absolute;
	top:35px;
	left:534px;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	font-family:arial, tahoma, sans-serif;}
	
#alateksti{
	font-size:11px;
	position:absolute;
	top:79px;
	left:534px;
	width:380px;
	text-align:center;
	color:#d2e6f0;}

#logo{
	position:absolute;
	top:0px;
	left:0px;
	margin-top:20px;}
	

#footer	{
	background:transparent url(../img/gr.gif) repeat-x top center;
	width:100%;
	padding:10px 0;
	display:block;
	margin:20px 0;
	clear:both;}
	
#footer td{
	color:#717171;}	
	
.menuvali{
	height:1px;
	background:transparent url(../img/gr2.gif) repeat-x top center;
	}	
.menuvali_a{
	height:1px;
	background:transparent url(../img/menuvaliblu.gif) repeat-x top center;
	}
.menuvalisub{
	height:8px;}	
	
.menu_a{
	background-color:#2362b5;
	padding:3px 23px 2px 10px;}
	
.menu{

	padding:4px 23px 2px 10px;}	

.menu_a a, .menu_a a:link, .menu_a a:active, .menu_a a:hover, .menu_a a:visited{
	color:#fff;
	font-weight:normal;
	font-size:12px;
	display:block;
	padding:4px 0;
	}
	
.menu a, .menu a:link, .menu a:active, .menu a:hover, .menu a:visited{
	color:#363636;
	font-weight:normal;
	font-size:12px;
	display:block;
	padding:4px 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;
}
