@charset "iso-8859-1";
body 
{
	padding:0px;
	margin:0px;
	background-color:#BDB9B9;/*#E3EDF0;*/
	background-image: url("../images/Tausta1.gif");
    background-repeat: repeat;				/* repeat, no-repeat, repeat-x, repeat-y */
    background-position: top left;			/* top, center, bottom, pixel number, percentage */
    background-attachment: scroll;			/* scroll --> paikoillaan, fixed --> liikkuu "scrollauksen mukana */
}

table
{
	border-collapse: collapse; 
}

td,input,textarea,select 
{
	/*font-family: tahoma, helvetica;
	font-size:12px;*/
	color:#000000;
}

a, a:link, a:visited, a:active 
{
	color:#BD000C;
	text-decoration:none;
}

a:hover 
{
	color: black;
	text-decoration: underline;
}

hr 
{
	height:1px; 
	background-color:#ffffff; 
	border:0px solid; 
	border-top:1px solid #c0c0c0;
}

h1
{
	color:Black;
	font-size:1.7em;
	margin: 0px;
}

h2 
{
	color:Black;
	font-size:1.5em;
	margin: 0px;
}
h3 
{
	color:Black;
	font-size:1.3em;
	margin: 0px;
}
h4 
{
	color:Black;
	font-size:1.1em;
	margin: 0px;
}
h5 
{
	color:Black;
	font-size:0.9em;
	margin: 0px;
}
h6 
{
	color:Black;
	font-size:0.7em;
	margin: 0px;
}
li 
{
	margin-left:-22px;
	/*list-style-image:url("../images/list_bullet.gif");*/	
}

/* class - voi käyttää niin monta kertaa sivulla kuin haluaa */

.menuitem 
{
	border-left:1px solid #ffffff;
	padding:4px 6px 4px 6px;
}

.menuitem_over 
{
	border-left:1px solid #ffffff;
	padding:4px 6px 4px 6px;
	background-color:#BAAD86;
}

.menulink 
{
	font-family:tahoma, helvetica;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
}

.submenu 
{
	position:absolute;
	visibility:hidden;
	width:180px;
	background-color:#AD0E18;
	border-top:2px solid #BAAD86;
	border-bottom:2px solid #BAAD86;
	padding:2px;
}

.submenutitle 
{
	font-size:11px;
	padding:2px;
	font-weight:bold;
	color:#E6777E;
}

.submenuitem {
	border-bottom:1px solid #C6575E;
	}

.submenulink {
	padding:2px;
	width:100%;
	font-family:tahoma, helvetica;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	}

.submenulink_over {
	padding:2px;
	width:100%;
	background-color:#C6575E;
	font-family:tahoma, helvetica;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
}

.BN_M5PX /* Ei borderia, marginaali 5px */
{
	margin:5px;
	border:0px solid red;
}

.email 
{
	font-family:monospace;
	font-weight: bold;
	color:#aaf;
	margin-left:2em;
}

.subHead /* Navi2:n "otsikon muotoilut" */
{
	background-image: url("../images/subhead.gif");
	color: black;/*#13a;*/
	border-bottom: 1px solid black;
	font-size:1.1em;
	font-weight:bold;
	width:100%;
	margin:0px;
	padding:0px;
}

.navi1 
{
	font: bold 15px Verdana, Arial, Helvetica, sans-serif;
}

.navi1 a,.navi1 a:link,.navi1 a:visited,.navi1 a:active 
{
	background: white;
	color: #C60303;
	text-decoration: none;
}

.navi1 a:hover 
{
	background: white;
	color: black;
	cursor: pointer;
	text-decoration: underline;
}

.navi2 
{ 
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color:				#FFFFFF;
	background:			#000000; 
}

.navi2 a,.navi2 a:link,.navi2 a:visited,.navi2 a:active 
{
		display:		block;
		background:		#9D0101;
		color:			#FFFFFF;
		text-decoration: none;
}

