/* VARUSTAMO TYYLIMÄÄRITTELYT  */
	
	
	html { /* pakotetut scrollit */
	height: 100%;
	margin-bottom: 1px;
	}

	body {
	background: #fff;
	background-image:url('kuvat/taustakuva.jpg');
	font-size: 13px;
	line-height: 125%;
	border: 0;
	border-top: 0;
	margin: 0 0 0 0;
	padding: 0; 
	font-family: verdana, sans-serif, arial, helvetica;
	text-align: center;
	}

	#wrap {
	margin:0 auto;
	width:798px;
	min-height: 100%;
	z-index: 1;
	position: relative;
	}

	#ylatausta {
	background-repeat: no-repeat;
	z-index: 2;

	}

	#ylakuva{
	min-height: 334px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 3;
	}

	#ylavalikko{
	text-align: left;
	background: #fff;
	background-image:url('kuvat/content_tausta.gif');
	min-height: 25px;
	position: absolute;
	left: 0px;
	top: 235px;
	z-index: 10;
	width: 564px;
	padding-left:234px;
	}

	#content {
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	text-align: left;
	padding:0px;
	min-height: 100%;
	width: 798px;
	background: #fff;
	background-image:url('kuvat/content_tausta.gif');
	position: relative;
	top: 260px;
	padding-top: 15px;
	z-index: 4;
	}

	.left { 
	min-height: 100%;
	float : left; 
	width : 190px; 
	text-align: justify;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px;
	display: inline;
	position:absolute;
	left: 20px;
	top: 10px;
	}

	.right {
	min-height: 100%;
	float: right; 
	text-align: justify;
	margin-left: 3px;
	margin-right: 5px;
	width: 555px; 
	display: inline;
	}


	#footer {
	margin: 0px auto;
	margin-bottom: 0px;
	text-align: left;
	padding: 0px;
	height: 41px;
	width: 798px;
	background-image:url('kuvat/footer_bg.gif');
	background-repeat: no-repeat;
	z-index: 5;
	position: absolute;
	}

	.spacer { clear : both; }

	#viiva {
	background: #636161; 
	height: 1px;
	height: 1px;
	margin: 0px 0px 0px 0px;
	width:440px;
	}


/* LINKIT */

	/* NAVIGAATIO */
	.left a:link, .left a:visited {
	/*font-weight : bold; */
	text-decoration : underline;
	color: #00adef;
	}

	.left a:hover {
/*	font-weight : bold; */
	text-decoration : underline;
	color: #8e0000;
	}

	.left a:active {
/*	font-weight : bold; */
	text-decoration : underline;
	color: #BF5900;
	}

	/* FOOTERI */

	#footer a:link, #footer a:visited {
	font-weight : normal; 
	text-decoration : none;
	color: #248d9a;
	}
	
	#footer  a:hover {
	font-weight : normal; 
	text-decoration : none;
	color: #840000;
	}

	#footer  a:active {
	font-weight : normal; 
	text-decoration : none;
	color: #fe5555;
	}


	a:link, a:visited {
	text-decoration : underline;
	color: #248d9a;
	background: transparent; 
	}

	a:hover {
	text-decoration : underline;
	color: #999;
	background: transparent; 
	}

	a:active {
	text-decoration : none;
	color: #BF5900;
	background: transparent;  
	}

	img {margin: 0px; border:0px;}

#spacer {margin: 0px; border:0px; text-align:left; position:absolute;}



/* TEKSTITYYLIEN MÄÄRITTELY */


	h1, h2, h4, h5, h6	{
	font-family: verdana, helvetica, arial;
	font-weight: bold;
	margin-left: 0px;
	}


	h1 {
	text-align: left;
	color: #811315;
	font-size: 14px;
	}


	h2 {
	text-align: left;
	color: #811315;
	/*color: #000000;*/
	font-size: 12px;
	margin-bottom: 10px;
	margin-top: 25px;
	}
.blogPost img {
    padding:4px;
    border:1px solid #ddd;
      }

	td {
	color: #555555;
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: 180%;	
	margin-bottom: 0em;
	margin-right: 0em;
	}

	p.navi	{
	color: #555555;
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: 180%;
	margin-bottom: 1em;
	margin-right: 1em;
	}

	p {
	color: #000;
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: 180%;
	margin-bottom: 1em;
	margin-right: 3em;
	margin-top: 0em;
	margin-left: 0px;
	}

	#footer p {
	padding: 0px;
	margin: 10px 0px 0px 45px;
	text-align: left;
	font-family: sans-serif, arial, verdana, helvetica;
	font-size: 8pt;
	color: #248d9a;
	}

	.left ul {
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	padding: 0px;
	}

	.left li	{
	background: #fff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	padding-left: 20px;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	margin-bottom: 2px;
	margin-left: 0px;
	list-style: none;
	list-style-position: outside;
	}

	.lapsilinkki	{
	margin-left:10px;
	font-size: 11px;
	

/* lisää*/

}.yhteystietokuva {
         float:right;
         padding:0;
         margin-right:5px;
	 border:3px solid #FFFFFF;
         }
.koulutus2 {
         padding:0;
         margin:0;
	 border:3px solid #CCCCCC;
         }










table {
         font: 0.9em Geneva, Arial, Helvetica, sans-serif;
         }
.kuukausi {
         width:98%;
         margin:0;
         padding:0;
         background-color:#00adef;
         text-align:center;
         text-transform:uppercase;
         font-family:Georgia;
         color:#FFFFFF;
         }
.viikko {
         width:10%;
         margin:0;
         padding:0;
         text-align:left;
         color:#333333;
         float:left;
         }
.date1 {
         font-weight:bold;
         }
.date2 {
         }
.pvm {
         width:20%;
         margin:0;
         padding:0;
         text-align:left;
         color:#333333;
         float:left;
         }
.today {
         width:20%;
         margin:0;
         padding:0;
         text-align:left;
         color:#333333;
         font-weight:bold;
         float:left;
         }
.sunnuntai {
         width:20%;
         margin:0;
         padding:0;
         text-align:left;
         color:#C00000;
         float:left;
         }
.klo {
         width:15%;
         margin:0;
         padding:0;
         text-align:left;
         color:#555555;
         float:left;
         }
.aihe {
         width:55%;
         margin:0;
         padding:0;
         text-align:left;
         color:#666666;
         float:right;
         }


#fixedtipdiv{
         text-align:left;
         position:absolute;
         padding: 2px;
         border:1px solid black;
         font:normal 12px Verdana;
         line-height:18px;
         z-index:100;
         }

	.bluetext {
/*	font-weight : bold;*/ 
	text-decoration : none;
	color: #00adef;
	}

span.link {
        position: relative;
}

span.link a span {
        display: none;
}

span.link a:hover {
        font-size: 99%;
        font-color: #000000;
}

span.link a:hover span { 
    display: block; 
        position: absolute; 
        margin-top: 10px; 
        margin-left: -10px; 
        width: 175px; padding: 5px; 
        z-index: 100; 
        color: #000000; 
        background: #FFFFAA; 
        font: 12px "Arial", sans-serif;
        text-align: left; 
        text-decoration: none;
}