﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿
.formInfo {
	display: none;
}
.noJSContent{
	display: none;
}
body, html {
	margin: 0; 
	padding: 0;
}

body {
	font-size: 62.5%;
	color: #333333;
	background: #ffffff url(/images/bg_body.gif) repeat left top;
	font-family: arial, times new roman;
}

body#nuortenParlamentti {
	background: #86c6ff none;
}

body#opettajille, body#opettajille_se {
	background: #9bba4b none;
}

img {
	border: none;
}

/***********************************************
*** COMMON
***********************************************/

#flashBlock {
	text-align: center;
	background-color: #ffffff;
	height: 754px;
	width: 856px;
	margin: 51px 0 0 0;
}

.clearfloat {
	clear: both;
	height:0px;
    font-size: 1px;
    line-height: 0px;
}

.hideFromScreen {
	display: none;
}

#scrollMore {
	position: fixed;
	z-index: 100;
	background: transparent url(/images/bg_scrollmore.gif) no-repeat left top;
	right: 45px;
	bottom: 0;
	width: 133px;
	height: 39px;
}

	#scrollMore span {
		display: block;
		padding: 15px 0 0 20px;
	}

#main .blueButton {
	background: transparent url(/images/bg_button_blue.gif) no-repeat left top;
	display: block;
	width: 251px;
	height: 115px;
	text-decoration: none;
	text-align: center;
	overflow: hidden;
}

	#main .blueButton h2 {
		color: #fefefe;
		padding: 35px 0 3px;
		font-size: 2.2em;
		margin: 0;
		font-weight: normal;
	}

	#main .blueButton h3 {
		color: #fefefe;
		padding: 0 0 0;
		font-size: 1.6em;
		margin: 0;
		font-weight: normal;
	}
	
#main .blueButtonSmall {
	background: transparent url(/images/bg_button_blue_small.gif) no-repeat left top;
	display: block;
	width: 236px;
	height: 115px;
	text-decoration: none;
	text-align: center;
	overflow: hidden;
}

	#main .blueButtonSmall h2 {
		color: #fefefe;
		padding: 35px 0 3px;
		font-size: 2.2em;
		margin: 0;
		font-weight: normal;
	}

	#main .blueButtonSmall h3 {
		color: #fefefe;
		padding: 0 0 0;
		font-size: 1.6em;
		margin: 0;
		font-weight: normal;
	}
	
#main .greenButton {
	background: transparent url(/images/bg_green_button_top.gif) no-repeat left top;
	width: 222px;
	margin: 22px 0 0;
}
	
	#main .greenButton a {
		display: block;
		background: transparent url(/images/bg_green_button_bottom.gif) no-repeat left bottom;
		padding: 11px;
		font-weight: bold;
		font-size: 1.5em;
		color: #ffffff;
		text-decoration: none;
		text-align: center;
	}

#bgTop {
	background: transparent url(/images/bg_body_lines1.png) repeat-x left top;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

#nuortenParlamentti #bgTop {
	background: transparent url(/images/bg_body_lines2.gif) repeat-x left top;
}

#opettajille #bgTop, #opettajille_se #bgTop {
	background: transparent url(/images/bg_body_lines3.gif) repeat-x left top;
}

#header {
	position: relative;
	width: 100%;
	height: 48px;
	min-width: 960px;
	width: expression(document.body.clientWidth < 960? "960px": "auto" );
	float: left;
	clear: both;
}

	#header .padding { padding: 14px 22px 0 22px; }
	
	#header .logo {
		float: left;
	}	
	
	#header .links {
		float: right;
	}
	
		#header .links a {
			color: #ffffff;
			font-size: 1.1em;
			font-weight: bold;
			float: left;
			padding: 3px 7px 3px 8px;
		}
		
		#header .links a.active {
			color: #0f0f0f;
			background-color: #ffffff;
			text-decoration: none;
		}
		
	#header .search {
		float: right;
		background: transparent url(/images/bg_search_input.gif) no-repeat 11px top;
		padding: 0 0 0 11px;
	}
		
		#header .search form {
			padding: 0;
			margin: 0;
		}
			
		#header .search .searchBox {
			float: left;
			padding: 0 0 0 0;
			margin: 3px 10px 0 9px;
			background-color: #ffffff;
			border: none;
			width: 100px;
			font-size: 1.1em;
			height: 13px;
			text-align: left;
		}
		
		#header .search .searchButton {
			padding: 0 0 0 9px;
		}
	

#page {
	position: relative;
	width: 960px;
	left: 50%;
	top:0;
	margin-left: -480px;
	float: left;
	clear: both;
}

/***********************************************
*** NAVIGATION
***********************************************/

#navi {
	position: relative;
	width: 960px;
	height: 270px;
	background: transparent url(/images/bg_header1.png) no-repeat left bottom;
}

#nuortenParlamentti #navi {
	background: transparent url(/images/bg_header2.png) no-repeat left bottom;
}

#opettajille #navi {
	background: transparent url(/images/bg_header3.png) no-repeat left bottom;
	height: 273px;
}

#opettajille_se #navi {
	background: transparent url(/images/bg_header3_se.png) no-repeat left bottom;
	height: 273px;
}

#opettajille_se #svenska #navi {
	background: transparent url(/images/bg_header3_se.png) no-repeat left bottom;
	height: 273px;
}

#naviWrapperSub #navi {
	background: transparent url(/images/bg_header1_crop.png) no-repeat left bottom;
}

#nuortenParlamentti #naviWrapperSub #navi {
	background: transparent url(/images/bg_header2_crop.png) no-repeat left bottom;
}

#opettajille #naviWrapperSub #navi {
	background: transparent url(/images/bg_header3_crop.png) no-repeat left bottom;
}

	#navi .buttons {
		position: relative;
		height: 64px;
		padding: 0 50px;
		overflow: hidden;
	}

	#navi .buttons a {
		position: relative;
		float: left;
		display: block;
		height: 64px;
		text-decoration: none;
	}

		#navi .buttons a h2 {
			visibility: hidden;
			margin: 0 0;
			color: #333333;
			font-size: 2.3em;
			padding: 6px 0 0 0;
		}

		#navi .buttons a p {
			color: #333333;
			font-size: 1.3em;
			margin: 0 0;
			padding: 2px 20px 0;
		}

		#navi .buttons a.naviButton1 {
			width: 307px;
			background: transparent url(/images/navi_eduskunta.png) no-repeat left top;
		}

			#navi .buttons a.naviButton1 p {
				padding: 2px 33px 0;
			}

		#navi .buttons a.naviButton2 {
			width: 277px;
			background: transparent url(/images/navi_nuorten_parlamentti.png) no-repeat left top;
		}

		#navi .buttons a.naviButton3 {
			width: 276px;
			background: transparent url(/images/navi_opettajille.png) no-repeat left top;
		}
		
		#svenska #navi .buttons a.naviButton1 {
			width: 307px;
			background: transparent url(/images/navi_eduskunta_swe.png) no-repeat left top;
		}

			#navi .buttons a.naviButton1 p {
				padding: 2px 33px 0;
			}

		#svenska #navi .buttons a.naviButton2 {
			width: 277px;
			background: transparent url(/images/navi_nuorten_parlamentti_swe.png) no-repeat left top;
		}

		#svenska #navi .buttons a.naviButton3 {
			width: 276px;
			background: transparent url(/images/navi_opettajille_swe.png) no-repeat left top;
		}

		#navi .buttons a.current, #navi .buttons a.active {
			background-position: left bottom;
			zoom: 1;
		}
		
		#svenska #navi .buttons a.current, #svenska #navi .buttons a.active {
			background-position: left bottom;
		}
		
		#navi .buttons a.current p, #navi .buttons a.active p {
			color: #ffffff;
		}
		
		#svenska #navi .buttons a.current p, #navi .buttons a.active p {
			color: #ffffff;
		}
		
	#navi .naviPopup {
		position: absolute;
		display: none;
		top: 58px;
		left: 50px;
		width: 860px;
		height: 200px;
		color: #ffffff;
	}
	
	#navi .naviPopupOpen {
		display: block;
	}
			
	#nuortenParlamentti #navi .naviPopup {
		height: 207px;
	}
				
	#opettajille #navi .naviPopup {
		height: 201px;
	}
		
	#naviPopup1 {
		background: #2a3362 url(/images/bg_navi1.gif) repeat-x left bottom;
	}
	
		#naviPopup1 .column {
			background: transparent url(/images/bg_navi_dots1.gif) repeat-y 12px top;
		}
	
	#naviPopup2 {
		background: #005e9f url(/images/bg_navi2.gif) repeat-x left bottom;
	}
	
		#naviPopup2 .column {
			background: transparent url(/images/bg_navi_dots2.gif) repeat-y 12px top;
		}
	
	#naviPopup3 {
		background: #909a00 url(/images/bg_navi3.gif) repeat-x left bottom;
	}
	
		#naviPopup3 .column {
			background: transparent url(/images/bg_navi_dots3.gif) repeat-y 12px top;
		}
	
	#navi .naviPopup .column {
		float: left;
		position: relative;
		height: 172px;
		margin: 8px 2px 0 0;
		padding: 4px 4px 0 31px;
	}
	
	#navi .naviPopup .firstColumn {
		background-image: none;
	}
	
	#navi .naviPopup .column a {
		display: block;
		color: #ffffff;
		font-size: 1.4em;
		font-weight: bold;
		text-decoration: none;
		background: transparent url(/images/bg_navi_bullet.gif) no-repeat 8px 9px;
		padding: 3px 19px 4px 20px;
		margin: 10px 0 2px 0;
	}
	
		#navi .naviPopup .column a.current, #navi .naviPopup .column a:hover {
			background: #ffffff none;
			color: #2a3362;
		}
	
	#navi .naviPopup .column a.small {
		font-size: 1.3em;
		font-weight: normal;
		background-image: none;
		margin: 0 0 0 0;
		padding: 3px 19px 4px 20px;
	}