.navi2 a:hover 
{
	display:		block;
	background:		#000000;
	color:			#FFFFFF;
	cursor:			pointer;
	text-decoration: none;
}

.sups_navi1 
{ 
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	background:		#FFFFFF;	/* Aktiivisen linkin taustan väri */
	color:			#000000;	/* Aktiivisen linkin tekstin väri */
}

.sups_navi1 a,.sups_navi1 a:link,.sups_navi1 a:visited,.sups_navi1 a:active 
{
	display:		block;
	background:		#F3F3F3;	/* Taustan väri */
	color:			#7F0406;	/* Tekstin väri */
	text-decoration:none;
}

.sups_navi1 a:hover 
{
	display:		block;
	background:		#FFFF00;	/* Mouse-over background */
	color:			#000000;	/* Mouse-over text-color */
	cursor:			pointer;
	text-decoration:none;
}

.navi3 
{ 
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color:				#FFFFFF;
	background:			#000000; 
}

.navi3 a,.navi3 a:link,.navi3 a:visited,.navi3 a:active 
{
		display:		block;
		background:		#9D0101;
		color:			#FFFFFF;
		text-decoration: none;
}

.navi3 a:hover 
{
		display:		block;
		background:		#000000; /*musta*/
		color:			#FFFFFF;
		cursor:			pointer;
		text-decoration: none;
}

.navi4 
{ 
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color:				#FFFFFF;
	background:			#000000; 
}

.navi4 a,.navi4 a:link,.navi4 a:visited,.navi4 a:active 
{
		display:		block;
		background:		#9D0101;
		color:			#FFFFFF;
		text-decoration: none;
}

.navi4 a:hover 
{
		display:		block;
		background:		#000000; /*musta*/
		color:			#FFFFFF;
		cursor:			pointer;
		text-decoration: none;
}

.dynKuvaTable /* JavaScriptillä avattavien kuvien muotoilut */
{
	border-spacing: 0px;
	border: solid 0px;
	padding: 0px;
	margin: 5px;
}
.dynKuvaTd 
{
	border: solid 1px black;
	padding: 0px;
	margin: 0px;
	font: 10px verdana;
	color: black;
}

.dynKuvaTd1 
{
	border: solid 1px black;
	padding-left: 3px;
	padding-right: 3px;
	font: 10px verdana;
	color: black;
}

.dynKuvaTd2
{
	background: #F3F3F3;
	text-align: center; 
	border-top: solid 1px black;
	border-right: solid 1px black;
	border-bottom: solid 0px black;
	border-left: solid 1px black;
	padding-left: 3px;
	padding-right: 3px;
	font: 10px verdana;
	color: black;
}

.dynKuvaTd3
{
	background:	#F3F3F3;
	text-align: center; 
	border-top: solid 0px black;
	border-right: solid 1px black;
	border-bottom: solid 1px black;
	border-left: solid 1px black;
	padding-left: 3px;
	padding-right: 3px;
	font: 10px verdana;
	color: black;
}

.dynKuva 
{
	border: solid 0px;
	padding: 0px;
	margin: 0px;
}

.dynKuvaNoTbl 
{
	border: solid 1px black;
	padding: 0px;
	margin: 5px;
}

.navat
{
	color:black;
	font-style:italic;
}

.newsTbl_cap /* Uutiset-palstan muotoilut */
{
	width:100%; 
	margin:0px; 
	padding: 0px; 
	border:solid 1px black; 
	border-collapse:collapse; 

}
.newsTopicTd_cap
{
	background-color: #9D0101; 
	color: white; 
	font-weight: bold; 
	text-align: center;
	border-bottom:solid 0px black; 
}
.newsTextTd_cap
{
	vertical-align: top;
	margin: 0px; 
	padding-left:	5px; 
	padding-right:	5px; 
	padding-top:	1px; 
	padding-bottom: 1px; 
	border: 0px;
	color: black; 
	text-align: left;
	font-size:12px;
	font-weight: bold;
	background-color:#F3F3F3;
}

