/* clears all the margins and paddings for elements, expect for tables */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,  caption { margin: 0;padding:0;}

/* clearfix */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}


sup,sub {margin: 0px 0 0 -2px;}

a { outline: none;} /* removes borders from links on Mozilla Firefox */

body {
	font-family: arial;
	background: #fff url(/pics/validia_new/bg-laku.gif) repeat-x;
	font-size: 12px;
	color:#515151;
}
	
	body#subpage { background: #fff url(/pics/validia/bg-subpage-laku.gif) repeat-x; }

p.skipnavi{ display: none; }

#container {
	width: 850px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	}
	
	#header {
		height: 118px;
		background: transparent;
		position: relative;
		}
	
			body#subpage #header { background: none; height: 150px; border-left: 0px;}
		
		#header h1 {
			text-transform: uppercase; 
			margin: 0px; 
			line-height: 15px;
			}
			
		#header h1.asumispalvelut { font-size: 12px; margin: 0px; padding: 0px; background: none;}
			
		#header h1 a {
				background: transparent url(/pics/validia/logo-validia.gif) no-repeat 0px 5px; 
				display: block; 
				height: 35px;  
				width: 200px;
				padding-left: 40px;
				padding-top: 19px;
				text-decoration: none;
				color: #228DCB;
				font-size: 16px;
				}
			
		#header h1 a span {
			font-size: 12px; 
			text-transform:none;
			}
			
 
		#header #search {
			background: url(/pics/validia_new/searchIcon.gif) no-repeat scroll 2px 2px transparent;
			border: 2px solid #AFE9F1;
			height: 24px;
			width: 240px;
			position: absolute;
			top: 6px;
			right: 0px;
			color: #007DC6;
			font-size: 12px;
			padding: 1px;
			}
			
			#header #search input.searchField {
				padding-top: 5px;
				position: relative;
				left: 30px;
				border: 0px;
				width: 155px;
			}
			
			#header #search input.btn-search {
				position: absolute; 
				top: 2px;
				right: 2px;
				color: #fff;
				font-size: 12px;				
				width: 34px;
				height: 23px;
				padding: 0px 2px 0px 2px;
				display: block;
				border: 1px solid #B9DEF9;
				background:#00ADCE;
				}
			
		#header ul#languages {
			position: absolute;
			top: 18px;
			left: 400px;
			
			}
			#header ul#languages li {display: inline; padding: 0px 7px 0px 4px; background: transparent url(/pics/validia/bg-li.gif) no-repeat right 4px;}
			#header ul#languages li a {text-decoration: none; color: #007CC3; font-size: 11px;}
			#header ul#languages li a#chosen {font-weight: bold; text-decoration: none;}
			
		#header #textsize {
			position: absolute;
			top: 43px;
			right: 0px;
			width: 153px;
			height: 33px; 
			color: #00ADCE;
			}	
			
			#header #textsize p a#more, #header #textsize p a#less  { 
				display: block; 
				width: 16px; 
				height: 18px;
				/* padding: 0px 3px 6px 3px; */
				background: transparent url(/pics/validia_new/font-size.gif) no-repeat 0px 2px; 
				color: #fff;
				text-decoration: none;
				font-size: 14px;
				font-weight: bold;
				position: absolute;
				top: 0px;
				text-align:center;
				overflow: hidden;
				}
			
			#header #textsize p {line-height: 20px; color: #007CC3; text-decoration: none;}
			#header #textsize p a {line-height: 18px; }
			#header #textsize p a#more { line-height: 19px; right: 0px; background-position: right 2px;}
			#header #textsize p a#less { right: 20px; }
				
		
		#header #tools {
			position: absolute;
			right: 157px;
			top: 46px;
			width: 200px;
			text-align: right;
			font-weight: normal;
			color: #007CC3;
			}
			
			#header #tools a { color: #007CC3; text-decoration: none; }
			#header #tools a.helpsurfing {}
		
		#imageplace {
			position: relative; 
			/*top: 117px;*/
			left: 0px;
			height: 280px; 
			width: 850px; 
			/* background: transparent url(/pics/validia_new/validia_oletus.jpg) no-repeat 0px 0px; */
			}
			
		#imageplace_sub {
			position: absolute;
			right: 0px;
			top: 117px;
			height: 281px;
			width: 850px;
			/* background: transparent url(/pics/validia/validia_alasivu.jpg) no-repeat 0px 0px; */
			z-index: 4;}
	
	
			#validiaSlider {
				position:relative;												
			 	width:850px;
			 	height:280px;			 				 	
			}
			
			.sliderContent {
			
			}			
			
			#validiaSlider img {
				padding-left:0px;
				padding-top:0px;				
			}		
		
			#validiaPager {
				position:absolute;
				float:left;				
				width:200px;
				height:25px;
				top:300px;
				right:-110px;
				z-index:100;				
			}			
	
	 #bannerArea {
			width: 278px;
			position: absolute;			
			top: 40px;
			right: 7px;	
			height: 230px;	
			overflow: hidden;
		}
	
	#nav {
		position: absolute;
		left: 5px;
		top: 65px;
		width: 850px;		
		}		
		
		
	#nav ul li {
		display:inline;
		list-style-type: none;
		}
			
	#nav ul li a {	
  		height: 45px;
  		color:#2A9FD5;
  		font-size:15px;
  		text-decoration:none;
  		padding:13px;
  		display:block; 
  		float:left;
		}				
		
	#nav li#selected a, 
	#nav li.parentClass a { background: url("/pics/validia_new/navi-selected-left.gif") left top no-repeat; color:#fff; }
	#nav li#selected span, 
	#nav li.parentClass span { float:left; display:block; background: url("/pics/validia_new/navi-selected-right.gif") right top no-repeat;  }
		
		#content { position:relative; }
		
		
		.backgroundLine {
			background:url("/pics/validia_new/content-bg.gif") 595px 0px repeat-y;
			margin: 55px 0 10px 0;
			}
			
		#pagecontent, #pagecontent-fp, #pagecontent-palveluhaku {
			padding-bottom:70px;  
			position: relative; 
			width: 570px; 
			margin: 0 20px 0 5px;
			float: left;
			}
			
			#pagecontent-fp {float: none;width: auto;padding: 25px 0 70px 0;margin: 0 0px 0 5px;}
			#pagecontent-palveluhaku {width: 850px;padding-bottom:40px; }

		#content p {
			font-size: 12px;
			margin: 6px 0px 6px 0px;
			color: #3F3F3F;
			}	
		#content h1 {
			font-size: 28px;
			color: #068BCB;
			border-bottom: 1px solid #7FDCEB;
			margin-bottom: 35px;
			padding-bottom: 5px;
			font-weight: normal;
		}
			
		#content h2 {font-size: 18px;color: #068BCB;margin: 5px 0px 15px 0px;}
		#content h2.taustavari {background:none; color:#FFFFFF; font-size: 14px;color: #068BCB;margin: 20px 0 3px 0;padding: 0px;}
		#content h3 {font-size: 14px;color: #068BCB;margin: 20px 0 3px 0;}
		
		#content ul {list-style-type: none;margin: 6px 0px;}
		#content ul li {
			background:url("/pics/validia/content-li-orange.gif") no-repeat scroll 0 5px transparent;
			padding: 0 0 0 20px;
			margin: 0px 0 0 10px;
			_position: relative;
		}
		
		#content ol {margin: 6px 0px 6px 30px;}
		
		#content a {color:#007CC3;}
				
		.textarea {padding: 0 20px 0 0;}
		
		.toimipaikat_img {float: right;margin: 37px 0 0 0;}
		
		#vapaat_asunnot {
			float: right;
			width: 268px;
			padding: 30px 0 0 27px;
			}
			
			#vapaat_asunnot h3 {
				font-size: 22px;
				font-weight: normal;
				border-bottom: 1px solid #51dbee;
				padding: 0 0 5px 0;
				color: #068bcb;
				margin: 0 0 5px 0;
				}
				
			#vapaat_asunnot h4 a {
				color: #007cc3;
				border-bottom: 1px solid #dcdcdc;
				width: 268px;
				display: block;
				text-decoration: none;
				padding: 5px 0 6px 0;
				}

		
		#subnav {
			float: left; 
			width: 235px; 
			overflow: hidden;
			padding: 0 0 0 15px;
			}
			
		#subnav ul {list-style-type:none;padding: 0px;margin: 0px;}
		#subnav ul li {padding: 0px;margin: 0px; background: none;}
		#subnav ul li a {	
			background:url("/pics/validia_new/subnavi-li-bg.gif") no-repeat 213px 7px;
			border-bottom: 1px solid #7fdeea; 
			display: block;
			color: #058bcb;
			text-decoration: none;
			padding: 7px 25px 9px 8px;
			_height: 1%;
			font-size: 14px;
			font-weight: bold;
			}
			
		#subnav ul li a:hover {color:#035881;}
		
		#subnav ul li#selected a, #subnav ul li.parentClass a {
			color:#3F3F3F;
			background:url("/pics/validia_new/subnavi-li-bg-selected.gif") no-repeat 214px 7px;
			}

		#subnav ul li#selected ul,
		#subnav ul li.parentClass ul {
			border-bottom: 1px solid #7fdeea;
			padding: 2px 0 2px 0;
			height: 1%;
			}
			
		#subnav ul  ul li#selected ul,
		#subnav ul ul li.parentClass ul  {border-bottom: 0px;}
			
		#subnav ul li#selected ul li a, 
		#subnav ul li ul li#selected a,
		#subnav ul li.parentClass ul li a {
			background: none;
			font-size: 12px;
			border: 0px;
			padding: 3px 6px 5px 8px;
			font-weight: normal;
			} 
			
			#subnav ul li ul li a:hover, 
			#subnav ul li ul li#selected a, 
			#subnav ul li ul li#selected ul li a:hover {text-decoration: underline;}
			#subnav ul li ul li#selected ul li a,
			#subnav ul li ul li ul li a,
			#subnav ul li ul li.parentClass ul li a	  {
				text-decoration: none;
				padding:3px 25px 5px 20px;
				}
			
			#subnav ul li ul li ul li#selected a {padding:3px 25px 5px 20px;}
			
			
			#validiaInfoBox {
				position:relative;
				width:860px;
				height:173px;
				padding:0 0 22px 0;
				background:url("/pics/validia_new/validiaInfoBoxBg.gif") no-repeat;
				margin-left:-1px;
			}			
			
			.validiaInfoBoxContent {
				width:590px;
				height:150px;
				position:relative;
				padding-top:5px;
				padding-left:13px;
			}
			
			.validiaInfoBoxContent h3.validiaSliderTitle {
				color:#fff;
				font-size:36px;				
				position:absolute;
				top:1px;
				left:17px;
				padding-bottom:5px;
			}			
			
			.validiaInfoBoxContent p.validiaAdditionalLink {
				position:absolute;
				right:-240px;
				top:40px;
				width:150px;						
			 }
			
			#content .validiaAdditionalLink a {
				color:#fff;
				font-size:18px;
				text-decoration:none;
			}
			
			#fpLeftContent {
				float:left;
				width: 515px;
				padding: 20px 0 0 6px;
			} 	
			
				#fpLeftContent h1, #fpLeftContent h2 {
					font-size: 28px;
					color:#068bcb;
					line-height: 24px;
					padding: 0 0 20px 0;
					}			
			
			#fpRightContent {
				padding: 24px 6px 0 0;
				float:right;
				width: 265px;
			}			
				
			#fpRightContent h4 {
				font-size:22px;
				color: #068BCB;	
				padding: 0 0px 6px 6px;
				font-weight: normal;		
			}		
			
			#fpRightContent span {padding-left:6px;display: block;padding: 0px 0px 0px 6px;margin: 0px;}		
			
			#fpRightContent a.formButton {
				display:block;
				background: url(/pics/validia_new/formButton.gif) no-repeat;
				width:275px;
				height:47px;
				text-decoration: none;
				color: #fff;
				padding: 15px 0px 0px 20px;				
				font-size: 15px;										
			}		
			
			#fpRightContent .paikkakunnat	{padding: 1px;margin: 6px 0px 10px 6px;width:200px;}
				
			#frontpageBulletins {
				position: relative;
				clear: both;
				width: 857px;				
				background: url(/pics/validia_new/bulletinBg.gif) no-repeat;
				padding: 17px 10px 0 10px;
			}
			
			
			
			#frontpageBulletins ul li {
				display:block;			
				list-style-type: none;
				border-bottom: 1px solid #CBD7DA;
				padding: 5px 0px 5px 0px;
				background: none;
			}
				
			#frontpageBulletins ul li a {
				font-size: 12px;
				color: #068BCB;
				font-weight: bold;
				text-decoration: none;
			}		
			
			#content a.read_more {
				text-decoration: none;
				padding: 15px 0 0 0; 
				margin:0 0 0 10px;
				color: #068BCB;
				display: block;
				}		
			
			.bulletinCol { float: left; width: 267px;}
			.bulletinCol h4 { 
				font-size:22px;
				color:#068BCB;
				padding-bottom: .25em;
				margin-bottom: .5em;	
				border-bottom: 1px solid #51DBEE;
				font-weight: normal;	
			}
			
			#column_1.bulletinCol h4 {
				padding-left:10px;
			}
			
			#column_3.bulletinCol h4 {
				padding-left:0px;
			}


			#frontpageBulletins #column_1 {
				margin-right: 13px;
			}					
			
			#frontpageBulletins #column_2 {
				margin-right: 13px;
			}			
			
			#frontpageBulletins #column_3 {}			
		
			#sertificate {
				margin: 25px 10px 0px 15px;
				background: transparent url(/pics/validia/sertificates-bg.gif) repeat-x;
				text-align: center;
				padding-top: 20px;
				}

	#content #fd fieldset { border: 0px; margin: 2px 0px 10px 0px; color: #3F3F3F; }
	#content #fd fieldset label {display: block;}
			
		#contact {
			border-top: solid 2px #E5F3F9;
			margin-top: 40px;
			color: #00598C;
			height: 80px;
			}
			
		#contact p { color: #00598C; width: 115px; float: left; }
		
		#contact address {
			font-style: normal;
			font-size: 11px;
			width: 100px;
			display: block;
			float: left;
			padding-top: 8px;
			}
			
		#contact a { 
			color: #F08900;	
			font-size: 11px;
			font-weight: normal;
			margin-left: 115px;
			}		
			
