/* tyylit css style sheet */


#sivu
  {
    width: 810px;
    margin: 0px auto;
    
 }
 

#paakuva
{
	position:absolute;
	background:url(images/paakuvapi.jpg);
	height: 161px;
	width:807px;
	margin: 0px 0px 0px 0px;
}


#paalinkit
{
    position:absolute;
    background: url(images/logopalkki.jpg) no-repeat;
	margin: 161px 0px 0px 0px;
    height:43px;
    width: 807px;
    
}

#sivulinkit
{
	
	position:absolute;
	width:128px;
	margin: 70px 0px 0px 40px;
	
	
}
    



#sisalto
{
    position:absolute;
	background-color: #FFFFFF;
	margin: 204px 0px 0px 0px;
    width: 807px;
	height:550px;
    
    
}

#vasensivu
{
position:relative;
float:left;
width:33px;
height:550px;
background: url(images/vasensivu.jpg) no-repeat;
}

#oikeasivu
{
position:relative;
float:right;
width:44px;
height:550px;
background: url(images/oikeasivu.jpg) no-repeat;
}

#alasivu
{
position:absolute;
float:left;
margin: 690px 0px 0px 0px;
width:807px;
height:118px;
background: url(images/alasivu.jpg) no-repeat;
}

#alasivu2
{
position:absolute;
float:left;
margin: 710px 0px 0px 0px;
width:807px;
height:118px;
background: url(images/alasivu.jpg) no-repeat;
}

#tabi
{
	position:absolute;
	margin:10px 0px 0px 0px;
	
}



body 
{
    margin: 0;
    padding: 0;
    background:url(images/tausta.jpg);
    background-repeat:repeat-x;
    background-attachment:fixed;
    font-family: Verdana,Tahoma;
    font-size: 13px;
    color: #000000;
}




h1
{
	
    margin: 25px 0px 0px 75px;
    font-family:arial;
    font-size: 26px;
    font-weight:normal;
    color: #c10c12;
}

 h1.alasivu
{
	margin: 25px 0px 0px 168px;
    font-family:arial;
    font-size: 26px;
    font-weight:normal;
    color: #c10c12;
}







.teksti
{
    text-align:justify;
    width: 600px;
    margin: 10px 0px 10px 95px;
    font-size:11px;
    color: #000000;
}

.teksti2
{
	position:relative;
	text-align:justify;
    width: 510px;
    margin: 10px 0px 10px 185px;
    font-size:11px;
    color: #000000;
}

.viiva
{
	position:relative;
	width:620px;
	height:1px;
	margin:0px 0px 0px 75px;
	background: url(images/viiva.gif) repeat-x;
}

.viiva2
{
	
	position:relative;
	width:530px;
	height:1px;
	margin:0px 0px 0px 168px;
	background: url(images/viiva.gif) repeat-x;
}

.pviiva
{
	
	position:absolute;
	width:1px;
	height:200px;
	margin:0px 0px 0px 128px;
	background: url(images/viiva.gif) repeat-y;
}

.pviiva2
{
position:absolute;
width:1px;
height:250px;
margin:103px 0px 0px 300px;
background: url(images/viiva.gif) repeat-y;
}


.paalinkit1
{
	width:590px;
	position:absolute;
	margin:15px 0px 0px 97px;
	word-spacing: 30px;
	left: 4px;
	top: -5px;
}

.paalinkit2
{
	
	
	position:absolute;
	margin:25px 0px 0px 58px;
	word-spacing: 30px;
	
	
}

.paalinkit3
{
	position:absolute;
	width:480px;
	margin:15px 0px 0px 130px;
	word-spacing: 30px;
	left: 4px;
	top: -5px;
}

.paalinkit4
{
	position:absolute;
	width:150px;
	margin:15px 0px 0px 130px;
	word-spacing: 30px;
	left: 4px;
	top: -5px;
}





.poikkeus
{
    word-spacing: normal;
}

.lista
{
    margin: 0px 0px 0px 0px;
    list-style-type: disc;
}

.lista2
{
	margin: 0px 0px 0px 40px;
}


.tabitausta
{
	
	position:absolute;
	width:89px;
	height:30px;
	margin: 5px 0px 0px 33px;
	background: url(images/meditabi.gif) no-repeat;
}