/* "Normal Capsule" :: Muotoilut alkaa */

.module1Tbl_cap
{
	width:100%; 
	margin:0px; 
	padding: 0px; 
	margin: 0px;
	border: solid 0px black; 
	border-collapse:collapse;
}

.module1Td1_cap
{
	background-color: #000000; 
	color: #FFFF00; 
	font-weight: bold; 
	text-align: center;
	border-bottom: solid 0px yellow; 
	margin: 0px; 
	padding: 0px; 
}

.module1Td2_cap
{
	background-color: #FFFFFF;
	border: 1px solid #cccccc; 
	border-top:none;
	margin:0px; 
	padding: 0px;
}

/* "Normal Capsule" :: Muotoilut loppuu */

.newsTbl_mod /* Uutiset-palstan muotoilut */
{
	width:100%; 
	margin:0px; 
	padding: 0px; 
	border:solid 1px black; 
	border-collapse:collapse; 
}
.newsTopicTd_mod
{
	background-color: #9D0101; 
	color: white; 
	font-size: 25px;
	font-weight: bold; 
	text-align: center;
}

.newsAiheTd_mod
{
	vertical-align: top;
	margin:			0px; 
	padding-left:	5px; 
	padding-right:	5px; 
	padding-top:	1px; 
	padding-bottom: 1px; 
	border:			0px;
	color:			black; 
	text-align:		left;
	font-size:		20px;
}

.newsTextTd_mod
{
	vertical-align: top;
	margin:			0px; 
	padding-left:	5px; 
	padding-right:	5px; 
	padding-top:	1px; 
	padding-bottom: 1px; 
	border:			0px;
	color:			black; 
	text-align:		left;
	font-size:		15px;
}


/* id - käytetään määrittelemään uniikit elementit --> voidaan käyttää vain kerran per sivu */

