body {background: #ffffff url(kuvat/extranet_taustakuva.jpg) repeat-x; margin:0px; padding:0px; width: 100%; height: 100%;}

img {border: 0 }

h1 { margin: 0; COLOR: #AF4A00; FONT-FAMILY: Trebuchet MS, Verdana, Arial, Helvetica; FONT-SIZE: 24pt; FONT-STYLE: bold; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }
h2 { margin: 0; COLOR: #0D76A6; FONT-FAMILY: Trebuchet MS, Verdana, Arial, Helvetica; FONT-SIZE: 22pt; FONT-STYLE: bold; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }
h3 { margin: 0; COLOR: #6C6C6C; FONT-FAMILY: Trebuchet MS, Verdana, Arial, Helvetica; FONT-SIZE: 18pt; FONT-STYLE: normal; FONT-WEIGHT: bold; LINE-HEIGHT: normal; }
h4 { margin: 0; COLOR: #6C6C6C; FONT-FAMILY: Trebuchet MS, Verdana, Arial, Helvetica; FONT-SIZE: 16pt; FONT-STYLE: normal; FONT-WEIGHT: bold; LINE-HEIGHT: normal; }
 
h1.alaviiva {
border-bottom: 3px solid #AF4A00; max-width: 950px; 
}

h2.alaviiva {
margin: 0 0 10px 0; border-bottom: 3px solid #0D76A6; max-width: 950px; 
}

 
 
div, li, td, P { COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 10pt; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }


A:link, A:visited, A:active  { COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 10pt; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }
A:hover             { COLOR: #AF4A00; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 10pt; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }
 


#login

{
		width: 450px;
		background-color: #transparent; 
		margin: 100px auto 0 auto ;
		border-color: #efefef;		
		border-width: 1px;	
		border-style: solid;	
		padding: 20px;

		}

#container 
{
width: 99%;
background-color: # ;
margin: 0 0 1% 1%;
border-color: ;		
border-width: 0;	
border-style: solid;	
padding: 0;
}

 
#ylapalkki
{ 
width: 100%;
margin: 0;
padding: 0;
}

.logopalkki
{
float: left; 
width: 220px;
height: 60px; 
margin: 0;
padding: 3px 0 3px 0;
background: #ffffff;
text-align: center;
}

.navigointipalkki
{
float: left;
width: ;
margin: 5px 0 0 10px;
padding: 0;
}

.nav1 
{
clear: both;
margin: 7px 0 0 0;
padding: 0;
color: #000000;
}


.nav1 A:link, .nav1  A:visited, .nav1  A:active  { COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 12pt; FONT-STYLE: normal; FONT-WEIGHT: bold; LINE-HEIGHT: normal; text-decoration: none; }
.nav1 A:hover             { COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 12pt; FONT-STYLE: normal; FONT-WEIGHT: bold; LINE-HEIGHT: normal; text-decoration: none; }
 
.nav1 A.valittu:link, .nav1 A.valittu:visited, .nav1 A.valittu:active  { COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 12pt; FONT-STYLE: normal; FONT-WEIGHT: bold; LINE-HEIGHT: normal; text-decoration: none; }
.nav1 A.valittu:hover             { COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 12pt; FONT-STYLE: normal; FONT-WEIGHT: bold; LINE-HEIGHT: normal; text-decoration: none; }
 
 

.nav2 
{
clear: both;
margin: 10px 0 0 0;
padding: 0;
}


.nav3
{
clear: both;
margin: 10px 0 0 0;
padding: 0;
}



#content {

clear: both;
margin: 0;
padding: 0 10px 0 0; 

}

.tiedote
{
max-width: 950px; 
clear: both;
margin: 10px 0 0 0;
padding: 0;
text-align: justify;
}


#clear { clear: both; width: 96%; height: 1px; }


#content ul { list-style: none; margin: 0px; }
#content li { padding-left: 10px; background-image: url(kuvat/li.gif); background-repeat: no-repeat; background-position: 0 .5em; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 10pt; }


#alakehys {
width: 99%;
margin: 5px auto 10px auto;
padding: 0px;
}

.footer 
{
margin: 0;
padding: 0;
color: #85A3B5;
text-align: center;
}

.footer A:link, .footer  A:visited, .footer  A:active  { COLOR: #85A3B5; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; FONT-STYLE: normal; FONT-WEIGHT: bold; LINE-HEIGHT: normal; }
.footer  A:hover             { COLOR: #AF4A00; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; FONT-STYLE: normal; FONT-WEIGHT: bold; LINE-HEIGHT: normal; }