/***********************************************
*** MAIN
***********************************************/

#eduskunta h1 { color: #2a3362; }
#nuortenParlamentti h1 { color: #004573; }
#opettajille h1, #opettajille_se h1 { color: #909a00; }

#eduskunta h2 { color: #2a3362; }
#nuortenParlamentti h2 { color: #004573; font-size: 1.5em; }
#opettajille h2, #opettajille_se h2 { color: #909a00; }

#main { 
	position: relative;
	width: 960px;
	background: transparent url(/images/bg_main.png) repeat-y left top;
}

	#main .padding { padding: 0 71px 0 82px; }
	#main #flashPage .padding { padding: 0 71px 20px 50px; }
	#main #flashPage .innerPadding { padding: 0 0 0 32px; }
	
	/* #nuortenParlamentti #main .padding { padding: 0 95px 0 67px; } */
	/* #opettajille #main .padding { padding: 0 108px 0 67px; } */
	#opettajille #main #opettajilleForm { padding: 0 71px 0 82px; }
	
	/* WIDE PANEL */
	
	#main .wide {
		position: relative;
		float: left;
		padding: 0 71px 16px 74px;
	}
		
	#opettajille #main .wide {
		padding: 0 71px 16px 88px;
	}
	
		#main .wide .topContent {
			padding: 0 160px 11px 3px;
		}
	
		#main .wide h1 {
			font-size: 2.5em;
			margin: 21px 0 10px;
		}
			
		#main .wide p {
			color: #333333;
			font-size: 1.3em;
			margin: 10px 0 10px 0;
		}
				
		.wide a {
			color: #0098ff;
		}
		
	#threeCols {
		width: 765px;
		background: transparent url(/images/bg_dot_border.gif) repeat-x left bottom;
		padding: 10px 0 23px;
	}
	
		#threeCols .inner {
			background: transparent url(/images/bg_three_cols.gif) repeat-y 253px top;
			position: relative;
			float: left;
		}
	
		#threeCols .col1 {
			float: left;
			position: relative;
			width: 253px;
		}
		
			#opettajille #threeCols .col1 .padding { padding: 5px 23px 21px 0; }		
			
			#threeCols .col1 h2 {
				font-size: 2.5em;
				font-weight: bold;
				margin: 0 0 10px;
			}
						
			#threeCols .col1 p {
				margin: 0 0 20px;
			}
			
		#threeCols .col2 {
			float: left;
			position: relative;
			width: 256px;
		}
		
			#opettajille #threeCols .col2 .padding { padding: 3px 20px 21px 26px; }
			
			#threeCols .col2 .quote {
				background: transparent url(/images/bg_quote_green.gif) no-repeat 5px 25px;
				padding: 12px 0 0 25px;
			}
			
			#threeCols .col2 p {
				margin: 10px 0 12px;
			}
						
		#threeCols .col3 {
			float: left;
			position: relative;
			width: 256px;
			text-align: center;
		}
		
			#opettajille #threeCols .col3 .padding { padding: 4px 0 21px 34px; }
			
			#threeCols .col3 h2 {
				font-size: 1.7em;
				font-weight: bold;
				margin: 0 0 29px;
			}
		
	#tabbedContent {
		background: transparent url(/images/bg_tabbed_content.gif) repeat-y left top;
		width: 814px;
	}
				
		#tabbedContent .top {
			background: transparent url(/images/bg_tabbed_content_top.gif) no-repeat left top;
			height: 38px;
			overflow: hidden;
		}				
		
			#tabbedContent .top a {
				display: block;
				float: left;
				text-align: center;
				font-size: 1.3em;
				color: #004573;
				text-decoration: none;
				font-weight: bold;
				height: 38px;
			}
			
				#tabbedContent .top a span {
					display: block;
					padding: 12px 0 0;
				}
						
			#tabbedContent .top .tab1 {
				background: transparent url(/images/bg_tab1.gif) no-repeat left bottom;
				width: 303px;
			}
				
			#tabbedContent .top .tab2 {
				background: transparent url(/images/bg_tab2.gif) no-repeat left bottom;
				width: 250px;
			}
				
			#tabbedContent .top .tab3 {
				background: transparent url(/images/bg_tab3.gif) no-repeat left bottom;
				width: 254px;
			}
			
			#tabbedContent .top .active {
				background-position: left top;
			}
			
			#tabContent2, #tabContent3, #tabContent4 {
				display: none;
			}
		
		#tabbedContent .content {
			background: transparent url(/images/bg_tabbed_content_bottom.gif) no-repeat left bottom;
			padding: 0 6px 6px 6px;
		}		
		
		#tabbedContent .content .pdf a {
				display: block;
				padding: 0 0 7px 30px;
				background: transparent url(/images/pdf.png) no-repeat 6px 2px;
		}
		
			#tabbedContent .contentInner {
				background: transparent url(/images/bg_tabbed_content_mid.gif) repeat-x left top;
				zoom: 1;
			}
					
			#tabbedContent .content .col1 {
				float: left;
				position: relative;
				width: 297px;
			}
			
				#nuortenParlamentti #tabbedContent .content .col1 .padding { padding: 11px 23px 30px 20px; }	
				
				#tabbedContent .content .col1 h2 {
					margin: 17px 0 13px;
					font-size: 1.7em;
					font-weight: bold;
				}		
				
			#tabbedContent .content .col2 {
				float: left;
				position: relative;
				width: 251px;
				padding: 0 0 43px 0;
				overflow: hidden;
			}
			
				#nuortenParlamentti #tabbedContent .content .col2 .padding { padding: 22px 0 21px 20px; }
				
				#tabbedContent .content .col2 .padding h2 {
					font-size: 2.0em;
					font-weight: normal;
					margin: 0 0 17px;
				}
								
				#tabbedContent .content .col2 .padding p {
					margin: 13px 0 0;
				}
							
			#tabbedContent .content .col3 {
				float: left;
				position: relative;
				width: 254px;
				text-align: center;
			}
			
				#nuortenParlamentti #tabbedContent .content .col3 .padding { padding: 37px 18px 43px 31px; }
				
				#tabbedContent .content .col3 h2 {
					margin: 25px 0 19px;
					font-size: 1.5em;
					font-weight: normal;
				}
				
				#tabbedContent .content .col3 ul {
					text-align: left;
				}
							
				#tabbedContent .content .col3 ul a {
					text-align: left;
				}
	
	
	/* LEFT PANEL */
	
	#main .left {
		position: relative;
		float: left;
		width: 565px;
		padding: 0 0 0 0;
	}
	
	#main #flashPage .left {
		width: 856px;
	}
	
	
			
	#main .timeLineContent {
		width: 788px;
		padding: 0 0 64px 0;
	}
		
		#main .left h1 {
			font-size: 2.5em;
			margin: 5px 0 18px;
		}
		
		.mainPage #main h1 {
			font-size: 2.5em;
			margin: 25px 0 10px;
		}
				
		#main .subPageContent h2 {
			font-size: 2.0em;
			margin: 18px 0 18px;
			color: #333333;
			font-weight: bold;
			letter-spacing: 0.5px;
		}
							
		#main .subPageContent img {
			margin: 10px 0 22px;
		}
			
		#main .left p,
		#main .text-area p {
			color: #333333;
			font-size: 1.3em;
			margin: 10px 0;
		}
		
		#main .left ul {
			font-size: 1.3em;
			padding: 0 0 0 15px;
			margin: 0 0 15px;
		}
				
		#main .left a {
			color: #0098ff;
		}
		
		#main .subPageContent table {
			margin: 48px 0;
		}
		
		#main .subPageContent .bannerButton {
			width: 263px;
			background: transparent url(/images/bg_subpage_button_top.gif) no-repeat left top;
			padding: 10px 0 0 0;
			text-align: left;
		}
		
			#main .subPageContent .bannerButton a {
				display: block;
				color: #ffffff;
				text-decoration: none;
			}
					
			#main .subPageContent .bannerButton h3 {
				font-size: 2.0em;
				font-weight: bold;
				margin: 0;
				padding: 15px 26px 5px 26px;
			}
					
			#main .subPageContent .bannerButton h4 {
				font-size: 1.1em;
				font-weight: bold;
				margin: 0;
				padding: 0 105px 53px 26px;
			}
			
			#main .subPageContent .bannerButton .vaalit {
				background: transparent url(/images/bg_button_vaalit.gif) no-repeat left bottom;
			}
				
			#main .subPageContent .bannerButton .juliste {
				background: transparent url(/images/bg_button_juliste.gif) no-repeat left bottom;
			}
				
	#main .searchContent {
		width: 795px;
	}
	
		.mainPage #main .searchContent h1 {
			margin: 9px 0 17px;
		}
		
		.mainPage #main .searchContent h2 {
			margin: 12px 0 10px;
			font-size: 1.9em;
		}
			
		.mainPage #main .searchContent p {
			margin: 10px 0 15px;
		}
				
		.mainPage #main .searchContent a {
			color: #00ceff;
		}
	
		#main .searchContent .searchForm {
			background: transparent url(/images/bg_search_input_big.gif) no-repeat left top;
			height: 59px;
			margin-top: 21px;
		}
		
			#main .searchContent .searchForm form {
				padding: 6px 14px 0;
				margin: 0;
				float: left;
			}
			
			#main .searchContent .searchForm input.inputBox {
				border: 1px solid #ffffff;
				color: #333333;
				font-size: 1.8em;
				width: 540px;
			}
						
			#main .searchContent .searchForm input.searchButton {
				margin: 0 10px;
			}
				
			#main .searchContent .searchForm span {
				float: right;
				font-size: 1.8em;
				font-weight: bold;
				color: #333333;
				display: block;
				padding: 6px 15px 0 0;
			}
	
		#main .searchContent .searchNuortenParlamentti {
			background: transparent url(/images/bg_footer_gradient.gif) no-repeat center top;
			margin: 32px 0 0;
			padding: 23px 0 0 0;
		}
		
			#main .searchContent .searchNuortenParlamentti h2 {
				color: #005e9f;
			}
			
		#main .searchContent .searchOpettajille {
			background: transparent url(/images/bg_footer_gradient.gif) no-repeat center top;
			margin: 32px 0 0;
			padding: 23px 0 12px 0;
		}
		
			#main .searchContent .searchOpettajille h2 {
				color: #909a00;
			}
			
		/* LAW */
		
		#main .lawContent {
			width: 774px;
			padding: 0 0 30px;
		}
		
			#main .lawContent .leftCol {
				width: 274px;
				float: left;
				position: relative;
				padding: 16px 0 0 0;
			}
			
				#main .lawContent .leftCol .removeLastArrow {
					background: #ffffff none;
					width: 100%;
					height: 15px;
					position: absolute;
					bottom: 0;
					left: 0;
				}
								
				#main .lawContent .leftCol .block {
					background: #ffffff none;
					font-size: 1.4em;
					font-weight: bold;
					color: #ffffff;
					display: block;
					text-decoration: none;
					cursor: hand;
				}
											
				#main .lawContent .leftCol .block .subs {
					padding: 9px 0 5px;
				}
															
				#main .lawContent .leftCol .block span {
					font-weight: normal;
					display: block;
					padding: 0 21px;
				}
				
				#main .lawContent .leftCol .block span.activeSub {
					background: transparent url(/images/bg_law_sub_arrow.gif) no-repeat 11px 2px;
				}
												
				#main .lawContent .leftCol .block .top {
					width: 261px;
					background: transparent url(/images/bg_law_top.gif) no-repeat left top;
					padding: 5px 0 0;
				}
											
				#main .lawContent .leftCol .block .bottom {
					background: transparent url(/images/bg_law_bottom.gif) no-repeat left bottom;
					padding: 5px 20px 22px;
					text-align: center;
				}
				
				#main .lawContent .leftCol .block:hover, #main .lawContent .leftCol .active {
					background: transparent url(/images/bg_law_arrow.gif) no-repeat right center;
				}
							
				#main .lawContent .leftCol .block:hover .top, #main .lawContent .leftCol .active .top {
					background: transparent url(/images/bg_law_top_active.gif) no-repeat left top;
				}
											
				#main .lawContent .leftCol .block:hover .bottom, #main .lawContent .leftCol .active .bottom {
					background: transparent url(/images/bg_law_bottom_active.gif) no-repeat left bottom;
				}
					
			#main .lawContent .rightCol {
				width: 456px;
				float: right;
				position: relative;
				padding: 16px 0 0 0;
			}
								
			#main .lawContent .rightCol .controls {
				height: 58px;
				display: none;
			}
			
				#main .lawContent .rightCol .controls .prev {
					position: absolute;
					left: 0;
				}
						
				#main .lawContent .rightCol .controls .next {
					position: absolute;
					left: 131px;
				}
			
			#main .lawContent .rightCol .padding { padding: 0 0 0 2px; }
			
			#main .lawContent .rightCol .padding img {
				padding: 0 0 2px;
			}
						
			#main .lawContent .rightCol p {
				margin: 20px 0;
			}
										
			#main .lawContent .rightCol h2 {
				color: #333333;
				font-size: 1.8em;
				font-weight: bold;
				margin: 13px 0 10px;
			}
						
			#main .lawContent .rightCol .startButton {
				text-align: center;
				margin: 34px 0;
			}
			
			#main .lawContent .rightCol .padding div {
				display: none;
			}
			
			#main #lawPart0 {
				display: block;
			}
			
		/* VIDEOS */
		
		#videoPopup {
			width: 1070px;
			height: 696px;
			position: absolute;
			top: 0;
			margin-left: -535px;
			left: 50%;
			z-index: 101;
			display: none;
		}
		
			#videoPopup .padding {
				padding: 78px 46px 52px 50px;
				background: transparent url(/images/bg_video_popup.png) no-repeat left top;
			}
			
			#videoPopup iframe {
				border: none;
				overflow: hidden;
				width: 976px;
				height: 576px;
			}
					
			#videoPopup .closeLink {
				position: absolute;
				right: 59px;
				top: 51px;
				color: #0088dc;
				font-size: 1.1em;
				text-decoration: none;
				font-weight: bold;
			}
		
		#main .videoContent {
			width: 808px;
			padding: 0 0 30px;
		}
				
			#main .videoContent h2 {
				font-size: 2.1em;
				margin: 0 0;
			}
						
			#main .videoContent p {
				margin: 1px 0 0;
			}
		
		#videos {
			width: 802px;
			margin: 12px 0 22px;
		}
		
			#videos .flashContainer {
				float: left;
				position: relative;
				width: 541px;
				height: 327px;
				background: #1c1c1c;
			}
				
			#videos .rightCol {
				float: right;
				position: relative;
				width: 256px;
			}
						
			#videos .videoLift {
				width: 256px;
				background: #1c1c1c;
				margin: 0 0 5px;
				height: 161px;
				position: relative;
			}
									
			#videos .padding {
				padding: 5px;
			}
												
			#videos .dimmer {
				width: 246px;
				height: 52px;
				background: transparent url(/images/bg_video_dimmer.png) repeat left top;
				position: absolute;
				left: 5px;
				bottom: 4px;
				overflow: hidden;
			}
			
			#videos .flashContainer .dimmer {
				width: 531px;
			}
			
			#videos .dimmer table td {
				color: #ffffff;
				font-size: 1.5em;
				font-weight: bold;
				padding: 5px 80px 0 17px;
				height: 52px;
			}
			
			#videos .dimmer a {
				position: absolute;
				right: 15px;
				bottom: 9px;
			}
			
						
			#videos .flashContainer .dimmer span {
				color: #ffffff;
				font-size: 1.9em;
				font-weight: bold;
				display: block;
				padding: 16px 0 0 18px;
			}
			
			#videos .flashContainer .dimmer a {
				position: absolute;
				right: 30px;
				bottom: 4px;
			}
			
			
		#programGuideNavi {
			margin: 20px 0 0;
			height: 38px;
			background: transparent url(/images/bg_program_guide_top.gif) no-repeat right top;
		}
					
			#main #programGuideNavi a {
				display: block;
				float: left;
				text-align: center;
				font-size: 1.3em;
				color: #2a3362;
				text-decoration: none;
				font-weight: bold;
				height: 38px;
				background: transparent url(/images/bg_program_guide_navi_left.gif) no-repeat left top;
				overflow: hidden;
			}
								
			#main #programGuideNavi a.first {
				background: transparent url(/images/bg_program_guide_navi_first.gif) no-repeat left top;
			}
			
				#main #programGuideNavi a span {
					display: block;
					padding: 12px 21px 12px 18px;
					background: transparent url(/images/bg_program_guide_navi_right.gif) no-repeat right top;
				}
							
				#main #programGuideNavi a.active span {
					background: transparent url(/images/bg_program_guide_navi_right_active.gif) no-repeat right top;
				}
				
			#main #programGuideNavi a.active {
				background-position: left bottom;
			}
					
		#programGuide {
			margin: 0 0 20px 0;
			background: transparent url(/images/bg_program_guide_mid.gif) repeat-y left top;
		}
		
			#programGuide .inner {
				background: transparent url(/images/bg_program_guide_bottom.gif) no-repeat left bottom;
				padding: 0 7px 6px 7px;
			}
				
			#programGuide .padding {
				background: transparent url(/images/bg_tabbed_content_mid.gif) repeat-x left top;
				padding: 26px 0 3px 0;
			}
		
			#main #programGuide a {
				display: block;
				float: left;
				position: relative;
				height: 40px;
				background: transparent url(/images/bg_program_guide.gif) repeat-x left top;
				color: #000000;
				text-decoration: none;
				font-size: 1.3em;
				cursor: hand;
				margin: 0 0 4px 6px;
			}
			
			#programGuide a span {
				display: block;
				padding: 12px 0 0 18px;
			}
							
			#programGuide a img {
				position: absolute;
				right: 6px;
				top: 7px;
				display: none;
			}
						
			#programGuide a .bgLeft {
				background: transparent url(/images/bg_program_guide_left.gif) no-repeat left top;
				height: 40px;
			}
									
			#programGuide a .bgRight {
				background: transparent url(/images/bg_program_guide_right.gif) no-repeat right top;
				height: 40px;
			}
			
			#main #programGuide a:hover, #main #programGuide a.active {
				background-position: left bottom;
			}
			
			/*			
			#main #programGuide a:hover img {
				display: block;
			}
			*/
			
			#main #programGuide a:hover .bgLeft, #main #programGuide a.active .bgLeft {
				background-position: left bottom;
			}
						
			#main #programGuide a:hover .bgRight, #main #programGuide a.active .bgRight {
				background-position: right bottom;
			}
				
			#programGuide .rowOdd .link1 { width: 244px; }
			#programGuide .rowOdd .link2 { width: 247px; }
			#programGuide .rowOdd .link3 { width: 277px; }
			
			#programGuide .rowEven .link1 { width: 438px; }
			#programGuide .rowEven .link2 { width: 337px; }
		
		/* SITEMAP */
		
		#siteMap {
			padding: 13px 0 25px 0;
		}
		
			#siteMap h3 {
				font-weight: normal;
				font-size: 1.3em;
				margin: 0 0 13px;
			}
		
			#main #siteMap a {
				color: #0094f8;
				line-height: 1.5em;
			}
				
			#main #siteMap span {
				font-size: 11px;
			}
						
			#main #siteMap li {
				padding: 0 0 6px 0;
			}
		
			#siteMap ul {
				list-style-type: none;
				padding: 0;
				margin: 0;
			}
			
			#main #siteMap ul ul {
				padding: 0 0 0 36px;
				font-size: 1.0em;
			}
			
				#main #siteMap ul ul li {
					padding: 0 0 4px 8px;
					background: transparent url(/images/bg_sitemap_bullet.gif) no-repeat left 8px;
				}
			
			#siteMap .col1 {
				width: 297px;
				float: left;
			}
			
				#siteMap .col1 .padding { padding: 0 40px 0 0; }
				
				#main #siteMap .col1 h2 { color: #2a3362; margin:12px 0 5px; }
			
			#siteMap .col2 {
				width: 287px;
				float: left;
			}
			
				#siteMap .col2 .padding { padding: 0 40px 0 0; }
				
				#main #siteMap .col2 h2 { color: #005e9f; margin:12px 0 5px; }
			
			#siteMap .col3 {
				width: 200px;
				float: left;
			}
			
				#main #siteMap .col3 h2 { color: #909a00; margin:12px 0 5px; }
		/* FILE LIST */
		
		.fileList {
			padding: 20px 0 25px 0;
		}
		
			#main .fileList h2 {
				color: #333333;
				font-size: 1.6em;
				font-weight: bold;
				margin: 0 0 7px;
			}
		
			.fileList .files {
				background: transparent url(/images/bg_filelist_dots.gif) repeat-x left top;
				padding: 12px 0 0 0;
			}
			
			.fileList .files .filesContent a {
				display: block;
				padding: 7px 0 7px 30px;
				font-size: 1.3em;
			}
			
			.fileList .files a.pdf { background: transparent url(/images/pdf.png) no-repeat 6px 9px;	}
			.fileList .files a.ppt { background: transparent url(/images/ppt.png) no-repeat 6px 9px;	}
			.fileList .files a.doc { background: transparent url(/images/doc.png) no-repeat 6px 9px;	}
			.fileList .files a.xls { background: transparent url(/images/xls.png) no-repeat 6px 9px;	}
		
		/* CLUB MATERIAL */
		
		#clubMaterial .club {
			float: left;
			position: relative;
			width: 300px;
		}
		
			#main #clubMaterial .club .padding { padding: 27px 56px 75px 21px; }
			
			#clubMaterial .club h2 {
				margin: 0 0 21px;
				font-size: 2.0em;
			}
						
			#clubMaterial .club p {
				margin: 0 0 13px;
			}
			
		#clubMaterial .school {
			float: left;
			position: relative;
			width: 207px;
			padding: 29px 0 25px 0;
			text-align: center;
		}
		
			#clubMaterial .school h2 {
				margin: 12px 0 19px;
				font-size: 1.5em;
			}
		
		/* WELCOME & NEWS PANELS */
		
		#welcome {
			float: left;
			position: relative;
			width: 344px;
			background: transparent url(/images/bg_welcome.gif) no-repeat 161px top;
		}
		
		#opettajille #welcome { background-image: none; width: 300px; }
		
		#welcomeAndNews .inner {
			background: transparent url(/images/bg_dot_border.gif) repeat-x left bottom;
			margin: 0 27px 0 21px;
			padding: 0 0 20px 0;
			position: relative;
			float: left;
		}
		
			#welcome .padding { padding: 23px 80px 0 33px; }
			#nuortenParlamentti #welcome .padding { padding: 23px 80px 0 33px; }
			#opettajille #welcome .padding { padding: 10px 56px 0 0; }
			
			#welcome h2 {
				padding-right: 90px;
			}		
							
			#opettajille #welcome h2 {
				padding-right: 0px;
			}		
					
			#welcomeAndNews #welcome p {
				margin: 0 0 15px;
			}		
		
		#news {
			float: left;
			position: relative;
			width: 195px;
			background: transparent url(/images/bg_news.gif) no-repeat 128px 17px;
			padding: 23px 0 0 0;
		}
		
		#opettajille #news { background-image: none; padding-top: 10px; }
		
			#welcomeAndNews #news h2 {
				margin: 0 0 34px;
			}
				
			#welcomeAndNews #news p {
				margin: 0 0 14px;
			}
		
		#welcomeAndNews h2 {
			font-size: 2.0em;
			font-weight: bold;
			margin: 0 0 27px 0;
		}
				
		#welcomeAndNews h3 {
			font-size: 1.4em;
			font-weight: bold;
			margin: 10px 0 14px;
			color: #333333;
		}
						
		#welcomeAndNews h4 {
			font-size: 1.1em;
			font-weight: bold;
			margin: 0 0;
			color: #464646;
		}
		
		/* OPINION */
		
		#opinion {
			background: transparent url(/images/bg_opinion.gif) no-repeat 195px top;
			margin: 10px 0 0 0;
			padding: 0 0 20px;
		}
		
			#opinion h2 {
				font-size: 2.0em;
				font-weight: bold;
				margin: 0 0 12px 0;
				padding: 10px 0 0 0;
			}
					
			#opinion a {
				font-size: 1.4em;
				color: #0098ff;
				float: left;
				display: block;
			}
								
			#opinion span {
				font-size: 1.4em;
				color: #484848;
				float: left;
				display: block;
				padding: 0 13px 0 13px;
			}
			
			#opinion .bubbleTop {
				background: transparent url(/images/bg_bubble_top.gif) no-repeat left top;
				zoom: 1;
			}
			
			#opinion .bubbleBottom {
				background: transparent url(/images/bg_bubble_bottom.gif) no-repeat left bottom;
				padding: 39px 36px 25px 36px;
				line-height: 20px;
				zoom: 1;
			}
	
	/* DICTIONARY */
	
	#dictionary {
		padding: 0 0 17px;
	}

	.mainPage #main .letters {
		font-size: 1.3em;
		padding: 6px 0 18px 0;
	}
	
	.mainPage #main .letters a {
		display: block;
		float: left;
		width: 23px;
		text-align: center;
		color: #0094f8;
		padding: 2px 0 5px;
	}
	
		.mainPage #main .letters a.active {
			background: transparent url(/images/bg_letter_active.gif) no-repeat left top;
			color: #ffffff;
			text-decoration: none;
		}
		
	.mainPage #main .letters span {
		display: block;
		float: left;
		padding: 2px 0 5px;
		color: #0094f8;
	}
	
	.mainPage #main .letters span.passive {
		display: block;
		float: left;
		width: 23px;
		padding: 2px 0 5px;
		color: #b0b0b0;
		text-align: center;
	}
	
	.wordItem {
		padding: 14px 0 10px;
		background: transparent url(/images/bg_word_dots.gif) repeat-x left bottom;
	}
	
	.lastWord {
		background: transparent none;
		padding: 14px 0 23px;
	}
		
	.mainPage #dictionary .wordItem h2 {
		color: #333333;
		font-size: 2.2em;
		font-weight: bold;
		margin: 0 0 18px;
	}
			
	.mainPage #dictionary .wordItem p {
		color: #333333;
		font-size: 1.3em;
		font-weight: normal;
		margin: 0 0 12px;
	}
	
	/* NEWS LIST */
	
	.mainPage #main #newsList h1 {
		float: left;
		margin: 9px 0 34px;
	}
		
	.mainPage #newsYears {
		float: left;
		font-size: 1.6em;
		padding: 9px 0 0 146px;
	}
	
		.mainPage #newsYears a  {
			width: 65px;
			padding: 2px 0 5px;
			display: block;
			float: left;
			text-align: center;
			color: #0098ff;
		}
			
			.mainPage #newsYears a.active  {
				background: transparent url(/images/bg_year_active.gif) no-repeat left top;
				color: #ffffff;
				text-decoration: none;
			}
		
		.mainPage #newsYears span  {
			width: 10px;
			padding: 2px 0 5px;
			display: block;
			float: left;
			text-align: center;
		}
			
	.mainPage #newsList .newsItem {
		width: 565px;
		padding: 0 0 20px;
	}
	
	.mainPage #newsList .newsItem h2 {
		margin: 0 0 6px;
		font-size: 1.5em;
		font-weight: bold;
	}
				
	.mainPage #newsList .newsItem h2 a {
		color: #004573;
		text-decoration: none;
	}
					
	.mainPage #newsList .newsItem h3 {
		margin: 0 0 8px;
		font-size: 1.2em;
		font-weight: normal;
	}
					
	.mainPage #newsList .newsItem p {
		margin: 15px 0;
		font-size: 1.3em;
		font-weight: normal;
	}
	
	.mainPage #newsList .newsItem td {
		font-size: 1.3em;
	}
	
	.mainPage #newsList .newsItem td p {
		font-size: 1.0em;
		margin: 0 0 15px;
	}
	
	#newsList .newsArticle {
		width: 505px;
	}
	
	.mainPage #newsList .newsArticle h2 {
		margin: 0 0 6px;
		font-size: 1.6em;
		font-weight: bold;
	}
				
	.mainPage #newsList .newsArticle h2 a {
		color: #0098ff;
	}
					
	.mainPage #newsList .newsArticle h3 {
		margin: 0 0 13px;
		font-size: 1.2em;
		font-weight: normal;
	}
					
	.mainPage #newsList .newsArticle p {
		margin: 0 0 20px;
		font-size: 1.3em;
		font-weight: normal;
	}
						
	.mainPage #newsList .newsArticle p.back {
		margin: 0 0 18px;
	}
	
	.mainPage #main .left #clubContent {
		padding:  0 31px 0 12px;
	}
	
	.mainPage #main .left #clubContent h1 {
		margin: 8px 0 10px;
	}
		
	.mainPage #main .left #clubContent h2 {
		margin: 14px 0 15px;
		color: #333333;
		font-size: 2.2em;
		font-weight: bold;
		float: left;
		padding: 0 17px 0 0;
	}
			
	.mainPage #main .left #clubContent h3 {
		color: #333333;
		font-size: 1.2em;
		font-weight: bold;
		float: left;
		padding: 13px 0 0 0;
	}
				
	.mainPage #main .left #clubContent p {
		margin: 0 0 23px;
	}
	
	
	/* EDIT CLUB CONTENT */
	#main .left #clubContent table#editClub {
		width: 550px;
		border: 0;
	}
	
	#main .left #clubContent table#editClub td {
		padding: 5px 0;
	}
	
	
	/* RIGHT PANEL */
	
	#main .right {
		position: relative;
		float: right;
		width: 217px;
		padding: 1px 0 0 0;
	}
	
	#nuortenParlamentti #main .right {
		padding: 8px 0 0 0;
	}
		
	#opettajille #main .right {
		padding: 10px 0 0 0;
	}
	
		#main .right a img { margin: 0 0 25px; }
		
		#main .right .block a img { margin: 0 0 0; }
	
		#main .right .block {
			position: relative;
			width: 217px;
			background: transparent url(/images/bg_block.gif) repeat-y left top;
			margin: 0 0 25px;
			display: block;
		}
	
		#main .right .block .top {
			position: relative;
			background: transparent url(/images/bg_block_top.gif) no-repeat left top;
			display: block;
			padding: 6px 0 0 0; 
		}
	
		#main .right .block .bottom {
			position: relative;
			background: transparent url(/images/bg_block_bottom.gif) no-repeat left bottom;
			display: block;
			padding: 0 6px 8px 8px; 
		}
		
		#main .right .block .padding { padding: 18px 14px 0 14px; }
		#nuortenParlamentti #main .right .block .padding { padding: 18px 14px 0 14px; }
		#opettajille #main .right .block .padding { padding: 18px 14px 0 14px; }
	
		#main .right .block .orange {
			position: relative;
			display: block;
			padding: 9px 6px 6px 12px;
			background-color: #feab00;
		}
	
		#main .right .block .rssItem {
			margin: 0 0 17px;
			font-size: 1.2em;
		}
	
			#main .right .block .rssItem a {
				color: #333333;
			}
			
		#main .right .block .purple {
			position: relative;
			display: block;
			background: #2a3362 url(/images/bg_purple_bottom.gif) no-repeat left bottom;
		}
		
			#main .right .block .purple .padding { padding: 12px 14px 11px 14px; }
		
			#main .right .block .purple p {
				font-size: 1.2em;
				margin: 0;
				padding: 0 0 6px;
				color: #ffffff;
			}
		
			#main .right .block .purple .arrowLink {
				font-size: 1.4em;
				font-weight: bold;
				text-decoration: none;
				margin: 0;
				padding: 0 0 6px 19px;
				color: #ffffff;
				display: block;
				background: transparent url(/images/bg_purple_arrow.gif) no-repeat 1px 3px;
			}
		
			#main .right .block .purple .link {
				font-size: 1.0em;
				font-weight: bold;
				margin: 0;
				padding: 0 0 6px;
				color: #ffffff;
				display: block;
			}
			
			#nuortenParlamentti #main #clubRight { 
				width: 230px;
			}
			
			#main .right #clubBlock {
				margin: 37px 0 18px 1px;
				text-align: center;
				background: transparent url(/images/bg_login_block.gif) repeat-y left top;
				width: 231px;
			}
	
				#main .right #clubBlock .top {
					background: transparent url(/images/bg_login_block_top.gif) no-repeat left top;
				}

				#main .right #clubBlock .bottom {
					background: transparent url(/images/bg_login_block_bottom.gif) no-repeat left bottom;
					padding: 22px 30px 36px 32px;
				}
			
				#main .right #clubBlock h2 { 
					color: #004573;
					font-size: 1.6em;
					font-weight: normal;
					margin: 0 0 10px;
				}
				
				#main .right #clubBlock p { 
					color: #333333;
					font-size: 1.3em;
					font-weight: normal;
					margin: 0 0 18px;
				}
				
				#main .right #clubBlock input {
					text-align: center;
					width: 99%;
				}
				
				#main .right #clubBlock input.button {
					width: auto;
				}
				
				#main .right #clubBlock .jqTransformInputWrapper { 
					margin: 0 0 8px;
				}
				
		#main .right .feedBack {
			width: 100%;
			position: relative;
		}
		
			#main .right .feedBack .row {
				padding: 0 0 14px !important;

			}
			
			
