body { background-repeat: repeat-x;
	background-color: #C9C9C9;
	background-image: url(../images/tausta_harmaa.jpg);
	background-position: left top;
}




td { vertical-align:top } 

object {
outline: none;
}

.whitebox1palsta {
 background-color: #FFFFFF;
 vertical-align:top;
 padding-top: 6px;
 padding-right: 6px;
 padding-bottom: 0px;
 padding-left: 6px;
 border: none;
 font-size: 11px;
 font-family: Verdana, Helvetica, sans-serif;
 color: #333333;
 text-align: left;
 line-height: 16px;
 font-weight: normal;
 width: 222px;
 /* firefox */
    -moz-border-radius-topleft:2px;
    -moz-border-radius-topright:2px;
/* safari/chrome */
    -webkit-border-top-left-radius:2px;
    -webkit-border-top-right-radius:2px;
/* ie9, future proofing for whatever browser that support this attribute */
    border-top-left-radius : 2px;
    border-top-right-radius : 2px;

  }


.whitebox2palsta {
 background-color: #FFFFFF;
 vertical-align:top;
 padding-top: 6px;
 padding-right: 6px;
 padding-bottom: 0px;
 padding-left: 6px;
 border: none;
 font-size: 11px;
 font-family: Verdana, Helvetica, sans-serif;
 color: #333333;
 text-align: left;
 line-height: 16px;
 font-weight: normal;
 width: 466px;
  /* firefox */
    -moz-border-radius-topleft:2px;
    -moz-border-radius-topright:2px;
/* safari/chrome */
    -webkit-border-top-left-radius:2px;
    -webkit-border-top-right-radius:2px;
/* ie9, future proofing for whatever browser that support this attribute */
    border-top-left-radius : 2px;
    border-top-right-radius : 2px;
}

.whitebox3palsta {
 background-color: #FFFFFF;
 vertical-align:top;
 padding-top: 6px;
 padding-right: 6px;
 padding-bottom: 0px;
 padding-left: 6px;
 border: none;
 font-size: 11px;
 font-family: Verdana, Helvetica, sans-serif;
 color: #333333;
 text-align: left;
 line-height: 16px;
 font-weight: normal;
 width: 710px;
  /* firefox */
    -moz-border-radius-topleft:2px;
    -moz-border-radius-topright:2px;
/* safari/chrome */
    -webkit-border-top-left-radius:2px;
    -webkit-border-top-right-radius:2px;
/* ie9, future proofing for whatever browser that support this attribute */
    border-top-left-radius : 2px;
    border-top-right-radius : 2px;
}

.whitebox3palstasolo {
 background-color: #FFFFFF;
 vertical-align:top;
 padding-top: 6px;
 padding-right: 6px;
 padding-bottom: 0px;
 padding-left: 6px;
 border: none;
 font-size: 11px;
 font-family: Verdana, Helvetica, sans-serif;
 color: #333333;
 text-align: left;
 line-height: 16px;
 font-weight: normal;
 width: 710px;
/* firefox */
    -moz-border-radius-topleft:2px;
    -moz-border-radius-topright:2px;
    -moz-border-radius-bottomleft:2px;
    -moz-border-radius-bottomright:2px; 
	
/* safari/chrome */
    -webkit-border-top-left-radius:2px;
    -webkit-border-top-right-radius:2px;
    -webkit-border-bottom-left-radius:2px;
    -webkit-border-bottom-right-radius:2px;
	
/* ie9, future proofing for whatever browser that support this attribute */
    border-top-left-radius : 2px;
    border-top-right-radius : 2px;
    border-bottom-left-radius : 2px;      
    border-bottom-right-radius : 2px; 
}

.pelkkanavikuva {
 background-color: #FFFFFF;
 vertical-align:top;
 padding-top: 6px;
 padding-right: 6px;
 padding-bottom: 3px;
 padding-left: 6px;
 border: none;
 font-size: 11px;
 font-family: Verdana, Helvetica, sans-serif;
 color: #333333;
 text-align: left;
 line-height: 16px;
 font-weight: normal;
 width: 222px;
/* firefox */
    -moz-border-radius-topleft:2px;
    -moz-border-radius-topright:2px;
    -moz-border-radius-bottomleft:2px;
    -moz-border-radius-bottomright:2px; 
	
/* safari/chrome */
    -webkit-border-top-left-radius:2px;
    -webkit-border-top-right-radius:2px;
    -webkit-border-bottom-left-radius:2px;
    -webkit-border-bottom-right-radius:2px;
	
/* ie9, future proofing for whatever browser that support this attribute */
    border-top-left-radius : 2px;
    border-top-right-radius : 2px;
    border-bottom-left-radius : 2px;      
    border-bottom-right-radius : 2px; 
}

