body {
	
 	background-color : #E3E5E5;
 	margin : 0px;
 	padding : 0px;
 	
	background-image : url(../img/gray_spot.png);	
 	
}

.contentback {
	background-image : url(../img/body_back_top.png);	
	background-repeat : repeat-x;
	
}

.vasenvarjo {
	width: 31px;
	background-image : url(../img/vasen_varjo_back.png);	
	background-repeat : repeat-y;
}

.oikeavarjo {
	width: 31px;
	background-image : url(../img/oikea_varjo_back.png);	
	background-repeat : repeat-y;
	
}

.hakupohja {
	background-image : url(../img/haku_back.png);	
	background-repeat : no-repeat;	
	width : 234px;
	height : 39px;
	
}


.maintable {	
	
}

.contentpage {
	background-color : white;
}

.topnavi {
	background-image : url(../img/top_navi_back.png);	
	background-repeat : repeat-x;	

}

.topnavibutton {
	font-family : Arial;
	font-size : 12px;
	color : white;
}

.hakuinput {
	
	width : 113px;
	height : 13px;
	padding : 0px;
	margin : 0px;
	
	font-size : 12px;
	font-family : arial;
		
}

.hakuinputimg {
	padding : 0px;
	margin : 0px;
	
}

.middlecontent {
	/*
	background-image : url(../img/middle_area_back_slide.png);	
	background-repeat : repeat-x;
	*/
	
}

.rightborder {
	background-image : url(../img/ma_back_right.png);	
	background-repeat : repeat-y;
}

.leftborder {
	/*
	background-image : url(../img/ma_back_left.png);	
	background-repeat : repeat-y;
	*/
}

.madiv {
	background-image : url(../img/ma_div.png);	
	background-repeat : repeat-y;	
}

.leftnavitop {
	background-image : url(../img/left_navi_tb.png);	
	background-repeat : repeat-x;	
}

.leftnavitopunsel {
	background-image : url(../img/left_navi_tb_unsel.png);	
	background-repeat : repeat-x;	
}


.leftnavil {
	background-image : url(../img/left_navi_lb.png);	
	background-repeat : repeat-y;		
}

.leftnavir {
	background-image : url(../img/left_navi_rb.png);	
	background-repeat : repeat-y;		
}


.leftnavihead {
	background-image : url(../img/left_navi_head_back.png);	
	background-repeat : repeat-x;		
}

.leftnavihead2 {
	background-image : url(../img/left_navi_head2_back.png);	
	background-repeat : repeat-x;		
}

.hntext {
	font-family : Arial;
	font-size : 11px;
	color : white;	
	font-weight : bold;
}

.h2ntext {
	font-family : Arial;
	font-size : 11px;
	color : black;	
}

.conttxt {
	font-family : Arial;
	font-size : 12px;
	color : black;	
}

.hinta {
	font-family : Arial;
	font-size : 14px;
	color : black;	
}


.lndiv {
	background-color : #eaeaea;	
	height : 1px;
	font-size : 1px;
}

.navihead1 {
	font-family : Arial;
	font-size : 11px;
	color : black;	
	font-weight : Bold;
}

.navihead2 {
	font-family : Arial;
	font-size : 11px;
	color : black;		
}


.leftnavihead1row {
	cursor : pointer;
}


.leftnavihead2row {
	cursor : pointer;
}


.leftnavimenuh {
	background-image : url(../img/left_navi_menuh.png);	
	background-repeat : repeat-x;		
	
}

.content {
	font-family : Arial;
	color : black;
	font-size : 12px;
	text-align : left;

}

.newspot {
	text-align : right;
}

a {
	font-family : Arial;
	color : #004eb2;
	font-size : 12px;	
	text-decoration : none;
}

a:hover {
	font-family : Arial;
	color : #004eb2;
	font-size : 12px;	
	text-decoration : underline;
}

.topunsel {
	background-image : url(../img/alas_navi_top_eival.png);	
	padding-left : 30px;
	padding-top  : 7px;	
	font-size : 12px;	
	font-family : Arial;
	text-align : left;
}

