/* Sähkölaskurin stylet (saa poistaa ja muokata tarpeen mukaan)-------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------*/


td.raveraboxi {

	background-color:		#FFFFFF;
	
	}


td.verkkoboxi {

	background-color:		#FFFFFF;
	
	}


table.banneri {
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size: 			11px;
	color: 				#000000;
	border-left: 			solid 2px #ffffff;
	border-right: 			solid 2px #ffffff;
	border-top: 			solid 2px #ffffff;
	border-bottom: 			solid 2px #ffffff;
	background-image:		url("../banneri/images/banneribg.gif");
	background-repeat:		no-repeat;
	background-position:		bottom center;
	background-color:		#ffffff;
}

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

.banneriteksti 	
{ 
	font-family: 			Arial, Verdana, Helvetica,sans-serif;
	font-size: 			11px;
	text-decoration: 		none;
	font-weight:			normal;
	color:				#05909B;
}

.StepSelect {					
	font-family: 			Verdana, Arial, Helvetica;
	padding: 				2px;
	font-size: 				11px;
	color: 					#01717A;
	background-color: 		#FCFCD3;
	border: 				inset 1px #01717A;
	width:					260px;
}

.StepText {					
	font-family: 			Verdana, Arial, Helvetica;
	padding: 				2px;
	font-size: 				11px;
	color: 					#01717A;
	background-color: 		#FCFCD3;
	border: 				inset 1px #01717A;	
	width:					200px;
}

td.StepHeader {
	font-family:	verdana;
	font-size:	13 px;
	font-weight:	bold;
	color: 		#01717A;
}

table.ItemHeader {
	background-color:	#41B6BF;
	border: 		1px solid #01717A;
}

td.ItemHeader {
	font-family:		verdana;
	font-size:		11 px;
	font-weight:		bold;
	color: 			#FFEFB8;

}


td.PricesHeader {
	font-family:		verdana;
	font-size:		11 px;
	font-weight:		bold;
	color: 			#008F98;
	background-color:	#D6F0F2;
}

td.Prices {
	font-family:		verdana;
	font-size:		11 px;
	font-weight:		bold;
	color: 			#008F98;
	background-color:	#E5F3F4;
}

table.Price {
	border-left:		1px solid #01717A;
	border-top:		1px solid #01717A;
	border-right:		1px solid #01717A;
	border-bottom:		1px solid #01717A;
	spacing:		0px;
	padding:		4px;
}

td.Prices {
	font-family:		verdana;
	font-size:		11 px;
	font-weight:		bold;
	color: 			#008F98;
	background-color:	#E5F3F4;
}

table.Desc {
	font-family:		verdana;
	font-size:		11 px;
	background-color:	#ffffff;
	border-left:		1px solid #01717A;
	border-top:		0px solid #01717A;
	border-right:		1px solid #01717A;
	border-bottom:		1px solid #01717A;
}

span.NextStep {
	font-family:	verdana;
	font-size:	13 px;
	font-weight:	bold;
	color: 		#01717A;
}

span.Kamp {
	font-family:	verdana;
	font-size:	11 px;
	font-weight:	bold;
	color: 		#41B6BF;
}





/* Ulkoasun stylet (saa poistaa ja muokata tarpeen mukaan)-------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------*/

html	{
	height:				100%;	
}

body {
	font:				12px/16px "Lucida Grande", "Lucida Sans Unicode", "bitstream vera sans", Verdana, Arial, sans-serif;
	color:				#5f3902;
	background-color: 		#ffffff;
	
	margin-top: 			0px;
	margin-left: 			0px;
	margin-right:			0px;
	margin-bottom:			0px;

   	SCROLLBAR-FACE-COLOR: 		#000000;
    	SCROLLBAR-HIGHLIGHT-COLOR: 	#000000;
    	SCROLLBAR-SHADOW-COLOR: 	#000000;
	SCROLLBAR-DARKSHADOW-COLOR: 	#000000;
    	SCROLLBAR-3DLIGHT-COLOR: 	#000000;
    	
	SCROLLBAR-ARROW-COLOR: 		#FFFFFF;
    	SCROLLBAR-TRACK-COLOR: 		#F1F1F1;
    	height:				100%;
	}

table#main	{
	height: 100%;
}

table#main1	{
	height: 100%;
}

table#content	{
	height: 100%;
}



table#content1	{
	height: 90%;
}

/* 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 */


td.ylapalkki {

	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size: 			11px;
	font-weight:			normal;
	color: 				#000000;
	border-left:			0px #DD1D36 solid;
	border-right:			0px #DD1D36 solid;
	border-bottom:			1px #8A8C8E solid;
	border-top:			0px #507D98 solid;
	background-image:		url("../images/ylapalkki_ravera.gif");
	background-repeat:		repeat-x;
	background-position:		top left;
	background-color:		#FFFFFF;

	
	
	}

