/* CSS Document */

 /* -------------------------- SOUKANPIENELAINKLINIKKA.FI YLEISET MUOTOILUT ----------------------- */



h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	font-weight:bold;
	text-transform: none;
	color: #003399;
	text-transform:uppercase;
	text-align:left;
	background-image:url('../images/bg_heading_short.gif');
	background-repeat:no-repeat;
	line-height:25px;
	width:192px;
	padding-left:10px;
	margin-bottom:5px;
	margin-top:0px;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	font-weight:bolder;
	text-transform:capitalize;
	color: #003399;
	text-align:left;
	margin-bottom:0px;
	
}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	font-weight:normal;
	text-transform: none;
	color: #fff;
	text-align:left;
	
}

h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight:normal;
	text-transform: none;
	color: #ffcb04;
	text-align:left;
	
}



/* Sivujen tausta */
#tausta {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:70%;
	line-height:1.5;
	color:#003399;
	background-color: #a3bdda;
	background-image:url('../images/bg.gif');
	background-position:top;
	background-repeat:repeat-x;
}

/* Sivujen valkoiset raamit*/
#tausta_divi {
width:888px;
text-align:left;
}

#tausta_sisalto_reunus_divi {
width:866px;
text-align:left;
background-color:#FFFFFF;
padding-left:11px;
padding-right:11px;
vertical-align:top;
}

#tausta_sisalto_divi {
width:820px;
text-align:left;
background-color:#FFFFFF;
background-position:bottom;
background-repeat:repeat-x;
padding-left:23px;
padding-right:23px;


}

#tausta_divi_alaosa {
height:31px;
padding-top:10px;
border-top:#999999 dotted 1px;
width:888px;
text-align:center;
vertical-align:bottom;
background-image:url('../images/bg_content_bottom.gif');
background-position:top;
background-repeat:no-repeat;

}


#ajankohtaista_solu {
width:182px;
text-align:left;
background-image:url('../images/bg_content_gradient_short.gif');
background-position:top;
background-repeat:no-repeat;
padding:10px;

}

#inc_solu {
width:100%;
text-align:left;
padding-left:35px;
padding-right:5px;
background-image:url('../images/bg_content.gif');
background-position:left top;
background-repeat:no-repeat;
}

#inc_divi{
width:100%;
padding-left:40px;
text-align:left;
padding-right:20px;
padding-bottom:10px;
background-repeat:no-repeat;
}

#sisalto {
width:100%;
text-align:left;
background-image:url('../images/bg_content_gradient_long.gif');
background-position:top;
background-repeat:no-repeat;
background-color:#FFFFFF;
padding-right:130px;
}


#ilmoitus_divi {
color:#35567b;
font-size:10px;
width:100%;
text-align:left;
vertical-align:top;
border-bottom:#809dbd solid 1px;
padding-bottom:5px;
padding-top:5px;
}


a {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color: #f71402;
		font-size: 10px;
		text-decoration: none;
		text-align: left;
		font-weight:normal;
		background-position:left;
		background-repeat:no-repeat;
		

	}

a:hover {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color: #bf1305;
		font-size: 10px;
		text-decoration: underline;
		text-align: left;
		font-weight:normal;
		background-position:left;
		background-repeat:no-repeat;

	}

a.nappi {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		background-image:url('../images/bg_nappi.gif');
		background-repeat:repeat-x;
		background-position:left;
		padding-left:15px;
		padding-right:10px;
		padding-bottom:3px;
		padding-top:3px;
		color: #ffffff;
		font-size: 10px;
		text-decoration: none;
		font-weight:bolder;
		text-align: left;
		background-position:left;
		background-repeat:no-repeat;
		border:#666666 1px solid;
		

	}

a.nappi:hover {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		background-image:url('../images/bg_nappi.gif');
		background-repeat:repeat-x;
		background-position:left;
		padding-left:15px;
		padding-right:10px;
		padding-bottom:3px;
		padding-top:3px;
		color: #ffffff;
		font-size: 10px;
		text-decoration: none;
		font-weight:bolder;
		text-align: left;
		background-position:left;
		background-repeat:no-repeat;
		border:#000000 1px solid;
	}

a.nappi_matala {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		background-image:url('../images/bg_nappi.gif');
		background-repeat:repeat-x;
		background-position:left;
		padding-left:10px;
		padding-right:4px;
		color: #ffffff;
		font-size: 9px;
		text-decoration: none;
		font-weight:bolder;
		text-align: left;
		background-position:left;
		background-repeat:no-repeat;
		border:#666666 1px solid;
		

	}

