body {
	text-align: center;
	margin-top: 0px;
	margin-left: 0px;
	background-image : url(img/tausta3.gif);
	background-repeat:repeat-x;
	background-color:#2d6da8;
	font: normal normal 400 13px/100% 'Trebuchet MS', sans-serif;
	line-height:18px;
	}
	
#wrapper {
	width: 977px;
	margin-left: auto;
	margin-right: auto;
	background-color:#FFF;
	/*border:1px solid #000;*/
	}
	
H1 {
	font: normal normal 600 16px/100% 'Trebuchet MS', sans-serif;
	text-transform:uppercase;
	color: #2d6da8;
	margin:0;
	padding: 10px 0 3px 0;
	}
	
H2 {
	font: normal normal 600 16px/100% 'Trebuchet MS', sans-serif;
	text-transform:uppercase;
	color: #2d6da8;
    margin:0;
    padding: 10px 0 3px 0;
    line-height: 18px;
	}
	
H3 {
	font: normal normal 600 16px/100% 'Trebuchet MS', sans-serif;
	color: #2d6da8;
    margin:0;
    padding: 10px 0 3px 0;
    line-height: 18px;
	}
	
#logo {
    float:left;
    width:430px;
    height:125px;
    }

#contact {
	float:right;
	font: normal normal 400 13px/100% 'Trebuchet MS', sans-serif;
	color:#2d6da8;
	line-height:18px;
	text-align:left;
	vertical-align:top;
	margin:0;
	padding:37px 30px 0 0;
	/*border:1px solid #000;*/
	}
	
#contact a, #contact a:visited {
	font: normal normal 600 13px/100% 'Trebuchet MS', sans-serif;
    color: #60351d;
	text-decoration:none;
    color: #2d6da8;
}

#contact a:hover {
    color: #000;
	}

#footer-wrapper {
    padding: 0px 10px 0px 10px;
	width:957px;
}

#footer {
	border-top:1px dotted #71bae9;
    font: normal normal 400 12px/100% 'Trebuchet MS', sans-serif;
	color:#000;
	padding: 15px 0px 15px 0px;
	margin:0px;
	text-align:center;

}
	

#left {
	float:left;
    padding: 15px 0px 25px 20px;
    text-decoration: none;
	text-align:left;
	/*border:1px solid #000;*/
}

#middle {
	float:left;
    width: 490px;
    text-decoration: none;
	/*border:1px solid #000;*/
}

#right {
	float:left;
	padding:20px 10px 10px 25px;
	width: 200px;
	text-align: left;
	/*border:1px solid #000;*/
}

#header {
	display:block;
	background-image:url(img/header_tausta.gif);
	background-repeat:no-repeat;
	width: 977px;
	height: 125px;
	}
	
#header_sve {
	background-image: url(img/ylapalkki_sve.jpg);
	background-repeat:no-repeat;
	width: 1188px;
	height: 195px;
	}
	
	
#yla_nav {
	display:block;
	text-align:left;
	background-image:url(img/header_nav.gif);
	background-repeat:no-repeat;
	width: 953px;
	height: 19px;
	padding: 8px 0 4px 23px;
	/*border:1px solid #000;*/
	}

#nav {width: 220px; display:block;
	float:left; color: White; }

#nav a, #nav a:visited, #nav * {
	font: normal normal 600 13px/100% 'Trebuchet MS', sans-serif;
    text-decoration:none;
	text-transform:uppercase;
    color: #FFF;
    
}

#nav a:hover {
    color: #a5c5c8;
	}
	
#murupolku {
	display:block;
	float:left;
	padding-left:0px;
	color: #FFF;
    font: normal normal 400 13px/100% 'Trebuchet MS', sans-serif;
	}

#murupolku a {
    text-decoration: none;
    color: #FFF;
    font: normal normal 400 13px/100% 'Trebuchet MS', sans-serif;
	}
	
#murupolku a:hover{
    color: #a5c5c8;
	}
	
#content {
	text-align:left;
	font: normal normal 400 13px/100% 'Trebuchet MS', sans-serif;
	line-height:18px;
	color:#000;
	width:468px;
	vertical-align:top;
	margin:0;
	padding:30px 0 20px 20px;
	/*border:1px solid #000;*/
	}
	
	
