body, html {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
}

html {
	background: transparent url(images/bg.gif); 
	}

body {
	background:transparent url(images/etusivu_header_bg.jpg) repeat-x;
}

p {
	margin:0px;
}

a {
	text-decoration:none;
}

h1 {
	float:left;
	margin:0px;
	padding:0px;
	display:block;
	height:120px;
	line-height:120px;
	width:250px;
	overflow:hidden;
	text-indent:-2000px;
}

h1 a {
	height:120px;
	width:250px;
	display:block;
}

h3 {
	margin:0px;
	padding:0px;
	font:bold 1.3em arial,tahoma,verdana;
	padding-left:10px;
	padding-top:10px;
}

h4 {
	font:bold 1.0em verdana,arial,tahoma,verdana;
	margin-left:10px;
}

h4.verkkohakemus {
	position:relative;
	top:-10px;
	margin:0px;
	margin-top:0px;
	margin-bottom:10px;
	padding:0px;
	font:bold 1.0em verdana,arial,tahoma,verdana;
	padding-left:10px;
	color:#3489a9;
}

h5.verkkohakemus {
	margin:0px;
	margin-top:0px;
	margin-bottom:10px;
	padding:0px;
	font:bold 0.9em verdana,arial,tahoma,verdana;
	padding-left:10px;
	padding-top:10px;
}

h2.heading_verkkohakemus , h2.heading_tekstarihakemus {
	position:relative;
	top:-26px;
	left:-20px;
	margin:0px;
	padding:0px;
	width:825px;
	height:71px;
	background: transparent url(images/heading_verkkohakemus.jpg) top center no-repeat;
	line-height:71px;
	overflow:hidden;
	text-indent:-1000px;
}

 h2.heading_tekstarihakemus { 
	background-image: url(images/heading_txthakemus.jpg);
 }


h3.tiedotteet {
	width:249px;	
	height:47px;
	background:transparent url(images/tiedotteet_heading.jpg) no-repeat;
	line-height:47px;
	overflow:hidden;
	text-indent:-1000px;
}

div.tiedote {
	margin-bottom:40px;
	padding-top:20px;
	padding-left:10px;
}

div.tiedote strong{ 
	display:block;
	padding-left:10px;
	font:bold 0.7em tahoma, verdana, arial; 
}


div.tiedote h4 { 
	margin:0px;
	padding:0px;
	padding-left:10px;
	display:block;
	font:bold 1.2em tahoma, verdana, arial; 
}

div.tiedote p {
	margin:0px;
	padding:0px;
}

table, table.etusivu , table.tunnistus{
	width:460px;
	margin-left:30px;
	margin-bottom:10px;
	margin-top:20px;
	font:normal 0.8em tahoma,verdana, arial;
}

table.etusivu {
	margin-left:8px;
	font:normal 0.8em tahoma,verdana, arial;
}

 table.tunnistus {
	width:600px;
	margin-top:30px;
	margin-left:50px;
 }

td {
	padding:2px;
	border:1px solid #FFFFFF;
	
border:1px solid #EEEEEE;
	
}

td.top {
		background-color:#38a1bf;
		color:#FFFFFF;
}




ul.lista {
	padding-left:15px;
	font:normal 0.8em tahoma, verdana, arial;
}

ul.lista li {
	margin-left:20px;
}




#etusivu_header {
	width:100%;
	height:363px;
	background:transparent url(images/etusivu_header_bg2.jpg) top center no-repeat;
	
	border-bottom:5px solid #3e89a1;
}

#etusivu_header #nav_content , #header #nav_content{
	width:900px;
	height:120px;
	margin:0 auto;
	background:transparent url(images/logo_bg.jpg)  40px 30px no-repeat;	
}

#etusivu_header #img {
	position: relative;
	top:-10px;
	margin:0 auto;
	width:900px;
	height:220px;
	background: transparent url(images/etusivu_header_img.jpg) 430px -5px no-repeat;
}


#img h2 {
	margin:0px;
	padding:0px;
	width:330px;
	padding-top:15px;
	padding-left:60px;
	letter-spacing:0px;
	font:bold 23px arial,tahoma,georgia,helvetica,tahoma,arial;
	color:#FFFFFF;
}

#header{
	height:121px;
	border-bottom:5px solid #3e89a1;
	background:transparent url(images/header_bg2.jpg) top center no-repeat;	
}

#header_bg {
	
}


ul#nav {
	position:relative;
	left:65px;
	margin:0px;
	padding:0px;
}

ul#nav li {
	list-style:none;
	float:left;
	font:bold 11px arial;
	text-transform:uppercase;
	padding-bottom:3px;
}

ul#nav a {
	display:block;
	margin:3px;
	margin-top:0px;
	padding:3px;
	padding-top:50px;
	padding-bottom:5px;
	padding-right:10px;
	padding-left:10px;
	text-decoration:none;
	color:#FFFFFF;
}

ul#nav a.selected {
	border-bottom:3px solid #FFFFFF;
	background:transparent  url(images/nav_hover_bg.jpg) center -3px no-repeat;
}