.between {
 vertical-align:top;
 width: 10px;
}

.betweenpysty {
 vertical-align:top;
 height: 10px;
}

.betweentxtkuvat {
	background-image:url(../English/images/between_bg.gif);
	background-position:left;
	background-repeat:repeat-y;
	border-top: 17px;
	border-top-color:#FFFFFF;
	border-top-style: solid;
	border-bottom: 16px;
	border-bottom-color:#FFFFFF;
	border-bottom-style: solid;
 vertical-align:top;
 width: 1px;
}




.navibar {
	background-color:#252525;
	height: 20px;
	 

/* firefox */
    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;
    -moz-border-radius-bottomleft:4px;
    -moz-border-radius-bottomright:4px; 
	
/* safari/chrome */
    -webkit-border-top-left-radius:4px;
    -webkit-border-top-right-radius:4px;
    -webkit-border-bottom-left-radius:4px;
    -webkit-border-bottom-right-radius:4px;
	
/* ie9, future proofing for whatever browser that support this attribute */
    border-top-left-radius : 4px;
    border-top-right-radius : 4px;
    border-bottom-left-radius : 4px;      
    border-bottom-right-radius : 4px; 
}
.logotxt {
	font-size: 11px;
	font-family: Verdana, Helvetica, sans-serif;
	color: #333333;
	text-align: center;
	line-height: 16px;
	font-weight: normal;
  	text-align:center;
	vertical-align:top;
}
.list {
	font-size: 11px;
	font-family: Verdana, Helvetica, sans-serif;
	color: #333333;
	text-align: center;
	line-height: 22px;
	font-weight: normal;
  	text-align:left;
	vertical-align:top;
}

.logo {
	color: #333333;
  	text-align:center;
	vertical-align:bottom;
}
.textbox {
	background-color:#FFFFFF;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 16px;
	padding-left: 12px;
	font-size: 11px;
	font-family: Verdana, Helvetica, sans-serif;
	color: #333333;
	text-align: left;
	line-height: 16px;
	font-weight: normal;
  /* firefox */
    -moz-border-radius-bottomleft:2px;
    -moz-border-radius-bottomright:2px;
/* safari/chrome */
    -webkit-border-bottom-left-radius:2px;
    -webkit-border-bottom-right-radius:2px;
/* ie9, future proofing for whatever browser that support this attribute */
    border-bottom-left-radius : 2px;
    border-bottom-right-radius : 2px;
}

.textbox_titlestart {
	background-color:#FFFFFF;
	padding-top: 18px;
	padding-right: 12px;
	padding-bottom: 16px;
	padding-left: 12px;
	font-size: 11px;
	font-family: Verdana, Helvetica, sans-serif;
	color: #333333;
	text-align: left;
	line-height: 16px;
	font-weight: normal;
  /* firefox */
    -moz-border-radius-bottomleft:2px;
    -moz-border-radius-bottomright:2px;
/* safari/chrome */
    -webkit-border-bottom-left-radius:2px;
    -webkit-border-bottom-right-radius:2px;
/* ie9, future proofing for whatever browser that support this attribute */
    border-bottom-left-radius : 2px;
    border-bottom-right-radius : 2px;
}


.textbox2palsta {
 background-color:#FFFFFF;
 padding-top: 12px;
 padding-right: 12px;
 padding-bottom: 16px;
 padding-left: 12px;
 font-size: 11px;
 font-family: Verdana, Helvetica, sans-serif;
 color: #333333;
 text-align: left;
 line-height: 16px;
 font-weight: normal;
 width: 454px;
   /* firefox */
    -moz-border-radius-bottomleft:2px;
    -moz-border-radius-bottomright:2px;
/* safari/chrome */
    -webkit-border-bottom-left-radius:2px;
    -webkit-border-bottom-right-radius:2px;
/* ie9, future proofing for whatever browser that support this attribute */
    border-bottom-left-radius : 2px;
    border-bottom-right-radius : 2px;
 
}

