/* Template By Murat Esgin - http://www.lavinya.net */
/* Joogayhdistykselle muokanneet Ilka Helo (& Juha Mäkeläinen) */
body {
	text-align: left;
	background : #FFFFFF;
	color : #666;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	margin-top : 3px;
	margin-left : 0; 
	margin-right : 0; 
	margin-bottom : 0; 
	font-size : 14.4px;
} 

.leipateksti {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14.4px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-align: left;
	vertical-align: top;
	list-style-position: outside;
	list-style-type: circle;
	}

.valiotsikko {
	font-family: verdana;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #000000;
}

.aforismi {
	margin-top: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14.4px;
	font-style: normal;
	text-align: left;
	vertical-align: middle;
	color: #666;
	background-color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14.4px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	display: block;
	padding:  1em 1em 1em 1em
}

.x----------------------x {
/*tehdään jakava väliviiva styles-valikkoon */	
}

.mypathway {
	padding-left : 3px; 
	padding-bottom : 3px; 
} 

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

ul li {
	background-image:url(../images/bullet.gif);
	background-position: 14pt 3px;
	background-repeat:no-repeat;
	line-height:20px;
	padding-left:40px;
	padding-top:0pt
}

ul ol {
	line-height : 20px; 
	padding-left : 20px;
	padding-top : 0;
	background-position : 0 3px; 
} 

.pagenav {
	font-size : 14.4px;
	font-weight : normal; 
} 

.componentheading {
	height : 12px; Nämä ovat alkuperäiset arvot
	margin-left : 2px; 
	padding : 3px; 
	padding-bottom: 1em;
	border : 0px solid #ffffff; 
	color : #000000; 
	text-align : left; 
	white-space : nowrap; 
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 16px;
	font-weight : bold; 
}

a.toclink:link, a.toclink:visited {
	line-height : normal; 
	font-size : 14.4px;
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	color : #000000; 
	text-decoration : underline; 
} 
a.toclink:hover {
	text-decoration : none;
} 

table.contenttoc {
	border : 1px solid #ffffff;
	padding : 2px; 
	margin-left : 2px; 
	margin-bottom : 2px; 
} 

table.contenttoc th {
	background : #e9e9e9; 
	color : #ff0000; 
	text-align : left; 
	padding-top : 2px; 
	padding-left : 4px; 
	height : 21px; 
	font-weight : bold; 
	font-size : 14.4px;
	text-transform : uppercase; 
} 

.button {
	margin-top : 3px; 
	margin-bottom : 3px; 
	padding-left : 5px; 
	padding-right : 5px; 
	border : 1px solid #adaa9c; 
	background-color : #ffffff; 
	color : #000000; 
	font-family : Verdana, Arial, Helvetica, sans-serif;
	text-align : center; 
	font-size : 14.4px;
} 

.sectiontableheader {
	background : #e9e9e9; 
	height : 20px; 
	padding-right : 3px; 
	font-weight : bold; 
} 

table.contentpane td.contentdescription {
	font-size : 14.4px;
	line-height : 18px; 
}

table.contentpane td.componentheading {
	background : #f2f2f2;
	height : 20px; 
	padding-left : 3px; 
	border : 1px solid #ffffff; 
	color : #c20a28;
	text-align : left; 
	padding-bottom : 3px; 
	white-space : nowrap; 
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 16px;
	font-weight : bold; 
}

table.contentpane td {
	padding-top : 1px; 
	padding-bottom : 2px; 
	font-size : 14.4px;
} 

a:link {
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	color : #000; 
	text-decoration : underline; 
} 

a:visited {
	color : #666; 
} 

a:hover {
	text-decoration : none; 
}
 
table.contentpaneopen {
	width : 100%;
} 

table.contentpaneopen td {
	line-height : 18px; 
	font-size : 14.4px;
} 

table.contentpaneopen td.contentheading {
	height : 20px; 
	padding-left : 3px;
	border : 0px solid #FFF; 
	color : #000; 
	text-align : left; 
	/*white-space : nowrap; TÄMÄN OLTAVA POIS! */
	 font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 16px;
	font-weight : bold;
} 

a.sublevel:link, a.sublevel:visited {
	font-size : 12px; 
	color : #000; 
	text-align : left;
	text-decoration : none; 
	vertical-align : middle; 
} 

a.sublevel:hover {
	text-decoration : none; 
} 

a.mainlevel:link, a.mainlevel:visited {
	display : block; 
	vertical-align : middle; 
	font-size : 14.4px;
	color : #000; 
	text-align : left;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	padding-left : 3px;
	padding-top : 5px;
	padding-bottom : 5px;
	height : 16px; 
	width : 140px; 
	text-decoration : none;
	border-bottom-width : 1px;
	border-bottom-style : solid;
	border-bottom-color : #FFF;
}

/*Päävalikon hover*/
a.mainlevel:hover { 
	/*background-image:url(../images/menud.png);*/
	background-position:left center;
	background-color:#FFFFFF;
	color:#333366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14.4px;
	font-weight: bold;
	/*text-align:center;*/
}