a.nappi_matala:hover {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		background-image:url('../images/bg_nappi.gif');
		background-repeat:repeat-x;
		background-position:left;
		padding-left:10px;
		padding-right:4px;
		color: #ffffff;
		font-size: 9px;
		text-decoration: none;
		font-weight:bolder;
		text-align: left;
		background-position:left;
		background-repeat:no-repeat;
		border:#000000 1px solid;
	}
	
a.alalinkki {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color: #ffffff;
		font-size: 10px;
		text-decoration: none;
		text-align: left;
		font-weight:normal;
		background-position:left;
		padding-left:15px;
		text-decoration:none;
		width:219px;
		display:block;
		line-height:15px;
		background-color:#585858;
		margin-bottom:2px;
		padding-bottom:1px;
		padding-top:1px;
	}

a.alalinkki:hover {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color: #ffffff;
		font-size: 10px;
		text-decoration: none;
		text-align: left;
		font-weight:normal;
		background-position:left;
		padding-left:15px;
		text-decoration:none;
		width:219px;
		display:block;
		line-height:15px;
		background-color:#eb3b02;
		margin-bottom:2px;
		padding-bottom:1px;
		padding-top:1px;

	}

	#alalinkki_otsikko {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color: #ffffff;
		font-size: 10px;
		text-decoration: none;
		text-align: left;
		font-weight:normal;
		background-position:left;
		padding-left:15px;
		text-decoration:none;
		width:219px;
		display:block;
		line-height:15px;
		background-color:#363636;
		margin-bottom:2px;
		padding-bottom:1px;
		padding-top:1px;
	}
	



.lomakekentta {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight:normal;
	padding-top:1px;
	padding-bottom:1px;
	padding-left:2px;
	
}

.lomakekentta_pakollinen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight:normal;
	background-color:#f1b7b3;
	padding-top:1px;
	padding-bottom:1px;
	padding-left:2px;
	
}


/* --------------------------------------- ALANAVIGAATIO --------------------------------------------- */


#alanavi {
line-height: 20px;
width: inherit;
font-family: Arial, Helvetica, sans-serif;
background-color: #transparent;
color: #333333;
text-align:left;

} 
 
#alanavi ul {
list-style: none;
margin: 0;
padding: 0;


}
#alanavi li {
padding-left:5px;
 background-repeat: no-repeat;
}
 
#alanavi li a {
font-size: 100%;
 display: block;
 text-decoration: none;
 width: inherit;
 color: #333333; 
 margin: 0;
 padding: 1px 2px 1px 20px;
 font-weight:normal;
 background-image:url('../images/link_arrow.gif');
 background-position:left top;
 background-repeat:no-repeat;
  border-bottom: 1px dotted #cccccc;

}

#alanavi li a:hover {
font-size: 100%;
 display: block;
 width: inherit;
 color: #000000; 
 margin: 0;
 padding: 1px 2px 1px 20px;
 font-weight:normal;
 background-image:url('../images/link_arrow.gif');
 background-position:left top;
 background-repeat:no-repeat;
 text-decoration:underline;
}

#alanavi li.taso1_aktiivinen a {
font-size: 9px;
 display: block;
 width: inherit;
 color: #90877b; 
 margin: 0;
 padding: 1px 2px 1px 25px;
 font-weight:normal;
 background-image:url('../images/link_arrow_yellow.gif');
 background-position:left;
 background-repeat:none;
 text-decoration:none;
 text-align:left;
 font-weight:bold;

}

#alanavi li.taso1_aktiivinen a:hover {
font-size: 9px;
 display: block;
 width: inherit;
 color: #90877b; 
 margin: 0;
 padding: 1px 2px 1px 25px;
 font-weight:normal;
 background-image:url('../images/link_arrow_yellow.gif');
 background-position:left;
 background-repeat:none;
 text-decoration:none;
 text-align:left;
 font-weight:normal;
}


#alanavi li.taso2 a {
font-size: 100%;
 display: block;
 text-decoration: none;
 width: inherit;
 color: #333333; 
 margin: 0;
 padding: 1px 2px 1px 20px;
 font-weight:normal;
 background-image:url('../images/link_arrow_yellow.gif');
 background-position:left;
 background-repeat:no-repeat;
   border-bottom: none;

}

#alanavi li.taso2 a:hover {
font-size: 100%;
 display: block;
 width: inherit;
 color: #333333; 
 margin: 0;
 padding: 1px 2px 1px 20px;
 font-weight:normal;
 background-image:url('../images/link_arrow_yellow.gif');
 background-position:left;
 background-repeat:no-repeat;
 text-decoration:underline;
}

/* --------------------------------------- PÄÄVIGAATIO --------------------------------------------- */

#navi {
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
width: inherit;
/*background-color: #transparent;*/
color: #003399;
background-color:#tranparent;
text-align:left;

} 
 