/**/
#topleftCol 
{
	background-image: url(../images/layout/leftTop25x25.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	border:	0px solid red;
	margin:0px;
	padding:0px;
}
#topCol 
{
	background-image: url(../images/layout/top1x25.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	border:	0px solid red;
	margin:0px;
	padding:0px;

}
#toprightCol 
{
	background-image: url(../images/layout/rightTop25x25.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	border:	0px solid red;
	margin:0px;
	padding:0px;
}
/**/
#leftCol 
{
	background-image: url(../images/layout/left25x1.gif);
	background-repeat: repeat-y;
	background-position: right;
	border:	0px solid red;
	margin:0px;
	padding:0px;
}
#rightCol
{
	background-image: url(../images/layout/right25x1.gif);
	background-repeat: repeat-y;
	background-position: left;
	border:	0px solid red;
	margin:0px;
	padding:0px;
}
/**/
#bottomleftCol 
{
	background-image: url(../images/layout/leftBottom25x25.gif);
	background-repeat: no-repeat;
	background-position: right top;
	border:	0px solid red;
	margin:0px;
	padding:0px;
}
#bottomCol
{
	background-image: url(../images/layout/bottom1x25.gif);
	background-repeat: repeat-x;
	background-position: top;
	border:	0px solid red;
	margin:0px;
	padding:0px;
}
#bottomrightCol 
{
	background-image: url(../images/layout/rightBottom25x25.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border:	0px solid red;
	margin:0px;
	padding:0px;
}

/**/
#ylatddiv2
{
	margin-top: 0px;
	margin-bottom: 0px;
	padding:10px;
	text-align:center;
	background-color:#FFFFFF;/*9EBAD5;*/
	border-top:		2px solid black;
	border-right:	0px solid black;
	border-bottom:	2px solid black;
	border-left:	0px solid black;
}

#headtable
{
	border: 0px solid yellow;
	border-collapse: collapse; /*separate;*/
	border-spacing: 0px;
	width:990px;/*100%;*/
	height:100%;
	/* Keskitetään taulukko margin-asetuksilla */
	margin-left: auto;
	margin-right: auto;
	/*margin: 0px;*/
	padding: 0px;
}

#ylatd
{
	/*background-color:red; */
	/*background-repeat:x-repeat; */
	background-color:#ffffff; 
	border: solid 0px black;
	padding:0px; 
	margin:0px; 
	height:1px; /* Pakotetaan ylatd "kasaan" */
}

#ylalogo1
{
	background: white url('../images/sura_ver04_1.png'); 
	background-repeat: no-repeat;  
	width:350px; 
	height:116px;
	border-left:0px solid black;
}

#ylalogo2
{
	background: white;/* url('../images/sura_ver02_2.png'); */
	background-repeat: repeat-x;
}

#ylalogo3
{
	background: white;/* url('../images/sura_ver02_3.png'); */
	background-repeat: no-repeat; 
	width:5px;
}

#keskitd
{
	background-color:#ffffff; 
	padding:0px; 
	margin:0px; 
	border: 0px solid black;
	width:100%;
}

#keskitable /* keskitd:n sisässä */
{
	padding:0px; 
	margin:0px; 
	border: 0px solid red;
	border-collapse: collapse; 
	border-spacing: 0px; 
	width:100%; 
	height:100%; 
}

#keskitabletd1 /* Navigointi */
{
	width:200px; 
	border-top:		0px solid black;
	border-right:	0px solid black;
	border-bottom:	0px solid black;
	border-left:	0px solid black;
	background-color:#FFFFFF;
	vertical-align: top;
	margin: 0px;
	padding: 0px; 
	color: black;
}

#keskitabletd2 /* Tekstiosio */
{
	border-top:		0px solid black;
	border-right:	0px solid black; /* Navigoinnin ja tekstiosion väli */
	border-bottom:	0px solid black;
	border-left:	0px solid black; /* Tekstiosion ja Sponsorit väli */
	background-color:#FFFFFF;
	vertical-align: top;
	margin: 0px;
	padding-left: 5px;
	padding-right: 5px;
}

#keskitabletd3 /* Sponsorit */
{
	width:200px;
	border-top:		0px solid yellow;
	border-right:	0px solid yellow;
	border-bottom:	0px solid yellow;
	border-left:	0px solid yellow;
	background-color:#FFFFFF;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}

#alatd
{
	height:25px; 
	border: 0px solid black;
	padding:0px; 
	margin:0px;  
}

#author
{
	height:25px; 
	width:100%; 
	border-top:		0px solid black;
	border-right:	0px solid black;
	border-bottom:	0px solid black;
	border-left:	0px solid black;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	background-color:#FFFFFF; 
	font-size:11px; 
	color:#8A8A8A; 
	text-align: center;
}

/* Näitä tarvitsee editori tyyli-alasvetovalikon muotoilujen tekemiseen */

.Bold
{
	font-weight: bold;
}

.Title
{
	font-weight: bold;
	font-size: 18px;
	color: #cc3300;
}

.Code
{
	border: #8b4513 1px solid;
	padding-right: 5px;
	padding-left: 5px;
	color: #000066;
	font-family: 'Courier New' , Monospace;
	background-color: yellow;/*#ff9933;*/
}

/* class - voi käyttää niin monta kertaa sivulla kuin haluaa */

.TblNoBorSep100Pro
{
	border-collapse: separate; 
	border:		solid 0px black;
	width:		100%;
	margin:		0px;
	padding:	0px;
}

.TblNoBorCol100Pro
{
	border-collapse: collapse; 
	border:		solid 0px black;
	width:		100%;
	margin:		0px;
	padding:	0px;
}

.TdDashBorTop
{
	border: dashed 1px black; 
	padding: 0px; 
	margin: 0px;
}

.TdDashTopBotBor
{
	border-top:		dashed 1px black; 
	border-right:	dashed 0px black;
	border-bottom:	dashed 1px black; 
	border-left:	dashed 0px black; 
	background-color:#F3F3F3;
	height:			19px;
	margin:			0px;
	padding:		0px;
	text-align:		center;
	font-family:	Verdana, Arial; 
	font-size:		10pt; 
	font-weight:	bold; 
	color:			#7F0406;
}

.TrDashListHeader
{
	border-top: solid 1px black; 
	border-bottom: solid 1px black; 
	background-color:#F3F3F3;
}

.TdDashListHeader
{
	text-align: center; 
	border-top: solid 1px black; 
	border-bottom: solid 1px black; 
	padding: 5px; 
	font-weight: bold; 
	color: #7F0406;
}
.TdDashListHeaderL
{
	text-align: left; 
	border-top: solid 1px black; 
	border-bottom: solid 1px black;  
	padding: 5px; 
	font-weight: bold; 
	color: #7F0406;
}
.TdDashListHeaderR
{
	text-align: right; 
	border-top: solid 1px black; 
	border-bottom: solid 1px black;  
	padding: 5px; 
	font-weight: bold; 
	color: #7F0406;
}

.TrDashList
{
	border-bottom:	dashed 1px black;
	font-family:	Verdana, Arial; font-size: 8pt; 
	font-weight:	normal; 
	color:			#7F0406; 
	text-align:		center;
	height:			25px;
}

.TdDashList
{	
	border-bottom:	dashed 1px black;
	text-align: center;
	padding: 5px; 
	height: 15px;
}

.TdDashListL
{	
	border-bottom:	dashed 1px black;
	text-align: left;
	padding: 5px; 
	height: 15px;
}

.TdDashListR
{	
	border-bottom:	dashed 1px black;
	text-align: right;
	padding: 5px; 
	height: 15px;
}

.TdOtsikko
{
	font-weight:	bold;
	font-size:		14pt;
	color:			#000000;
	margin:			0px;
	padding:		0px;
}

.TdIngrassi
{
	font-weight:	bold;
	font-size:		12pt;
	color:			#000000;
	margin:			0px;
	padding:		0px;
}

.TdTeksti
{
	font-weight:	normal;
	font-size:		12pt;
	color:			#000000;
	margin:			0px;
	padding:		0px;
}

/* H2/LI-OnMouseOver-efekti */
/* Huom! Kehyksen värit jne. löytyvät koodista...!!!  */
h2.onmouseeffect_block { 
	/* H2 - päätasontekstit (h2)*/
	font: bold 1em Tahoma,sans-serif;
	font-size: 14px;
	margin: 0px 0px 0px 0px; /*Ylä,Oikea,Ala,Vasen*/
	border-bottom: 0px dashed #BCBAAC;
}
h2.onmouseeffect_block a {
	/* H2 - Linkkitekstit */
	color: green;
	display: block;
	text-decoration: none;
	padding: 4px;
}
h2.onmouseeffect_block a:hover {
	/* H2 - Linkkitekstit hiiri päällä */
	background: #D2D0C0;
	color: red;
}

/* <ul><li>-elementtejä*/
ul.onmouseeffect_block {
	font: bold 1em Tahoma,sans-serif;
	font-size: 12px;
	border-top: 1px dashed #BCBAAC;
	margin: 4px 0;
	padding: 0;
	width: 100%;
}
.onmouseeffect_block li {
	/* Ei linkkitekstin koko */
	font-size: 12px;
	/* Piilotetaan li-mylbyrä ja alleviivataan */
	border-bottom: 1px dashed #BCBAAC;
	list-style: none;
	margin-left: 0px;
}
.onmouseeffect_block li em {
	font-size: 0.9em;
	font-style: normal;
}
.onmouseeffect_block li a {
	/* Linkkitekstit */
	font-size: 12px;
	color: #7F0406;
	display: block;
	text-decoration: none;
}
.onmouseeffect_block li a span {font-weight: bold;}
.onmouseeffect_block li a:hover {
	/* Linkkitekstit hiiri päällä */
	background: #F3F3F3;
	color: #7F0406;
}