/***********************************************
*** CAROUSEL
***********************************************/

#carousel {
	background: transparent url(/images/bg_carousel.gif) repeat-x left top;
	position: relative;
	height: 245px;
	width: 561px;
	margin: 30px 0 0 0;
}

.carousel-en {
	background: transparent url(/images/bg_carousel_en.gif) center left no-repeat !important;
	height: 419px !important;
	width: 801px !important;
	margin: 0 !important;
}

	#carousel .leftArrow {
		position: absolute;
		left: 0;
		top: 0;
		display: none;
	}

	#carousel .rightArrow {
		position: absolute;
		right: 0;
		top: 0;
		display: none;
	}
	
	.carousel-en .leftArrow {
		position: absolute;
		left: 0;
		top: 50% !important;
		margin-top: -219px;
		display: none;
	}

	.carousel-en .rightArrow {
		position: absolute;
		right: 0;
		top: 50% !important;
		margin-top: -219px;
		display: none;
	}
	
	#carousel .content {
		position: absolute;
		top: 45px;
		left: 71px;
		display: none;
	}
	
	.carousel-en .content {
		top: 50% !important;
	}
	
	#carousel #carouselSlide1 {
		display: block;
	}
	
		#carousel .content .imageCol {
			width: 160px;
			float: left;
			position: relative;
			padding: 7px 0 0 0;
		}
		
		.carousel-en .content .imageCol {
			width: 320px !important;
		}
	
		#carousel .content .textCol {
			width: 265px;
			float: left;
			position: relative;
		}
		
			#carousel .content .textCol h1 {
				margin: 0 0 6px;
			}
		
			#carousel .content .textCol p {
				margin: 6px 0 24px;
			}
			
			#carousel .content .textCol p a {
				color: #0098ff;
			}
			
