body
{
}

div.fright
{
	float: right;
}
div.fleft
{
	float: left;
}
div.tleft div
{
	text-align: left;
}



#Structure2_FP
{
	background-image: none !important; 	
}
#Structure2_FP #Main1_FP
{
	/* padding: 35px 20px 0px 20px; */
	padding: 0px 20px 0px 0px !important;
	width: 270px;
	
}

#Structure2_FP #Main1_FP .ControlHolderMain
{
	padding: 0px 0px 0px 0px !important;
	/* margin-right: 20px; */
}

#Structure2_FP #Main1_FP .Components-Announcement
{
	padding: 0px 0px 0px 20px;
	/*margin-top: -20px; */
}
#Structure2_FP #Main1_FP .Components-Announcement .Group
{
	/* padding-top: 10px; */
}

#Structure2_FP #Main2_FP
{
	vertical-align: top !important;
}
#Structure2_FP #Main2_FP .ControlHolderMain
{
	border-left: solid 3px #b7cbdb;
}

#Structure2_FP #Main2_FP .DocumentMedia
{
	border: none;
}


#Structure3_FP #Main3_FP
{
	background-image: none !important;	
}
#Structure3_FP #Main3_FP .ControlHolderMain
{
	/* margin: 43px 15px 15px 15px; */
	margin: 0px !important;
}
#Structure3_FP #Main3_FP .ControlHolderMain .Components-Document
{
	margin: 10px 15px 15px 15px;
}

#Main5_FP
{
	background-image: none !important;
}
#Main5_FP .ControlHolderMain
{
	/* margin: 43px 15px 15px 15px; */
	margin: 0px !important;	
}
#Main5_FP .ControlHolderMain .Components-Document
{
	margin: 10px 15px 15px 15px;
}

/* [WebStructure.NavigationTree] */

	/* [Common definitions] */		
		#Extra0 .NavigationTree .Content .Active .Children .Active 
		{
			padding-bottom: 1px !important;			
		}

		#Extra0 .NavigationTree .Content .Active a
		{
			background-image: none;	
			color: #fff; 			
		}
		#Extra0 .NavigationTree .Content .Active .Children .Inactive a
		{
			color: #0066cc;
		}
		#Extra0 .NavigationTree .Content .Active .Children
		{
			background: #cfdfeb url(/Layout/Default/Image/bg_tree.gif) repeat-x 100% top;
			border-bottom: solid 1px #fff;
		}
		
		#Extra0 .NavigationTree .Content .Active .Children .Active
		{
			padding-bottom: 0px;
			background-color: #979797;
		}	

		#Extra0 .NavigationTree .Content .ItemIndex0.Active
		{
			margin-top: -2px;
		}
		#Extra0 .NavigationTree .Content .Children .ItemIndex0.Active
		{
			margin-top: 0px;
		}
		
		#Extra0 .NavigationTree .Content .ChildrenLevel1
		{
			margin-bottom: -1px;
		}
	/* [/Common definitions] */

	#Extra0 .Yellow .NavigationTree .Content .Active
	{
		 background: #fabb13; 
		 border-bottom: none;
	}

	#Extra0 .Blue .NavigationTree .Content .Active
	{
		background: #b7cbdb;
		border-bottom: none;
	}
	
	#Extra0 .Red .NavigationTree .Content .Active
	{
		background: #8d1427;	
	}	
	#Extra0 .NavigationTree .Content .Active
	{
		background: #005597;
	}
	
	.Normal-Structure-0 #Extra0 .Components-WebStructure .NavigationTree
	{
		background-color: #cfdffb;				
	}	
	
	
	.Normal-Structure-0 #Extra0 .Components-WebStructure .NavigationTree ul
	{
		background: #cfdfeb url(/Layout/Default/Image/bg_tree.gif) repeat-x 100% top; 
	}
	
	.Normal-Structure-0 #Extra0  .Components-WebStructure .NavigationTree li a
	{
		padding-right: 5px;
	}