.textbox2palstaajakuvat {
 background-color:#FFFFFF;
 padding-top: 12px;
 padding-right: 12px;
 padding-bottom: 16px;
 padding-left: 12px;
 font-size: 11px;
 font-family: Verdana, Helvetica, sans-serif;
 color: #333333;
 text-align: left;
 line-height: 16px;
 font-weight: normal;
 width: 463px;
   /* firefox */
    -moz-border-radius-bottomleft:2px;
    -moz-border-radius-bottomright:2px;
/* safari/chrome */
    -webkit-border-bottom-left-radius:2px;
    -webkit-border-bottom-right-radius:2px;
/* ie9, future proofing for whatever browser that support this attribute */
    border-bottom-left-radius : 2px;
    border-bottom-right-radius : 2px;
 
}

.vasennavitextbox {
 background-color:#FFFFFF;
 padding-top: 12px;
 padding-right: 12px;
 padding-bottom: 16px;
 padding-left: 12px;
 font-size: 11px;
 font-family: Verdana, Helvetica, sans-serif;
 color: #555;
 text-align: left;
 line-height: 18px;
 font-weight: bold;
   /* firefox */
    -moz-border-radius-bottomleft:2px;
    -moz-border-radius-bottomright:2px;
/* safari/chrome */
    -webkit-border-bottom-left-radius:2px;
    -webkit-border-bottom-right-radius:2px;
/* ie9, future proofing for whatever browser that support this attribute */
    border-bottom-left-radius : 2px;
    border-bottom-right-radius : 2px;
}

.kuva1palsta {
 background-color: #FFFFFF;
 vertical-align:top;
 padding-top: 12px;
 padding-right: 6px;
 padding-bottom: 16px;
 padding-left: 6px;
 border: none;
 font-size: 10px;
 font-family: Verdana, Helvetica, sans-serif;
 color: #333333;
 text-align: left;
 line-height: 12px;
 font-weight: normal;
 width: 222px;
   /* firefox */
    -moz-border-radius-bottomleft:2px;
    -moz-border-radius-bottomright:2px;
/* safari/chrome */
    -webkit-border-bottom-left-radius:2px;
    -webkit-border-bottom-right-radius:2px;
/* ie9, future proofing for whatever browser that support this attribute */
    border-bottom-left-radius : 2px;
    border-bottom-right-radius : 2px;
}

.values {
	background-color: #CFF;
	padding-top: 10px;
	padding-right: 6px;
	padding-bottom: 10px;
	padding-left: 6px;
	font-size: 11px;
	font-family: Verdana, Helvetica, sans-serif;
	font-style:italic;
	color: #000;
	text-align: center;
	line-height: 16px;
	font-weight: normal;
/* firefox */
    -moz-border-radius-topleft:2px;
    -moz-border-radius-topright:2px;
    -moz-border-radius-bottomleft:2px;
    -moz-border-radius-bottomright:2px; 
	
/* safari/chrome */
    -webkit-border-top-left-radius:2px;
    -webkit-border-top-right-radius:2px;
    -webkit-border-bottom-left-radius:2px;
    -webkit-border-bottom-right-radius:2px;
	
/* ie9, future proofing for whatever browser that support this attribute */
    border-top-left-radius : 2px;
    border-top-right-radius : 2px;
    border-bottom-left-radius : 2px;      
    border-bottom-right-radius : 2px; 
}


.imagespaceunder {
vertical-align:top;
 padding-top: 0px;
 padding-right: 0px;
 padding-bottom: 10px;
 padding-left: 0px;
   /* firefox */
    -moz-border-radius-bottomleft:2px;
    -moz-border-radius-bottomright:2px;
/* safari/chrome */
    -webkit-border-bottom-left-radius:2px;
    -webkit-border-bottom-right-radius:2px;
/* ie9, future proofing for whatever browser that support this attribute */
    border-bottom-left-radius : 2px;
    border-bottom-right-radius : 2px;
}

