15:38 28.11.2006/* Ulkoasun stylet (saa poistaa ja muokata tarpeen mukaan)-------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------*/


a.toplinkki	
	{ 
	font-family: 			Arial, Verdana,Helvetica,sans-serif;
	font-size: 			11px;
	text-decoration: 		underline;
	font-weight:			normal;

	}
	a.toplinkki:link
		{ 
			color:	#1792cc;
		}
	a.toplinkki:visited
		{ 
			color:	#1792cc;
		}
	a.toplinkki:active
		{ 
			color: 	#1792cc;
		}
	a.toplinkki:hover
		{
			color:	#1792cc; 
			text-decoration: none;
		}


td.navigaatiolaatikko {

	border-top: 			solid 0px #000000; 
	border-bottom: 			solid 0px #000000; 
	font-family: 			Arial, Verdana, Helvetica, sans-serif;
	font-size: 			11px;
	color: 				#6BA8D2;
	background-color:		none;
	}

td.otsakelaatikko {

	border-top: 			solid 0px #000000; 
	border-left: 			solid 0px #000000; 
	font-family: 			Arial, Verdana, Helvetica, sans-serif;
	font-size: 			11px;
	color: 				#6BA8D2;
	background-color:		none;
	}

td.yhteystiedotlaatikko {

	border-top: 			dotted 1px #000000; 
	border-left: 			dotted 1px #000000;
	border-right: 			dotted 1px #000000; 
	border-bottom: 			dotted 1px #000000;  
	font-family: 			Arial, Verdana, Helvetica, sans-serif;
	background-color:		#ededed;
	}	
	


td.ylareuna {


	font-family: 			Arial, Verdana, Helvetica, sans-serif;
	font-size: 			11px;
	color: 				#000000;
	border-bottom: 			solid 1px #000000;
	background-color:		#ed9101;
	}

td.sisalto {

	border-top: 			solid 1px #6BA8D2; 
	border-left: 			solid 1px #6BA8D2;
	border-right: 			solid 1px #6BA8D2; 
	border-bottom: 			solid 1px #6BA8D2; 
	font-family: 			Arial, Verdana, Helvetica, sans-serif;
	font-size: 			11px;
	color: 				#000000;
	background-color:		ffffff;
	}

td.asiatd {


	font-family: 			Arial, Verdana, Helvetica, sans-serif;
	font-size: 			11px;
	color: 				#000000;
	padding:			10px;
	}

table.asia {


	font-family: 			Arial, Verdana, Helvetica, sans-serif;
	font-size: 			11px;
	color: 				#000000;
	}


td.oikea {


	font-family: 			Arial, Verdana, Helvetica, sans-serif;
	font-size: 			11px;
	color: 				#000000;
	border-left: 			solid 1px #000000;
	background-image:		url("../images/bgr.gif");
	}

td.valikkolaatikko {


	font-family: 			Arial, Verdana, Helvetica, sans-serif;
	font-size: 			11px;
	color: 				#000000;
	background-color:		#ffffff;
	}

td.kuva {


	font-family: 			Arial, Verdana, Helvetica, sans-serif;
	font-size: 			11px;
	color: 				#000000;
	background-repeat:		no-repeat;
	background-color:		#ededed;
	border-bottom: 			solid 1px #000000;
	}


td.ostaminen {
	font-family: 			Arial, Verdana,Helvetica,sans-serif;				/*taulukon solussa olevan otsikon fontin tyyli*/
	color:				#000000; 							/*taulukon solussa olevan otsikon fontin väri*/
	font-size: 			11px; 								/*taulukon solussa olevan otsikon fontin koko*/
	font-weight:			normal;								/*taulukon solussa olevan otsikon fontin korostus*/
	background:			#ededed; 							/*taulukon solun taustaväri*/
	border-top:			dotted 1px #000000;						/*taulukon solun yläreunan paksuus,väri,tyyli*/
	border-bottom:			dotted 1px #000000;						/*taulukon solun alareunan paksuus,väri,tyyli*/
	border-right:			dotted 1px #000000;						/*taulukon solun oikeanreunan paksuus,väri,tyyli*/
	border-left:			dotted 1px #000000;						/*taulukon solun vasemmanreunan paksuus,väri,tyyli*/
	
	}