/* [/WebStructure.NavigationTree] */
	/* [WebStructure.NavigationTree_Custom] */	
		#Extra0 .navigationTreeCustom .RootPage
		{
			padding-left: 5px;
			color: #666;
			font-size: 13px;
			background: none;
			font-weight: bold;
			margin: 0px 0px 2px 0px;
			border-bottom: solid 2px #fff;	
			padding-top: 5px;
			padding-bottom: 2px;				
		}
		#Extra0 .navigationTreeCustom ul
		{
			background: #cfdfeb url(/Layout/Default/Image/bg_tree.gif) repeat-x 100% top; 
		}
		#Extra0 .navigationTreeCustom .noTop,
		#Extra0 .navigationTreeCustom .noTop .NavigationTree
		{
			border-top: none;			
		}				
		
		#Extra0 .navigationTreeCustom .noTop
		{
			float: left;
			width: 100%;
		}
		#Extra0 .ControlHolderSeparatorTemplate	
		{
			clear: both;
		}		
		
		.Normal-Structure-0 #Extra0 .btmElements		
		{
			margin-bottom: 0px !important;			
		}
		
		#Extra0 .navigationTreeCustom a
		{
			padding-right: 10px;
		}
		
		#Extra0 .navigationTreeCustom .Yellow
		{
			border-top-color: #fabb13;
		}	
		#Extra0 .navigationTreeCustom .Red
		{
			border-top-color: #8d1427;
		}					
		#Extra0 .navigationTreeCustom .Blue
		{
			border-top-color: #b7cbdb;
		}		
		
		
		#Extra0 .NavigationTree ul 
		{
			background: transparent url(/Layout/Default/Image/bg_tree.gif) repeat-x scroll 100% top;
		}
		
		.Normal-Structure-0 .Components-WebStructure .NavigationTree 
		{
			background-image: none;
		}
	/* [/WebStructure.NavigationTree_Custom] */

/* [.Announcement] */
	.Normal-Structure-0 #Main1_FP .Components-Announcement .Title h2
	{
		font-size: 22px;
		color: #666;		
	}
/* [/.Announcement] */

	

/* [.Document] */
	.Normal-Structure-0 .DocumentKanava B,
	.Normal-Structure-0 .DocumentFrontLeft b 
	{
		color: #666;
		font-size: 140%;
		line-height: 20px;
	}

	#Main2_FP .Components-Document b, #Main2_FP .Components-Text strong
	{
		font-size: 130%;
		line-height: 18px;
		color: #666;
	}	
/* [/.Document] */

	/* [.Document_DocumentContact] */
		#Extra0 .DocumentContact .fi-FI
		{
			background-image: url(/Layout/Default/Image/title_yhteystiedot_blue.gif);
		}
		#Extra0 .DocumentContact .en-GB
		{
			background-image: url(/Layout/Default/Image/title_yhteystiedot_en_blue.gif);
		}
	/* [/.Document_DocumentContact] */


/* [.Text Collapsable] */
	div.textCustom .collapsable a.showLink, 
	div.textCustom .collapsable a.hideLink
	{
		font-size: 90%;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
	}	
	div.textCustom .collapsable a:hover
	{
		text-decoration: underline;
	}
	
	div.textCustom .collapsable .showLink
	{
		background: url(/Layout/Default/Image/blue_arrow_down.gif) no-repeat 100% 2px;
		padding-right: 10px;				
	}
	
	div.textCustom .collapsable .hideLink
	{		
		background: url(/Layout/Default/Image/blue_arrow_up.gif) no-repeat 100% 4px;
		padding-right: 10px;
	}
/* [/.Text Collapsable] */
	