/* Searchresults */
	div.even {background: #EFF8FA; padding: 3px;}
	div.odd { background: #fff;  padding: 3px;}
	
	#searchresults #pages {padding: 10px 0 0 0;}	
	#footer {
		top: 20px;
		position:relative;
		clear:both;		
		width: 890px;
		border-top:3px solid #00bcd7;
		padding: 0 0 20px 0;
	}	
	
	#footer p {
		padding-top:5px;
		color: #515151;
	}
	
	#vcard {
		float:left;
		position:relative;
		padding-left:13px;
		padding-top:30px;
		width:160px;
	}
	
	#vcard span {
		color:#256bab;
		font-size:14px;
		font-weight:bold;		
	}
	
	#vcard p.adr {
		line-height:1.25em;
		font-size:12px;
		padding-top:10px;
	}
	
	#vcard a {
		color:#256bab;
		font-size:12px;
		position:absolute;
		margin-top:15px;
		width:170px;
		display:block;
	}
	
#footerNavi {
	float:left;
	position:relative;		
	padding-top:10px;
	margin-left:22px;
	width:680px;
	}
	
	#footerNavi ul {
		list-style-type:none;

		}
		
	#footerNavi ul li { background:none; }		
		
	#footerNavi ul li {
		display:inline;
		float:left;
		width:17.5%;
		border-left:1px solid #deebf6;		
		padding:0 12px 0 0;
	}	
	
		#footerNavi li a {
			color:#256bab;
			font-size:14px;
			font-weight:bold;
			text-decoration:none;
			padding-left:12px;		
			display:block;	
		}
		
		#footerNavi ul ul {
			padding-top:10px;
		}
		
			#footerNavi li li {
				display:block;
				float:none;
				margin-bottom:0px;
				margin-left:10px;
				padding-bottom:4px;
				position:relative;
				width:100%;
				border:none;
				background:url("/pics/invalidiliitto/footerNaviLiMarker.gif") no-repeat 0px 4px;
				
			}
			
				#footerNavi li li a {
					display:block;
					color:#256bab;
					font-size:12px;
					font-weight:normal;
					padding-left:10px;					
				}		
	
