/* CSS Document */

 /* -------------------------- stopteltat.fi YLEISET MUOTOILUT ----------------------- */
 
* {
    margin:0;
    padding:0;
}


h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	font-weight:bold;
	text-transform:uppercase;
	color: #ffffff;
	text-align:left;
	background-color:#a90b0b;
	height:20px;
	margin-bottom:10px;
	padding-left:10px;
	vertical-align:baseline;
	border:#E0E0E0 1px solid;
	
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	font-weight:bold;
	text-transform: none;
	color: #a90b0b;
	text-align:left;
	margin-bottom:10px;
	margin-top:10px;
	border-bottom: dotted 1px #999;
	
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	font-weight:normal;
	text-transform: none;
	color: #333;
	text-align:left;
	border-bottom: dotted 1px #999;
	
}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	font-weight:bold;
	text-transform: none;
	color: #000000;
	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;
	
}
h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin:0px;
	padding:0px;
	font-style: normal;
	font-variant: normal;
	font-weight:bold;
	text-transform: none;
	color: #fff;
	text-align:left;
	
}

li {
margin-left:15px;

}
 
 a {		
		color: #950808;
		font-size: 11px;
		text-decoration: none;
		text-align: left;
		font-weight:normal;
		background-position:left;
		background-repeat:no-repeat;
	}

a:hover {		
		color: #000000;
		font-size: 11px;
		text-decoration: underline;
		text-align: left;
		font-weight:normal;
		background-position:left;
		background-repeat:no-repeat;
	}
	

a.lue_lisaa {		
		color: #950808;
		font-size: 10px;
		text-decoration: none;
		text-align: left;
		font-weight:bold;
		background-image:url('../images/link_arrow_red2.gif');
		background-position:right;
		background-repeat:no-repeat;
		padding-right:10px;
	}
	
a.lue_lisaa:hover {		
		color: #000000;
		font-size: 10px;
		text-decoration: none;
		text-align: left;
		font-weight:bold;
		background-image:url('../images/link_arrow_red2.gif');
		background-position:right;
		background-repeat:no-repeat;
		padding-right:10px;
	}
	
	a.takaisin{		
		color: #950808;
		font-size: 10px;
		text-decoration: none;
		text-align: left;
		font-weight:bold;
		background-image:url('../images/link_arrow_back.gif');
		background-position:left;
		background-repeat:no-repeat;
		padding-left:10px;
	}
	
a.takaisin:hover {		
		color: #000000;
		font-size: 10px;
		text-decoration: none;
		text-align: left;
		font-weight:bold;
		background-image:url('../images/link_arrow_back.gif');
		background-position:left;
		background-repeat:no-repeat;
		padding-left:10px;
	}
	

 a.haku {		
		color: #333333;
		font-size: 11px;
		text-decoration: none;
		text-align: left;
		font-weight:normal;
		background-position:left;
		background-repeat:no-repeat;
	}

a.haku:hover {		
		color: #000000;
		font-size: 11px;
		text-decoration: underline;
		text-align: left;
		font-weight:normal;
		background-position:left;
		background-repeat:no-repeat;

	}


 a.sivukartta {	
		text-decoration: none;
		text-align: left;
		font-weight:normal;
		padding-bottom:3px;
		padding-top:3px;
		display:block;
	}

a.sivukartta:hover {		
		color:#000000;
		text-decoration: noe;
		text-align: left;
		font-weight:normal;
		padding-bottom:3px;
		padding-top:3px;
		display:block;
	}
 
 
 /* Sivujen tausta */

#tausta {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	line-height:1.5;
	color:#333333;
	text-align:center;
	/* background-image:url('../images/bg.jpg');
	background-repeat:repeat-x;
	background-color: #fdde74; */
	background-color:#ffcc33;
	vertical-align:top;
	}


#sisalto_divi {
	width:914px;
	background-color:transparent;
	text-align:left;
	margin:0px;
	padding:0px;
	vertical-align:top;
}
 
#ylapalkki {
		vertical-align:top;
		text-align:right;
		width:100%;
		color:#333333;
		font-weight:bold;
		float:right;
		height:100px;
}

#action_join {background-color: #de0000;
		font-size: 11px;
		height:14px;
		font-weight:normal; 
		border: 1px solid #950808; 
		padding: 2px 6px 5px 6px; 
		color:#ffffff;

		cursor:hand;
		line-height:0.9;}



#action_join:hover {cursor:hand;
		cursor:pointer;
		background-color: #5e0404;
		text-decoration:none;
		color:#ffffff;}