/* [Frontpage] */	
	#mainFP .colorLink .Text
	{
		padding: 0px 10px 8px 0px;
		text-align: right;						
	}
	#mainFP .colorLink .Text a
	{
		text-transform: uppercase;
		font-weight: bold;
		font-size: 90%;
	}
	#Main1_FP,
	#Main2_FP
	{
		background-image: none !important;
	}
	
	#Main1_FP_btm,
	#Main2_FP_btm
	{
		vertical-align: bottom;
	}
	#Main2_FP_btm
	{
        background:url(/Layout/Default/Image/corner_right2.gif) no-repeat 100% 100%;
	}	

	#Main2_FP .Components-Image .ImageMedia .Content
	{	
		border-bottom: solid 5px #8d1427 !important;
		float: left;
		margin-left: 20px;
	}

    .Normal-Structure #Structure2_FP #Main2_FP
    {
       padding-top: 25px;
    }	
	#Main2_FP .text .Title h2
	{
		margin-top: 0px;
	}	
	
	#Main1_FP .Components-Announcement .Group .hyperLinkAnnouncementArchiveLink,
	#Main1_FP .Components-Announcement .Group .hyperLinkAnnouncementArchiveLink a
	{		
		color: #06c;
	}	
/* [/Frontpage] */	


/* [.Calendar] */
	.Normal-Calendar_Button_Enabled-0
	{
		background-color: #9f9f9f;
		font-weight: normal;
	}
	
	.Components-Announcement .AnnouncementArchive .Content a
	{		
		background: url(/Layout/Default/Image/arrow_blue.gif) no-repeat 100% 5px;
		padding-right: 8px;
	}
	
	.Normal-Structure-0 .Components-Poll .Frontpage .Title
	{
		background: #8d1427 url(/Layout/Default/Image/title_gallup_red.gif) no-repeat !important;		
	}

/* [/.Calendar] */


/*  [KokousSivusto] */            
        .Normal-Structure-0 .kokous .UnionCanal #StructureJ,
        .Normal-Structure-0 .kokous .UnionArticle #StructureJ
        {
			background-image:url(/Layout/Default/Image/bg_structure_kokous.jpg);
        }
/*  [/KokousSivusto] */

/* [IE 6 FIX] */	
	.navigationTreeCustom .noTop
	{		
		float: none !important;
	}
	.navigationTreeCustom .Content .Active
	{
		width: 100%;
	}
	
	.DocumentExpert .Content img
	{
		position: relative;
	}
	
	#Main0 .Document .Content p
	{
		float: left;
		width:100%;
	}	
/* [/IE 6 FIX] */	

/*  [Union] */
    div.UnionCanal .UnionBannerViewer .Links
    {
        left: 550px !important;
    }
/*  [/Union] */


	.ControlHolderMain .ControlHolderContent .ControlHolderSeparatorTemplate
	{
		width: 100%;		
	}
	
	
/*  [Joulukalenteri] */
body.joulukalenteri {
    margin: 0;
    padding: 0;
    height: 100%;
    background:#a70213 url('/Layout/Default/Image/Joulukalenteri/table_pattern.jpg') 0 0;
}
body.joulukalenteri #aspnetForm {
    height: 100%;
    margin: 0;
    padding: 0;
}
body.joulukalenteri div.wrapper {
    background: url('/Layout/Default/Image/Joulukalenteri/2008_bg.jpg') 0 659px no-repeat;
    min-height: 100%;
}
div.Joulukalenteri {
/*    background: url('/Layout/Default/Image/Joulukalenteri/vihko.png') 161px 0 repeat-y;*/
	position:relative; /* needed for footer positioning*/
	width:100%;
	height:auto !important;
	height:100%;
	min-height:100%;
    font-family: Verdana;
    font-size: 11px;
    color: #333;
}
div.Joulukalenteri div.header {
    background: url('/Layout/Default/Image/Joulukalenteri/2008_header.jpg') 0 0 no-repeat;
    padding-top: 200px;
    padding-bottom: 116px;
}