.tabitausta2
{
	
	position:absolute;
	width:118px;
	height:30px;
	margin: 5px 0px 0px 113px;
	background: url(images/tabi.gif) no-repeat;
}

.tabitausta3
{
	
	position:absolute;
	width:118px;
	height:30px;
	margin: 5px 0px 0px 218px;
	background: url(images/tabi.gif) no-repeat;
}

.tabitausta4
{
	
	position:absolute;
	width:118px;
	height:30px;
	margin: 5px 0px 0px 325px;
	background: url(images/tabi.gif) no-repeat;
}

.tabitausta5
{
	
	position:absolute;
	width:118px;
	height:30px;
	margin: 5px 0px 0px 454px;
	background: url(images/tabi.gif) no-repeat;
}

.tabitausta6
{
	
	position:absolute;
	width:118px;
	height:30px;
	margin: 5px 0px 0px 559px;
	background: url(images/tabi.gif) no-repeat;
}

.tabitausta7
{
	
	position:absolute;
	width:100px;
	height:30px;
	margin: 5px 0px 0px 663px;
	background: url(images/linkkitabi.gif) no-repeat;
}

.tabiteksti
{
 
 position:relative;
 margin: 10px 0px 0px 0px;
 text-align:center;
 
}

.vasenpara
{
width:240px;
}

.oikeapara
{
position:absolute;
margin:0px 0px 0px 280px;
width:240px;
}

.copirait
{

margin:5px 0px 0px 40px;
color: #FFFFFF;
font-weight:bold;
}
a:link 
{
    font-family:"News Gothic Std",sans-serif;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

a:visited
 {
    font-family:"News Gothic Std",sans-serif;
    text-decoration: none;
    font-size:12px;
    font-weight: bold;
    color: #FFFFFF;
}

a:hover
 {
    font-family:"News Gothic Std",sans-serif;
    font:"News Gothic Std";
    text-decoration: underline;
    font-size:12px;
    font-weight: bold;
    color: #FFFFFF;
}

a:active
 {
    font-family:"News Gothic Std",sans-serif;
    font:"News Gothic Std";
    text-decoration: none;
    font-size:12px;
    font-weight: bold;
    color: #FFFFFF;     
}

a.tabilinkki:link
 {


	font:"News Gothic Std";
	font-size:12px;
    color: #000000;
	text-decoration: none;
    font-weight: bold;
	

}

a.tabilinkki:visited
 {
	font:"News Gothic Std";
	font-size:12px;
    text-decoration: none;
    font-weight: bold;
    color: #000000;
	

}

a.tabilinkki:hover
 {
	
	font:"News Gothic Std";
	font-size:12px;
    text-decoration: underline;
    font-weight: bold;
    color: #000000;
	
}

a.tabilinkki:active 
{
	
	font:"News Gothic Std";
	font-size:12px;
    text-decoration: none;
    font-weight: bold;
    color: #000000;
	
}

a.tekstilinkki:link
 {


	font:"News Gothic Std";
	font-size:12px;
    color: #000000;
	text-decoration: none;
    font-weight: bold;
	

}

a.tekstilinkki:visited
 {
	font:"News Gothic Std";
	font-size:12px;
    text-decoration: none;
    font-weight: bold;
    color: #000000;
	

}

a.tekstilinkki:hover
 {
	
	font:"News Gothic Std";
	font-size:12px;
    text-decoration: underline;
    font-weight: bold;
    color: #000000;
	
}

a.tekstilinkki:active 
{
	
	font:"News Gothic Std";
	font-size:12px;
    text-decoration: none;
    font-weight: bold;
    color: #000000;
	
}
a.sivulinkki:link
 {


	font:"News Gothic Std";
	font-size:12px;
    color: #000000;
	text-decoration: none;
    font-weight: bold;
	

}

a.sivulinkki:visited
 {
	font:"News Gothic Std";
	font-size:12px;
    text-decoration: none;
    font-weight: bold;
    color: #000000;
	

}

a.sivulinkki:hover
 {
	
	font:"News Gothic Std";
	font-size:12px;
    text-decoration: underline;
    font-weight: bold;
    color: #000000;
	
}

a.sivulinkki:active 
{
	
	font:"News Gothic Std";
	font-size:12px;
    text-decoration: none;
    font-weight: bold;
    color: #000000;
	
}