#logo {
		text-align:left;
		width:200px;
		display:block;
		float:left;
		padding-top:0px;
		vertical-align:top;
}
 
#yhteystiedot2 {
		text-align:left;
		width:250px;
		color:#950808;
		font-weight:normal;
		display:block;
		float:right;
		padding-top:5px;
		vertical-align:top;
}

#yhteystiedot {
color:#950808;
}
 
 
 
#haku {
		text-align:left;
		color:#333333;
		display:block;
		float:right;
		padding-top:5px;
		vertical-align:top;
		font-size:10px;
		padding-left:50px;
}

#haku p {
padding-bottom:3px;
}

	.joinmaillist {
		border-top:1px solid #ffe28c;
		width:300px;
		}

#navipalkki {
		background-image:url('../images/bg_navi.jpg');
		background-repeat:no-repeat;
		background-position:left;
		text-align:left;
		width:914px;
		height:42px;
		padding-top:9px;



}


#sisalto_topborder {
		background-image:url('../images/bg_top_content.gif');
		background-repeat:no-repeat;
		background-position:top;
		text-align:left;
		width:914px;
		height:10px;

}

#sisalto_mid {
		background-color:#FFFFFF;
		text-align:left;
		width:891px;
		padding-top:0;
		padding-left:8px;
		padding-right:15px;
		vertical-align:top;
		padding-bottom:10px;

}


#alapalkki {
		background-image:url('../images/bottombar.gif');
		background-repeat:no-repeat;
		background-position:top;
		background-color:#FFFFFF;
		text-align:left;
		vertical-align:bottom;

		width:854px;
		height:33px;
		padding-top:12px;
		padding-left:30px;
		padding-right:30px;
		color:#333333;		
}

#block_left {
display:block;
float:left;		
}

#block_right {
display:block;
float:right;		
}

#padding5 {
padding:5px;
}

#sisalto_bottomborder {
		background-image:url('../images/bg_bottom_content.gif');
		background-repeat:no-repeat;
		background-position:left top;
		text-align:left;
		width:914px;
		height:10px;

}



#alalinkkien_solu {
		text-align:left;
		width:221px;
		vertical-align:top;
		padding-top:20px;

}


#yhteystiedot_solu {
		text-align:left;
		width:221px;
		vertical-align:top;
		padding-left:15px;
		font:Verdana, Arial, Helvetica, sans-serif;
		font-size:9px;
		color:#333333;

}

#alalinkit_otsikko {
		background-image:url('../images/alalinkit_otsikko_tausta.gif');
		background-repeat:no-repeat;
		background-position:left;
		text-align:left;
		width:221px;
		vertical-align:middle;
		padding-left:35px;
		font:Verdana, Arial, Helvetica, sans-serif;
		font-size:13px;
		color:#ffffff;
		font-weight:bold;
		height:35px;
		text-transform:capitalize;

}

#yhteystiedot_otsikko {
		background-image:url('../images/otsikko_yhteystiedot.gif');
		background-repeat:no-repeat;
		background-position:left;
		text-align:left;
		width:221px;
		vertical-align:middle;
		padding-left:35px;
		font:Verdana, Arial, Helvetica, sans-serif;
		font-size:13px;
		color:#ffffff;
		font-weight:bold;
		height:35px;
		text-transform:capitalize;

}

#sisalto_solu {
		text-align:left;
		width:733px;
		vertical-align:top;

}

a.alapalkki {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#999999;
		font-size:10px;
		text-decoration:none;
}

a.alapalkki:hover {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#32699c;
		font-size:10px;
		text-decoration:underline;
}

a.alapalkki_ylos {
		background-image:url('../images/ylos.gif');
		background-repeat:no-repeat;
		background-position:left;
		padding-left:20px;
		padding-right:3px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#999999;
		font-size:10px;
		text-decoration:none;
		text-transform:uppercase;
}

a.alapalkki_ylos:hover {
		background-image:url('../images/ylos.gif');
		background-repeat:no-repeat;
		background-position:left;
		padding-left:20px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#999999;
		font-size:10px;
		text-decoration:none;
		text-transform:uppercase;
		text-decoration:underline;
		padding-right:3px;
}

a.alapalkki_ylos {
		background-image:url('../images/ylos.gif');
		background-repeat:no-repeat;
		background-position:left;
		padding-left:20px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#999999;
		font-size:10px;
		text-decoration:none;
		text-transform:uppercase;
		padding-right:3px;
}