ul#nav a:hover {
	border-bottom:3px solid #FFFFFF;	
}



#content_bg {
	background:#EEEEEE url(images/content_bg.jpg) top center repeat-y;

	
}



#content_etusivu , #content {
	width:825px;
	margin:0 auto;
	padding-top:30px;
	padding-bottom:25px;
	padding-left:40px;
	background:transparent url(images/content_bg_top.jpg) top center no-repeat;
}

#content_etusivu #tiedotteet {
	position:relative;
	top:8px;
	float:left;
	width:247px;
	margin-left:40px;
	background:transparent url(images/tiedotteet_bg.jpg) repeat-y;
	
}



a.tiedote {
	display:block;
	background:#FFFFFF url(images/tiedote_etusivu_bg.jpg) no-repeat;
	padding:3px;
	margin:5px;
	margin-top:0px;
	font:bold 0.7em verdana, tahoma, arial;
	color:#555555;
}

a.nayta_kaikki {
	position:relative;
	left:90px;
	padding-left:10px;
	height:10px;
	width:160px;
	font-size:10px;
	background:none;
	font:bold 0.6em verdana, tahoma, arial;
	color:#555555;
	}

 a.tiedote:hover, a.nayta_kaikki:hover { 
		color:#0073a1;
}
	

  a  strong.tiedote {
	display:block;
	padding:3px;
	color:#FFFFFF;
}
 a  strong.heading {
	display:block;
	padding:3px;
	min-height:15px;
	padding-top:5px;
}

#content_etusivu #tiedotteet  div.footer { 
	width:100%;
	background:transparent url(images/etusivu_tiedote_footer_bg.jpg) -1px -1px no-repeat;
}

#content_etusivu #tiedotteet_footer { 
	width:100%;
	height:20px;
	background: transparent url(images/tiedotteet_footer_bg.jpg) -2px 0px no-repeat;
}

#content_etusivu .etusivu_content {
	float:left;
	width:495px;
}

#content_etusivu p {
	padding:10px;
	font:normal 0.9em arial,tahoma, verdana, arial;
	line-height:18px;
}



#content p , #content p.indent{
	padding:10px;
	padding-left:12px;
	font:normal 0.8em tahoma, verdana, arial;
	line-height:18px;
	width:760px;
}

#content p.indent {
	padding-left:30px;
}

#palvelu_status_open, #palvelu_status_closed {
	position:relative;
	top:50px;
	left:-19px;
	width:510px;
	margin-top:12px;
	padding-top:17px;
	padding-bottom:60px;
	text-align:center;
	font:bold 11px verdana,arial;
	background:transparent url(images/status_bg_open.jpg) 1px 0px no-repeat;
	color:#FFFFFF;
}

#palvelu_status_closed { 
	background:transparent url(images/status_bg_closed.jpg) 1px 0px no-repeat;	
	color:#c80000;
}

#nav2 {
	position:relative;
	top:0px;
	width:792px;
	height:74px;
	margin:0 auto;
	padding:0px;
}

#nav2 li {
	list-style:none;
	float:left;
}

#nav2 li a {
	display:block;
	width:396px;
	height:80px;
	line-height:83px;
	text-indent:-1000px;
	overflow:hidden;	
	background:transparent url(images/etusivu_nav2_verkkohakemus.jpg) no-repeat;
}


#nav2 li a.verkkohakemus { 
}


#nav2 li a.tekstarihakemus {
	background:transparent url(images/etusivu_nav2_txthakemus.jpg) no-repeat;

}

#nav2 li a:hover {
	background-position: 1px -76px;
}

#nav2 li a.tekstarihakemus:hover {
	background-position: 0px -76px;
}
 #right_nav {
	float:right;
	position:relative;
	right:4px;
	height:140px;
	width:300px;
}





#right_nav a, #right_nav a.selected, #right_nav a.ehdot_selected  {
	
	display:block;
	width:270px;
	height:65px;
	background: transparent url(images/nav_right_sms_bg.jpg) 0px -1px no-repeat;
	overflow:hidden;
	text-indent:-2000px;
}



#right_nav a.selected {
	background: transparent url(images/nav_right_sms_bg.jpg) 0px -121px no-repeat;
}

#right_nav a.ehdot_selected {
	background: transparent url(images/nav_right_ehdot_bg.jpg) 0px -121px no-repeat;
}

#right_nav a.www_selected {
	background: transparent url(images/nav_right_www_bg.jpg) 0px -121px no-repeat;
}

#right_nav a.www {
	background-image:url(images/nav_right_www_bg.jpg);
}

#right_nav a.ehdot {
	background-image:url(images/nav_right_ehdot_bg.jpg);
}

#right_nav a:hover {
	background-position:0px -66px;
}

 #right_nav a.selected:hover, #right_nav a.ehdot_selected:hover, #right_nav a.www_selected:hover  { 
	background-position:0px -121px;
}

#content_bottom {
	width:825px;
	height:40px;
	margin:0 auto;
	background:transparent url(images/content_bg_bottom.jpg) top center no-repeat;
}

