/* Tyylit */


body {
	font-family: Arial, tahoma, Helvetica, sans-serif;
	font-size: 11px;
	margin:0;

	color:#333333;
	line-height:18px;
	
}

img, a img{
	border:0;}

font{
	font-family: Arial, tahoma, Helvetica, sans-serif;
	font-size: 11px;
	color:#333333;
	}
	
.sisennys ul, #footer ul{
	list-style:none;
	margin:0;
	padding:0;
	}	
	
.sisennys ul li, #footer ul li{
	padding-left:16px;
	background:url(../img/nuoliblues.gif) no-repeat 0 5px;
	}

#content_area ul li a, #content_area ul li a:link, #content_area ul li a:active, #content_area ul li a:visited, #content_area ul li a:hover{
	color:#666666;
	text-decoration:underline;
	font-weight:bold;
	
}

#content_area ul li a, #content_area ul li a:link, #content_area ul li a:active, #content_area ul li a:visited, #content_area ul li a:hover{
	color:#666666;
	text-decoration:underline;
	font-weight:bold;
	
}	
		

p{
	margin:10px 0;
	font-size: 11px;
}
a, a:link, a:hover, a:visited, a:active{
	font-family: Arial, tahoma, Helvetica, sans-serif;
	color: #68bae0;
	font-weight:bold;
	text-decoration: underline;
}

table td{
	border:0;
	}

/* 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, tahoma,  Helvetica, sans-serif !important;
	color: #68bae0 !important;
	text-decoration: underline !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;
}

strong.hakubold{
	text-transform:uppercase;
	font-size:11px;
	}

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

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

}

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

h1 {
	font-size: 28px;
	color: #68bae0;
	font-family: Arial, tahoma, Helvetica, sans-serif;
	font-weight:normal;
	line-height:28px;
	margin:0 0 32px 0;
	padding:0 0 0 0;
	letter-spacing:-1px;
}

.toi h1 {
	font-size: 28px;
	color: #d57b1b;
	font-family: Arial, tahoma, Helvetica, sans-serif;
	font-weight:normal;
	line-height:28px;
	margin:0 0 32px 0;
	padding:0 0 0 0;
	letter-spacing:-1px;
}

.toi .sisennys h2{
	color: #d57b1b;
}

.toi a, .toi a:link, .toi a:hover, .toi a:visited, .toi a:active{
	font-family: Arial, tahoma, Helvetica, sans-serif;
	color: #d57b1b;
	font-weight:bold;
	text-decoration: underline;
}

.toi ul li{
	padding-left:16px;
	background:url(../img/nuoliorange.gif) no-repeat 0 5px;
	}


h2 {
		margin:0 0 4px 0;
	color:#68bae0;
	font-family: Arial, tahoma, Helvetica, sans-serif;
	font-weight:normal;
	font-size:28px;
	line-height:22px;
	letter-spacing:-1px;
}


h3 {
	font-size: 14px;
	color: #999999;
	margin:0 0 18px 0;
	font-family: Arial, tahoma, Helvetica, sans-serif;
	font-weight:normal;
}


h4 {
	font-family: Arial, tahoma, Helvetica, sans-serif;
	font-size: 17px;
	color: #333333;
	margin:0;
	font-weight:normal;
}

h5 {
	color: #333;
}

h6 {
	color: #68bae0;
	font-size:11px;
	text-transform:uppercase;
	margin:0 0 10px 0;
	padding:0;
}



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


/* Oletusrakenne */

#wrapper{
	height:100%;
	width:100%;
	
	}
#wrapper2{
	height:100%;
	width:100%;
	}
	
#bg_table{
	height:100%;
	width:100%;
	}	
	
#container_bg{
	background:#fff url(../img/bg.gif) no-repeat top center;
}	

#container {
	min-height: 100%;
	height:auto;
	text-align: left;
	margin: 0 auto;
	width:999px;
	overflow:auto;
	padding-bottom:20px;
	/*margin-bottom: -258px;*/
	position: relative;
	
}
	
.vali40{
	height:40px;
}