div.Joulukalenteri div.content {
    behavior: url(/Layout/Default/Style/iepngfix.htc);
    background: url('/Layout/Default/Image/Joulukalenteri/vihko.png') 0 0 no-repeat;
	padding:0 0 0 230px;
    width: 652px;
    min-height: 486px;
    height: auto !important;
    height: 468px;
}
div.Joulukalenteri div.present {
    behavior: url(/Layout/Default/Style/iepngfix.htc);
    background: url('/Layout/Default/Image/Joulukalenteri/vihko_ala.png') 0 bottom no-repeat;
	position:absolute;
	width:100%;
    height: 116px;
	bottom:0%;
}
div.Joulukalenteri a,
div.Joulukalenteri a:link,
div.Joulukalenteri a:visited,
div.Joulukalenteri a:hover
{
    font-family: Verdana;
    font-size: 11px;
    color: #cc0101;
    text-decoration: underline;
    background: none;
}
div.Joulukalenteri a:hover
{
    color: #cc0101;
    text-decoration: none;
}
div.Joulukalenteri .Components-Announcement {
    font-family: Verdana;
    font-size: 11px;
    color: #333;
    margin-top: 0px;
    width: 586px;
}
div.Joulukalenteri .Components-Announcement img {
    margin: 0px 0px 15px 15px
}
div.Joulukalenteri .Components-Announcement table tr td {
    padding: 5px 15px 5px 0px;
}
div.Joulukalenteri .kahenkilonsiika  table tr td {
    padding: 20px 15px 5px 0px;
    width: 50%;
}
div.Joulukalenteri .kahenkilonsiika table tr td:first-child 
{
}
div.Joulukalenteri .kahenkilonsiika table 
{
    margin-top: 20px;
    background: url('/Layout/Default/Image/Joulukalenteri/resepti.gif') 0 0 no-repeat;
}
div.Joulukalenteri .Components-Announcement 
{
}
div.Joulukalenteri .Components-Announcement pre {
    width: 100%;
    font-family: Arial;
    font-size: 12px;
    margin: 0 0 0px 0;
    font-weight: bold;
}
div.Joulukalenteri .Title {
    font-size: 16px;
    line-height: 1.0em;
    font-weight: bold;
}
div.Joulukalenteri .AnnouncementArchive .Title,
div.Joulukalenteri .Function {
    display: none;
}
div.Joulukalenteri h1,
div.Joulukalenteri h2,
div.Joulukalenteri h3 {
    border: none;
    margin-top: 0;  
    margin-bottom: 0px; 
    color: #000; 
}
div.Joulukalenteri h1 
{
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 20px;
}
div.Joulukalenteri div.ControlHolderSeparatorTemplate
{
    display: none;
}
div.Joulukalenteri .hr
{
    margin: 10px 0 0px 0;
    height: 3px;
    background: url('/Layout/Default/Image/Joulukalenteri/dot2.gif') 0 0 repeat-x;
}

div.Joulukalenteri a.hlBack {
	display: block;
	position: relative;
	float: right;
	margin: 30px 0 0 0;
	z-index: 100;
}


/*  [/Joulukalenteri] */

/*  [.AnnouncementArchive] */	
	.Components-Announcement .AnnouncementArchive .ListPaging .PageSelect
	{
		color: #ccc;
		font-weight: normal;
	}
	
	.Components-Announcement .AnnouncementArchive .ListPaging a
	{
		background: none;
		padding: 0px;
	}
	.Components-Announcement .AnnouncementArchive .ListPaging a:hover
	{
		text-decoration: none;
	}
	.Components-Announcement .AnnouncementArchive .Content a
	{
		background: none;
		padding-right: 0px;
	}
	
/*  [/.AnnouncementArchive] */

/*  [Poll] */
	.Components-Poll .Content,
	.QuestionAnswered div.sectionAnswerA,
	.QuestionAnswered div.sectionAnswerB,
	.QuestionAnswered div.sectionAnswerC,
	.QuestionAnswered div.sectionAnswerD 
	{
		float: left;
	}
	.Components-Poll .Content {
		margin-bottom: 15px;
	}
	.Normal-Structure-0 .Components-Poll .Front .Function 
	{
		/*
		padding-bottom: 0px !important;
		display: none;
		*/
	}		
/*  [/Poll] */

/*	[ff_fix]	*/
	#Main0 .ControlHolderMain,
	#Main0 .ControlHolderMain .ControlHolderContent
	{
		float: left;
	}