#nostot {
	text-align:left;
	margin:0;
	padding: 0px 0 0 20px;
	height:320px;
	width:460px;
	/*border:1px solid #000;*/
}
	
#vinkki_wrapper {
	float:left;
	display:block;
	width: 226px;
	text-align:left;
	background-image:url(img/kuukauden_vinkki_tausta.gif);
	background-repeat:no-repeat;
	height:320px;
	}

#vinkki_wrapper_se {
	float:left;
	display:block;
	width: 226px;
	text-align:left;
	background-image:url(img/kuukauden_vinkki_tausta.gif);
	background-repeat:no-repeat;
	height:320px;
	}
	
#vinkki {
	width: 175px;
	text-align:left;
	padding: 150px 10px 0 16px;
	height:110px;
	}
	
#vinkki a {
    margin: 0px;
	display: block;
	padding: 5px 20px 5px 0px;
	text-align: left;
    text-decoration: none;
    color: #207074;
    font: normal normal 400 13px/100% 'Trebuchet MS', sans-serif;
	line-height:16px;
	}

#vinkki p { margin: 0px; padding: 0px; }

#vinkki a:hover{
    color: #000;
	}

#vinkki h2  
{
    padding-top: 2px;
    padding-bottom: 2px; 
    color:#207074;
    }
	
#abc_wrapper {
	background-image:url(img/abc_tausta.gif);
	background-repeat:no-repeat;
	width: 198px;
	min-height: 127px;
	margin-bottom: 20px;
	}
	
#abc, #faq {
	text-align:left;
	padding:20px 10px 10px 10px;
	font:inherit;
	}
	
#abc a, #faq a {
    margin: 0px;
	display: block;
	padding: 5px 20px 5px 0px;
	text-align: left;
    text-decoration: none;
    color: #20558a;
    font: normal normal 400 13px/100% 'Trebuchet MS', sans-serif;
	line-height:16px;
	}
	
#abc a:hover{
    color: #000;
	}

#abc h2,#abc p, #faq h2, #faq p { margin-top: 2px; margin-bottom: 2px;  padding: 0}

#kysyttya_wrapper {
	background-image:url(img/kysyttya_tausta.gif);
	background-repeat:no-repeat;
	width: 198px;
	min-height: 127px;
	}

#gallup_wrapper {
	background-image:url(img/gallup_tausta.gif);
	background-repeat:no-repeat;
	width: 198px;
	min-height: 127px;
	}
	
#gallup {
	text-align:left;
	padding:20px 10px 10px 10px;
	font:inherit;
	}
	
#gallup a {
    margin: 0px;
	display: block;
	padding: 5px 20px 5px 0px;
	text-align: left;
    text-decoration: none;
    color: #20558a;
    font: normal normal 400 13px/100% 'Trebuchet MS', sans-serif;
	line-height:16px;
	}
	
#gallup a:hover{
    color: #000;
	}
	
#etsi_wrapper {
	float:left;
	display:block;
	width: 231px;
	background-image:url(img/etsi_kerayspisteesi_tausta.gif);
	background-repeat:no-repeat;
	height:263px;
	margin: 7px 0 0 0;
	text-align:center;
	}
	
#etsi {
	padding: 235px 10px 0 14px;
	}
	
#etsi a {
	text-align:center;
    margin: 0px;
	display: block;
    text-decoration: none;
    color: #FFF;
    font: normal normal 400 13px/100% 'Trebuchet MS', sans-serif;
	line-height:16px;
	}
	
#etsi a:hover{
    color: #000;
	}

#liity a, #liity a:visited {
	display:block;
	float:left;
	font: normal normal 600 13px/100% 'Trebuchet MS', sans-serif;
    color: #2d6da8;
	text-decoration:none;
	text-transform:uppercase;
	text-align:left;
	line-height:18px;
	padding:25px 0 0 0;
}

#liity a:hover {
    color: #000;
	}

#topmenu-wrapper{
	background-image:url(img/navi_tausta.gif);
	background-repeat:no-repeat;
	width: 214px;
	border:6px solid #a5c5c8;
	}
	
#topmenu-wrapper-down{
	background-image:url(img/navi_alaosa.jpg);
	background-repeat:no-repeat;
	width: 265px;
	height: 37px;
	}