.vali34{
	height:34px;
}

#logorivi{
	width:936px;
	height:110px;
	text-align:left;
}

#logo{
	position:absolute;
	top:17px;
	left:40px;
	}

	
.vali{
	width:10px;}	

input.search_nappi{
	border:0;
	cursor:pointer;

	float:right;
	}
	
input.checkbox {
background-color: white;
border: 1px solid black;
padding:0;
margin:0;
} 	
	

ul#menu{
	list-style:none;
	margin:0;
	padding:0;
	width:229px;
	}
	
ul#menu li{
	margin:0 0 0 0;
	padding:0;
	background:url(../img/menudash.gif) repeat-x bottom left;
	}
	
ul#menu li.aktiivinen{
	margin:0 0 0 0;
	padding:0;
	background:url(../img/menua_bg.gif) repeat-x top left;
	}	
	
ul#menu2{
	list-style:none;
	margin:0;
	padding:0;
	width:229px;
	}
	
ul#menu2 li{
	margin:0 0 0 0;
	padding:0;
	background:url(../img/menudash.gif) repeat-x bottom left;
	}
	
ul#menu2 li.aktiivinen{
	margin:0 0 0 0;
	padding:0;
	background:url(../img/menua_bg_o.gif) repeat-x top left;
	}		
	
ul#menu2 li a, ul#menu2 li a:link, ul#menu2 li a:hover, ul#menu2 li a:active, ul#menu2 li a:visited{
	display:block;
	
	background:url(../img/nuoliorange.gif) no-repeat 208px 10px;
	color:#29333d;
	text-align:left;
	font-size:13px;
	padding:6px 6px 6px 40px;
	font-weight:bold;
	text-decoration: none;

	margin:0;
	}
	
ul#menu2 li.aktiivinen a, ul#menu2 li.aktiivinen a:link, ul#menu2 li.aktiivinen a:hover, ul#menu2 li.aktiivinen a:active, ul#menu2 li.aktiivinen a:visited{
	display:block;
	background:url(../img/nuoliorangea.gif) no-repeat 208px 10px;
	color:#fff;
	text-align:left;
	font-size:13px;
	padding:6px 6px 6px 40px;
	font-weight:bold;
	text-decoration: none;
	margin:0;
	}		
	
ul#menu li img{
	
	margin-bottom:5px;
	}	
	
ul#menu li.vika{
	float:left;
	margin:0;
	}	
ul#menu li a, ul#menu li a:link, ul#menu li a:hover, ul#menu li a:active, ul#menu li a:visited{
	display:block;
	
	background:url(../img/nuoliblue.gif) no-repeat 208px 10px;
	color:#29333d;
	text-align:left;
	font-size:13px;
	font-weight:bold;
	text-decoration: none;
	padding:6px 6px 6px 40px;
	margin:0;
	}
	
ul#menu li.eka a, ul#menu li.eka a:link, ul#menu li.eka a:hover, ul#menu li.eka a:active, ul#menu li.eka a:visited, ul#menu2 li.eka a, ul#menu2 li.eka a:link, ul#menu2 li.eka a:hover, ul#menu2 li.eka a:active, ul#menu2 li.eka a:visited{

	padding:6px;
	}	
	
ul#menu li.aktiivinen a, ul#menu li.aktiivinen a:link, ul#menu li.aktiivinen a:hover, ul#menu li.aktiivinen a:active, ul#menu li.aktiivinen a:visited{
	display:block;
	background:url(../img/nuolibluea.gif) no-repeat 208px 10px;
	color:#fff;
	text-align:left;
	font-size:13px;
	font-weight:bold
	padding:6px 6px 6px 40px;
	text-decoration: none;
	margin:0;
	}	
	
ul#menu li ul.subul li a, ul#menu li ul.subul li a:link, ul#menu li ul.subul li a:hover, ul#menu  li ul.subul li a:active, ul#menu li ul.subul li a:visited{
	display:block;
	background:url(../img/nuoli_blue.gif) no-repeat 0 13px;
	color:#29333d;
	text-align:left;
	font-size:12px;
	font-weight:normal;
	text-decoration: none;
	margin:0;
	}	
	

	