/***********************************************
*** TICKER
***********************************************/

#ticker {
	position: relative;
	display: none;
	height: 141px;
}

	#ticker .title {
		padding: 57px 0 0 32px;
	}

	#ticker .title h2 {
		font-size: 1.4em;
		margin: 0 0;
	}

	#ticker .container {
		width: 635px;
		height: 56px;
		overflow: hidden;
		position: absolute;
		top: 36px;
		left: 153px;
	}
	
	#ticker .animation {
		position: absolute;
		left: 28px;
		top: 0;
	}
	
		#ticker .animation td {
			padding: 19px 20px;
		}
				
		#ticker .animation a {
			font-size: 1.6em;
			color: #585858;
			text-decoration: none;
		}
		
	#ticker .speedLeft {
		position: absolute;
		left: 0;
		top: 0;
	}
			
	#ticker .speedRight {
		position: absolute;
		right: 0;
		top: 0;
	}
			
/***********************************************
*** TIMELINE
***********************************************/

.timeLineContent h2 {
	font-size: 1.9em;
	font-weight: normal;
}

.timeLineContent .bottomBanner {
	float: left;
	display: block;
	padding: 0 27px 0 0;
}

#timeLine {
	height: 417px;
	background: transparent url(/images/bg_timeline.gif) no-repeat left top;
	position: relative;
	padding: 0 31px 0 23px;
	margin: 35px 0 41px;
}

	#lawStart {
		position: absolute;
		top: 94px;
		left: 13px;
	}
	
		#lawStart .column {
			float: left;
			width: 190px;
			text-align: center;
			height: 190px;
			position: relative;
		}
		
		#lawStart .column a {
			position: absolute;
			bottom: 0;
			left: 55px;
		}
		
		#lawStart h3 {
			color: #2a3362;
			font-size: 1.2em;
			font-weight: bold;
			margin: 7px 0 8px;
		}

	#timeLine #lawTitle {
		position: absolute;
		top: 10px;
		left: 31px;
		font-size: 2.3em;
	}

	#timeLine .drop {
		text-align: right;
		vertical-align: bottom;
		height: 60px;
		padding: 0 0 0 0;
		position: relative;
	}
	
	#timeLine .drop select { zoom:1; }
	
	#timeLine .image {
		vertical-align: center;
		height: 247px;
		width: 294px;
	}
	
		#timeLine .image .padding {
			padding: 39px 0 30px 77px;
		}
	
	#timeLine .text {
		text-align: left;
		vertical-align: center;
		height: 247px;
		width: 440px;
	}
	
		#timeLine .text .padding {
			padding: 42px 0 0 50px;
		}
			
		#timeLine .text h2 {
			font-size: 2.9em;
			margin: 0 0 6px;
			font-weight: bold;
		}
					
		#timeLine .text p {
			margin: 6px 0 20px;
		}
		
	#timeLine .years {
		text-align: center;
		vertical-align: bottom;
		height: 50px;
	}
	
		#timeLine .years a {
			color: #2a3362;
			font-size: 1.2em;
			font-weight: bold;
			padding: 0 0 5px 21px;
			display: inline-block;
			text-decoration: none;
		}
		
		#timeLine .years a span {
			display: inline-block;
			padding: 2px 21px 5px 0;
			font-size: 1.0em;
		}
		
		#timeLine .years a.active {
			background: transparent url(/images/bg_bracket_left.gif) no-repeat left top;
		}
		
		#timeLine .years a.active span {
			background: transparent url(/images/bg_bracket_right.gif) no-repeat right top;
		}
	
	#timeLine .prev {
		position: absolute;
		bottom: 0;
		left: 0;
		display: none;
	}
	
	#timeLine .next {
		position: absolute;
		bottom: 0;
		right: 0;
		display: none;
	}
			
