@charset "UTF-8";
/* CSS Document */

body, html {
margin:0;
}
body {
background-image:url(img/bg.jpg);
background-repeat:no-repeat;
background-position:top center;
font-size: 11px;
font-family:Arial, Helvetica, sans-serif;
color:#797979;
}

table{
font-size: 11px;}

img{
border:0px;
}

p {
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
color:#797979;
}

a:link, a:visited{
color: #0076bd;
text-decoration:none;
}

a:hover, a:visited:hover{
color: #0076bd;
text-decoration:underline;
}

h1{
font-family: Gill Sans Std, Trebuchet Ms, Arial, Helvetica, sans-serif;
font-weight:normal;
color:#bdc605;
font-size:18px;
line-height:20px;
margin: 0px;
padding-top:10px;
padding-bottom:10px;
padding-left:0px;
border-bottom-color:#e1e7eb;
border-bottom-style:solid;
border-bottom-width:1px;
}

h2{
font-family: Gill Sans Std, Trebuchet Ms, Arial, Helvetica, sans-serif;
font-weight:normal;
color:#e75137;
font-size:18px;
line-height:20px;
margin: 0px;
padding-bottom:0px;
padding-top:8px;
}

h3{
color: #e75137;}

h4{
color:#a7aeb5;
font-family: Lucida Grande, Arial Narrow, Arial;
font-size:10px;
vertical-align:middle;
margin:0px;
font-weight:normal;}

h5{
font-family: Gill Sans Std, Trebuchet Ms, Arial, Helvetica, sans-serif;
font-weight:normal;
color:#bdc605;
font-size:18px;
line-height:20px;
margin: 0px;
padding-bottom:0px;
}

#wrapper_outer{
width: 1003px;
margin: auto;

}

#wrapper_inner{
width:1003px;
float:left;
padding-top:0px;

}

#ylapalkki{
float:left;
width:1003px;
background-image:url(img/pp_02.jpg);
background-repeat:no-repeat;
height:249px;
}

#sisalto{
background-image:url(img/content_bg.jpg);
background-repeat:repeat-y;
width:1003px;
float:left;
}

#navi{
float:left;
width: 189px;
min-height:400px;
background-image:url(img/pp_04.jpg);
background-repeat:no-repeat;
margin:0px;

}

#white_space2{
float:left;
}

#front_middle{
float:left;
width: 568px;
line-height: 18px;
padding-bottom:15px;

}

#front_right{
width:246px;
float:left;
line-height: 18px;
}

/* ALAPALKKI*/
#ala{
float:left;
margin:0px;
}


.logot{
height:55px;
vertical-align:middle;}


/* ETUSIVU */
.f1{
width:249px;
text-align:center;
padding-left:20px;
vertical-align:text-bottom;}

.f1b{
width:535px;
height: 283px;
text-align:left;
padding-left:20px;
background-image:url(img/pohja.jpg);
background-repeat:no-repeat;
background-position:top;
padding-left:43px;
padding-top:33px;
margin:0px;
}


.f2{
width:8px;
background-image:url(img/pp_08.gif);
background-repeat:repeat-y;
}

.f3{
width: 279px;
vertical-align:top;
padding-top:15px;
}

.f3_1{
padding-left:15px;
padding-bottom:2px;

}

.f3_2{
padding-left:15px;
padding-right:10px;

}

.vali{
height:23px;
vertical-align:top;
}
.f21{
width:290px;
padding-left:32px;
padding-right:10px;
vertical-align:top;
}

.f22{
width: 200px;
vertical-align:top;
background-image:url(img/pohja2.jpg);
background-repeat:no-repeat;
background-position:top;
height:199px;
}

#mainostila{
text-align:center;
width:225px;
}

/* ALASIVUT */
#index_middle{
float:left;
/*width: 790px; */
width: 520px;
line-height: 18px;
padding-bottom:15px;
padding-left:21px;
padding-top: 15px;
/**
float:left;
width: 568px;
line-height: 18px;
padding-bottom:15px;
/**/

}

#index_right{
/*display:none; */
width:246px;
float:left;
line-height: 18px;
margin-left:25px;
}


.teksti{
width:499px;
}

.index_vali{
width:55px;
}

.muu{
vertical-align:top;
width:208px;
}

.muu p{
margin:0px;

}



/* NAVIGAATIO */
.navigation_level0{
background-image:url(img/n_bg.jpg);
background-position:bottom left;
background-repeat:no-repeat;
width:189px;
float:left;
color:#FFcc99;
text-transform:uppercase;
font-family: Helvetica, Arial, sans-serif;
font-size:11px;
}
.navigation_level0_current{
background-image:url(img/n_bg.jpg);
background-position:bottom left;
background-repeat:no-repeat;
width:189px;
float:left;
color:#5f5a5a;
text-transform:uppercase;
font-family: Helvetica, Arial, sans-serif;
font-size:11px;
}

.navigation_level0 a:link,.navigation_level0 a:visited, .navigation_level0_current a:link,.navigation_level0_current a:visited{
color:#FFFFFF;
text-decoration:none;
padding-left:20px;
padding-top:3px;
padding-bottom:8px;
padding-right:8px;
float:left;
}

.navigation_level0 a:hover, .navigation_level0_current a:hover{
color:#5f5a5a;
text-decoration:none;
}

.navigation_level1{
background-image:url(img/na_bg.jpg);
background-position:top;
background-repeat:no-repeat;
width:188px;
float:left;
color:#FFFFFF;
font-family: Helvetica, Arial, sans-serif;
font-size:11px;
}

.navigation_level1 a:link, .navigation_level1 a:visited{
color:#449bcf;
text-decoration:none;
padding-left:27px;
padding-top:9px;
padding-bottom:8px;
float:left;
padding-right: 4px;
}

.navigation_level1 a:hover, .navigation_level1 a:visited:hover{
color:#5f5a5a;
text-decoration:none;
}

/* UUTISMOKKULA*/
/* Etusivu */
.latest_news{

padding-left:13px;
height: 160px; 
width:208px;
margin-bottom:50px;

}
.front_news_date a:link, .ftonr_news_date a:visited{
color:#88bad8;
text-decoration:none;
font-size:11px;
padding-bottom:10px;
float:left;
width:208px;
}

.front_news_title a:link, .front_news_title a:visited{
float:left;
padding-top:9px;
color:#8f8e8d;
text-decoration:none;
font-size:11px;
width:208px;


}

.front_news_date a:hover, .ftonr_news_date a:visited:hover{
color:#88bad8;
text-decoration:none;
font-size:11px;

}

.front_news_title a:hover, .front_news_title a:visited:hover{
color:#88bad8;
text-decoration:none;
font-size:11px;
}

/* Ajankohtaista */

ul#news {
list-style:none;
}
ul#news li {

}

#white_space{
float:left;
}


#graafi {
	text-align:center;
	color:#0076BD;
	font-size:1.1em;
}

#lupauspankki {

}

div.lupausrivi {
	border-bottom: 1px dotted #CCCCCC;
	padding: 5px;
	background-color:#ffffff;
	cursor: pointer;
}
div.lupausrivi_odd {
	border-bottom: 1px dotted #CCCCCC;
	padding: 5px;
	background-color:rgb(208,51,0);
	cursor: pointer;
	color:#FFFFFF;
}
div.lupausotsikko {

}
div.lupausasia {

}

#palvelupankki {

}

div.palvelurivi {
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom: 10px;
}