td.kulma_ylapalkki {

	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size: 			11px;
	font-weight:			normal;
	color: 				#000000;
	border-left:			0px #DD1D36 solid;
	border-right:			0px #DD1D36 solid;
	border-bottom:			1px #01717A solid;
	border-top:			0px #507D98 solid;
	background-image:		url("../images/ylapalkki_ravera.gif");
	background-repeat:		repeat-x;
	background-position:		top left;
	background-color:		#FFFFFF;
	}

td.liikkuva {

	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size: 			11px;
	font-weight:			normal;
	color: 				#000000;
	border-left:			1px #FFFFFF solid;
	border-right:			0px #DD1D36 solid;
	border-bottom:			1px #01717A solid;
	border-top:			0px #507D98 solid;
	background-color:		#FFE033;
	background-position:		top left;
	}

td.ylatausta {

	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size: 			11px;
	font-weight:			normal;
	color: 				#000000;
	border-left:			0px #DD1D36 solid;
	border-right:			0px #DD1D36 solid;
	border-bottom:			0px #507D98 solid;
	border-top:			0px #01717A solid;
	background-color:		#F1F1F1;
	background-image:		url("../images/kuva_ravera1.jpg");
	background-repeat:		no-repeat;
	background-position:		top left;
	}	

td.tausta {

	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size: 			11px;
	font-weight:			normal;
	color: 				#000000;
	border-left:			0px #DD1D36 solid;
	border-right:			0px #DD1D36 solid;
	border-bottom:			0px #507D98 solid;
	border-top:			0px #507D98 solid;
	background-color:		#FFFFFF;
	background-image:		url("../images/logotausta_ravera.jpg");
	background-repeat:		no-repeat;
	background-position:		top left;
	}	


td.valikkotausta {

	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size: 			11px;
	font-weight:			normal;
	color: 				#000000;
	border-left:			0px #DD1D36 solid;
	border-right:			0px #DD1D36 solid;
	border-bottom:			0px #507D98 solid;
	border-top:			0px #507D98 solid;
	background-color:		#F1F1F1;
	background-position:		top left;
	}

td.sisalto {

	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size: 			11px;
	font-weight:			normal;
	color: 				#000000;
	border-left:			1px #8A8C8E solid;
	border-right:			1px #8A8C8E solid;
	border-bottom:			0px #F00202 solid;
	border-top:			0px #000000 solid;
	background-color:		#F9F9F7;
	background-image:		url("../images/sisaltotausta_ravera.jpg");
	background-repeat:		repeat-x;
	background-position:		top left;
	}


td.navigointitausta {

	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size: 			11px;
	font-weight:			normal;
	color: 				#000000;
	border-left:			1px #8A8C8E solid;
	border-right:			1px #8A8C8E solid;
	border-bottom:			0px #F00202 solid;
	border-top:			0px #000000 solid;
	background-color:		#F9F9F7;
	background-position:		top left;
	}

td.otsikkotausta{


	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size: 			11px;
	font-weight:			bold;
	color: 				#000000;
	border-left:			1px #8A8C8E solid;
	border-right:			1px #8A8C8E solid;
	border-bottom:			0px #000000 solid;
	border-top:			0px #000000 solid;
	background-color:		#8A8C8E;
	background-repeat:		repeat-x;
	background-position:		top left;
	}


td.alatausta{


	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size: 			11px;
	font-weight:			normal;
	color: 				#000000;
	border-left:			1px #8A8C8E solid;
	border-right:			1px #8A8C8E solid;
	border-bottom:			0px #01717A solid;
	border-top:			0px #000000 solid;
	background-color:		#8A8C8E;
	background-repeat:		repeat-x;
	background-position:		top left;
	}


td.aika {

	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size: 			11px;
	font-weight:			bold;
	color: 				#F9EFB4;
	border-left:			1px #01717A solid;
	border-right:			1px #01717A solid;
	border-bottom:			1px #01717A solid;
	border-top:			1px #01717A solid;
	background-color:		#41B6BF;
	background-repeat:		no-repeat;
	background-position:		top left;
	}

td.kuva {

	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size: 			11px;
	font-weight:			normal;
	color: 				#000000;
	border-left:			1px #01717A solid;
	border-right:			1px #01717A solid;
	border-bottom:			1px #01717A solid;
	border-top:			0px #01717A solid;
	background-image:		url("../images/etusivun_kuva1.jpg");
	background-repeat:		no-repeat;
	background-position:		top left;
	}