div.koodi {
	position:relative;
	top:20px;
	left:80px;
	width:220px;
	border:4px solid #559eb5;
	font:bold 1.2em arial,tahoma,verdana;
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
	color:#222222;
	background:#FFFFFF;
}


	/* VERKKOHAKEMUS */

	
form.verkkohakemus {
	position:relative;
	top:-20px;
	width:600px;
	padding:40px;
	padding-right:0px;
	padding-bottom:0px;
	padding-top:40px;
	font: normal 0.8em tahoma,verdana,arial;
	background:transparent;
	
}

form  label  {
	float:left;
	width:180px;
	display:block;
	margin:6px;
	padding-top:4px;
	font-weight:bold;
	text-align:right;
}



input {
	width:200px;
	margin:6px;
}

input.check {
	width:15px;
}

div#tupas {
	position:relative;
	top:10px;
	left:-10px;
	padding:9px;
	background:transparent url(images/tupas_bg.jpg) no-repeat;
	width:666px;
	height:110px;
	margin:0 auto;
}


input.tupas,  input.tupas2, input.tupas3  {
	float:left;
	margin-left:40px;
	width:71px;
}

input.tupas2 { 
	width:50px;
	margin-top:16px;
}

input.tupas3 { 
	width:79px;
	margin-top:26px;
}

input.submit {
	position:relative;
	left:260px;
	width:150px;
	background:#559eb5;
	font:bold 0.9em arial;
	color:#FFFFFF;
}

select {
	margin:6px;
	margin-top:8px;
}

#contract_approved {
	margin-top:12px;
}

label.login {
	width:120px;
	text-align:right;
	height:22px;
	padding-top:4px;
}

input#ssn, input#pw , input#pw2 , input#pin, input#dummyssn, input#phone,input#bankaccount, input#email, input#code {
	border:1px solid #8A8A8A;
	width:186px;
	padding:6px;
	background:transparent url(images/input_bg.jpg) repeat-x;
}

input#submit_mcsid, input#submit_mpid, input#submit_application, input#submit_code, input#submit_redo,  input#submit_pw {
	background: transparent url(images/submit_bg.jpg) no-repeat;
	border:1px solid white;
	width:202px;
	padding:8px;
	font:bold 12px arial,tahoma,verdana;
	text-transform:uppercase;
	color:#FFFFFF;
}

input#submit_redo {
	position:relative;
	top:-10px;
}

input#submit_pw {
	font: bold 10px verdana,arial;
	background:transparent url(images/submit_bg2.jpg);
	width:266px;
	padding:10px;
}

p.siirry_txthakemukseen {
	position:relative;
	top:-30px;
	text-align:right;
	text-transform:uppercase;
	font:bold 12px arial,tahoma,verdana;
	
}
p.siirry_txthakemukseen  a {
	color:#65c005;
	text-decoration:none;
}
p.siirry_txthakemukseen  a.verkkohakemukseen {
	color:#3588af;
	text-decoration:none;
}
.hr {
	width:100%;
	margin-top:10px;
	height:60px;
	background:transparent url(images/hr_bg.jpg) top center no-repeat;
}





#footer {
	width:100%;
	height:31px;
	background:#DEDEDE;
	border-top:1px solid #C1C1C1;
	border-bottom:1px solid #EEEEEE;
}

#footer p {
	padding-top:8px;
	text-align:center;
	font: bold 0.7em tahoma,arial, verdana;
	color:#67a2b9;
}




div.end {
	clear:both;
}

/* Ordered list */



#content li {	
	font:normal 13px tahoma,arial,verdana;
	color:#232323;
}

#content ol li {
	position:relative;
	z-index:2;
	font-weight:bold;
	color:white;
}

#content ol li p {
	font-size:12px;
	color:#000000;
	position:relative;
	z-index:-1;
	left:-31px;
	padding-left:35px;
	background:transparent url(images/ol_bg.jpg) 0px 4px no-repeat;

} 
/*

ol, ol.pikaohje {
	padding-left:35px;
	font: bold 0.9em arial, verdana, arial;

}

ol.hakemus {
	padding:0px;
	margin:0px;
	margin-left:40px;
}

ol li {
	position:relative;
	z-index:2;
	font-weight:bold;
	color:white;
}

ol.pikaohje li , ol.hakemus li{
	font: bold 16px georgia,arial, verdana, arial;
}

div.pikaohje {
}

ol li p {
	color:#000000;
	display:block;
	padding:0px;
	font-weight:normal;
	background:transparent url(images/ol_bg.jpg) -20px 0px no-repeat;
}

ol.pikaohje li p {
	display:block;
	font-size:0.5em;
	}
*/	
.mobiilipassi {
	position:relative;
	left:-8px;
	display:block;
	padding:12px;
	background:transparent url(images/mobiilipassi_bg.jpg) no-repeat;	
	font:normal 9px verdana,arial,tahoma,verdana,arial;
	width:247px;
	height:92px;
	letter-spacing:-1px;
	line-height:16px;
}

.mobiilipassi a {
	background:none;
}

.mobiilipassi  img {
	float:right;
	border:2px solid #FFFFFF;
	margin:8px;
	margin-top:5px;
	margin-left:0px;
}