@charset "iso-8859-1";
body 
{
	padding:15px;
	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;
}

h2 
{
	color:Black;
	font-size:1.5em;
}
h3 
{
	color:Black;
	font-size:1.3em;
}
h4 
{
	color:Black;
	font-size:1.1em;
}
h5 
{
	color:Black;
	font-size:0.9em;
}
h6 
{
	color:Black;
	font-size:0.7em;
}
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 14px Verdana, Arial, Helvetica, sans-serif;
}

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

.navi1 a:hover 
{
	/*display: compact;*/
	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;
}

.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;
	font: 10px verdana;
	color: black;
}

.dynKuvaTd1 
{
	border: 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;
}

/* ??? Navin muotoilut ???*/
.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;
}
/* ??? Navin muotoilut ???*/

/* "Normal Capsule" :: Muotoilut alkaa */
.module1Tbl_cap
{
	width:100%; 
	margin:0px; 
	padding: 0px; 
	border: solid 0px black; 
	border-collapse:separate;
}

.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_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; 
	color: black; 
	text-align: left;
	font-size:12px;
	background-color:transparent;
}

.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; 
	color:	black; 
	text-align:		left;
	font-size:		20px;
	background-color:transparent;
}

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


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

#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: 1px solid black;
	border-collapse: collapse; /*separate;*/
	border-spacing: 0px;
	width:100%;
	height:100%;
	margin: 0px;
	padding: 0px;
}

#ylatd
{
	background-color:red; 
	background-image:url('../images/YlaTausta.gif'); 
	background-repeat: repeat-x; 
	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
{
	width:191px; 
	border-top:		0px solid black;
	border-right:	0px solid black;
	border-bottom:	0px solid black;
	border-left:	0px solid black;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	background-color:#9D0101; 
	color: yellow;
}

#keskitabletd2
{
	border-top:		0px solid black;
	border-right:	1px solid black;
	border-bottom:	0px solid black;
	border-left:	1px solid black;
	vertical-align: top;
	margin: 0px;
	padding: 5px;
}

#keskitabletd3
{
	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: 5px;
}

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

#author
{
	height:25px; 
	width:100%; 
	border-top:		1px 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:#9D0101; 
	font-size:11px; 
	color:#ffffff; 
	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;*/
}