/* Palveluhaku */
	
	#palveluhaku, #palveluhaku-kunnat {margin:55px 0 10px;}
	#palveluhaku h1, #palveluhaku-kunnat h1 {margin-bottom:20px;}
	#palveluhaku select {width: 165px; border: 1px solid #50dbee; }
	
	#kaupunki select {display: none;font-size: 11px;}
	
	#palveluhaku a#select_cities {
		background: #00bcd9;
		padding: 6px 10px 6px 12px;
		color: #fff;
		text-decoration: none;
		float: right;
		}
	
	.toggler { width: 500px; height: 100px; }
	
	#palvelutyyppi, #region, #kaupunki, #palvelu { 
		border-right:1px solid #7fdceb;
		width: 179px; 
		float: left;
		padding: 7px 35px 0 0;
		height: 250px;
		}
	
	#region, #kaupunki, #palvelu {padding: 7px 25px 0 15px; width: 164px;}	
	#palvelu {border-right: 0px;}
	#kaupunki p {font-size: 11px;}
	#palvelutyyppi h4, #region h4, #kaupunki h4, #palvelu h4 {color: #038bc7;padding: 0 0 15px 0;font-size: 12px;}
	
	
	/* #region, .cities, .select_services { display: none;} */
	
	
	.floater {
		border-left:1px solid #7fdceb;
		width: 179px; 
		float: left;
		padding: 7px 20px 0 15px;
		}
	
	.floater-1 {border: 0px;padding: 7px 20px 0 0px;}
	
	.floater span {display: block;}
	
	.contact_info {}
	.contact_info input, #palveluhaku-kunnat .contact_info select.width  {width: 250px;margin: 0px 20px 10px 0;}
	
	#palveluhaku-kunnat .contact_info input, #palveluhaku-kunnat .contact_info select.width {width: 350px;}
	#palveluhaku-kunnat .contact_info input.margin {margin-right: 80px;}
	#palveluhaku-kunnat	.contact_info .vierailu {padding: 0 0 50px 0;width: 600px;}
	#palveluhaku-kunnat	.contact_info .vierailu .width {width: auto;margin:0 0 0 10px;}
	#palveluhaku-kunnat select {width: auto;}
	#palveluhaku-kunnat .lkm {float: left;}
	#palveluhaku-kunnat .pkm {float: left;}
	#palveluhaku-kunnat select.pkm,	#palveluhaku-kunnat div.pkm {position: relative; top: 17px;left: 20px;}
	#palveluhaku-kunnat input.lkm {position: relative; top: 15px;left: 20px;}
	#palveluhaku-kunnat .osio1 {
		background: url(/pics/validia_new/content-bg.gif) repeat-y right top; 
		width: 400px;
		float: left;
		padding: 0 20px 20px 0;
		}
		
	#palveluhaku-kunnat h3 {color: #515151;font-size: 13px;}
	
	#palveluhaku-kunnat .osio2 {float: left;width: 375px;padding: 0 0 0 25px;}
	
/* End of Palveluhaku */