.left_bg {
	background-image: url(../images/left_bg.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
.main_bg {
	background-image: url(../images/top_pix.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.kalajoki_bg {
	background-image: url(../images/top_pix_kalajoki.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.vaasa_bg {
	background-image: url(../images/top_pix_vaasa.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.yyteri_bg {
	background-image: url(../images/top_pix_yyteri.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.tykkimaki_bg {
	background-image: url(../images/top_pix_tykkimaki.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.visulahti_bg {
	background-image: url(../images/top_pix_visulahti.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.punkaharju_bg {
	background-image: url(../images/top_pix_punkaharju.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.rauhalahti_bg {
	background-image: url(../images/top_pix_rauhalahti.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.harmala_bg {
	background-image: url(../images/top_pix_harmala.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.kids_bg {
	background-image: url(../images/top_pix_kids.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.matka_bg {
	background-image: url(../images/top_pix_matka.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.footer_bg {
	background-color: #ffffff;
	background-image: url(../images/footer_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.right_bg {
	background-image: url(../images/right_bg.gif);
	background-repeat: repeat-y;
	background-position: right top;
}
.footer_bar {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #E2E37D;
     	font-size: 11px;
}





/* Otsake (ei saa poistaa tai muuttaa nimiä, saa muokata)--------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------------*/

a.polku1 { 
	font-family: 			Arial, Verdana,Helvetica,sans-serif;
	font-size: 			10px;
	text-decoration: 		underline;
	font-weight:			normal;
}
a.polku1:link	{ 
	color:				#C54E36; 
}
a.polku1:visited	{ 
	color:				#C54E36; 
}
a.polku1:active	{ 
	color: 				#C54E36; 
}
a.polku1:hover	{
	color:				#C54E36; 
	text-decoration: 		none;
}



a.polku2  { 
	font-family: 			Arial, Verdana,Helvetica,sans-serif;
	font-size: 			10px;
	text-decoration: 		underline;
	font-weight:			normal;
}
a.polku2:link	{ 
	color:				#C54E36; 
}
a.polku2:visited	{ 
	color:				#C54E36; 
}
a.polku2:active	{ 
	color: 				#C54E36; 
}
a.polku2:hover	{
	color:				#C54E36; 
	text-decoration: 		none;
}




.polku1 { 
	font-family: 			Arial, Verdana,Helvetica,sans-serif;
	font-size: 			10px;
	text-decoration: 		none;
	font-weight:			normal;
	color:				#C54E36;
	}



.polku2 { 
	font-family: 			Arial, Verdana,Helvetica,sans-serif;
	font-size: 			10px;
	text-decoration: 		none;
	font-weight:			normal;
	color:				#C54E36;
}

.polku3 { 
	font-family: 			Arial, Verdana,Helvetica,sans-serif;
	font-size: 			13px;
	text-decoration: 		none;
	font-weight:			bold;
	color:				#C54E36;
}



body {
	font-family: 			Arial, Verdana, Helvetica, sans-serif;
	font-size: 			11px;
}
	

/* Sisältö (ei saa poistaa tai muuttaa nimiä, saa muokata)---------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------------*/

.sivu {
	font-family: 			Arial, Verdana, Helvetica, sans-serif;
	font-size: 			11px;
	color: 				#000000;
	background-image: url(../images/body_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;	

	
	margin-top: 			0px;
	margin-left: 			0px;
	margin-right:			0px;
	margin-bottom:			0px;

   	SCROLLBAR-FACE-COLOR: 		#F8D150;
    	SCROLLBAR-HIGHLIGHT-COLOR: 	#F8D150;
    	SCROLLBAR-SHADOW-COLOR: 	#F8D150;
    	SCROLLBAR-3DLIGHT-COLOR: 	#F8D150;
    	SCROLLBAR-ARROW-COLOR: 		#C64E36; 
    	SCROLLBAR-TRACK-COLOR: 		#ffffff;
    	SCROLLBAR-DARKSHADOW-COLOR: 	#F8D150;


	}

.td {


	font-family: 			Arial, Verdana, Helvetica, sans-serif;
	font-size: 			11px;
	color: 				#000000;
	}
	
	td {


	font-family: 			Arial, Verdana, Helvetica, sans-serif;
	font-size: 			11px;
	color: 				#000000;
	}


		/*---Sisällöltään samanlaisia---*/
H1
{
	font-family: 			Arial, Verdana,Helvetica,sans-serif;
	font-size: 			16px;
	text-decoration: 		none;
	font-weight:			bold;
	margin:				0px;
	color: 				#c54e36;
	padding:			0px;
}

.sivu_otsikko	{
	font-family: 			Arial, Verdana,Helvetica,sans-serif; 
	font-size: 			13px; 
	font-weight:			bold;
	color: 				#181CAC;
	}


		/*---Sisällöltään samanlaisia---*/
.kappale_otsikko
	{
    	FONT-WEIGHT: 			bold;
    	FONT-SIZE: 			11px;
    	COLOR: 				#181CAC;
    	FONT-FAMILY: 			Arial, Verdana,Helvetica,sans-serif;
	}
H2
{
    	FONT-WEIGHT: 			bold;
    	FONT-SIZE: 			11px;
    	COLOR: 				#c54e36;
    	FONT-FAMILY: 			Arial, Verdana,Helvetica,sans-serif;
}

H3
{
    	FONT-WEIGHT: 			bold;
    	FONT-SIZE: 			11px;
    	COLOR: 				#c54e36;
    	FONT-FAMILY: 			Arial, Verdana,Helvetica,sans-serif;
}

		/*---Sisällöltään samanlaisia---*/
.kappale_teksti
	{
    	FONT-WEIGHT: 			normal;
    	FONT-SIZE: 			11px;
	COLOR: 				#000000;
    	FONT-FAMILY: 			Arial, Verdana,Helvetica,sans-serif;
	}

	P
	{
    	FONT-WEIGHT: 			normal;
    	FONT-SIZE: 			11px;
    	COLOR: 				#000000;
    	FONT-FAMILY: 			Arial, Verdana,Helvetica,sans-serif;
	}

	.sivu_teksti
	{
    	FONT-WEIGHT: 			normal;
    	FONT-SIZE: 			11px;
    	COLOR: 				#000000;
    	FONT-FAMILY: 			Arial, Verdana,Helvetica,sans-serif;
	}
		



		/*---Sisällöltään samanlaisia---*/
A.linkki
	{
    	FONT-WEIGHT: 			normal;
    	FONT-SIZE: 			11px;
    	COLOR: 				#1792cc; 
    	FONT-FAMILY: 			Arial, Verdana,Helvetica,sans-serif;
    	TEXT-DECORATION: 		underline;
	}
	A.linkki:link
		{
    			COLOR: #1792cc;
		}
	A.linkki:visited
		{
    			COLOR: #1792cc;
		}
	A.linkki:active
		{
    			COLOR: #1792cc;
		}
	A.linkki:hover
		{
    			COLOR: #c54e36; 
    			TEXT-DECORATION: none
		}

A.linkki2
	{
    	FONT-WEIGHT: 			normal;
    	FONT-SIZE: 			11px;
    	COLOR: 				#1792cc; 
    	FONT-FAMILY: 			Arial, Verdana,Helvetica,sans-serif;
    	TEXT-DECORATION: 		none;
	}
	A.linkki:link
		{
    			COLOR: #1792cc;
		}
	A.linkki:visited
		{
    			COLOR: #1792cc;
		}
	A.linkki:active
		{
    			COLOR: #c54e36;
		}
	A.linkki:hover
		{
    			COLOR: #c54e36; 
    			TEXT-DECORATION: none;
		}



.A
	{
    	FONT-WEIGHT: 			normal;
    	FONT-SIZE: 			11px;
    	COLOR: 				#1792cc;
    	FONT-FAMILY: 			Arial, Verdana,Helvetica,sans-serif;
    	TEXT-DECORATION: 		underline;
	}
	.A:link
		{
    			COLOR: #1792cc;
		}
	.A:visited
		{
    			COLOR: #1792cc;
		}
	.A:active
		{
    			COLOR: #c54e36;
		}
	.A:hover
		{
    			COLOR: #c54e36;
    			TEXT-DECORATION: none
		}

		/*-----------------------------*/

a.linkki_korostettu 	
	{ 
	font-family: 			Arial, Verdana,Helvetica,sans-serif;
	font-size: 			11px;
	text-decoration: 		underline;
	font-weight:			bold;

	}
	a.linkki_korostettu:link
		{ 
			color:	#6BA8D2;
		}
	a.linkki_korostettu:visited
		{ 
			color:	#6BA8D2;
		}
	a.linkki_korostettu:active
		{ 
			color: 	#6BA8D2;
		}
	a.linkki_korostettu:hover
		{
			color:	#B2D8FF; 
			text-decoration: none;
		}

.kappale_teksti_korostettu
	{
    	FONT-SIZE: 			11px;
    	COLOR: 				#181CAC;
    	FONT-FAMILY: 			Arial, Verdana,Helvetica,sans-serif;
	}


ADDRESS
	{
    	FONT-WEIGHT: 			normal;
    	FONT-SIZE: 			11px;
    	COLOR: 				#ff6600;
    	FONT-STYLE: 			oblique;
    	FONT-FAMILY: 			Arial, Verdana,Helvetica,sans-serif;
	}

DD
	{
    	FONT-WEIGHT: 			normal;
    	FONT-SIZE: 			9px;
    	COLOR: 				#ff6666;
    	FONT-STYLE: 			oblique;
    	FONT-FAMILY: 			Arial, Verdana,Helvetica,sans-serif;
	}

DT
	{
    	FONT-WEIGHT: 			normal;
    	FONT-SIZE: 			10px;
    	COLOR: 				#000000;
    	FONT-STYLE: 			oblique;
    	FONT-FAMILY: 			Arial, Verdana,Helvetica,sans-serif;
	}

UL
	{
    	FONT-WEIGHT: 			normal;
    	LIST-STYLE-POSITION: 		outside;
    	FONT-SIZE: 			11px;
    	COLOR: 				#000000;
    	FONT-FAMILY: 			Arial, Verdana,Helvetica,sans-serif;
    	list-style-image: 	url("../images/nappi.gif"); 
	}

OL
	{
    	FONT-WEIGHT: 			normal;
    	LIST-STYLE-POSITION: 		outside;
    	FONT-SIZE: 			11px;
    	COLOR: 				#000000;
    	FONT-FAMILY: 			Arial, Verdana,Helvetica,sans-serif;
	}









/* Navigointi (ei saa poistaa tai muuttaa nimiä, saa muokata)-----------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------------*/

a.navigointi_linkki { 
	font-family: 			Arial, Verdana,Helvetica,sans-serif;
	font-size: 			10px;
	text-decoration: 		none;
	font-weight:			normal;
}
a.navigointi_linkki:link	{ 
	color:				#6BA8D2;
}
a.navigointi_linkki:visited	{ 
	color:				#6BA8D2; 
}
a.navigointi_linkki:active	{ 
	color: 				#6BA8D2; 
}
a.navigointi_linkki:hover	{
	color:				#B2D8FF; 
	text-decoration: 		none;
}





/* Päivämäärä (ei saa poistaa tai muuttaa nimiä, saa muokata)------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------------*/

.pvm	{
	font-family: 			Arial, Verdana,Helvetica,sans-serif; 
	font-size: 			10px; 
	color: 				#ed9101; 
}



/* Last updated (ei saa poistaa tai muuttaa nimiä, saa muokata)------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------------*/

.LastUpdated	{
					font-family: 		Arial, Verdana,Helvetica,sans-serif; 
					font-size: 		10px; 
					color: 			#A9B6C6; 
					font-style:		italic;
}





/* Kirjautumistoiminnot (ei saa poistaa tai muuttaa nimiä, saa muokata)---------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------------*/

.kirjaudu	{
	font-family: 			Arial, Verdana,Helvetica,sans-serif; 
	font-size: 			10px; 
	color: 				#000000; 
}



.kirjaudu_nimi	{
	font-family: 			Arial, Verdana,Helvetica,sans-serif; 
	font-size: 			11px; 
	color: 				#717070; 
	font-weight:			bold; 
}



a.kirjaudu_linkki { 
	font-family: 			Arial, Verdana,Helvetica,sans-serif;
	font-size: 			10px;
	text-decoration: 		underline;
	font-weight:			normal;
}
a.kirjaudu_linkki:link	{ 
	color:				#ed9101;
}
a.kirjaudu_linkki:visited	{ 
	color:				#ed9101; 
}
a.kirjaudu_linkki:active	{ 
	color: 				#ed9101; 
}
a.kirjaudu_linkki:hover	{
	color:				#717070; 
	text-decoration: 		none;
}



.kirjaudu_kentta {
	font-family: 			Arial, Verdana, Helvetica;
	padding: 			2px;
	font-size: 			11px;
	color: 				#000000;
	background-color: 		#DEEAF2;
	border: 			solid 1px #000000;
}


.kirjaudu_nappi	{
	font-family:			Arial, Verdana,helvetica; 
	font-size:			10px; 
	font-weight:			bold; 
	color:				#ffffff; 
	background-color:		#181CAC; 
	border:				solid 1px;
	border-color:			#ffffff;
	cursor:				hand;
}






/* Osoitetiedot (ei saa poistaa tai muuttaa nimiä, saa muokata)---------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------------*/

.osoite	{
	font-family: 			Arial, Verdana,Helvetica,sans-serif; 
	font-size: 			10px; 
	color: 				#000000; 
}



a.osoite_linkki { 
	font-family: 			Arial, Verdana,Helvetica,sans-serif;
	font-size: 			10px;
	text-decoration: 		underline;
	font-weight:			bold;
}
a.osoite_linkki:link	{ 
	color:				#ed9101;
}
a.osoite_linkki:visited	{ 
	color:				#ed9101;
}
a.osoite_linkki:active	{ 
	color: 				#ed9101;
}
a.osoite_linkki:hover	{
	color:				#717070; 
	text-decoration: 		none;
}







/* Copyright (ei saa poistaa tai muuttaa nimiä, saa muokata)------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------------*/

.copyright	{
	font-family: 			Arial, Verdana,Helvetica,sans-serif; 
	font-size: 			10px; 
	color: 				#B8BD47; 
}

a.copyright_linkki { 
	font-family: 			Arial, Verdana,Helvetica,sans-serif;
	font-size: 			10px;
	text-decoration: 		underline;
}
a.copyright_linkki:link	{ 
	color:				#B8BD47; 
}
a.copyright_linkki:visited	{ 
	color:				#B8BD47; 
}
a.copyright_linkki:active	{ 
	color: 				#B8BD47; 
}
a.copyright_linkki:hover	{
	color:				#B8BD47; 
	text-decoration: 		none;
}



/* Pikailmoituksen class asetukset (ei saa poistaa tai muuttaa nimiä, saa muokata)------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------------*/

.MessageTbl	{
	font-family: 			Arial, Verdana,Helvetica,sans-serif; 
	font-size: 			11px;
	border:				solid 1px #008F98;
	background-color:		#ffffff;
	padding-left:			5px;
	padding-bottom:			10px;
}

.MessageHeader	{
	font-weight:			bold;
	color:				#C45009;
}

.MessageDesc	{
	color:				#C45009;
}




/* Footerin muun tekstin stylet (saa poistaa ja muokata tarpeen mukaan)------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------------*/

.footer_teksti	{
	font-family: 			Arial, Verdana,Helvetica,sans-serif; 
	font-size: 			11px; 
	color: 				#ed9101; 
}




a.footer { 
	font-family: 			Arial, Verdana,Helvetica,sans-serif;
	font-size: 			10px;
	text-decoration: 		underline;
	font-weight:			bold;
}
a.footer:link	{ 
	color:				#ed9101; 
}
a.footer:visited	{ 
	color:				#ed9101; 
}
a.footer:active	{ 
	color: 				#ed9101; 
}
a.footer:hover	{
	color:				#ffffff; 
	text-decoration: 		underline;
}









/* Headerissä esiintyvän muun tekstin style (saa poistaa ja muokata tarpeen mukaan)----------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------*/

.header_teksti	{
	font-family: 			Arial, Verdana,Helvetica,sans-serif; 
	font-size: 			10px; 
	color: 				#ed9101; 
}


a.header { 
	font-family: 			Arial, Verdana,Helvetica,sans-serif;
	font-size: 			10px;
	text-decoration: 		underline;
	font-weight:			bold;
}
a.header:link	{ 
	color:				#4286B6; 
}
a.header:visited	{ 
	color:				#4286B6; 
}
a.header:active	{ 
	color: 				#4286B6; 
}
a.header:hover	{
	color:				#6BAAD6; 
	text-decoration: 		underline;
}










/*omasivun stylet (ei saa poistaa tai muuttaa nimiä, saa muokata)--------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------*/

table.kuvake {
														/*taulukon solussa olevan otsikon fontin korostus*/
	background:			#CDE4FB; 								/*taulukon solun taustaväri*/
	border-top:			1px #000000  solid;						/*taulukon solun yläreunan paksuus,väri,tyyli*/
	border-bottom:			1px #000000 solid;						/*taulukon solun alareunan paksuus,väri,tyyli*/
	border-right:			1px #000000 solid;						/*taulukon solun oikeanreunan paksuus,väri,tyyli*/
	border-left:			1px #000000 solid;						/*taulukon solun vasemmanreunan paksuus,väri,tyyli*/
	text-align:			left;								/*tekstin paikka solussa horisontaalisesti*/
	text-valign:			center;								/*tekstin paikka solussa vertikaalisti*/
	padding:			2;
	}


table.taso_tausta {
	font-family: 			Arial, Verdana,Helvetica,sans-serif;				/*taulukon solussa olevan otsikon fontin tyyli*/
	color:				#000000; 							/*taulukon solussa olevan otsikon fontin väri*/
	font-size: 			11px; 								/*taulukon solussa olevan otsikon fontin koko*/
	font-weight:			bold;								/*taulukon solussa olevan otsikon fontin korostus*/
	background:			#ededed; 								/*taulukon solun taustaväri*/
	border-top:			1px #bbbbbb  solid;						/*taulukon solun yläreunan paksuus,väri,tyyli*/
	border-bottom:			1px #bbbbbb solid;						/*taulukon solun alareunan paksuus,väri,tyyli*/
	border-right:			1px #bbbbbb solid;						/*taulukon solun oikeanreunan paksuus,väri,tyyli*/
	border-left:			1px #bbbbbb solid;						/*taulukon solun vasemmanreunan paksuus,väri,tyyli*/
	text-align:			left;								/*tekstin paikka solussa horisontaalisesti*/
	text-valign:			center;								/*tekstin paikka solussa vertikaalisti*/
	padding:			2;
	}


td.taso_katkoviiva {
	font-family: 			Arial, Verdana,Helvetica,sans-serif;				/*taulukon solussa olevan otsikon fontin tyyli*/
	color:				#000000; 							/*taulukon solussa olevan otsikon fontin väri*/
	font-size: 			11px; 								/*taulukon solussa olevan otsikon fontin koko*/
	font-weight:			bold;								/*taulukon solussa olevan otsikon fontin korostus*/
	background:			#ededed; 								/*taulukon solun taustaväri*/
	background-image:		url("../images/katkoviiva.gif");
	background-repeat:		repeat-y;
	background-position:		top center;
	background-color:		#ededed;
	}


td.taso_katkoviiva2 {
	font-family: 			Arial, Verdana,Helvetica,sans-serif;				/*taulukon solussa olevan otsikon fontin tyyli*/
	color:				#000000; 							/*taulukon solussa olevan otsikon fontin väri*/
	font-size: 			11px; 								/*taulukon solussa olevan otsikon fontin koko*/
	font-weight:			bold;								/*taulukon solussa olevan otsikon fontin korostus*/
	background:			#ededed; 								/*taulukon solun taustaväri*/
	background-image:		url("../images/katkoviiva2.gif");
	background-repeat:		repeat-x;
	background-position:		top left;
	background-color:		#ededed;
	}


td.taso_otsikko {
	font-family: 			Arial, Verdana,Helvetica,sans-serif;				/*taulukon solussa olevan otsikon fontin tyyli*/
	color:				#181CAC; 							/*taulukon solussa olevan otsikon fontin väri*/
	font-size: 			11px; 								/*taulukon solussa olevan otsikon fontin koko*/
	font-weight:			bold;								/*taulukon solussa olevan otsikon fontin korostus*/
	background:			#B0D4F8; 								/*taulukon solun taustaväri*/
	border-top:			1px #181CAC  solid;						/*taulukon solun yläreunan paksuus,väri,tyyli*/
	border-bottom:			1px #181CAC solid;						/*taulukon solun alareunan paksuus,väri,tyyli*/
	border-right:			1px #181CAC solid;						/*taulukon solun oikeanreunan paksuus,väri,tyyli*/
	border-left:			1px #181CAC solid;						/*taulukon solun vasemmanreunan paksuus,väri,tyyli*/
	text-align:			left;								/*tekstin paikka solussa horisontaalisesti*/
	text-valign:			center;								/*tekstin paikka solussa vertikaalisti*/
	padding:			2;
	}


td.taso_toiminnot {
	font-family: 			Arial, Verdana,Helvetica,sans-serif;				/*taulukon solussa olevan otsikon fontin tyyli*/
	color:				#ed9101; 							/*taulukon solussa olevan otsikon fontin väri*/
	font-size: 			11px; 								/*taulukon solussa olevan otsikon fontin koko*/
	font-weight:			normal;								/*taulukon solussa olevan otsikon fontin korostus*/
	background:			; 								/*taulukon solun taustaväri*/
	border-top:			0px #ed9101 dotted;						/*taulukon solun yläreunan paksuus,väri,tyyli*/
	border-bottom:			0px #ed9101 dotted;						/*taulukon solun alareunan paksuus,väri,tyyli*/
	border-right:			0px #ed9101 dotted;						/*taulukon solun oikeanreunan paksuus,väri,tyyli*/
	border-left:			0px #ed9101 dotted;						/*taulukon solun vasemmanreunan paksuus,väri,tyyli*/
	text-align:			left;								/*tekstin paikka solussa horisontaalisesti*/
	text-valign:			center;								/*tekstin paikka solussa vertikaalisti*/
	padding:			2;
	}

.taso_tyokalu {
	font-family: 			Arial, Verdana,Helvetica,sans-serif;				/*taulukon solussa olevan otsikon fontin tyyli*/
	color:				#181CAC; 							/*taulukon solussa olevan otsikon fontin väri*/
	font-size: 			11px; 								/*taulukon solussa olevan otsikon fontin koko*/
	font-weight:			normal;
}

a.taso_linkki { 
	font-family: 			Arial, Verdana,Helvetica,sans-serif;
	font-size: 			11px;
	text-decoration: 		underline;
	font-weight:			normal;
}
a.taso_linkki:link	{ 
	color:				#181CAC; 
}
a.taso_linkki:visited	{ 
	color:				#181CAC; 
}
a.taso_linkki:active	{ 
	color: 				#181CAC; 
}
a.taso_linkki:hover	{
	color:				#B0D4F8; 
	text-decoration: 		none;
}







/*Lomakkeet (ei saa poistaa tai muuttaa nimiä, saa muokata)----------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------*/


.form_otsikko	{
	font-family: 			Arial, Verdana,Helvetica,sans-serif; 
	font-size: 			11px; 
	font-weight:			Bold;
	color: 				#000000; 	
}


.form_text	{
	font-family: 			Arial, Verdana,Helvetica,sans-serif; 
	font-size: 			11px; 
	font-weight:			normal;
	color: 				#000000; 	
}



.form_textarea { 
	font-family:				Arial, Verdana, Helvetica;
	padding: 				2px;
	font-size: 				13px;
	color: 					#000000;
	background-color: 			#eaecef;
	border: 				inset 1px #000000;
}



.form_select {					/*bropboxin tyyli*/
	font-family: 				Arial, Verdana, Helvetica;
	padding: 				2px;
	font-size: 				12px;
	color: 					#000000;
	background-color: 			#eaecef;
	border: 				inset 1px #000000;
}



.form_input {
	font-family: 				Arial, Verdana, Helvetica;
	padding: 				2px;
	font-size: 				11px;
	color: 					#000000;
	background-color: 			#eaecef;
	border: 				solid 1px #000000;
}



.form_radio {					/*radio-napin tyyli*/
	font-family: 				Arial, Verdana, Helvetica;
	font-size: 				12px;
	background-color: 			#eaecef;
	border: 				solid 1px #000000;
	color: 					#000000;
}

.form_checkbox {					/*radio-napin tyyli*/
	font-family: 				Arial, Verdana, Helvetica;
	font-size: 				12px;
	background-color: 			#eaecef;
	border: 				solid 1px #000000;
	color: 					#000000;
}

.form_button_reset	{
	font-family:			Arial, Verdana,helvetica; 
	font-size:			10px; 
	font-weight:			bold; 
	color:				#ffffff; 
	background-color:		#979FA9; 
	border:				solid 1px;
	border-color:			#ffffff;
	cursor:				hand;
}

.form_button_send	{
	font-family:			Arial, Verdana,helvetica; 
	font-size:			10px; 
	font-weight:			bold; 
	color:				#ffffff; 
	background-color:		#C54E36; 
	border:				solid 1px;
	border-color:			#ffffff;
	cursor:				hand;

}





/*Lomakkeet, jotka intrassa (ei saa poistaa tai muuttaa nimiä, saa muokata)----------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------*/

.textarea_1 { 
	font-family:				Arial, Verdana, Helvetica;
	padding: 				2px;
	font-size: 				13px;
	color: 					#000000;
	background-color: 			#eaecef;
	border: 				inset 1px #000000;
}

.textarea_2 { 
	font-family:				Arial, Verdana, Helvetica;
	padding: 				2px;
	font-size: 				13px;
	color: 					#000000;
	background-color: 			#eaecef;
	border: 				inset 1px #000000;
}

.textarea_3 { 		
	font-family: 				Arial, Verdana, Helvetica;
	padding: 				1px;
	font-size: 				11px;
	color: 					#000000;
	background-color: 			#eaecef;
	border: 				solid 1px #000000;
	width:					180px;
}

.select_1 {					/*bropboxin tyyli*/
	font-family: 				Arial, Verdana, Helvetica;
	padding: 				2px;
	font-size: 				12px;
	color: 					#000000;
	background-color: 			#eaecef;
	border: 				inset 1px #000000;
}

.select_2 {					/*bropboxin tyyli*/
	font-family: 				Arial, Verdana, Helvetica;
	padding: 				2px;
	font-size: 				11px;
	color: 					#000000;
	background-color: 			#eaecef;
	border: 				solid 1px #000000;
}

.select_3 {					/*dropboxin tyyli, käytetään dynaamisesti rakennettavissa lomakkeissa*/
	font-family: 				Arial, Verdana, Helvetica;
	padding: 				1px;
	font-size: 				11px;
	color: 					#000000;
	background-color: 			#eaecef;
	border: 				solid 1px #000000;
	width:					180px;
}

.input_1 {
	font-family: 				Arial, Verdana, Helvetica;
	padding: 				2px;
	font-size: 				11px;
	color: 					#000000;
	background-color: 			#eaecef;
	border: 				solid 1px #000000;
}

.input_2 {
	font-family: 				Arial, Verdana, Helvetica;
	padding: 				2px;
	font-size: 				11px;
	color: 					#000000;
	background-color: 			#eaecef;
	border: 				solid 1px #000000;
}

.input_3 {
	font-family: 				Arial, Verdana, Helvetica;
	padding: 				1px;
	font-size: 				11px;
	color: 					#000000;
	background-color: 			#eaecef;
	border: 				solid 1px #000000;
	width: 					180px;
} 

.radio_3 {					/*radio-napin tyyli*/
	font-family: 				Arial, Verdana, Helvetica;
	font-size: 				12px;
	background-color: 			#eaecef;
	border: 				solid 1px #000000;
	color: 					#000000;
}

.checkbox_3 {					/*radio-napin tyyli*/
	font-family: 				Arial, Verdana, Helvetica;
	font-size: 				12px;
	background-color: 			#eaecef;
	border: 				solid 1px #000000;
	color: 					#000000;
}

.button_1	{
	font-family:			Arial, Verdana,helvetica; 
	font-size:			10px; 
	font-weight:			bold; 
	color:				#ffffff; 
	background-color:		#181CAC; 
	border:				solid 1px;
	border-color:			#000000;
	cursor:				hand;
}

.button_2	{
	font-family:			Arial, Verdana,helvetica; 
	font-size:			10px; 
	font-weight:			bold; 
	color:				#ffffff; 
	background-color:		#6BA8D2; 
	border:				solid 1px;
	border-color:			#000000;
	cursor:				hand;

}

.button_3	{
	font-family:			Arial, Verdana,helvetica; 
	font-size:			10px; 
	font-weight:			bold; 
	color:				#ffffff; 
	background-color:		#181CAC; 
	border:				solid 1px;
	border-color:			#ffffff;
	cursor:				hand;

}








/*popupin stylet (ei saa poistaa tai muuttaa nimiä, saa muokata)--------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------*/

.popup_tausta1	{
	background-color:			#181CAC; 
}


a.popup_linkki{ 
	font-family: 				Arial, Verdana,Helvetica,sans-serif;
	font-size: 				10px;
	text-decoration: 			underline;
}

a.popup_linkki:link	{ 
	color:					#ffffff; 
}

a.popup_linkki:visited	{ 
	color:					#ffffff;	
}
						
a.popup_linkki:active	{ 
	color: 					#ffffff; 
}

a.popup_linkki:hover	{
	color:					#ededed; 
	text-decoration: 			none;
}


.img_taso	{
	border:					1px solid;			/*kuvan reunan ominaisuudet*/
	border-color: 				#ffffff;			/*kuvan reunan väri*/
}









/*Määrätarjouksen stylet (ei saa poistaa tai muuttaa nimiä, saa muokata)-------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------*/

.maaratarjous_otsikko	{
	font-family: 			Arial, Verdana,Helvetica,sans-serif; 
	font-size: 			13px; 
	font-weight:			bold;
	color: 				#ffba00;
}

.maaratarjous_teksti	{
	font-family: 			Arial, Verdana,Helvetica,sans-serif; 
	font-size: 			11px; 
	color: 				#000000;
}

.uutuus_otsikko	{
	font-family: 			Arial, Verdana,Helvetica,sans-serif; 
	font-size: 			11px; 
	font-weight:			bold;
	color: 				#ffba00;
}

.uutuus_teksti	{
	font-family: 			Arial, Verdana,Helvetica,sans-serif; 
	font-size: 			11px; 
	color: 				#000000;
}

.tarjous_otsikko	{
	font-family: 			Arial, Verdana,Helvetica,sans-serif; 
	font-size: 			11px; 
	font-weight:			bold;
	color: 				#ffba00;
}

.tarjous_teksti	{
	font-family: 			Arial, Verdana,Helvetica,sans-serif; 
	font-size: 			11px; 
	color: 				#000000;
}









/* ostoskorin tyylit (ei saa poistaa tai muuttaa nimiä, saa muokata)----------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------------*/

.ostoskori	{

	background-color:			#bbbbbb;
}

.text	{
	font-family: 			Arial, Verdana,Helvetica,sans-serif; 
	font-size: 			11px; 
	font-weight:			normal;
	color: 				#000000; 	
}

.text5	{
	font-family: 			Arial, Verdana, Helvetica; 
	color:				#000000; 
	font-size: 			11px; 
	font-weight:			bold;
}

.lomake_teksti	{
	font-family: 			Arial, Verdana,Helvetica,sans-serif; 
	font-size: 			11px; 
	font-weight:			bold;
	color: 				#ed9101; 	
}

.pakolliset	{
	font-family:			Arial, Verdana, Helvetica;
	font-size:			11px;
	color:				#E20A17;
}

.paketti	{
	font-family: 			Arial, Verdana,Helvetica,sans-serif; 
	font-size: 			11px; 
	font-weight:			bold;
	color: 				#000080;
}












/*DreamNet järjestelmäpopuppien stylet-------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------------*/

a.dreamnet{ 
	font-family: 			Arial, Verdana,Helvetica,sans-serif;
	font-size: 			10px;
	text-decoration: 		underline;
}
a.dreamnet:link	{ 
	color:				#ffffff; 
}
a.dreamnet:visited	{ 
	color:				#ffffff; 
}
a.dreamnet:active	{ 
	color: 				#ffffff; 
}
a.dreamnet:hover	{
	color:				#FFF44B; 
	text-decoration: 		none;
}


.taustavari1	{
	background-color:		#ffffff; 
}

.taustavari2	{
	background-color:		#0050B3; 
}

.taustavari3	{
	background-color:		#FFF44B; 
}

.taustavari4	{
	background-color:		#ffffff; 
}

.button_grey	{
	font-family:			Arial, Verdana,helvetica; 
	font-size:			10px; 
	font-weight:			bold; 
	color:				#ffffff; 
	background-color:		#666666; 
	border:				solid 1px;
	border-color:			#ffffff;
	cursor:				Hand;
}

.button_orange	{
	font-family:			Arial, Verdana,helvetica; 
	font-size:			10px; 
	font-weight:			bold; 
	color:				#ffffff; 
	background-color:		#E20A17; 
	border:				solid 1px;
	border-color:			#ffffff;
	cursor:				Hand;
}

.textbox	{
	font-family: 			Arial, Verdana; 
	font-size:			11 px; 
	border: 			solid 1 px; 
	border-color:			#E20A17; 
	background-color:		#e3e3e3; 
	color: 				#000000; 
}

.textarea	{
	font-family: 			Arial, Verdana; 
	font-size:			11 px; 
	border: 			solid 1 px; 
	border-color:			#E20A17; 
	background-color:		#e3e3e3; 
	color: 				#000000;  
}

.textlist	{
	font-family: 			Arial, Verdana; 
	font-size:			11 px; 
	border: 			solid 1 px; 
	border-color:			#E20A17; 
	background-color:		#e3e3e3; 
	color: 				#000000;  
}

.textdrop	{
	font-family: 			Arial, Verdana; 
	font-size:			11 px; 
	border: 			solid 1 px; 
	border-color:			#E20A17; 
	background-color:		#e3e3e3; 
	color: 				#000000;  
}

.palsta_otsikko	{
	font-family: 			Arial, Verdana,Helvetica,sans-serif; 
	font-size: 			11px; 
	font-weight:			bold;
	color: 				#ffffff;
}










/*----------------------------------------------------------------------------------------------------------------------------------------*/







/*tekstissä esiintyvän linkin style---------------------------------------------------------*/





/* this class is used to table cells (td) that looks like buttons */
a.linkki_nappi { 
	font-family: 			Arial, Verdana,Helvetica,sans-serif;
	font-size: 			11px;
	text-decoration: 		none;
	font-weight:			bold;
}
a.linkki_nappi:link	{ 
	color:				#ed9101; 
}
a.linkki_nappi:visited	{ 
	color:				#ed9101; 
}
a.linkki_nappi:active	{ 
	color: 				#ed9101; 
}
a.linkki_nappi:hover	{
	color:				#ed9101; 
	text-decoration: 		none;
}


a.linkki_kori { 
	font-family: 			Arial, Verdana,Helvetica,sans-serif;
	font-size: 			11px;
	text-decoration: 		underline;
	font-weight:			normal;
}
a.linkki_kori:link	{ 
	color:				#000080;
}
a.linkki_kori:visited	{ 
	color:				#000080;
}
a.linkki_kori:active	{ 
	color: 				#000080;
}
a.linkki_kori:hover	{
	color:				#000080;
	text-decoration: 		none;
}


a.linkki_lasit { 
	font-family: 			Arial, Verdana,Helvetica,sans-serif;
	font-size: 			11px;
	text-decoration: 		underline;
	font-weight:			bold;
}
a.linkki_lasit:link	{ 
	color:				#E20A17;
}
a.linkki_lasit:visited	{ 
	color:				#E20A17;
}
a.linkki_lasit:active	{ 
	color: 				#E20A17;
}
a.linkki_lasit:hover	{
	color:				#013b84;
	text-decoration: 		none;
}


a.linkki_tuotteet 	{ 
	font-family: 			Arial, Verdana,Helvetica,sans-serif;
	font-size: 			11px;
	font-weight:			bold;
	text-decoration: 		none;
}
a.linkki_tuotteet:link	{ 
	color:				#E20A17; 
}
a.linkki_tuotteet:visited{ 
	color:				#E20A17; 
}
a.linkki_tuotteet:active	{ 
	color: 				#E20A17; 
}
a.linkki_tuotteet:hover	{
	color:				#013b84; 
	text-decoration: 		none;
}

a.linkki_tuotehaku	{
	font-family: 			Arial, Verdana,Helvetica,sans-serif; 
	font-size: 			11px; 
	font-weight:			bold;
	text-decoration:		none;
}

a.linkki_tuotehaku:link	{ 
	color:				#ffffff; 
}
a.linkki_tuotehaku:visited{ 
	color:				#ffffff; 
}
a.linkki_tuotehaku:active	{ 
	color: 				#ffffff; 
}
a.linkki_tuotehaku:hover	{
	color:				#013b84; 
	text-decoration: 		none;
}





/* navigation bar ( first|previous|next|last ) -----------------------------------------------*/

.navbar_small	{
	background-color:		#ffffff;
	border: 			2 outset #FFFFFF;
	coor:				#ed9101;

}




/* tekstien style-----------------------------------------------------------------------------*/




/* Kaavio ... */
.kaavio_otsikko	{
	font-family: 		Arial, Verdana; 
	color:			#FFA800; 
	font-size: 		16px; 
	font-weight:		bold;
}

.musta	{
	font-family: Arial, Verdana;
	font-size: 11 px;
	color: #000000;
}

.valkoinen	{
	font-family: Arial, Verdana;
	font-size: 11 px;
	color: #ffffff;
}

/* OBS!!! This class must have same properties as "kappale_otsikko" when modifying, except margins */
.text4	{
	font-family: 			Arial, Verdana,Helvetica,sans-serif; 
	font-size: 			11px; 
	font-weight:			bold;
	color: 				#E20A17;  	
}

/* System component settings for Dreament Content Manager ... */

div.sysComponent	{
	border-top: 			solid 1px #a9a9a9; 
	border-left: 			solid 1px #a9a9a9;
	border-right: 			solid 1px #a9a9a9; 
	border-bottom: 			solid 1px #a9a9a9;
	background-color:		#ededed;
	width:				100%;
	height:				26px;
	background-image:		url("http://project.dreamnet.fi/sys/objCom/images/component.gif");
}	

/* ... ends here */