/***********************************************
*** PUHEENAIHE
***********************************************/

#main .puheenaihe {
	padding: 19px 0 25px 0;
}

	#main .puheenaihe h1 {
		margin: 5px 0 1px;
	}

	#main .puheenaihe h2 {
		font-size: 2.0em;
		margin: 5px 0 1px;
	}

	#main .puheenaihe p {
		margin: 1px 0 10px;
	}

	#main .puheenaihe form {
		padding: 20px 0 0 0;
		position: relative;
	}

	#main .puheenaihe .row {
		padding: 0 16px 2px 0;
	}
	
	#main .puheenaihe .buttonRow {
		padding: 15px 16px 2px 0;
	}
	
	#main .puheenaihe .row .item {
		width: 538px;
		font-family: Arial;
		color: #333333;
	}
		
	#main .puheenaihe .row label {
		font-size: 1.2em;
		color: #2a3362;
		padding: 0 0 4px;
	}
	
	#main .puheenaihe #topicBox {
		width: 561px;
		background: transparent url(/images/bg_topic_box.gif) repeat-y left top;
		text-align: center;
		margin: 20px 0 28px;
	}
	
		#main .puheenaihe #topicBox h3 {
			color: #000000;
			font-size: 1.2em;
			font-weight: bold;
			margin: 0;
			padding: 11px 0 14px;
			background: transparent url(/images/bg_topic_border.gif) no-repeat center bottom;
		}
			
		#main .puheenaihe #topicBox img {
			padding: 45px 0 18px;
		}
					
		#main .puheenaihe #topicBox p {
			color: #000000;
			font-size: 1.9em;
			margin: 0;
			padding: 0 110px 43px;
		}
		
		#main .puheenaihe #topicBox .top {
			background: transparent url(/images/bg_topic_top.gif) no-repeat left top;
			padding: 5px 0 0 0;
		}
	
		#main .puheenaihe #topicBox .bottom {
			background: transparent url(/images/bg_topic_bottom.gif) no-repeat left bottom;
			padding: 0 0 35px;
		}

