/* CSS Document */
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #4586be;
	overflow:-moz-scrollbars-vertical;
}
h1 {
	font-size: 130%;
	color: #090958;
	font-weight: bold;
	border-bottom: 1px solid black;
	margin: 14px 2px 10px 4px;
}
h2 {
	font-size: 115%;
	color: #090958;
	font-weight: bold;
	margin: 14px 2px 10px 4px;
}
h3 {
	font-size: 100%;
	color: #090958;
	font-weight: bold;
	margin: 12px 2px 7px 4px;
}
h4 {
	font-size: 100%;
	color: #090958;
	font-weight: bold;
	margin: 12px 2px 7px 4px;
}
p {
	margin: 3px 2px 10px 4px;
	padding: 0;
}
#pathway {
margin:0 0 2px 0;
padding:0;
font-size:85%;
}
#pathway a {	
	color: #CCC;
	text-decoration: underline;
	}
#pathway a:hover {	
	color: #CCC;
	text-decoration: none;
	}
a {	
	color: #0093d8;
	text-decoration: none;
	}
a:hover {	
	color: #e98e05;
	text-decoration: none;
	}
.contentheading, .componentheading {
	background-image: url(../images/otsikkopalkki.gif);
	background-repeat:no-repeat;
	/* text-indent: 26px; */
	width:100%;
	font-size: 11pt;
	line-height: 1.4em;
	color: #FFF;
	font-weight: bold;
	padding: 6px 8px 4px 28px;
}

.otsikko {
	/* text-indent: 26px; */
	width:100%;
	font-size: 9pt;
	line-height: 1.4em;
	color: #108691;
	font-weight: bold;
	padding: 6px 8px 4px 28px;
	text-transform: uppercase;
}

.otsikko2 {
	width:100%;
	font-size: 10pt;
	line-height: 1.2em;
	color: #108691;
	font-weight: bold;
	padding: 0px 8px 4px 0px;
}

.otsikko3 {
	background-image: url(../images/otsikko.png);
	background-repeat:no-repeat;
	/* text-indent: 26px; */
	width:100%;
	font-size: 11pt;
	line-height: 1.4em;
	color: #FFF;
	font-weight: bold;
	padding: 6px 8px 4px 28px;
}
	
}
.blog .contentheading {
	font-size: 115%;
	color: #090958;
	font-weight: bold;
	border:0px dotted blue;
	margin: 14px 2px 10px 4px;
}
.buttonheading  {
	background-image: url(../images/otsikkotausta.gif);
	background-repeat:repeat-x;
	padding-right: 6px;
}
.contentpaneopen {
	width:100%;
	margin:0;
	padding:0;
	border-collapse: collapse;
}
.sectiontableentry1 td {
	background-color: #EAEAEA;
	padding: 6px;
}
.sectiontableentry2 td {
	padding: 6px;
}
.sectiontableheader {
	border-bottom:3px solid #53a6e0;
	padding: 6px;
}
.modifydate {
color:#999999;
font-size:85%;
text-align:right;
}


#navitus {
	background-image:url(../images/navipalkki.gif);
	text-align:left;
	width: 870px;
	height: 47px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}
.sentteri {
	text-align: left;
}

.smallgrey {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}
#mainthing {
	background-image:url(../images/keskiosa.gif);
	width: 870px;
	z-index:1000;
}
.mainlevelKIELI {margin: 3px;}
#alajutska {
	background-image:url(../images/alajuttu.gif);
	width: 870px;
	height: 68px;
	margin: 0;
	padding: 0;	
}
.moduletableletterman  {
	text-align:left;
}
.moduletableletterman p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 22px 5px;
}
.moduletableletterman label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align:left;
	margin:5px;
}
.moduletableletterman .inputbox {
	margin: 4px;
	padding: 3px;
	background-color: #fffbe6;
	border: 2px solid #CCC;
	
}

.moduletablealaban td {font-size:85%;}
.moduletablekirjau table label {
	font-size:85%;
	color: #999999;
	text-align: center;
	margin: 8px;
}
.moduletablekirjau a {
	font-size:85%;
	color: #999999;
	text-align: center;
	text-decoration: none;
}
.moduletablekirjau a:hover {
	font-size:85%;
	color: #999999;
	text-align: center;
	text-decoration: underline;
}
.moduletablekirjau input {
	margin: 3px;
	background-color: #EAEAEA;
	border: 1px solid #CCC;
}
.vasenpalkki .moduletable a {
	text-decoration:none;
	text-align:center;
	font-size:100%;
	font-weight:bold;
	color: #4586be;
	display:block;
	width:160px;
	height:32px;
	border-bottom:6px solid white;
	
	/* margin: 8px 1px 2px 0px; */
	padding-top: 16px;
}
.vasenpalkki .moduletable a:hover {
	text-decoration:none;
	background-color: #FFFFFF;
	color: #003366;
}
.maintable {

}
.separator1 {
	width: 870px;
	padding: 0;
	margin: 0;
	background-image: url(../images/keskiosa_yles.gif);
}
.separator2 {
	width: 870px;
	padding: 0;
	margin: 0;
	background-image: url(../images/keskiosa_ales.gif);
}

/* LISTAT */

ul {
	list-style-image: url(http://pelimatkat.com/newpm/images/pikku_bullet.gif);
}
ul li {
margin-top:3px;
margin-bottom:7px;
}
.boxit ul {
	list-style-image: url(../images/small_bullet.gif);
}
.boxit ul li {
margin:2px 5px 4px 0px;
}
.moduletableboxi p {
margin: 3px 7px 8px 11px;
text-align:left;
}
.moduletableboxi img {
margin: 3px 8px 4px 11px;
}
.alaseparator {}
.search {
	margin: 0;
	padding: 0;
}
.search input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #7b7bae;
	border:0px solid #999999;
	font-style: normal;
	margin: 1px;
	padding:3px;
}
.back_button  {
background: url(../images/takaisin_bullet.gif) no-repeat 8px 5px;
background-color:#cad1d6;
width: 75px;
text-indent: 18px;
margin: 4px;
font-size: 80%;
padding: 3px 0;
} 
.back_button a  {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #4586be;
text-decoration:none;
}
.back_button a:hover  {
color: #FFF;
}

/* FORME  */
.forme input, textarea, text {
background-image: url(http://pelimatkat.com/newpm/images/lomaketausta.gif);
border:2px solid #53a6e0;
font-weight:bold;
color:#FFFFFF;
}
.forme select {
border:1px solid #53a6e0;
font-weight:bold;
color:#53a6e0;
}
.forme radio, checkbox {
border:none;
font-weight:bold;
color:#53a6e0;
}

/*  UUTISKIRJE SIVUILLA */

.uutiskirje a {
	color: #FF9900;
	text-decoration: none;
}
.uutiskirje a:hover {
	color: #FFFFCC;
	text-decoration: none;
}
.uutiskirje img { border: 1px solid white; margin:6px; }
.uutiskirje p { margin: 8px 8px 22px 0px; }
.uutiskirje h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFCC;
	text-decoration: none;
}