#navi ul {
list-style: none;
margin: 0;
padding: 0;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-transform:none;
}

#navi li.eiaktiivinen {
font-size: 10px;
 display: block;
 text-decoration: none;
 background-color:#tranparent;
  margin: 0;
  color:#f02501;
}
 
#navi li.eiaktiivinen a {
font-size: 10px;
 display: block;
 text-decoration: none;
 width: inherit;
color: #003399;
 margin: 0;
 padding: 1px 2px 2px 0px;
 font-weight:normal;
line-height:13px;
}

#navi li.eiaktiivinen a:hover {
font-size: 10px;
 display: block;
 text-decoration: underline;
 width: inherit;
 color: #002672;
 margin: 0;
 padding: 1px 2px 2px 0px;
 font-weight:normal;
line-height: 13px;
}

#navi li.aktiivinen a {
font-size: 10px;
 display: block;
 text-decoration: none;
 width: inherit;
color: #003399;
 margin: 0;
 padding: 5px 2px 5px 0px;
 font-weight:normal;
line-height:13px;
font-weight:bolder;
 
 
}

#navi li.aktiivinen a:hover { 
font-size: 10px;
 display: block;
 text-decoration: none;
 width: inherit;
color: #003399;
 margin: 0;
 padding: 5px 2px 5px 0px;
 font-weight:normal;
line-height:13px;
font-weight:bolder;
}

#navi li.eiaktiivinen2 a {
font-size: 10px;
 display: block;
 text-decoration: none;
 width: 217px;
 color: #ffffff; 
 margin: 0;
 padding: 1px 2px 1px 15px;
background-color:#333333;
 font-weight:normal;
 line-height:15px;
 text-transform:lowercase;
 margin-bottom:3px;
 margin-top:2px;
}

#navi li.eiaktiivinen2 a:hover {
font-size: 10px;
 display: block;
 text-decoration: none;
 width: inherit;
 color: #ffffff; 
 margin: 0;
 padding: 1px 2px 1px 15px;
 font-weight:normal;
background-color:#eb3b02;
 text-transform:lowercase;
 margin-bottom:3px;
 margin-top:2px;
  width: 217px;
}


	
/* OSOITETIETOJEN TYYLI */

#osoite {
padding-left:15px;
padding-bottom:15px;
padding-right:10px;
font-size: 10px;
line-height: 1.5;
width: inherit;
font-family: Verdana, Arial, Helvetica, sans-serif;
/*background-color: #transparent;*/
color: #f0b7b2;
text-align:left;
text-transform:uppercase;

} 

/*  NAPIT */
		

input#nappi:hover { 
		cursor:hand;
		cursor:pointer;
		background-color: #003399;
		color:#ffffff;
		
		}






input#nappi {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		background-color: #003399;
		font-weight:bold; 
		border: 1px solid #000; 
		padding: 2px 1px 2px 1px; 
		margin: 0; 
		color:#ffffff; 
		cursor:hand;
		text-transform:uppercase;
		} 
		
img.kuva {

cursor:pointer;
padding:2px;
border:#cccccc 1px solid;
margin-bottom:10px;
}






.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 100%; /* Width of Menu Items */
border-top: 1px solid #ffffff;
background-color:#003399;
color: #ffffff;
}
	
.suckerdiv ul li{
position: relative;
}
	
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 250px; /*sub menu width*/
top: 0;
visibility: hidden;
}

/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #ffffff;
text-decoration: none;
background-color:#003399;
 padding: 2px 2px 2px 15px;
border-bottom: 1px solid #ffffff;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bolder;
line-height:19px;
}

.suckerdiv ul li.nolink {
color: #ffffff;
text-decoration: none;
background-color:#003399;
 padding: 4px 2px 4px 15px;
border-bottom: 1px solid #ffffff;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bolder;
width:92%;
cursor:default;
position: relative;
background: url('../images/arrow.gif') no-repeat center right; 
}




.suckerdiv ul li a:hover{
 background-color:#1a50bc;
 color:#FFFFFF;
 font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bolder;
text-decoration:none;
}




.suckerdiv ul li.alalinkki a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #ffffff;
text-decoration: none;
background-color:#d4e1f9;
 padding: 2px 2px 2px 15px;
border-bottom: 1px solid #ffffff;
color:#003399;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bolder;
line-height:14px;
}


.suckerdiv ul li.alalinkki a:hover{
 background-color:#edf6ff;
 color:#000000;
  font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bolder;
text-decoration:none;
}



/* .suckerdiv .subfolderstyle{
 background: url('images/arrow.gif') no-repeat center right; 
} */

	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; width:100%;  }
* html .suckerdiv ul li a { height: 1%; }
/* End */