#topmenu a {
    margin: 0;
	display: block;
    border-bottom: 1px solid #fff;
	padding: 11px 0px 11px 20px;
    text-decoration: none;
    color: #207074;
    font: normal normal 600 12px/100% 'Trebuchet MS', sans-serif;
    text-transform: uppercase;
	text-align:left;
	}

#topmenu a:visited {
    color: #207074;
	}
	
#topmenu a:hover{
    color: #FFF;
	background-color:#82aeb6;
	}

#sublinks a {
	display: block;
	background-color:#d0ecf8;
	color: #0046ad;
	padding: 11px 0px 11px 0px;
	width:auto;
	font: normal normal 400 13px/100% 'Trebuchet MS', sans-serif;
	text-align: center;
    text-decoration: none;
	margin-bottom:8px;
	}

#sublinks a:visited {
    color: #0046ad;
	}
	
#sublinks a:hover {
    color: #2eb135;
	}

#ajank_content {
	text-align:left;
	vertical-align:top;
	padding:0px 0 20px 20px;
	}

#ajank_content a {
    margin: 0px;
	display: block;
	padding: 5px 20px 5px 0px;
	text-align: left;
    text-decoration: none;
    color: #207074;
    font: normal normal 400 13px/100% 'Trebuchet MS', sans-serif;
    line-height:18px;
	}
	
#ajank_content a:hover{
    color: #000;
	}
	
table {
	border:none;
	padding:0 0 0 0;
	margin:10px 0 0 0;
}

td {
	border:none;
	font:inherit;
	vertical-align: top;
	}

td.ajank {
	border:none;
	padding:0 0 0 20px;
	margin:0px;
}

ul.yhteystiedot li {
	list-style:none;
}

/*teksti ja kuvamäärityksiä*/

span.codedirection { direction: rtl; unicode-bidi: bidi-override; }

a img {
	font: normal normal 600 13px/100% 'Trebuchet MS', sans-serif;
    color: #569099;
	text-decoration:none;
	text-decoration:underline;
	}
	
a:hover {
    color: #000;
	}

	
div.spacer {
  clear: both;
  margin: 0px;
  padding: 0px;
  }

img a {
	border:0px;
	}
	


/*activelinks*/

#topmenu a.activeLink {
    color: #207074;
    background-color:#a5c5c8;
	}
	
.activeLink a:hover{
    color: #FFF;
	background-color:#82aeb6;
	}

/* sublinks */

#sublinks a, #sublinks a:visited {
	display: block;
	color: #FFF;
    background-color:#82aeb6;
	padding: 8px 0px 8px 20px;
	margin:0px;
	width:auto;
	font: normal normal 400 12px/100% 'Trebuchet MS', sans-serif;
	text-align: left;
    text-decoration: none;
    text-transform:none;
	}

#sublinks a:hover, #sublinks a.activeLink {
    color: #207074;
    background-color:#b5d0d2;
	}

.abcletters { letter-spacing: 0.1px; margin-bottom: 15px; margin-top: 14px; width: 360px;}

.abcletters a {display: block; float: left; text-align: center; border: 1px solid #579EA3; text-decoration: none;  margin-left: 3px;  width: 15px; color: #207074; padding-left: 2px; padding-right: 2px; font-family: Arial; font-size: 11px; margin-bottom: 4px; }

.abcletters a:hover
{
    color: White;
    background-color: #669999;
}

.alternatives { display: block; }
p.alternatives { margin-top: 2px; padding-top: 0px;}

.resultbar {
    background-color:#2D6DA8;
    color: white;
    font-size:10px;
    overflow:hidden;
    padding:0;
    height: 14px;
    text-indent:4px;
    white-space:nowrap;
}

.total {
    border:1px solid #2D6DA8;
    margin-bottom:5px;
    width: 180px;
    margin-top: 1px;
    height: 14px;
}

#content td {
	border:none;	
	font-size:13px;
	
	}
	
	

 a,  a:visited { color: #2D6DA8 ;  }
 a:hover { color: #207074; }
	
#content p { }

#content a, #content a:visited { color: #2D6DA8 ;  }
#content a:hover { color: #207074; }


#RightColumnLinks p { margin-top: 7px; margin-bottom: 4px; line-height: 16px; }