/*	[/ff_fix]	*/

    /*  [columns1]  */
        .columns1 .ControlHolderMain .ControlHolderContent
        {            
            width: 825px !important;
        }
        .columns1 #Footer1 .ControlHolderFooter .TextFooter
        {
            text-align: right !important;
            padding-right: 10px
        }
        .columns1 .ControlHolderMain .ControlHolderContent .Content table td
        {
            padding: 0px 5px 0px 5px !important;
        }
    /*  [/columns1]  */

    
/*  [tools]  */
    div.tools
    {
        /* border-top: solid 1px #005597; */
/*        margin: 20px; */
        padding-top: 20px;
        
    }
    div.tools .commentControl
    {
        padding: 20px;
    }
    
    div.tools .commentEditor
    {
        background: #dfe9f2;
        padding: 20px;
    }
    div.tools .commentEditor .commentEditor
    {
        padding: 10px 0 0 0;
    }
    div.tools .sectionFeedLink
    {
        padding-top: 10px;
    }
    
    div.forumBBCode textarea.txtEditor    
    {
        width: 520px;
    }    
    div.tools .markItUp
    {
        width: 540px;
    }                
    
    div.tools hr
    {
        display: none;
    }
    
    div.tools div.paging
    {
       border-top: solid 1px #e8f0f5;
            background: #f6f9fb;
            border-bottom: solid 1px #e8f0f5;
            padding: 10px;    
    }
    div.tools input
    {
        border: 1px solid #A4B97F;
    }
    
    div.tools .commentEditor table
    {
        width: auto;
    }
    
    /*  [rating]  */
        div.tools div.rating
        {
            border-top: solid 1px #e8f0f5;
            margin: 0 20px;
            background: #f6f9fb;
            border-bottom: solid 1px #e8f0f5;
            padding: 10px;
        }
        div.rating dl
        {
            display: none;   
        }
        div.rating .rateplus,
        div.rating .rateminus
        {
            display: inline;
            font-weight: bold;            
        }
        div.rating .rateminus
        {
            color: #d00;
        }
        
        div.rating .rateplus
        {
            color: #0a0;
        }
    /*  [/rating]  */
    
    /*  [comment]  */
        div.tools .comment
        {
            border-bottom: solid 1px #DFE9F2;            
            padding: 0;
            margin-bottom: 20px;
        }
        div.tools .comment .commentBody
        {
            padding-top: 10px;
        }
        div.tools .comment .commentMeta
        {
            color: #666;
            
            font-size: 11px;            
        }
        div.tools .commentatorDetails label,
        div.tools .commentEditor .commentEditor
        {
            font-weight: bold;
        } 
        div.tools .commentEditor table td
        {
            padding: 0 10px 10px 0 !important;
        }       
    /*  [/comment]  */
    
    /*  [blog]  */
        div.blog div.rating
        {
            border-top: solid 1px #e8f0f5;
            margin: 10px 0;
            background: #f6f9fb;
            border-bottom: solid 1px #e8f0f5;
            padding: 10px;
        }
        div.blog div.title h2
        {
            border-top: none !important;
        }
        div.blog .tools .commentEditor .markItUpContainer textarea.txtEditor
        {
            width: 490px;      
        }
        div.blog div.tools .commentControl
        {
            padding: 0;
        }
        div.blog .commentatorDetails
        {
            border: none;
        }
        div.blog div.tools .commentEditor
        {
            padding-top: 10px;
        }        
    /*  [/blog]  */
/*  [/tools]  */   

/*  [update_fixes]  */
    div.fixh
    {
        margin-top: 10px !important;
        background: transparent url(db.jpg) no-repeat 0 0;  
    }  
/*  [/update_fixes]  */


.rating .commentCount
{
    display: inline;
    font-size: 11px;
    color: #666;
    padding-left: 20px;
}

.blog .title h2 a,
.blog .title .content .post .title h2 a
{
    font-size: 16px;
    color: #8D1427 !important;
}