/* ============== NAVIGAATIOKENTÄN - SOLUJEN STYLET ====================================== */
.navigation1
{
	background: url(images/navigation_01.gif);
	background-color: #ffffff;
	width: 88px;
	height: 20px;
	vertical-align: middle;
}

.navigation1_on
{
	background: url(images/navigation_01_on.gif);
	background-color: #ffffff;
	width: 88px;
	height: 20px;
	vertical-align: middle;
	text-decoration: underline;
}
/* ============ 2 =================================================== */
.navigation2
{
	background: url(images/navigation_02.gif);
	background-color: #ffffff;
	width: 88px;
	height: 60px;
	vertical-align: middle;
}

.navigation2_on
{
	background: url(images/navigation_02_on.gif);
	background-color: #ffffff;
	width: 88px;
	height: 60px;
	vertical-align: middle;
	text-decoration: underline;
}
/* ============ 3 =================================================== */
.navigation3
{
	background: url(images/navigation_03.gif);
	background-color: #ffffff;
	width: 88px;
	height: 20px;
	vertical-align: middle;
}

.navigation3_on
{
	background: url(images/navigation_03_on.gif);
	background-color: #ffffff;
	width: 88px;
	height: 20px;
	vertical-align: middle;
	text-decoration: underline;
}
/* ============ 4 =================================================== */
.navigation4
{
	background: url(images/navigation_04.gif);
	background-color: #ffffff;
	width: 88px;
	height: 60px;
	vertical-align: middle;
}

.navigation4_on
{
	background: url(images/navigation_04_on.gif);
	background-color: #ffffff;
	width: 88px;
	height: 60px;
	vertical-align: middle;
	text-decoration: underline;
}
/* ============ 5 =================================================== */
.navigation5
{
	background: url(images/navigation_05.gif);
	background-color: #ffffff;
	width: 88px;
	height: 20px;
	vertical-align: middle;
}

.navigation5_on
{
	background: url(images/navigation_05_on.gif);
	background-color: #ffffff;
	width: 88px;
	height: 20px;
	vertical-align: middle;
	text-decoration: underline;
}
/* ============ 6 =================================================== */
.navigation6
{
	background: url(images/navigation_06.gif);

	width: 88px;
	height: 60px;
	vertical-align: middle;
}

.navigation6_on
{
	background: url(images/navigation_06_on.gif);
	background-color: #ffffff;
	width: 88px;
	height: 60px;
	vertical-align: middle;
	text-decoration: underline;
}
/* ============ 7 =================================================== */
.navigation7
{
	background: url(images/navigation_07.gif);
	background-color: #ffffff;
	width: 88px;
	height: 20px;
	vertical-align: middle;
}

.navigation7_on
{
	background: url(images/navigation_07_on.gif);
	background-color: #ffffff;
	width: 88px;
	height: 20px;
	vertical-align: middle;
	text-decoration: underline;
}
/* ============ NAVIGAATIO-SOLUJEN YHTEISET OMINAISUUDET =========== */
#navigationtable TR TD
{
	cursor: pointer;
	border-style: solid;
	border-width: 0px;
	border-color: #2798AA;
	background-repeat: no-repeat;
	color: #C13C18;	
	font-size: 70%;
	text-align: center;
	font-family: verdana, arial, helvetica;
}

/* ============ NAVIGAATIOKENTÄN ALLA OLEVAT LOGOT ================ */
#logos
{
	background-color: #ffffff;
	width: 100%;
	height: 100%; 
	padding-top: 40px;
}

/* =========== BANNER + BANNERIN ALLA OLEVIN PIKKULINKKIEN STYLE =============== */
#banner
{
	font-family: verdana, arial, helvetica;
	font-weight: normal;
	font-size: 130%;
	font-style: normal;
	color: #C13C18;	
	padding-top: 10px;
	background-image: url(images/banner.gif);
	background-color: #ffffff;
	border: 0px solid #2798AA;
	width: 540px;
	height: 68px;
}
#links a
{
	font-size: 60%;
	font-weight: bold;
	color: #024F5B;
	padding-left: 5px;
	padding-right: 5px
	font-family: verdana, arial, helvetica;
}
#links a:hover
{
	background-color: #91CAD3;
}
#linkbackground
{
	width: 540px;
	height: 20px;
	border: 0px solid #2798AA;
	text-align: left;
	background-image: url(images/linkit.gif);
	color: #ffffff;	
}
/* ============ SISÄLTÖKENTÄN TYYLIT ==================================== */
.text
{
	font-family: verdana, arial, helvetica;
	font-weight: normal;
	font-size: 70%;
	font-style: normal;
	color: #000000;
	text-align: justify;
}
.headline
{
	font-family: verdana, arial, helvetica;
	font-weight: 800;
	font-size: 70%;
	font-style: bold;
	color: #000000;
	text-align: justify;
	background-color: #B5E8F1;
}
.kuvatext
{
	font-family: verdana, arial, helvetica;
	font-weight: normal;
	font-size: 55%;
	font-style: normal;
	color: #000000;
	text-align: justify;
	padding: 5px 5px 5px 5px;
	vertical-align: top;
}
#kontekstiAlue
{
	font-family: verdana, arial, helvetica;
	font-weight: normal;
	font-size: 70%;
	font-style: normal;
	width: 540px;
	border: 1px solid #2798AA;
	text-align: justify;
	border-collapse: collapse;
	padding-bottom: 15px;
}
.konteksti
{
	margin-right: 15px;
	margin-left: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.picNaviTD
{
	background-color: #ffffff;
	width: 100px;
	height: 100px;
	border-collapse: collapse;
	border: 2px solid #ffffff;

}
.picNaviTD_on
{
	background-color: #ffffff;
	width: 100px;
	height: 100px;
	border-collapse: collapse;
	border: 2px solid #C13C18;
}
.picNaviTD50
{
	background-color: #ffffff;
	width: 50px;
	height: 50px;
	border-collapse: collapse;
	border: 2px solid #ffffff;

}
.picNaviTD_on50
{
	background-color: #ffffff;
	width: 50px;
	height: 50px;
	border-collapse: collapse;
	border: 2px solid #C13C18;
}
.picNaviTD150
{
	background-color: #ffffff;
	width: 150px;
	height: 50px;
	border-collapse: collapse;
	border: 2px solid #ffffff;

}
.picNaviTD_on150
{
	background-color: #ffffff;
	width: 150px;
	height: 50px;
	border-collapse: collapse;
	border: 2px solid #C13C18;
}
/* ============ LINKKIEN TYYLIT =================================== */
a, a:active, a:visited
{
	font-family: verdana, arial, helvetica;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #C13C18;
	background-color: transparent;
}
a:hover
{
	font-family: verdana, arial, helvetica;
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
	color: #C13C18;
	background-color: transparent;
}
.creator
{
	font-family: verdana, arial, helvetica;
	font-weight: normal;
	font-size: 80%;
	font-style: normal;
	text-align: right;
}