td.luetteloidut {

	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size: 			11px;
	font-weight:			normal;
	color: 				#000000;
	border-left:			1px #8A8C8E solid;
	border-right:			1px #8A8C8E solid;
	border-bottom:			1px #8A8C8E solid;
	border-top:			1px #8A8C8E solid;
	background-color:		#E5F3F4;
	}

td.uutisia {

	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size: 			11px;
	font-weight:			bold;
	color: 				#ffffff;
	border-left:			1px #8A8C8E solid;
	border-right:			1px #8A8C8E solid;
	border-bottom:			0px #01717A solid;
	border-top:			0px #01717A solid;
	background-color:		#41B6BF;
	background-repeat:		no-repeat;
	background-position:		top left;
	}




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

.polku1 
{ 
	font-family: 			Arial,Verdana, Helvetica,sans-serif;
	font-size: 			13px;
	font-style: 			normal;
	font-weight:			bold;
	color:				#DEDFE0;
}


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



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



.polku3 { 
	font-family: 			Arial,Verdana, Helvetica,sans-serif;
	font-size: 			16px;
	font-style: 			italic;
	font-weight:			bold;
	color:				#A8DEE0;
}

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

.sivu {
	font:				12px/16px "Lucida Grande", "Lucida Sans Unicode", "bitstream vera sans", Verdana, Arial, sans-serif;
	color:				#5f3902;
	background-color: 		#ffffff;
	
	margin-top: 			0px;
	margin-left: 			0px;
	margin-right:			0px;
	margin-bottom:			0px;
	}


H1
{
    font: normal 20px/22px "Trebuchet MS" , Arial, Helvetica, sans-serif;
    color: #333;
}

H2
{
    font: bold 17px/18px "Trebuchet MS" , Arial, Helvetica, sans-serif;
    color: #333;
}

H3
{
    font: bold 15px/16px "Trebuchet MS" , Arial, Helvetica, sans-serif;
    color: #333;
}

p, b, strong, em, td, table, li, ul
{
    font-size: 12px;
    font-family: "Lucida Grande" , "Lucida Sans Unicode" , "bitstream vera sans" , Verdana, Arial, sans-serif;
    line-height: 140%;
	color:#333;
}
b, strong
{
    font-weight: bold;
}
		



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


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

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

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

	}
	a.linkki_korostettu:link
		{ 
			color:	#3C96A1;
		}
	a.linkki_korostettu:visited
		{ 
			color:	#3C96A1;
		}
	a.linkki_korostettu:active
		{ 
			color: 	#000000;
		}
	a.linkki_korostettu:hover
		{
			color:	#000000; 
			text-decoration: none;
		}

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


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

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

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

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

	}

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

hr.ajankohtaishaku	{
	color:				#000000;	
}

hr.luettelosivuhaku	{
	color:				#000000;	
}







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

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





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

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








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

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



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



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



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


.kirjaudu_nappi	{
	font-family:			Verdana,arial,helvetica; 
	font-size:			10px; 
	font-weight:			bold; 
	color:				#ffffff; 
	background-color:		#F7901D; 
	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: 			12px; 
	color: 				#E97E05; 
}



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







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

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

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




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

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



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

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




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









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

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


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










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

td.taso_otsikko {
	font-family: 			Verdana,Arial,Helvetica,sans-serif;				/*taulukon solussa olevan otsikon fontin tyyli*/
	color:				#ffffff; 							/*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:			#F79425; 								/*taulukon solun taustaväri*/
	border-top:			0px #000000  solid;						/*taulukon solun yläreunan paksuus,väri,tyyli*/
	border-bottom:			0px #000000 solid;						/*taulukon solun alareunan paksuus,väri,tyyli*/
	border-right:			0px #000000 solid;						/*taulukon solun oikeanreunan paksuus,väri,tyyli*/
	border-left:			0px #000000 solid;						/*taulukon solun vasemmanreunan paksuus,väri,tyyli*/
	text-agn:			left;								/*tekstin paikka solussa horisontaalisesti*/
	text-valign:			center;								/*tekstin paikka solussa vertikaalisti*/
	padding:			2;
	}


