body {	background: #221E1F url(osat/koukero.gif) no-repeat top left;
		margin: 0; 
		padding:0;	}
		
 

#kokosivu {background: url(osat/valkoinen.jpg) repeat-y top left;
		width:833px;
		margin:0 0 0 150px;
		padding:0;
		
	}
	
img.ylakuva {width:833px;
		height:466px;
		margin:0;
		padding:0;
		border:0;
	}
	
		img {border:0;}
	
img.english{float:left;
margin-left:3px;}

img.vietti1{margin: 20px 0 0 130px;}

img.vietti2{margin: 20px 0 0 20px;}

img.etusivu {margin-left: 85px;
}

img.kuva {margin-left: 96px;
}

img.fb {float:right;
margin-right:50px;
}
	

ul {    background: url(osat/navi.jpg) no-repeat top left;
	    margin: 3px 0 0 5px;
		padding: 0 0 0 20px;
	    width: 833px;
	    height: 39px;
	    border:0;
		voice-family: "\"}\"";
		voice-family: inherit;
		margin:-4px 0 0 5px;
		
   				}
		
	html>body ul {
		margin:-1px 0 0 5px;
	
   		   		}
	
li.linkki {
		background:none;
	    display:inline;
	    float:left;
	    border:0;
	    margin: 13px 0 0 0;
	    padding: 0;}
		
li.linkki:hover {background: url(osat/nuoli.gif) no-repeat top right;
}

img.linkki {border:0;
		float:left;
		margin:0;
}

/*img.linkki:hover {border-bottom:1px #cccccc solid;
}*/
		
img.ohut {width:833px;
height:31px;
margin: 0;
padding:0;
border:0;
}

img.ico {padding: 0 10px 0 0;
border:0;}
	

#alaosa {background: url(osat/ala.jpg) no-repeat bottom left;
		width:833px;
		height:287px;
		margin:0;
		
		}		

h1 {   	background-color:  transparent;
		margin :25px 100px 10px 90px;
        color :  #666666;  
        font-weight:normal;
        text-align : left;
        font : 120% Georgia, Arial, Helvetica, sans-serif;
        padding:0;
        border : 0;
      }
      
h2 {   	
		background-color:  transparent;
		margin :0px 100px 0 100px;
        color :  #666666;  
        font-weight:bold;
        letter-spacing:2px;
        text-align : left;
        font : 100% Georgia, Arial, Helvetica, sans-serif;
        padding:0;
        border : 0;
        text-decoration : none;

      }
      
p {   	background-color: transparent;
		margin :0px 100px 20px 100px;
        color :  #666666;  
        font-weight:normal;
        text-align : left;
        font : 90% Georgia, Arial, Helvetica, sans-serif;
        line-height:140%;
        padding:0;
        border : 0;
        text-decoration : none;
    }
      
table, tr, td {
		margin:0;
		padding:0;
		border:0;
		float:left;
		background-color: #ffffff;
        color :  #666666;  
        font-weight:normal;
        text-align : left;
        font : 12px Georgia, Arial, Helvetica, sans-serif;
        text-decoration : none;
		
	}
	
img.logo {border:0;
		margin:40px 40px 20px 100px;
		padding:0;
		float:left;
	}
	
img.oikea {border:0;
		float:right;
	}
	
	img.kuvalinkki {border:0;
		float:right;
		margin: 0 210px 0 0;
	}
	

	




/*YHTEYDENOTTOLOMAKKEEN ASETUKSET*/

table.yhteydenottolomake {
		width: 500px;
		margin :0px 2px 20px 100px;
        color :  #666666;  
        font-weight:normal;
        text-align : left;
        font : 90% Georgia, Arial, Helvetica, sans-serif;
        line-height:140%;
        padding:0;
        border : 0;
        text-decoration : none;
		float:left;
      
}

td.lomake {width:400px;
		margin-left:0;
		margin-right: 20px;
		padding-top: 10px;
}

/*PÄIVITYSSIVUT*/

#sisennys {margin-left:90px;
}

table.login {
		width:150px;
	}
	
table.salasana {
		width:400px;
		margin: 10px 0 0 210px;
	}
	
td.salasana {padding: 10px 0 0 2px;
}
	
p.vaihto {font-size: 12px;
}

p.paivitys {margin-left:90px;
}

h3 {margin-left:90px;
		color :  #666666;  
        font-weight:bold;
        letter-spacing:2px;
        text-align : left;
        font : 100% Georgia, Arial, Helvetica, sans-serif;
        padding:0;
        border : 0;
        text-decoration : none;
}

/*LOGIN.PHP*/