a.salalinkki /* näkymätön linkki footeriin */
{
	color : #777777; 
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 8pt;
	text-decoration:none;
}

table.moduletable, moduletable div{
	width : 100%; 
	margin-bottom : 5px; 
	border-spacing : 0; 
	border-collapse : collapse; 
} 

table.moduletable th{
	color : #000; /*oli: #cc0000 (tummanpunainen) */
	/* background-color:#F2F2F2; */
	border : 0px solid #ffffff;
	text-align : center;
	vertical-align : middle; 
	/* padding-left : 15px; */
	height : 25px;
	/* font-weight : bold;*/
	font-size : 14.4px;
	text-transform: uppercase;
} 

table.moduletable td{ 
	padding-left : 1px;
/*	font-size : 12px;*/
	margin : 10px; 
	font-weight : normal; 
} 

td {
/*
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 14.4px;
color : #3c3032;
*/
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14.4px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-align: left;
	vertical-align: top;
	list-style-position: outside;
	list-style-type: circle; 
} 

.inputbox {
	font-size : 14.4px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	border : 1px solid #adaa9c; 
	background-color : #ffffff;
} 

.td1 {
	width : 100%;
	height : 110px;
	background-image : url(../images/ylapalkki.jpg);
	background-repeat : no-repeat;
	vertical-align: bottom;
	padding-left:15px;
}

.td2 {
	background-color : #CFD8EE; 
	width : 135px;
	vertical-align: top;
	/*border: dashed red 1px;*/
}

.td3 {
	background-image: url(../images/td3-bg-testi.gif); 
	background-repeat: repeat-x;
	/*background-color : #F6F6F6;*/
	background-color: #FFF;
	width : 100%;
	vertical-align: top;
	/*border: dashed green 1px;*/
}

.td34 {
	background-color : #F6F6F6;
	width : 100%;
	vertical-align: top;
	/*border: dashed yellow 1px;*/
}

.td33 /*Tämän tausta on saatu alas asti siniseksi asettamalla koko table3:n tausta tämän taustan väriseksi. Maailma on ihmeellinen.*/
{
	background-color : #B1C2E3;
	width : 100%;
	vertical-align: top;
	float:left;
	clear:left;
	display:inline;
	/*border: dashed blue 1px;*/
	height: 100%;
}

.td4 {
	background-color : #e9e9e9; 
	width : 100%;
	height : 20px; 
	text-align : center; 
	/*border: dashed DeepPink 1px;*/
}

.footer {
	color : #777777; 
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 8pt;
} 

.yuks {
	height : 100%; 
} 

.table1 {
	border : 1px dotted #999999;
	/*width : 84%; alkuperäinen leveys,korvattu Ullan sivupohjan leveydellä */
	width: 817px;
	height : 100%;
	margin : 0;
	padding : 0; 
} 

.table2 {
	width : 100%;
	height : 115px;
	border : 0;
	margin-left:5px;
}

#banner {
	color:#FFFFFF;
	width: 100%;
	height: auto;
	font-size:10px;
	margin-bottom: 8px;
	/*padding-top: 8px;*/
}

a.readon, a.readon:hover {
    color:#666;
    margin-top : 10px;
    display : block;
    float : right;
    line-height : 11px;
    background : url(../images/daha.gif) no-repeat left center;
    text-indent : 16px;

}

.small, .modifydate, .createdate {
	color:#999;
	font-size : 10pt;
	background-color:inherit;
}

h1 {display: none;}

h2 {
	font : italic bold 14px Verdana, Arial, Helvetica, sans-serif;
	color : #FFF;
	display : none /*8.1.08 ilka muokkaa: tässä oli: inline*/;
	padding-left: 1px;
} 

/*h3 {
	font : bold 14px "Georgia", serif, verdana;
	color : #ffffff;
	display : inline;
	padding-left: 1px;
} */

h3 /*Aforismi*/ {
	color: #666;
	background-color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14.4px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	height: auto;
	padding:  1em 1em 1em 1em;
/*
	color: #666666;
	background-position:right top;
	background-repeat:repeat-y;
	border:1px solid #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:1em;
	height:40px; 
*/
}

#header {
	background-repeat: no-repeat;
	color: #ffffff;
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size : 16px;
	margin: 0px;
	text-align: left;
	vertical-align: bottom;
}

#header a, #header a:visited, #header a:hover {
	color: #ffffff;
	font-size: 25px;
	font-weight: bold;
	text-decoration: none;
	padding-left:1px;
}

.div1 {
	width : 100%; 
	text-align : center; 
	border : 0; 
	margin : 0;
	padding : 0; 
}
.table5 {
	width : 100%;
	height : 20px; 
	border : 0; 
	margin : 0; 
	padding : 0; 
} 
.table3 {
	background-color: #B1C2E3; /*Tämä taustaväri tekee oikean palstan taustan alas asti jatkuvaksi */
	width : 100%;
	height : 100%; 
	border : 0; 
	margin : 0; 
	padding : 0;
}

.mosimage {/*padding: 20px;
margin-left: 0;
border: solid black 1px;/*}