ul#menu li.aktiivinen{
	margin:0;
	}	
	
ul#menu li a{
	display:block;
	height:100%;
	text-decoration: none;
	}

	
ul#menu li.sub{
	display:block;
	color:#fff;
	text-align:left;
	font-size:13px;
	font-weight:bold;
	text-decoration: none;
	margin:0;	
		list-style:none;
	}
	
ul.subul{
	list-style:none;
	margin:0;
	padding:0;
	}
	
ul.subul li{
	border-bottom:0px solid #dfdfdf;
	}	
	
	
li.suba{
	background:#fb5264 url(../img/menu2a.gif) repeat-x top left;
	}
	
li.sub{
	
	}	
	
	

#content{
	position:relative;
	width:957px;
	margin:0 0 0 42px;
	text-align:left;
	border:0px solid #ccc;
}


#left_column{
	margin:40px 0 20px 0;
	width:229px;
	float:left;
	}	

	

	
#content_area{
	margin:20px 0 30px 41px;
	width:687px;
	float:left;
	position:relative;
	
	}		
	
	


.clearfloat {

	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;

}

#footer {
	position: relative;
	clear:both;
	height:197px;
	background:#e5e6e7 url(../img/bg_footer.gif) repeat-x top center;
}

#footer_content{
	width:999px;
		text-align: left;
	margin: 0 auto;
	position:relative;
	text-align:left;
	
}	

.vali2{
	width:70px;
	background: url(../img/b_dash.gif) repeat-y top center;
	}
	
.laatikko1, .laatikko2, .laatikko3{
	padding:10px 0 10px 0;
}	
	
.laatikko1{
	width:155px;
}

.laatikko2{
	width:168px;
}		
.laatikko3{
	width:193px;
}	
		


.front #footer_nostot{
	width:647px;
	margin-left:312px;
	padding:30px 0;
	}
	
.etusivulaatikko{
	width:230px;
	height:140px;
	background:url(../img/footer_hr.gif) no-repeat right 15px;
	}	
	
.front #footer_nostot h6{
	color:#68bae0;
	padding-bottom:0px;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	}	
	
.sataw{
	width:100%;
	}
	
	

	
#footer a, #footer a:link, #footer a:visited, #footer a:active{
	font-family: Arial, tahoma, Helvetica, sans-serif;
	color: #333333;
	font-weight:bold;
	text-decoration: none;
}	

#ylalaatikko{
	width:680px;
	height:30px;
	top:98px;
	left:312px;
	position:absolute;
	}
	
	
	
#ylalaatikko .padd{
	position:relative;
	}	
	
#ylalaatikko #search{
	position:absolute;
	top:2px;
	right:30px;
	width:250px;
	height:60px;
	}	
	
input.search_nappi{
	border:0;
	cursor:pointer;
	background:url(../img/search.gif) no-repeat top center;
	width:50px;
	height:21px;
	}
	
input.login_nappi{
	border:0;
	cursor:pointer;
	background:url(../img/login.gif) no-repeat top center;
	width:43px;
	height:17px;
	}	
	
.print{
	position:absolute;
	top:2px;
	left:340px;
	}
	
	
.sitemap{
	position:absolute;
	top:6px;
	left:228px;
	}	
	
	
	
.sisennys{
	padding:50px 30px 30px 10px;
	}
	
.sisennys2{
	padding:20px 30px 30px 10px;
	}	
	
#ylakuva{
	margin:20px 0 0 0;
	}	
	
.frontcont{
	width:420px;
}	

.frontnews{
	width:195px;
	float:right;
}	

.frontnews ul{
	margin:4px 0 14px 0;
	padding:4px 0 14px 0;
	background: url(../img/h_dash.gif) repeat-x bottom center;
}

.frontnews b{
	color:#000;
}

.frontnews span{
	color:#999999;
	font-size:12px;
}

#loginbox{
	border:1px solid #dadbdb;
	padding:20px;
}