/***********************************************
*** TOUR
***********************************************/

#tourPage {
	min-height: 565px;
}

#tourWrapper {
	padding: 5px 50px 83px 50px;
	position: relative;
}

	.tourBg {
		position: absolute;
		top: 169px;
		left: -16px;
		
	}

	#tourWrapper #temp {
		padding: 33px 0 0 20px;
		position: relative;
	}
	
	#tourWrapper #loader {
		width: 750px;
		height: 282px;
		display: none; 
		text-align: center;
	}
	
	#tourWrapper #loader img {
		margin-top: 130px;
	}

	#tourWrapper .tourRow {
		padding: 0 28px;
		height: 110px;
	}
	
	#tourWrapper .numberCol {
		float: left;
		color: #2a3362;
		font-size: 2.4em;
		font-weight: bold;
		padding: 0 31px 9px 7px;
	}
	
	#tourWrapper .disabled .numberCol {
		color: #c3c3c3;
	}
		
	#tourWrapper .numberTwo {
		padding: 6px 31px 9px 7px;
	}
	
	#tourWrapper .guideNavi {
		float: left;
		padding: 3px 0 0 3px;
	}
	
	#tourWrapper #guideInfo {
		float: left;
		padding: 4px 0 0 21px;
		display: none;
	}
	
		#tourWrapper #guideInfo .title {
			display: block;
			float: left;
			color: #2a3362;
			font-size: 1.2em;
			font-weight: bold;
			padding: 0 11px 0 0;
		}
		
		#tourWrapper #guideInfo .name {
			display: block;
			float: left;
			color: #333333;
			font-size: 1.2em;
			font-weight: normal;
		}
	
	#tourWrapper .tourNavi {
		padding: 0;
		float: left;
		position: relative;
		padding: 0 0 0 15px;
	}
	
		#tourWrapper ul {
			float: left;
			padding: 0;
			margin: 0;
		}
		
		#tourWrapper ul li {
			display: block;
			float: left;
		}
			
		#tourWrapper .tourNavi a {
			color: #2a3362;
			text-decoration: none;
			font-size: 1.2em;
			font-weight: bold;
			float: left;
			width: 10px;
			margin-right: 0;
			background: transparent url(/images/2011_tour_dot.png) no-repeat 4px top;
			display: block;
			height: 10px;
			position: relative;
			margin-top: 10px;
		}
						
		#tourWrapper .tourNavi img {
			right: 0;
			top: 0;
			position: absolute;
		}
					
		#tourWrapper .disabled a {
			color: #a3a3a3;
			cursor: default;
		}
		
			#tourWrapper .tourNavi a span {
				display: block;
				position: absolute;
				top: -88px;
				left: 0;
				width: 62px;
				height: 82px;
				overflow: hidden;
				background-color: transparent;
				background-position: left bottom;
				background-repeat: no-repeat;
				text-indent: -9999px;
			}
			
			#tourWrapper .tourNavi a span.Aloitus { background-image: url(/images/label_aloitus.png); }
			#tourWrapper .tourNavi a span.Kansanedustajat { background-image: url(/images/label_edustajat.png); }
			#tourWrapper .tourNavi a span.Avustajat { background-image: url(/images/label_avustajat.png); }
			#tourWrapper .tourNavi a span.Puhemiehet { background-image: url(/images/label_puhemiehet.png); }
			#tourWrapper .tourNavi a span.Virkamiehet { background-image: url(/images/label_virkamiehet.png); }
			#tourWrapper .tourNavi a span.Asiantuntijat { background-image: url(/images/label_asiantuntijat.png); }
			#tourWrapper .tourNavi a span.Toimittajat { background-image: url(/images/label_toimittajat.png); }
			
			#tourWrapper .tourNavi a span.Riksdagsledamöterna { background-image: url(/images/se_tag1.png); }
			#tourWrapper .tourNavi a span.Assistenterna { background-image: url(/images/se_tag2.png); }
			#tourWrapper .tourNavi a span.Talmännen { background-image: url(/images/se_tag3.png); }
			#tourWrapper .tourNavi a span.Sakkunniga { background-image: url(/images/se_tag4.png); }
			#tourWrapper .tourNavi a span.Tjänstemännen { background-image: url(/images/se_tag5.png); }
			#tourWrapper .tourNavi a span.Journalisterna { background-image: url(/images/se_tag6.png); }
		
		#tourWrapper .tourNavi a:hover, #tourWrapper .tourNavi a.active {
			background: transparent url(/images/2011_tour_dot.png) no-repeat 4px bottom;
		}
		
		#tourWrapper .disabled a:hover, #tourWrapper .disabled a.active {
			color: #a3a3a3;
			background-color: transparent;
		}
		
	#tourWrapper .tourMain {
		padding: 13px 0 0 258px;
		position: relative;
		width: 775px
	}
	
		#tourWrapper .tourMain .image {
			background: #fff;
			text-align: center;
			position: relative;
			float: left;
			padding: 3px;
			-moz-box-shadow: 0 0 2px 2px #D8D8D8;
			-webkit-box-shadow: 0 0 2px 2px #D8D8D8;
			box-shadow: 0 0 2px 2px #D8D8D8;
		}
		
			#tourWrapper .tourMain .image img {
			}
					
			#tourWrapper .tourMain .image span {
				color: #333333;
				font-size: 1.7em;
				font-weight: bold;
				position: absolute;
				left: 245px;
				bottom: 0;
			}
								
			#tourWrapper .tourMain .image a img {
				margin: 0;
			}
			
			#tourWrapper .tourControls {
				position: relative;
				height: 45px;
			}
			
			#tourWrapper .tourControls .prev {
				position: absolute;
				top: 10px;
				left: 63px;
				display: none;
			}
								
			#tourWrapper .tourControls .next {
				position: absolute;
				top: 10px;
				right: 40px;
				display: none;
			}
			
		#tourWrapper .tourMain .map {
			float: left;
			padding: 0 0 0 50px;
			position: relative;
		}
		
			#tourWrapper .tourMain .map #mapSpot {
				position: absolute;
				left: 0;
				top: 0;
			}
			
	#tourWrapper .tourGuide {
		padding: 35px 0 0 31px;
	}
					
		#tourWrapper .tourGuide h3 {
			margin: 0;
			padding: 0 0 10px;
		}
				
		#tourWrapper .tourGuide .imageCol {
			width: 206px;
			float: left;
			text-align: center;
			color: #333333;
			font-size: 1.1em;
			font-weight: bold;
		}
		
			#tourWrapper .tourGuide .imageCol .image {
				background: none repeat scroll 0 0 #FFFFFF;
    				-moz-box-shadow: 0 0 3px 3px #D8D8D8;
				-webkit-box-shadow: 0 0 3px 3px #D8D8D8;
				box-shadow: 0 0 3px 3px #D8D8D8;
    				margin: 0 4px;
    				padding: 0 0 13px;
    				width: 198px;
			}
						
			#tourWrapper .tourGuide .imageCol img {
				background: transparent url(/images/bg_tour_guide.gif) no-repeat left top;
				padding: 0;
				margin-bottom: 11px;
			}
					
		#tourWrapper .tourGuide .textCol {
			width: 596px;
			float: left;
			text-align: right;
		}
								
			#tourWrapper .tourGuide .textCol .top {
				background: transparent url(/images/2011_tour_bubble_top.png) no-repeat left top;
				text-align: left;
			}
								
			#tourWrapper .tourGuide .textCol .bottom {
				padding: 19px 30px 20px 63px;
			}
								
			#tourWrapper .tourGuide .textCol h2 {
				margin: 0;
				color: #333333;
				font-size: 1.7em;
				font-weight: bold;
				padding: 10px 0 6px;
			}
												
			#tourWrapper .tourGuide .textCol p {
				margin: 0;
				color: #333333;
				font-size: 1.4em;
				padding: 5px 0 12px;
			}
			