.imagespaceontop {
vertical-align:top;
 padding-top: 12px;
 padding-right: 0px;
 padding-bottom: 0px;
 padding-left: 0px;
}

.imagespaceonright {
vertical-align:top;
 padding-top: 0px;
 padding-right: 8px;
 padding-bottom: 0px;
 padding-left: 0px;
}

.images_inside_text {
vertical-align:top;
 padding-top: 3px;
 padding-right: 8px;
 padding-bottom: 5px;
 padding-left: 0px;
}

.txtbold {
	font-weight:bold;
	color:#252525;
}

.huom {
	font-weight:bold;
	color: #F0C;
}

.date {
	font-weight:normal;
	color: #999;
	font-size:9px;
}

.titles {
	font-weight:normal;
	color: #666;
	font-size:10px;
}

.subotsikko {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	line-height:22px;
	font-weight:normal;
	color: #252525;
	
}

.subotsikko2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color: #3cf;
	
}

.ingressi {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height: 22px;
	font-weight:normal;
	color: #252525;
	
}
.footer {
	text-align: right;
}

a { text-decoration: none; outline: none; font-weight:bold; color: #666; }
a:hover { background-color:#252525; color:#FFF; }
a:active { color: #FFF; }

.navibuttons a{ background:none; text-decoration:none; outline:none; }	
.navibuttons a:hover { background:none;   text-decoration:none; outline:none; }
.navibuttons a:active { background:none;  text-decoration:none; outline:none; }
.navibar a{background:none; text-decoration:none; outline:none; }	
.navibar a:hover { background:none;   text-decoration:none; outline:none; }
.navibar a:active { background:none;  text-decoration:none; outline:none; }


/* NAVIGAATIO */

#noborder .slMenuItem_depth1{	/* border pois viimeisestä */
		border-bottom: none;
		

	}

/* General rules */

	#dhtml_slidedown_menu li{
		list-style-type:none;
		position:relative;
	}
	#dhtml_slidedown_menu ul{
		margin:0px;
		padding:0px;
		position:relative;
	}
	#dhtml_slidedown_menu div{
		margin:0px;
		padding:0px;
	}
	
/* Layout CSS */

	#dhtml_slidedown_menu{		
		width:210px;	
	}

/* All A tags - i.e menu items. */
	#dhtml_slidedown_menu a{
		color: #000000;
		text-decoration:none;	
		display:block;
		clear:both;
		width:210px;	
		padding-left:2px;
		outline: none;

	}
	
	#dhtml_slidedown_menu a:hover { background-color:#252525; color:#FFF;}
#dhtml_slidedown_menu a:active { color: #FFF; }
	
/* A tags  */
	#dhtml_slidedown_menu .slMenuItem_depth1{	/* Main menu items */
		margin-top:0px;
		border-bottom:1px  solid #ccc;
		font-weight:bold;
	}	
	#dhtml_slidedown_menu .slMenuItem_depth2{	/* Sub menu items */
		margin-top:1px;
		color: #666;
	}	
	#dhtml_slidedown_menu .slMenuItem_depth3{	/* Sub menu items */

		color: #666;
		font-size:10px;
	}	
	#dhtml_slidedown_menu .slMenuItem_depth4{	/* Sub menu items */

		font-size:9px;
		color: #999;
	}	
	#dhtml_slidedown_menu .slMenuItem_depth5{	/* Sub menu items */

		font-size:9px;
		color: #999;
		font-weight:normal;
	}

	/* UL tags, i.e group of menu utems. 
	It's important to add style to the UL if you're specifying margins. If not, assign the style directly to the parent DIV, i.e. 
	
	#dhtml_slidedown_menu .slideMenuDiv1     instead of     #dhtml_slidedown_menu .slideMenuDiv1 ul
	*/
	
	#dhtml_slidedown_menu .slideMenuDiv1 ul{
		padding:1px;
	}
	#dhtml_slidedown_menu .slideMenuDiv2 ul{
		margin-left:10px;
		padding-top:5px;
		padding-bottom:8px;
	}
	#dhtml_slidedown_menu .slideMenuDiv3 ul{
		margin-left:12px;
		padding:1px;
	}
	#dhtml_slidedown_menu .slMenuItem_depth4 ul{
		margin-left:18px;
		padding:1px;
	}