/*OMA*/
#webdesign {
		margin-top:100%;
		margin-bottom:0;
		float:left; 
		height:10px;
		width: 120px;
		padding:0 0 0 20px;
		voice-family: "\"}\"";
		voice-family: inherit;
		margin-top:100%;
		
   				}
		
	html>body #webdesign {
		margin-top:98%;}
		
	
	
a.miia {
		float:left;
		background-color: transparent;
		color :  #666666;  
        font-weight:normal;
        text-align : left;
        font : 9px Georgia, Arial, Helvetica, sans-serif;
        padding:0;
        border : 0;
        text-decoration : none;
        margin :270px 100px 0px 15px;
 
    }
    
a.miia:hover {color:#ffffff; }

a.linkit {color:#666666;
text-decoration:none;}

a.linkit:hover {color: #000000;
text-decoration:underline;}

a.linkit2 {color:#666666;
text-decoration:underline;}

a.linkit2:hover {color: #000000;
text-decoration:underline;}

a.alanavi {font-size:11px;
color: #cc0033;
text-decoration:underline;
padding-right:4px;
letter-spacing: -0.5;}

a.alanavi:hover {font-size:11px;
color: #666666;
text-decoration:underline;
padding-right:4px;}

a.otsikko {color: #cc0033;}

/*UUSI MENU*/


#outside{
	border:0;
	background: url(osat/navi.jpg) no-repeat top left;
		padding: 0 0 0 0px;
	    width: 833px;
	    height: 39px;
		voice-family: "\"}\"";
		voice-family: inherit;
		margin:-4px 0 0 5px;
		
	}
#navigation-1 {
	padding:10px 0 0 0;
	margin:0;
	list-style:none;
	width:100%;
	height:39px;
	font : 13px Georgia, Arial, Helvetica, sans-serif;

}


#navigation-1 li {
	margin:0;
	padding:0;
	display:block;
	float:left;
	position:relative;
}


#navigation-1 li a:link, #navigation-1 li a:visited {
	padding:4px 0 4px 26px;
	display:block;
	text-align:center;
	text-decoration:none;
	background:none;
	color:#ffffff;
	height:0px;
}
#navigation-1 li:hover a, #navigation-1 li a:hover, #navigation-1 li a:active {
	display:block;
	text-align:center;
	text-decoration:none;
	background: none;
	color:#cccccc;
	padding:4px 0 4px 26px;
	height:13px;
	border: 0;
}
#navigation-1 li ul.navigation-2 {
	margin:0;
	padding:0;
	list-style:none;
	display:none;
	background:none;
	position:absolute;
	top:21px;
	left:-1px;

}
#navigation-1 li:hover ul.navigation-2 {
	display:block;
}
#navigation-1 li ul.navigation-2 li {

	clear:both;


}
#navigation-1 li ul.navigation-2 li a:link, #navigation-1 li ul.navigation-2 li a:visited {
	clear:both;
	display:block;
	background:#000000;
	padding:4px 0;
	width:130px;
	border-bottom:1px solid #ffffff;
	position:relative;
	z-index:1000;
}
#navigation-1 li ul.navigation-2 li:hover a, #navigation-1 li ul.navigation-2 li a:active, #navigation-1 li ul.navigation-2 li a:hover {
	clear:both;
	background:#666666;
	padding:4px 0;
	width:130px;
	border-bottom:1px solid #ffffff;
	position:relative;
	z-index:1000;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 {
	display:none;
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	left:129px;
	top:-2px;
	padding:1px 1px 0 1px;
	border:1px solid #000000;
	border-left:1px solid #000000;
	background:none;
	z-index:900;
}
#navigation-1 li ul.navigation-2 li:hover ul.navigation-3 {
	display:block;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited {
	background:#000000;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active {
	background:#666666;
}
#navigation-1 li ul.navigation-2 li a span {
	position:absolute;
	top:0;
	left:132px;
	font-size:12pt;
	color:#fe676f;
}
#navigation-1 li ul.navigation-2 li:hover a span, #navigation-1 li ul.navigation-2 li a:hover span {
	position:absolute;
	top:0;
	left:132px;
	font-size:12pt;
	color:#ffffff;
}


/*CV*/
table.cv {   	background-color: transparent;
		margin :0px 100px 20px 100px;
        color :  #666666;  
        font-weight:normal;
        font : 90% Georgia, Arial, Helvetica, sans-serif;
        line-height:140%;
        padding:0;
        border : 0;
        text-decoration : none;
        width: 600px;
        		float:none;
    }
    
td.cv1 {margin:10px 10px 10px 0;
width:180px;
}

td.cv2 {margin:10px 10px 10px 10px;
width:350px;
 line-height:140%;
}