BODY { 
background: url(img/taus.gif);
background-color: #FFFFFF;
background-repeat: repeat-x;
margin:0 0 0 0;

 }


h1   {
		font-family: arial, helvetica;
		font-weight: bold;

		font-size: 15pt;
		color:#40415A}

h2{font-family: verdana, helvetica;
		
		font-weight: bold;
		font-size: 16pt;
		color:#40415A}

h3{font-family: arial, helvetica;
		
		font-weight: bold;
		font-size: 14pt;
		color:#40415A}

h4{font-family: arial, helvetica;
		
		font-weight: bold;
		font-size: 12pt;
		color:#40415A}

h5{font-family: verdana, helvetica;
		font-weight: normal;
		font-size: 10pt;
		color:#40415A}


h6{font-family: verdana, helvetica;
		font-weight: normal;
		font-size: 9pt;
		color:#40415A}

p{font-family: verdana, helvetica; 
		font-size: 18pt; 
		font-weight: normal;  
		color:#000000}

table {font-family: verdana, helvetica;
		font-size: 9pt; 
		font-weight: normal; 
		color:#000000}

table.kehys{
		border-collapse: collapse;
		border-style: solid;
		border-color: #DD4235
		
		} 

.linkki{font-size:33px;}

.raami {
	border-top: 1px solid #D9AD00;
	border-right: 1px solid #D9AD00;
	border-bottom: 1px solid #D9AD00;
	border-left: 1px solid #D9AD00

}



.otsikko 
{ font-family: arial, helvetica;
		
		font-weight: bold;
		font-size: 12pt;
		color:#000000}

.otsikko_madallettu 
{ font-family: verdana, helvetica;
		
		font-weight: bold;
		font-size: 10pt;
		color:#000000}



.vasenreuna {
		background: url(img/vasenvarjo.png);
		
		background-repeat: repeat-y;

}
.oikeareuna {
		background: url(img/oikeavarjo.png);
		
		background-repeat: repeat-y;

}

.aloituskehys {
background: url(img/aloitustausta3.jpg);

background-repeat: no-repeat;
background-position:center top; 

}

.institutekehys {
background: url(img/institutetausta.jpg);

background-repeat: no-repeat;
background-position:center top; 

}





ul{font-family: verdana, helvetica;
		font-weight: normal;
		font-size: 9pt;
		line-height: 15pt;
		list-style: square;
	padding: 0px 0px 5px 15px;
	margin-left: 0px;
		list-style-image: url(img/pallukka.gif);
		color:#000000}


}

hr {
  border: 0;
  width: 100%;
color:#063277;
background-color: #063277;
height: 1px;
}





// NAVIGOINTI : class="nappi"
// vertikaalinavikoinnin nappien välien säätö: lineheight

#nappi {
display: inline-table;
	width: 301px;
	height: 41px;
	font-family: arial, verdana, arial, helvetica;
	font-weight: normal;
	font-style: normal;
	font-size: 12pt;
	line-height: 27pt;

	text-indent: 10 ;
	text-decoration: none;
     color: #000;
     background-image: url(napit/nappi01.gif);
    	background-repeat: no-repeat;
	background-position: left;
     z-index: 100;


}
.nappi {
	display: inline-table;
	width: 301px;
	height: 41px;
	font-family: arial, verdana, arial, helvetica;
	font-weight: normal;
	font-style: normal;
	font-size: 12pt;
	line-height: 27pt;

	text-indent: 10 ;
	text-decoration: none;
     color: #000;
     background-image: url(napit/nappi01.gif);
    	background-repeat: no-repeat;
	background-position: left;
     z-index: 100;
}
	 
.nappi:hover {
	color: #000000;    
	background-image: url(napit/nappi01b.gif);


}

.nappi:visited {
	color: #000000;    
	background-image: url(napit/nappi01b.gif);


}

.nappi2 {
	display: inline-table;
	width: 900px;
	height: 75px;
	font-family: tahoma, verdana, arial, helvetica;
	font-weight: normal;
	font-style: normal;
	font-size: 34pt;
	line-height: 45pt;
	letter-spacing: 1;
	text-indent: 35 ;
	text-decoration: none;
     color: #FFF;
     background-image: url(napit/nappi01b.gif);
    	background-repeat: no-repeat;
	background-position: left;
background: #559DE1;
border-radius: 5px;
     z-index: 100;
}

.nappi2:hover {
	display: inline-table;
	width: 900px;
	height: 75px;
	font-family: tahoma, verdana, arial, helvetica;
	font-weight: normal;
	font-style: normal;
	font-size: 34pt;
	line-height: 45pt;
	letter-spacing: 1;
	text-indent: 35 ;
	text-decoration: none;
     color: #000;
     background-image: url(napit/nappi01b.gif);
    	background-repeat: no-repeat;
	background-position: left;
background: #559DE1;
border-radius: 5px;
     z-index: 100;

}



.nappi:visited {
	color: #000000;    
	background-image: url(napit/nappi01b.gif);


}


// NAVIGOINTI PÄÄTTYY


/* PUHELIN */

@media(max-width: 1020px){

.linkki{
font-size:30px;}

}