td.taso_toiminnot {
	font-family: 			Verdana,Arial,Helvetica,sans-serif;				/*taulukon solussa olevan otsikon fontin tyyli*/
	color:				#3C96A1; 							/*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 #3C96A1 dotted;						/*taulukon solun yläreunan paksuus,väri,tyyli*/
	border-bottom:			0px #3C96A1 dotted;						/*taulukon solun alareunan paksuus,väri,tyyli*/
	border-right:			0px #3C96A1 dotted;						/*taulukon solun oikeanreunan paksuus,väri,tyyli*/
	border-left:			0px #3C96A1 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: 			Verdana,Arial,Helvetica,sans-serif;				/*taulukon solussa olevan otsikon fontin tyyli*/
	color:				#ffffff; 							/*taulukon solussa olevan otsikon fontin väri*/
	font-size: 			11px; 								/*taulukon solussa olevan otsikon fontin koko*/
	font-weight:			bold;
}

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







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


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


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



.form_textarea { 
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
background: url(../images/form_field_bg.gif)  repeat-x #E6E6E6;
border: solid 1px #ddd;
padding: 5px;
line-height:18px;
}



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



.form_input {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
background: url(../images/form_field_bg.gif)  repeat-x #E6E6E6;
border: solid 1px #ddd;
height:22px;
padding: 4px;
}



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

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

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

.form_button_send	{
font: bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #fff; cursor: pointer;height:24px;padding:4px;background: url(../images/form_submit_bg.gif)  repeat-x;border:0;vertical-align:bottom;line-height:12px;

}





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

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

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

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

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

.select_2 {					/*bropboxin tyyli*/
	font-family: 				Verdana, Arial, 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: 				Verdana, Arial, Helvetica;
	padding: 				1px;
	font-size: 				11px;
	color: 					#000000;
	background-color: 			#eaecef;
	border: 				solid 1px #000000;
	width:					180px;
}

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

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

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

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

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

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

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

}

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

}








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

.popup_tausta1	{
	background-color:			#3C96A1; 
}


a.popup_linkki{ 
	font-family: 				Verdana,Arial,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: 			Verdana,Arial,Helvetica,sans-serif; 
	font-size: 			13px; 
	font-weight:			bold;
	color: 				#ffba00;
}

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

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

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

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

.tarjous_teksti	{
	font-family: 			Verdana,Arial,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: 			Verdana,Arial,Helvetica,sans-serif; 
	font-size: 			11px; 
	font-weight:			normal;
	color: 				#000000; 	
}

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

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

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

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












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

a.dreamnet{ 
	font-family: 			Verdana,Arial,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:			Verdana,arial,helvetica; 
	font-size:			10px; 
	font-weight:			bold; 
	color:				#ffffff; 
	background-color:		#666666; 
	border:				solid 1px;
	border-color:			#ffffff;
	cursor:				Hand;
}

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

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

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

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

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

.palsta_otsikko	{
	font-family: 			Verdana,Arial,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: 			Verdana,Arial,Helvetica,sans-serif;
	font-size: 			11px;
	text-decoration: 		none;
	font-weight:			bold;
}
a.linkki_nappi:link	{ 
	color:				#3C96A1; 
}
a.linkki_nappi:visited	{ 
	color:				#3C96A1; 
}
a.linkki_nappi:active	{ 
	color: 				#3C96A1; 
}
a.linkki_nappi:hover	{
	color:				#3C96A1; 
	text-decoration: 		none;
}


a.linkki_kori { 
	font-family: 			Verdana,Arial,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: 			Verdana,Arial,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: 			Verdana,Arial,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: 			Verdana,Arial,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:		#3C96A1;
	border: 			2 outset #ffffff;
	coor:				#ffffff;

}




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




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

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

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

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

/* varausjärjestelmän tyylit ----------------------------------------------------------------------------------------- */

#kap {font-family: Verdana; font-size: 11px;}
#kapty {font-family: Verdana; font-size: 11px; font-weight: bold;}
#date {font-family: Verdana; font-size: 11px;}
#time {font-family:Verdana; font-size: 10px;}
#scale {border-bottom: solid 1px #000000; border-right: solid 1px #000000;}

.Hide {
	font-family: Verdana; 
	font-size: 10px; 
	position: absolute; 
	width: 200px; 
	visibility: hidden; 
	background-color: #fbff95; 
	border: dotted 1px #000000;
	padding: 5px;
}


/* varausjärjestelmän tyylit ----------------------------------------------------------------------------------------- */

#kap {font-family: Verdana; font-size: 11px;}
#kapty {font-family: Verdana; font-size: 11px; font-weight: bold;}
#date {font-family: Verdana; font-size: 11px;}
#time {font-family:Verdana; font-size: 10px;}
#scale {border-bottom: solid 1px #000000; border-right: solid 1px #000000;}

.Hide {
	font-family: Verdana; 
	font-size: 10px; 
	position: absolute; 
	width: 200px; 
	visibility: hidden; 
	background-color: #fbff95; 
	border: dotted 1px #000000;
	padding: 5px;
}