.midunsel {
	background-image : url(../img/alas_navi_middle_eival.png);	
	padding-left : 30px;
	font-size : 11px;	
	font-family : Arial;
	font-weight : bold;
	text-align : left;
}

.midsel {
	background-image : url(../img/alas_navi_middle_val.png);	
	padding-left : 30px;
	font-size : 11px;	
	font-family : Arial;
	font-weight : bold;
	color : white;
	text-align : left;
}

.mid2sel {
	background-image : url(../img/alas_navi2_middle_val.png);	
	padding-left : 40px;
	font-size : 12px;	
	font-family : Arial;
	text-align : left;
	cursor: pointer;
}

.mid2unsel {
	background-image : url(../img/alas_navi2_middle_eival.png);	
	padding-left : 40px;
	font-size : 11px;	
	font-family : Arial;
	text-align : left;
	cursor : link;	
	
}

.mid3sel {
	background-image : url(../img/alas_navi3_middle_.png);	
	padding-left : 55px;
	font-size : 12px;	
	font-family : Arial;	
	text-align : left;
	color : #35A211;
}

.mid3selb {
	background-image : url(../img/alas_navi3_middle_b.png);	
	padding-left : 55px;
	font-size : 12px;	
	font-family : Arial;	
	text-align : left;
	color : #35A211;
}


.mid3seltxt {
	color : #35A211;
	cursor: pointer;
}

.mid3unsel {
	background-image : url(../img/alas_navi3_middle_.png);	
	padding-left : 55px;
	font-size : 12px;	
	font-family : Arial;
	text-align : left;
	cursor : pointer;	
}

.mid3unselb {
	background-image : url(../img/alas_navi3_middle_b.png);	
	padding-left : 55px;
	font-size : 12px;	
	font-family : Arial;
	text-align : left;
	cursor : pointer;	
}

.navih1 {
	font-size : 11px;	
	font-weight : bold;
}

.mid2menu {
	text-decoration : none;
	color : black;
	text-align : left;
	font-size : 11px;
}

.mid2menu:hover {
	color : #35A211;
	text-decoration : none;
	text-align : left;
	font-size : 11px;
}

.alasivuotsikkotausta {
	
	background-image : url(../img/alas_ots_tausta.png);	
	background-repeat : repeat-x;	
	width : 556px;
		
	/*
	background-image : url(../img/alas_ots_tausta_sin.png);	
	background-repeat : no-repeat;
	background-position : 0px 0px;
	*/
}
.alasivuotsikkotaustasin {
	
	background-image : url(../img/alas_ots_tausta_vih.png);	
	background-repeat : repeat-x;		
	width : 556px;
/*	
	background-image : url(../img/alas_ots_tausta_sin.png);	
	background-repeat : no-repeat;
	background-position : 0px 0px;*/
	
	/*background-image : url(../img/alas_ots_tausta.png);	*/
	/*background-repeat : repeat-x;		*/
}

.alasivuotsikko {
	font-size : 18px;		
	color : white;
	font-family : Arial;
	font-weight : Bold;
	padding-left : 28px;
	text-align : left;
}


.content2 {
	font-family : Arial;
	color : black;
	font-size : 12px;
	text-align : left;
	padding-left : 28px;
	padding-right : 28px;
}

.middledivtable {
	height : 2px;
	font-size : 2px;
}

.backslide {
	
	background-image : url(../img/bs.png);	
	background-repeat : no-repeat;
/*
	background-image : url(../img/middle_area_back_slide.png);	
	background-repeat : repeat-x;*/
}

.erotinviiva {
	
	/*background-color : #F1F0F0;*/
	width : 0px;
	
}


h1 {
	font-family: Arial;
	font-size : 14px;
	color : #000000;
	font-weight : bold;		

}

h2 {
	font-family: Arial;
	font-size : 14px;
	color : #000000;
	font-weight : bold;		
	
}

P {
	
	font-family: Arial;
	font-size : 12px;
	color : #000000;	
}