a.alapalkki_ylos:hover {
		background-image:url('../images/ylos.gif');
		background-repeat:no-repeat;
		background-position:left;
		padding-left:20px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#999999;
		font-size:10px;
		text-decoration:none;
		text-transform:uppercase;
		text-decoration:underline;
		padding-right:3px;
}

a.alapalkki_yhteys {
		background-image:url('../images/yhteys.gif');
		background-repeat:no-repeat;
		background-position:left;
		padding-left:20px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#999999;
		font-size:10px;
		text-decoration:none;
		text-transform:uppercase;
		padding-right:3px;
}

a.alapalkki_yhteys:hover {
		background-image:url('../images/yhteys.gif');
		background-repeat:no-repeat;
		background-position:left;
		padding-left:20px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#999999;
		font-size:10px;
		text-decoration:none;
		text-transform:uppercase;
		text-decoration:underline;
		padding-right:3px;
}

a.alapalkki_tulosta{
		background-image:url('../images/tulosta.gif');
		background-repeat:no-repeat;
		background-position:left;
		padding-left:20px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#999999;
		font-size:10px;
		text-decoration:none;
		text-transform:uppercase;
		padding-right:3px;
}

a.alapalkki_tulosta:hover {
		background-image:url('../images/tulosta.gif');
		background-repeat:no-repeat;
		background-position:left;
		padding-left:20px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#999999;
		font-size:10px;
		text-decoration:none;
		text-transform:uppercase;
		text-decoration:underline;
		padding-right:3px;
}

/* --------------------------------------- PÄÄNAVIGAATIO --------------------------------------------- */

#navi {
line-height: 55px;
/*background-color: #transparent;*/
color: #62696c;
text-align:left;
 float:left;

} 
 
#navi ul {
list-style: none;
margin: 0;
padding: 0;
font-size: 10px;
padding-left:30px;
font-size:100%;
font-family: Arial, Helvetica, sans-serif;
}

#navi li.eiaktiivinen {
text-decoration: none;
background-repeat: no-repeat;
margin: 0;
float:left;
font-family: Arial, Helvetica, sans-serif;
font-size:100%;
}
 
#navi li.eiaktiivinen a {
display:block;
text-decoration: none;
color: #333333; 
margin: 0;
padding: 0px 6px 14px 6px;
font-size:100%;
font-family: Arial, Helvetica, sans-serif;
}

#navi li.eiaktiivinen a:hover {
font-size: 10px;
display:block;
text-decoration: underline;
color: #000000;
margin: 0;
padding: 0px 6px 14px 6px;
font-size:100%;
font-family: Arial, Helvetica, sans-serif;
}

#navi li.aktiivinen {
font-size: 10px;
text-decoration: none;
background-repeat: no-repeat;
margin: 0;
float:left;
}

#navi li.aktiivinen a {
background-image:url('../images/navi_bg_act.gif');
background-position:left;
background-repeat:no-repeat;
font-size: 10px;
text-decoration: none;
margin: 0;
padding: 0px 6px 4px 6px;
color: #ffffff; 
font-weight:normal;
display:block;

}

#navi li.aktiivinen a:hover { 
background-image:url('../images/navi_bg_act.gif');
background-position:left;
background-repeat:no-repeat;
font-size: 10px;
text-decoration: none;
margin: 0;
padding: 0px 6px 4px 6px;
color: #ffffff; 
font-weight:normal;
display:block;
}




/* --------------------------------------- TÄRKEÄÄ NAVIGAATIO --------------------------------------------- */

#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:15px;
 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_red3.gif');
 background-position:left;
 background-repeat:no-repeat;
  border-bottom: 1px dotted #cccccc;

}

#alanavi li 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_red3.gif');
 background-position:left;
 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;
}



/* SISÄLTÖ ETUSIVU */ 



#somisteet_keskiosa{
	
	
	background-image:url('../images/somisteet_keskiosa.jpg');
	background-position:left;
	background-repeat:no-repeat;
	color:#FFFFFF;
	text-align:left;
	padding-left:20px;
	padding-right:25px;
	vertical-align:top;
	height:127px;
}

#teltat_keskiosa{
	
	
	background-image:url('../images/teltat_keskiosa.gif');
	background-position:left;
	background-repeat:no-repeat;
	color:#000000;
	text-align:left;
	padding-left:20px;
	padding-right:25px;
	vertical-align:top;
	height:127px;
}

