/* * { behavior: url(iepngfix.htc) }*/


body { font-size: 11px; 
line-height: 14px;
font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; color:black; }

body.pohja{
background-color: #105664;
}

/*h1 { color: #066; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; letter-spacing: 0.06em; }*/


h1 { color: #066; font-size: 12px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.06em; }

h2 { font-size: 11px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.01em; }

h3 { font-size: 11px; font-weight: bold; letter-spacing: 0.01em; }

h4 { color: #066; font-size: 11px; letter-spacing: 0.01em; }

h5 { font-size: 11px; letter-spacing: 0.01em; }

h6 { color: #066; font-size: 11px; letter-spacing: 0.01em; font-style: italic;}

td, tr, table{color:black;
font-size: 11px;
}
a{
text-decoration: none;
color: #105664;
font-weight: bold;
}
a:hover{
text-decoration: underline;
}
.ylab{
text-decoration: none;
color: #105664;
font-weight: bold;
}

.nimi{
font-style: italic;
}
.seloste{
margin-top:4px;
margin-bottom:0px;
}
.alaotsikko{
margin-top:-8px;
margin-bottom:8px;
/*font-style: italic;*/
}
.alaotsikkolisa{
margin-top:-1px;
/*_margin-top:-4px;*/
margin-bottom:8px;
}

.paiva{
font-weight: normal;
margin-top:12px;
margin-bottom:0px;
color: #105664;

}
.latestnews{
margin-top:0px;
margin-bottom:0px;
color:black;
}

.pagenav{
margin-left:2px;
margin-right:2px;
}

.pagenav_open{
margin-left:2px;
margin-right:2px;
font-weight: bold;
color: #105664;
text-decoration: underline;

}


input, textarea{
border: 1px solid #105664;
/*background-color: white; */
}
.checkbox{
/*background-color: none;*/
border: 0;
margin-bottom:-1px; 
margin-left:8px;
}



.viiva{
margin:2px;
padding:0px;
border-bottom:1px solid #999;
border-top:0px;
border-left:0px;
border-right:0px;
line-height:0px;
height:1px;
margin-bottom:-6px;
margin-top:6px;
}
.viiva[class]{
margin-bottom:10px;
}

.viiva_aja{
margin:2px;
padding:0px;
border-bottom:1px solid #999;
border-top:0px;
border-left:0px;
border-right:0px;
line-height:0px;
height:1px;
margin-bottom:1px;
margin-top:6px;
}
.viiva_aja[class]{
margin-bottom:20px;
}

#tarkempi{
margin-top:-6px;
margin-bottom:2px;
margin-left:2px;
margin-right:2px;
}




.pohja1{

}
.pohja2, .sectiontableentry1 {
background-color:#e4f0f3;
}
.pohja4 {
background-color:#e4f0f3;
}
.pohja5 {
background-color:#ebebeb;
}
.pohja6 {
background-color:#e4f0f3;
}


.huopa { background-color: #ccecea;width: 100% }


#kehys { background-color: #fff; min-width: 756px; width: 70em; margin: 10px; padding: 10px; border: solid 4px #d3eff4; }
/*#kehys { background-color: #fff; min-width: 756px; max-width: 1600px; margin: 10px; padding: 10px; border: solid 4px #d3eff4; }*/
#paa { background-color: #fff; margin: 0px; padding: 0px;}
/*#paa { background-color: #fff; min-width: 756px; max-width: 1600px; }*/
#otsake { 
background-image: url(../img/vp_05.png); background-repeat: repeat-x; 
background-position: right 0;
height: 153px; 
border-bottom: 10px solid #77b9c5; 
margin: 0px; padding: 0px;
margin-bottom:-8px;
padding-bottom:-8px;
z-index: 100;
position:relative;
}
#otsake_oikea { background-image: url(../img/vp_07.png); background-repeat: no-repeat; background-position: right 0; width: 376px; /*height: 150px;*/ float: right; }
#otsake_vasen { background-image: url(../img/vp_03.png); background-repeat: no-repeat; background-position: left 0; width: 376px; /*height: 153px;*/ float: left; }
#sisalto {min-height: 400px; margin:4px;padding:0px;}

#paa_valikko { color: #105664; margin-bottom:2px;margin-left:-3px; margin-top:-7px;  padding-top:2px;paddin-bottom:1px;
z-index: 10;

}
.paavalikko_aktiivi_tausta { color: #02949d; font-size: 38px; background-image: url(../img/vp_14.png); background-repeat: repeat-x; height: 38px; padding-left:5px;padding-right:5px;}
.paavalikko_aktiivi_teksti a { margin-left:5px; font-size: 12px; font-weight: bold; letter-spacing: 0.01em; vertical-align: 12px; color: #02949d; }
.paavalikko_n_tausta { color: #105664; font-size: 40px; height: 38px; padding-left:5px;padding-right:5px; }
.paavalikko_n_teksti { font-size: 12px; font-weight: bold; letter-spacing: 0.01em; vertical-align: 12px; }
#jalusta { color: #fff; font-size: 10px; background-color: #417884; border-top: 1px solid #fff; }
#alaviiva { font-size: 2px; line-height: 2px; background-color: #003a49; height: 10px; }
#alahaive { background-image: url(../img/vp_29.png); background-repeat: repeat-x; height: 10px; margin-top: 5px; margin-bottom: 1px; }
#alahaive_vasen { background-image: url(../img/vp_27.png); background-repeat: no-repeat; background-position: left 0; width: 300px; height: 10px; float: left; }
#alahaive_oikea { background-image: url(../img/vp_33.png); background-repeat: no-repeat; background-position: right 0; width: 300px; height: 10px; float: right; }
.oliivi_head { background-color: #7b8c58; background-image: url(../img/oliivi_gradi.png); background-repeat: repeat-y; background-position: right 0; margin: 0 10px 0 0; padding: 0; border-bottom: 1px solid #fff; }
.oliivi_cont { background-color: #fcfef7; margin: 0 10px 20px 0; padding: 10px 5px; border-color: #7b8c58 #d9e2e7 #d9e2e7; border-style: solid; border-width: 1px; }

.sini_head { background-color: #378293; background-image: url(../../../img/sini_gradi.png); background-repeat: repeat-y; background-position: right 0; margin: 0; padding: 0; border-bottom: 1px solid #fff; height:25px;}

.sini_cont { background-color: #f3f8f9; margin: 0 0 20px 0; padding: 10px 5px; border-style: solid; border-width: 1px; border-color: #378293 #d9e2e7 #d9e2e7; 
}
.harmaa_cont { background-color: #f6f6f6; margin: 0 0 20px 0; padding: 10px 5px; border-style: solid; border-width: 1px; border-color: #378293 #d9e2e7 #d9e2e7;
}


.tsini_head { background-color: #3d6e8c; background-image: url(../img/tsini_gradi.png); background-repeat: repeat-y; background-position: right 0; margin: 0; padding: 0; margin-left:10px;border-bottom: 1px solid #fff; }
.tsini_cont { background-color: #e6edee; margin-top: 0; margin-bottom: 20px; margin-left: 10px; padding: 10px 5px; border-color: #378293 #d9e2e7 #d9e2e7; border-style: solid; border-width: 1px;}

/*ul.mainlevel-nav li
*/

.alatiedot{
color:#fff;
}

.etusivu_kauden_kirjat{
margin-top:0px;
margin-bottom:10px;
}

ul{
  margin: 0;
  padding: 0;
  list-style: none;
  height:30px;  
  margin-top:10px;
  margin-bottom:10px;
  padding-left:20px;
  clear:both;
}

.o_kori_lista
{
color: #105664;
margin-left: -2px;
margin-bottom: 4px;
}
.o_kori_lista[class]{
width:140px;
float:left;

}


ul#mainlevel-nav li a#active_menu-nav {
color:blue;
height:30px;
background-image: url(../img/vp_16.png);

border-color: #378293 #d9e2e7 #d9e2e7; border-style: solid; border-width: 1px;

background-repeat: no-repeat;
/*list-style-image: url(../img/o_act_arrow.gif);*/
 background-image: url(../img/vp_18.png);
}

ul#mainlevel-nav li a {
color:red;
height:30px;
background-image: url(../img/vp_16.png);
border-color: #d9e2e7 #d9e2e7; border-style: solid; border-width: 1px;
background-repeat: no-repeat;
 float             : left;

/* list-style-image: url(../img/o_act_arrow.gif);
 background-image: url(../img/vp_16.png);*/
}


/* --Default Class Settings-- */
a.mainlevel-nav:link, a.mainlevel-nav:visited {
display: block;
color: #666666;
font-weight: normal;
width: auto;
text-indent: 0px;
text-decoration: none;
font-family: Helvetica, Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
line-height: 22px;
margin-bottom: 0px;
text-align:left;
padding-left:15px;
padding-top:10px;
}

/*
ul#mainlevel-nav li {
  display           : block;
  background-image  : none;
  padding-left      : 0px;
  padding-right     : 0px;
  float             : left;
  margin            : 0;
  width             : auto !important;
  width             : 15%;
  font-size         : 11px;
  line-height       : 21px;
  white-space       : nowrap;
  border-right      : 1px solid #cccccc;
}
ul#mainlevel-nav li a {
  width             : 100%;
  display           : block;
  padding-left      : 15px;
  padding-right     : 15px;
  text-decoration   : none;
  color             : #333333;
  background        : transparent;
}*/



/* PERUSNAPPI*/
a.nappi{
    text-decoration:none;
    /*width: auto;
	overflow:visible;
	display: block;
	*/float: left;
	padding-top:0px;
	padding-bottom:2px;
	padding-left:2px;
	padding-right:0px;
	margin: 0px;
	margin-left: -7px;
	/*background-color:pink;*/
	}
a.nappi:hover{ 
    text-decoration:none;
	margin-top: 2px;
	margin-bottom: -2px;
	padding-top: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	padding-right: 2px;
	cursor: pointer;
	}
	

/*Mozilla ja muut*/
a:hover .va[class] { background-image: url(../img/onappi_08.png); }
a:hover .vy[class] { background-image: url(../img/onappi_03.png); }
a:hover .oy[class] { background-image: url(../img/onappi_06.png); }
a:hover .ky[class] { background-image: url(../img/onappi_04.png); }
a:hover .oa[class] { background-image: url(../img/onappi_10.png); }
a:hover .ka[class] { background-image: url(../img/onappi_09.png); }

a .va[class] { 
float: none !important; line-height: 0px; font-size: 1px; background-color: transparent; margin:4px; padding:0px; display: block; background-image: url(../img/pnappi_08.png); background-repeat: no-repeat; background-position: left bottom; _height:23px;} 
a .vy[class] { line-height: 0px; font-size: 1px; background-color: transparent; display: block;background-image: url(../img/pnappi_03.png); background-repeat: no-repeat; background-position: left top; margin-bottom: 0px; }
a .ky[class] { z-index:500; background-color: transparent; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration:none; line-height: 14px; display: block; background-image: url(../img/pnappi_04.png); background-repeat: repeat-x; text-align: left; margin-left: 3px; margin-right: 3px; margin-bottom: 0; padding: 4px 2px 0; }
a .oy[class] { line-height: 0px; font-size: 1px; background-color: transparent; display: block; background-image: url(../img/pnappi_06.png); background-repeat: no-repeat; background-position: right top; }
a .oa[class] {line-height: 0px; font-size: 1px;  line-height: 0px; background-color: transparent; display: block; background-image: url(../img/pnappi_10.png); background-repeat: no-repeat; background-position: right bottom; padding: 0; }
a .ka[class] { line-height: 0px; font-size: 61px; line-height: 0px; background-color: transparent; display: block; background-repeat: repeat-x; margin-left: 3px; margin-right: 3px; padding: 1px 2px 4px; background-image: url(../img/pnappi_09.png);
}



/*IE hack*/
a:hover .va { _background-image: url(../img/onapit_08.gif); }
a:hover .vy { _background-image: url(../img/onapit_03.gif); }
a:hover .oy { _background-image: url(../img/onapit_06.gif); }
a:hover .ky { _background-image: url(../img/onapit_04.gif); }
a:hover .oa { _background-image: url(../img/onapit_10.gif); }
a:hover .ka { _background-image: url(../img/onapit_09.gif); }



a .va { _float: none !important; _line-height: 0px; _font-size: 1px; _background-color: transparent; _margin:6px; _padding:0px;  _background-image: url(../img/pnapit_08.gif); _background-repeat: no-repeat; _background-position: left bottom; _height:23px;} 
a .vy { _line-height: 0px; _font-size: 1px; _background-color: transparent; _display: block; _background-image: url(../img/pnapit_03.gif); _background-repeat: no-repeat; _background-position: left top; _margin-bottom: 0px; }
a .ky { _z-index:500; _background-color: transparent; _font-size: 11px; _font-family: Verdana, Arial, Helvetica, sans-serif; _font-weight: normal; _text-decoration:none; _line-height: 14px; _display: block; _background-image: url(../img/pnapit_04.gif); _background-repeat: repeat-x; _text-align: left; _margin-left: 3px; _margin-right: 3px; _margin-bottom: 0; _padding: 4px 2px 0; }
a .oy { _line-height: 0px; _font-size: 1px; _background-color: transparent; _display: block; _background-image: url(../img/pnapit_06.gif); _background-repeat: no-repeat; _background-position: right top; }
a .oa {_line-height: 0px; _font-size: 1px; _line-height: 0px; _background-color: transparent; _display: block; _background-image: url(../img/pnapit_10.gif); _background-repeat: no-repeat; _background-position: right bottom; _padding: 0; }
a .ka { _line-height: 0px; _font-size: 61px; _line-height: 0px; _background-color: transparent; _display: block; _background-repeat: repeat-x; _margin-left: 3px; _margin-right: 3px; _padding: 1px 2px 4px; _background-image: url(../img/pnapit_09.gif);
}

/* PERUSNAPPI PÄÄTTYY*/

.shop_warning{
font-size:10px;


}

.tays_leveys{width:100%;}
.tays_leveys_kirjal{
width:100%;
_width:568;
_margin-bottom:-11px;
}

.tays_leveys{_width:568;}


/*NAPPIEN IKONIT*/
.plus{	margin-bottom:3px; _margin-top:5px;}
.tahti{	margin-bottom:3px; _margin-top:5px;}
.eteen{	margin-bottom:3px; _margin-top:6px;}