.hakuots {
	font-family: Arial;
	font-size : 11px;
	font-weight : bold;
	color : #000000;	
}

select {
	font-family: Arial;
	font-size : 11px;
	color : #000000;	
	width : 195px;
	border : 1px solid gray;
}

.haku {
	font-family: Arial;
	font-size : 11px;
	color : #000000;	
	width : 195px;
	border : 1px solid gray;
}




UL {
	
	font-family: Arial;
	font-size : 12px;	
	margin-left : 30px;	
	padding-left :16px;
}

LI {
	color: 004eb2;	
	list-style-image: url(../img/list_bullet.gi);
}


TD {
	font-family : Arial;
	font-size : 12px;
}

.contentcomponenttd {
	padding-left : 0px;
	text-align : left;
}

#copyright {
	position:relative;
	left:25px;
	top:0;
	font-size: 11px;
}

#copyright a {
	font-size: 11px;
}

.navih2 a {
	color : black;
	font-size : 11px;
	font-weight : normal;
}

.navih1 a {
	color : black;
	font-size : 11px;
}

.navih1 a {
	color : black;
	font-size : 11px;
}

.midsel a {
	color : white;
	font-size : 11px;
}



/*EXTRANET NAVI*/
table#extraNavi .extraNaviTop{
	height:29px;
	width:203px;
	background: transparent url(../img/extra_naviTop.png) left top no-repeat;
}

table#extraNavi table.topActive{
	height:29px;
	width:203px;
	background: transparent url(../img/extra_naviTop_active.png) left top no-repeat !important; 
}

table#extraNavi table.extraNaviTop a{
	margin-top:2px;
}

table#extraNavi table.topActive a{
	color:#ffffff !important;
	margin-top:2px;
}

table#extraNavi table.midActive {
	height:26px;
	width:203px;
	background: transparent url(../img/extra_naviMiddle_active.png) left top no-repeat !important;
}

table#extraNavi table.midActive  a{
	color:#ffffff !important;
}

table#extraNavi table.bottomActive {
	height:32px;
	width:203px;
	background: transparent url(../img/extra_naviBottom_active.png) left top no-repeat !important;
}

table#extraNavi table.bottomActive a{
	margin-top:3px;
	color:#ffffff !important;
}

table#extraNavi .topunsel{
	height:30px;
	width:203px;
	background: transparent url(../img/navi_extraTop.png) left top no-repeat;
}

table#extraNavi .topunsel a{
	margin-top:9px;
	color:#000000;
	font-size:11px;
	font-weight:bold;
	display:block;
}

table#extraNavi .midunsel {
	height:26px;
	width:203px;
	background: transparent url(../img/navi_extraMiddle.png) left top no-repeat;
}

table#personal, table#extraNavi{
	width:203px;
	margin-bottom:10px;
}


	


table#personal a, table#extraNavi a{
	color: #000000;
	font-weight:bold;
	margin:0 0 0 27px;
	display:block;
}

table#personal table.bottomLink a{
	margin-top:3px;
}

table#personal table.personalHeader{
	height:28px;
	width:203px;
	background: transparent url(../img/extra_personalHeader.png) left top no-repeat;
}

table#personal table.midLink, table#extraNavi table.midLink{
	height:27px;
	width:203px;
	background: transparent url(../img/extra_personalMiddle.png) left top no-repeat;
}

table#personal table.bottomLink, table#extraNavi table.bottomLink{
	height:31px;
	width:203px;
	background: transparent url(../img/extra_personalBottom.png) left top no-repeat;
} 

table#personal table.personalHeader{
	height:28px;
	width:203px;
	background: transparent url(../img/extra_personalHeader.png) left top no-repeat;
}

table#personal .name{
	float:left;
	padding:2px 0 0 27px;
	color:#000000;
	font-size:12px;
	font-weight:bold;
}

table#personal .personIconMale{
	background: transparent url(../img/extra_personIcon_male.png) left top no-repeat;
	float:right;
	margin:0 13px 0 0;
	height:16px;
	width:12px;
}