#kalusteet_keskiosa{
	
	
	background-image:url('../images/kalusteet_keskiosa.gif');
	background-position:left;
	background-repeat:no-repeat;
	color:#000000;
	text-align:left;
	padding-left:20px;
	padding-right:25px;
	vertical-align:top;
	height:127px;
}

#ajankohtaista_otsikko{
	
	font-size:12px;
	font-weight:bold;
	background-image:url('../images/ajankohtaista_tausta.gif');
	background-position:center;
	background-repeat:no-repeat;
	border-bottom:#CCCCCC dotted 1px;
	color:#333333;
	text-align:left;
	padding-left:20px;
	padding-right:25px;
	vertical-align:middle;
	height:55px;
}

#ilmoitus_otsikko{
	
	background-image:url('../images/ilmoitus_nuoli.gif');
	background-position:left;
	background-repeat:no-repeat;
	
	font-weight:bold;
	border-bottom:#f6f6f6 solid 1px;
	color:#da0707;
	text-align:left;
	padding-left:40px;
	padding-right:25px;
	vertical-align:top;
	padding-bottom:4px;
	padding-top:10px;
}

#ilmoitus {
	
	
	font-weight:normal;
	color:#999999;
	text-align:left;
	padding-left:20px;
	padding-right:25px;
	vertical-align:top;
	padding-bottom:25px;
	padding-top:10px;
}

#sisaltoteksti {
	
	
	font-weight:normal;
	color:#333333;
	text-align:left;
	padding-left:20px;
	padding-right:25px;
	vertical-align:top;
	padding-bottom:25px;
	padding-top:10px;
}


td.listaa{
vertical-align:top;
	
}

td.yla_oikea{
	background-color:#4e7cb8;
	width:350px;
	
	line-height:2;
	padding-bottom:15px;
	padding-top:25px;
	padding-left:35px;
	padding-right:15px;
	text-align:left;
	color:#FFFFFF;
}

td.linkit{
	background-color:#669934;
	text-align:left;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
		width:800px;
}

td.sisalto_vasen{
	width:240px;
	text-align:left;
	border-right: 1px dotted #669934;
	vertical-align:top;
	padding-left:20px;
	padding-top:20px;
	padding-right:20px;
	padding-bottom:50px;
	
}

td.sisalto_keski{
	width:240px;
	height:300px;
	text-align:left;
	vertical-align:top;
	padding-left:20px;
	padding-top:20px;
	padding-right:20px;
	padding-bottom:50px;
	
}

td.sisalto_keski2{
	width:500px;
	padding-left:40px;
	padding-top:20px;
	padding-right:20px;
	padding-bottom:50px;
	text-align:left;
	vertical-align:top;
}

td.sisalto_oikea{	/*Tähän tulee kalenterisetti*/
	text-align:center;
	vertical-align:top;
	width: 240px;
	background-color:#8ca6cb;
	height:300px;
}

td.alaosa{
	width:800px;
	background-color:#669934;
	height:10px;
	text-align:left;
	border-top:1px solid #fff;
}

td.sisalto_tausta {
		background-image:url('../images/kokoomus.jpg');
		background-position:left bottom;
		background-repeat:no-repeat;
		vertical-align:top;
		width:800px;
		background-color:#FFFFFF;

}


#safety_logo {
text-align:center;
padding:15px 0 0 0;
}

/*TEKSTEJÄ*/




.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;
	
}









/*  NAPIT */
		

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


input#nappi {
		
		background-color: #de0000;
		font-size: 10px;
		font-weight:normal; 
		border: 1px solid #950808; 
		padding: 0px 4px 0px 4px; 
		margin: 0; 
		color:#ffffff; 
		cursor:hand;
		} 





/*  NAVIGAATIO */
.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
font-size:10px;
margin-left:0px;
}

.suckertreemenu li.nolink{
position: relative;
display: inline;
float: left;
padding: 9px 6px 10px 6px;
font-size:10px;
cursor:default;
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display:block;
width: 80%; /*Width of top level menu link items*/
padding: 9px 6px 11px 6px;
text-decoration: none;
color: #333333;
font-size:10px;

}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display:compact;
float: none;

}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 160px; /*width of sub menu levels*/
color: white;
text-decoration: none;
padding: 4px 3px 4px 14px;
background-color:#c10130;
border-bottom:1px solid #b31f1f;
margin-bottom:0px;
}

.suckertreemenu ul li a:hover{
background-color:#a90b0b;
color: white;
font-size:10px;
text-decoration:none;

}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{
}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
background: #c10130 url('../images/link_arrow.gif');
background-position:right center;
background-repeat:no-repeat;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; width:1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */