@charset "utf-8";
/* CSS Document */

body{
text-align: center;
margin:0px;
background:url('kuvat/oranssi_viiva.jpg') repeat-x;
background-color:rgb(241,242,246);
}

#pagewrapper{
width:674px;
margin-left: auto;
margin-right: auto;
text-align: left;
background-color:transparent;
}

#contentwrapper {
background-color:rgb(241,242,246);
width:674px;
height:677px;
background-image:url(kuvat/frame.png);
background-repeat:no-repeat;
}

#header {
background-color:rgb(241,242,246);
margin: 3px 0 0 10px;
width:644px;
height:243px;
float:left;
font: bold 0.6em Verdana;
background-image:url(kuvat/nifin1_by_Nybacka.jpg);
background-repeat:no-repeat;
}

#header a{color:rgb(95,95,95); text-decoration:none;}
#header a:hover{text-decoration:underline;}

#otsikko{
	color:rgb(251,108,12);
	font-size:12px;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#nifilogo{float:left;}

#mainframe{padding:-5px 0 0 3px; border:0px; float:left; width:485px; height:390px; overflow:auto;}

#vasen{float:left; width:130px; left:0px; top:5px; background-color:rgb(241,242,246); height:100%; padding:0 0 0 10px; margin:0 10px 0 0;}
#vasen img {margin-bottom:4px;}

#keski{overflow:auto; float:left; width:290px; height: 385px; border: 1px solid rgb(189,189,189); padding: 0 3px 0 3px;}
#keski IMG {float:right;}

#oikea{
	float:right;
	position:relative;
	height:350px;
        right:10px;
        padding-bottom:5px;
	}


#kielivalinta {
float:right;
position:relative;
right:10px;
}

#sisalto{
padding:14px 0 0 10px;
float:left;
width:640px;
height: 417px;
overflow:hidden;;
}

#sisalto_padding{padding:10px 0 0 0; background-color:rgb(241,242,246); height:100%;} 

#footer{
	position:relative;
	float:left;
	padding:0px;
	margin:0px;
	bottom:0px;
	width:688px;
	height:67px;
	background-repeat:no-repeat;
}

#valikko{width:636px;}

#valikko img{float:left;}
#valikko {font-family: verdana; height:46px; position:relative; font-size:10px; z-index:100; border-right: 2px solid rgb(140,180,230); }
#valikko ul li a, #valikko ul li a:visited {display:block; text-decoration:none; font-weight:bolder; color:#000; width:72px; height:46px;  text-align:center; color:rgb(95,95,95); border-left: 2px solid rgb(140,180,230); background:rgb(200,222,245); overflow:hidden;}
#valikko ul {float:left; padding:0; margin:0; list-style: none; }
#valikko ul li {float:left; position:relative; }
#valikko ul li ul {display: none;}

/* specific to non IE browsers */
#valikko ul li:hover a {color:rgb(95,95,95); background:rgb(200,222,245); text-decoration:underline;}
#valikko ul li:hover ul {display:block; position:absolute; top:46px; left:0px; width:120px;}
#valikko ul li:hover ul li a.hide {background:rgb(140,180,230); color:#fff;}
#valikko ul li:hover ul li:hover a.hide {background:rgb(200,222,245); color:#000;}
#valikko ul li:hover ul li ul {display: none;}
#valikko ul li:hover ul li a {display:block; background:rgb(200,222,245); color:rgb(95,95,95); text-decoration:none; text-align:left; width:115px; padding: 5px 0 5px 10px; height:auto; border-top:1px solid rgb(140,180,230);}
#valikko ul li:hover ul li a:hover {background:rgb(140,180,230); color:rgb(95,95,95);}
#valikko ul li:hover ul li:hover ul {padding-left:5px; display:block; position:absolute; left:122px; top:0;}

h1{
	font-size:10px;
	color:rgb(135,73,3);
	text-transform:uppercase;
	font-weight: bold;
}

h2{
	font-size:12px;
	color:rgb(135,73,3);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

h3{
	font-size:10px;
	color:rgb(98,94,95);
	text-decoration:underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#oikea{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#5e6464;
}

#keski{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#5e6464;
}

#mainframe{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#5e6464;
}