#tour {
	display: none;
	padding: 0 0 0 0;
	background: transparent url(/images/2011_tour_bg.png) no-repeat left 70px;
	padding: 70px 0 0;
}
			
/* ====== POPUP CONTAINER ====== */

#popUpBg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	display: none;
	background-color: #000000;
	opacity: 0.21;
	filter: alpha(opacity=21);
	z-index: 100;
}

#popUp {
	margin: 0 -253px;
	width: 507px;
	position: absolute;
	top: -9999px;

	left: 50%;
	z-index: 101;
	background: transparent url(/images/bg_tour_popup.png) no-repeat left top;
	height: 380px;
}

	#popUp .padding { padding: 27px 39px 0 39px; }
	#popUp .bottomPadding { padding: 22px 0 0 28px; }
	
	#popUp h2 {
		font-size: 1.6em;
		margin: 0 0 10px;
	}
	
	#popUp p {
		font-size: 1.3em;
		margin: 0 0 34px;
	}
	
	#popUp .bottomPadding a {
		font-size: 1.1em;
		display: block;
		font-weight: bold;
		color: #0088dc;
		text-decoration: none;
		padding: 16px 1px 0;
	}

/***********************************************
*** GENERIC FORM
***********************************************/

#genericForm {
}

	#genericForm form {
		position: relative;
	}

	#genericForm .row, .feedBack .row {
		padding: 0 0 20px;
		zoom: 1;
	}
	
	#genericForm .reqInfo {
		padding: 11px 0 29px;
	}
	
		#genericForm .row label, #genericForm .row span.butLabel, .feedBack .row label {
			color: #464e77;
			font-size: 1.4em;
			font-weight: bold;
		}
		
		#nuortenParlamentti #genericForm .row label, #nuortenParlamentti #genericForm .row span.butLabel, #nuortenParlamentti .feedBack .row label {
			color: #004573;
		}
		
		#opettajille #genericForm .row label, #opettajille #genericForm .row span.butLabel, #opettajille .feedBack .row label, #opettajille_se .feedBack .row label {
			color: #909A00;
		}
	
	#genericForm .leftCol {
		float: left;
		width: 182px;
	}
	
	#genericForm .rightCol {
		float: left;
		width: 364px;
	}
			
	#genericForm .rightColShort {
		float: left;
		width: 203px;
	}
	
	#genericForm .item {
		width: 100%;
	}
		
	#genericForm .reqCol {
		float: left;
		width: 19px;
		text-align: right;
		padding: 5px 0 0;
	}
	
	#genericForm .row img {
		margin: 0;
	}
	
	#genericForm .row table {
		margin: 0;
	}

	
#noFlashContent {
	background: transparent url(/images/istumakartta_noflash.gif) no-repeat center bottom;
	padding: 0 103px 356px;
}	

#noFlashContent p {
	text-align: left;
}

#noFlashContent .pdfLink {
	display: block;
	font-size: 1.3em;
}

#main .subPageContent #noFlashContent img {
	margin: 17px 0 13px;
}
				
			
/***********************************************
*** CONTENT FOOTER
***********************************************/

#contentFooter {
	padding: 29px 71px 0 82px;
	background: transparent url(/images/bg_footer_gradient.gif) no-repeat 49px top;
}

	#contentFooter h2 {
		font-size: 2.0em;
		font-weight: bold;
		margin: 0 0 33px 0;
	}

	#contentFooter .feedBack {
		position: relative;
		float: left;
		width: 388px;
		background: transparent url(/images/bg_feedback.gif) no-repeat 228px top;
	}
	
		#contentFooter .feedBack .row {
			padding: 0 0 14px 0;
			width: 311px;
			float: left;
		}
		
		#contentFooter .feedBack .reqCol {
			float: left;
			width: 19px;
			text-align: right;
			padding: 5px 0 0;
		}
		
		#contentFooter .feedBack .row .item {
			width: 312px;
			font-family: Arial;
			color: #333333;
		}
		
		#contentFooter .feedBack form {
			position: relative; 
			zoom: 1;
			float: left;
		}
		
		#contentFooter .feedBack #disabler {
			position: absolute;
			top: 0;
			left: 0;
			width: 333px;
			height: 255px;
			z-index: 999;
			display: none; 
			background: transparent url(/images/bg_form_disabler.png) repeat left top;
			text-align: center;
		}
		
		#disabler_Lomake {
			position: absolute;
			top: 0;
			left: 0;
			width: 565px;
			height: 255px;
			z-index: 999;
			display: none;
			background: transparent url(/images/bg_form_disabler.png) repeat left top;
			text-align: center;
		}
		
		.puheenaihe #sending {
			position: absolute;
			top: 0;
			left: 0;
			width: 565px;
			height: 255px;
			z-index: 999;
			display: none;
			background: transparent url(/images/bg_form_disabler.png) repeat left top;
			text-align: center;
		}
		
		
		
		#contentFooter .feedBack #disabler .sendingForm {
			padding: 62px 20px 0 2px;
		}
		
		.puheenaihe #sending .sendingForm {
			padding: 62px 20px 0 2px;
		}
		
			#contentFooter .feedBack #disabler .sendingForm h3 {
				margin: 0 0 16px;
				color: #2a3362;
				font-size: 1.2em;
				font-weight: bold;
			}
			
		#contentFooter .feedBack #disabler .formSent {
			padding: 43px 50px 0 32px;
		}
		
		.puheenaihe #sending .formSent {
			padding: 43px 50px 0 32px;
		}
		
			#contentFooter .feedBack #disabler .formSent h2 {
				margin: 0 0 18px;
				font-size: 2.0em;
				font-weight: bold;
				color: #2a3362;
			}
			
			#contentFooter .feedBack #disabler .formSent p {
				margin: 0 0 0;
				font-size: 1.3em;
				color: #333333;
			}
		
	#contentFooter .footerContent {
		position: relative;
		float: left;
		width: 380px;
	}
	
		#contentFooter .footerContent img {
			float: left;
			padding: 0 28px 0 0;
		}
		
		#contentFooter .footerContent h2 {
			padding: 0 0 14px 9px;
		}
				
		#contentFooter .footerContent p {
			color: #333333;
			font-size: 1.3em;
			margin: 10px 0 16px;
		}
		
		#contentFooter .footerContent a {
			color: #22a6ff;
		}

	#contentFooter .links {
		position: relative;
		padding: 33px 310px 25px 0;
	}
		
		#contentFooter .links .other {
			width: 495px;
		}

		#contentFooter .links h2 {
			margin: 0 0 12px;
			font-size: 1.4em;
			font-weight: normal;
		}

		#contentFooter .links a {
			color: #0098ff;
			font-size: 1.1em;
			float: left;
		}
		
		#contentFooter .links span {
			color: #484848;
			font-size: 1.3em;
			float: left;
			padding: 0 10px 0 9px;
		}
		
		#contentFooter .links .addthis_button {
			position: absolute;
			top: 45px;
			right: 35px;
		}
		
		/* IE 6 */
		
		* html #contentFooter .links .addthis_button {
			right: 85px !important;
		}
		

/***********************************************
*** FOOTER
***********************************************/

#footer {
	position: relative;
	width: 960px;
	background: transparent url(/images/bg_footer.png) no-repeat left top;
	text-align: right;
}

	#footer .padding { padding: 16px 70px 20px 0; }
	
	#footer a {
		color: #ffffff;
		font-size: 1.0em;
		float: right;
		display: block;
		padding: 0 6px;
	}
	
	#footer span {
		display: block;
		font-weight: bold;
		color: #ffffff;
		font-size: 1.0em;
		float: right;
		padding: 0 0 0 7px;
	}



#noFlashEetuubi { display: none; padding: 10px 0; }

#parlamenttiKerhot {
	padding: 20px 0 0 0;
	text-align: center;
}

#printButton {
	position: absolute;
	right: 280px;
	top: 60px;
}

/* IE 6 */

* html #printButton {
	right: 330px !important;
}
