body {
	margin: 0;
	padding: 0;
	text-align: center;
}

div.clear {
	clear: both;
}

.submit {
	border: none;
	background: url('/layout/img/button.gif') no-repeat top left;
	text-align: center;
	padding: 0px 6px;
	width: 81px;
	height: 20px;
	color: #FFF;
	cursor: hand;
}

.submit2 {
	border: none;
	background: url('/layout/img/painike2.png') no-repeat top left;
	text-align: center;
	padding: 0px 6px;
	width: 130px;
	height: 20px;
	color: #FFF;
	cursor: hand;
}

.submit3 {
	border: none;
	background: url('/layout/img/painike3.png') no-repeat top left;
	text-align: center;
	padding: 0px 6px;
	width: 160px;
	height: 20px;
	color: #FFF;
	cursor: hand;
}

form {
	display: inline;
	margin: 0;
}

#wrapper {
	width: 960px;
	margin: 0 auto;
}

#ylanavi {
	float: right;
	height: 16px;
	margin: 12px 0;
}
	#ylanavi img {
		float: left;
		border: 0;
	}
	#ylanavi p {
		float: left;
		margin: 0 12px 0;
		padding: 0;
		font: normal 12px arial;
		font-family: trebuchet ms, arial;
	}
	#ylanavi p a {
		color: #f97307;
		text-decoration: none;
	}
	#ylanavi p a:hover {
		text-decoration: underline;
	}
	
#header {
	width: 960px;
	height: 129px;
	background-image: url('/layout/img/header_top.png');
	position: relative;
	padding: 0;
}
	#header h1 {
		width: 145px;
		height: 57px;
		margin: 0;
		text-indent: -9999px;
		position: absolute;
		top: 44px;
		left: 32px;
	}
		#header h1 a {
			display: block; 
			width: inherit; 
			height: inherit;
		}
	
	
#navigation {
	width: 960px;
	height: 71px;
	background-image: url('/layout/img/navigation_bg.png');
}
	#navigation #mainnavi {
		width: 498px;
		height: 29px;
		float: right;
		margin-right: 18px;
	}
		#navigation #mainnavi a {
			height: 29px;
			display: block;
			float: left;
			font: normal 14px arial;
			font-family: trebuchet ms, arial;
			text-decoration: none;
			line-height: 30px;
			color: #797979;
			background-position: 0px 0px;
		}
		#navigation #mainnavi a:hover {
			color: #fff;
			background-position: 0px -29px;
		}
		
		#navigation #mainnavi a.active {
			color: #fff;
			background-position: 0px -29px;
		}
		
		#navigation #mainnavi a#etusivu {
			width: 71px;
			background-image: url('/layout/img/navi_etusivu.png');
		}
		#navigation #mainnavi a#hopottajat {
			width: 91px;
			background-image: url('/layout/img/navi_hopottajat.png');
		}
		#navigation #mainnavi a#asiakkaat {
			width: 84px;
			background-image: url('/layout/img/navi_asiakkaat.png');
		}
		#navigation #mainnavi a#kampanjat {
			width: 94px;
			background-image: url('/layout/img/navi_kampanjat.png');
		}
		#navigation #mainnavi a#faq {
			width: 50px;
			background-image: url('/layout/img/navi_faq.png');
		}
		#navigation #mainnavi a#yhteystiedot {
			width: 105px;
			background-image: url('/layout/img/navi_yhteystiedot.png');
		}
		
	#navigation #alinavi {
		width: 498px;
		height: 29px;
		float: right;
		margin-right: 18px;
	}
		#navigation #alinavi #anvasen {
			width: 10px;
			height: 29px;
			background-image: url('/layout/img/alinavi_vasen.png');
			float: left;
		}
		#navigation #alinavi #anoikea {
			width: 10px;
			height: 29px;
			background-image: url('/layout/img/alinavi_oikea.png');
			float: right;
		}
		#navigation #alinavi #ankeski {
			width: 478px;
			height: 29px;
			background-image: url('/layout/img/alinavi_bg.png');
			background-repeat: repeat-x;
			float: left;
		}
			#navigation #alinavi #ankeski a {
				float: left;
				margin-left: 16px;
				font: normal 12px arial;
				font-family: trebuchet ms, arial;
				line-height: 28px;
				color: #f97307;
				text-decoration: none;
			}
			#navigation #alinavi #ankeski a:hover {
				text-decoration: underline;
			}
			#navigation #alinavi #ankeski a.active {
				text-decoration: underline;
			}
		
		
	#contentarea {
		width: 960px;
		min-height: 100px;
		background-image: url('/layout/img/contentarea_bg.png');
		background-repeat: no-repeat;
	}
	
	.corner_top_left {
		width: 6px;
		height: 6px;
		position: absolute;
		top: 0;
		left: 0;
		margin: -1px 0 0 -1px;
		background-image: url('/layout/img/corners.png');
		background-repeat: no-repeat;
		background-position: 0 0;
	}
	.corner_top_right {
		width: 6px;
		height: 6px;
		position: absolute;
		top: 0;
		right: 0;
		margin: -1px -1px 0 0;
		background-image: url('/layout/img/corners.png');
		background-repeat: no-repeat;
		background-position: -6px 0;
	}
	.corner_bottom_left {
		width: 6px;
		height: 6px;
		position: absolute;
		bottom: 0;
		left: 0;
		margin: 0 0 -1px -1px;
		background-image: url('/layout/img/corners.png');
		background-repeat: no-repeat;
		background-position: 0 -6px;
	}
	.corner_bottom_right {
		width: 6px;
		height: 6px;
		position: absolute;
		bottom: 0;
		right: 0;
		margin: 0 -1px -1px 0;
		background-image: url('/layout/img/corners.png');
		background-repeat: no-repeat;
		background-position: -6px -6px;
	}

	
	#contentarea #vasen {
		width: 150px;
		float: left;
		text-align: left;
		margin-left: 20px;
		padding: 0 5px;
		color: #555;
	}
	
		#contentarea #vasen .laatikko {
			float: left;
			padding: 8px;
			font: normal 12px arial;
			font-family: trebuchet ms, arial;
		}
			#contentarea #vasen .laatikko a {
				color: #f97307;
				text-decoration: none;
			}
			#contentarea #vasen .laatikko hr {
				margin: 4px 0;
			}
	
		#contentarea #vasen h4 {
			font: normal 16px arial;
			font-family: trebuchet ms, arial;
			color: #25a4b6;
			margin: 0 0 12px;
			padding: 0;
		}
		#contentarea #vasen h3 {
			font: normal 18px arial;
			font-family: trebuchet ms, arial;
			color: #25a4b6;
			margin: -10px 0 16px 0;
			padding: 0;
		}
		#contentarea #vasen p {
			margin: -10px 0 0;
			font: normal 12px arial;
			font-family: trebuchet ms, arial;
		}
		
	#contentarea input.text {
		border: 1px solid #b4b4b4;
		font: normal 12px arial;
		font-family: trebuchet ms, arial;
		color: #b4b4b4;
		padding: 6px;
		margin-bottom: 8px;
		width: 130px;
	}
	#contentarea input.button {
		text-indent: -9999px;
		border: none;
	}
	#contentarea input.login {
		width: 48px;
		height: 20px;
		background-image: url('/layout/img/button-login.png');
	}

	#contentarea input.palaute1 {
		width: 101px;
		height: 29px;
		text-align:left;
		margin-left: -280px;
		background-image: url('/layout/img/nappi_eipitaneet.png');
	}
	#contentarea input.palaute2 {
		width: 101px;
		height: 29px;
		text-align:left;
		margin-left: -280px;
		background-image: url('/layout/img/nappi_pitaneet.png');
	}

	#contentarea input.logout {
		width: 87px;
		height: 20px;
		background-image: url('/layout/img/button-logout.png');
		margin-top: 8px;
	}
	#contentarea input.luelisaa {
		width: 86px;
		height: 29px;
		background-image: url('/layout/img/nappi_luelisaa.png');
	}
	
	
		#contentarea #vasen #login a {
			padding-left: 10px;
			background-image: url('/layout/img/arrow_orange.png');
			background-repeat: no-repeat;
			background-position: 0 50%;
			font: normal 12px arial;
			font-family: trebuchet ms, arial;
			color: #f97307;
			text-decoration: none;
			line-height: 18px;
		}
		
		#contentarea #vasen #bannerit {
			width: 145px;
			margin: 24px 0 0;
		}
			#contentarea #vasen #bannerit img {
				border: 0;
				margin-bottom: 20px;
			}
	
		#contentarea #vasen #fanitus {
			width: 101px;
			margin: 0 0 10px;
		}
			#contentarea #vasen #fanitus img {
				border: 0;
				margin-bottom: 10px;
			}
	
		#contentarea #vasen #kumppanimme {
			font: normal 12px arial;
			font-family: trebuchet ms, arial;
			color: #555;
		}
			#contentarea #vasen #kumppanimme img {
				border: 0;
				margin: 6px 0 20px 0;
			}
		
		#contentarea #keski {
			float: left;
		}
		#contentarea #oikea {
			float: right;
		}
		
		#contentarea #mainos {
			margin-right: 24px;
		}
		
		
		#contentarea .tabit {
			width: 586px;
			height: 27px;
			margin-bottom: -1px;
			border-bottom: 1px solid #ebeaea;
		}
			.tab {
				height: 28px;
				float: left;
				font: normal 12px trebuchet ms;
				font-family: trebuchet ms, arial;
				color: #f99800;
				margin-left: 6px;
			}
				.avoin .vasen {
					width: 10px;
					height: 28px;
					background-image: url('/layout/img/tab_avoin_vasen.png');
					float: left;
				}
				.avoin .keski {
					width: 122px;
					height: 28px;
					background-image: url('/layout/img/tab_avoin_keski.png');
					background-repeat: repeat-x;
					float: left;
					line-height: 30px;
				}
				.avoin .oikea {
					width: 10px;
					height: 28px;
					background-image: url('/layout/img/tab_avoin_oikea.png');
					float: left;
				}
				.suljettu .vasen {
					width: 10px;
					height: 28px;
					background-image: url('/layout/img/tab_suljettu_vasen.png');
					float: left;
				}
				.suljettu .keski {
					width: 122px;
					height: 28px;
					background-image: url('/layout/img/tab_suljettu_keski.png');
					background-repeat: repeat-x;
					float: left;
					line-height: 30px;
				}
				.suljettu .oikea {
					width: 10px;
					height: 28px;
					background-image: url('/layout/img/tab_suljettu_oikea.png');
					float: left;
				}
			.tab a {
				color: #f99800;
				text-decoration: none;
			}
			
			
		#contentarea .laatikko {
			margin: 0 auto;
			width: 100%;
			position: relative;
			border: 1px solid #ebeaea;
			padding: 16px 20px 2px;
			margin-bottom: 20px;
		}
			#contentarea .laatikko h2 {
				font: normal 22px arial;
				font-family: trebuchet ms, arial;
				color: #f99800;
				float: left;
				margin: 0;
			}
			#contentarea .laatikko h2 a {
				padding-left: 10px;
				font: normal 12px arial;
				font-family: trebuchet ms, arial;
				color: #f97307;
				text-decoration: none;
				line-height: 18px;
				margin: 0px 0 0 6px;
			}
			#contentarea .laatikko h3 {
				font: normal 20px arial;
				font-family: trebuchet ms, arial;
				color: #b4b4b4;
				float: left;
				margin: 2px 0 0 6px;
			}
			#contentarea .laatikko p {
				font: normal 12px arial;
				font-family: trebuchet ms, arial;
				color: #555;
				text-align: left;
				line-height: 18px;
				margin-bottom: 10px;
			}
			#contentarea .laatikko hr {
				width: 100%;
				height: 1px;
				border: 0;
				background-color: #ebeaea;
				margin: 10px 0;
			}
			#contentarea .laatikko p a {
				padding-left: 10px;
				background-image: url('/layout/img/arrow_orange.png');
				background-repeat: no-repeat;
				background-position: 0 50%;
				font: normal 12px arial;
				font-family: trebuchet ms, arial;
				color: #f97307;
				text-decoration: none;
				line-height: 18px;
			}
			#contentarea .laatikko .ei {
                              background-image: none;
			}	
			#contentarea .laatikko .toisin {
                                background-image: url('/layout/img/arrow_orange2.png');
			}	
                        #contentarea .laatikko h6 {
                                font: normal 13px arial;
                                font-family: trebuchet ms, arial;
                                margin: 10px 0 0;
                                float: left;
                                text-align: left;
                                color: #25a4b6;
                        }
			#contentarea .laatikko h5 a {
				color: #f99800;
				text-decoration: none;
				line-height: 18px;
			}
			#contentarea .laatikko p a tyhja {
				font: normal 12px arial;
				font-family: trebuchet ms, arial;
				color: #f97307;
				text-decoration: none;
				line-height: 18px;
			}
			#contentarea .laatikko p img {
				float: left;
				border: 0;
				margin: 10px 20px 10px 0;
			}
			#contentarea .laatikko table td.nro {
				width: 20%;
				text-align: left;
				font: normal 12px arial;
				font-family: trebuchet ms, arial;
				height: 1.5em;
				vertical-align: middle;
				color: #555;
			}
			#contentarea .laatikko table td.name {
				width: 50%;
				text-align: left;
				font: normal 12px arial;
				font-family: trebuchet ms, arial;
				height: 1.5em;
				vertical-align: middle;
				color: #555;
			}
			#contentarea .laatikko table td.points {
				width: 30%;
				text-align: right;
				font: normal 12px arial;
				font-family: trebuchet ms, arial;
				height: 1.5em;
				vertical-align: middle;
				color: #555;
			}
			#contentarea .laatikko table td.highlight {
				color: #f99800;
			}
			#contentarea .laatikko h5 {
				font: normal 16px arial;
				font-family: trebuchet ms, arial;
				margin: 10px 0 0;
				float: left;
				text-align: left;
			}
			#contentarea .laatikko h5 {
				color: #25a4b6;
				margin-bottom: -10px;
			}
			#contentarea .laatikko h5.oranssi {
				color: #f99800;
				margin-bottom: 20px;
			}
			#contentarea .laatikko h5.oranssi2 {
				color: #f99800;
				margin-bottom: -10px;
			}
			#contentarea .laatikko h5.sininen2 {
				color: #25a4b6;
				margin-bottom: 10px;
			}
			

                        #contentarea .laatikko table {
                                font: normal 12px arial;
                                font-family: trebuchet ms, arial;
                                color: #555;
                                text-align: left;
                                line-height: 18px;
                                margin-bottom: 10px;
                        }
                        #contentarea .laatikko table a {
                                padding-left: 10px;
                                background-image: url('/layout/img/arrow_orange.png');
                                background-repeat: no-repeat;
                                background-position: 0 50%;
                                font: normal 12px arial;
                                font-family: trebuchet ms, arial;
                                color: #f97307;
                                text-decoration: none;
                                line-height: 18px;
                        }

			
		#contentarea .L340 {
			width: 300px;
			float: left;
			margin-left: 8px;
		}
			#contentarea .L340 h5 {
				width: 140px;
			}
		#contentarea .L390 {
			width: 350px;
			float: right;
			margin-right: 24px;
		}
			#contentarea .L390 h5 {
				width: 190px;
			}
		#contentarea .L230 {
			width: 191px;
			float: left;
			margin-left: -24px;
		}
		#contentarea .L2302 {
			width: 191px;
			float: left;
			margin-left: 20px;
		}

		#contentarea .L2303 {
			width: 201px;
			float: left;
			margin-left: 20px;
		}

		
		
	
	#footer {
		width: 900px;
		height: 183px;
		background-image: url('/layout/img/footer_bg.png');
		margin: 0 auto;
		padding: 0 20px;
	}
		#footer .pala {
			width: 140px;
			float: left;
			padding: 30px 10px 20px 30px;
			text-align: left;
			font: normal 12px arial;
			font-family: trebuchet ms, arial;
			color: #fff;
		}
			#footer .pala p {
				margin: 0;
				line-height: 18px;
			}
				#footer .pala p a {
					padding-left: 10px;
					background-image: url('/layout/img/arrow_white.png');
					background-repeat: no-repeat;
					background-position: 0 50%;
					color: #fff;
					text-decoration: none;
				}
				#footer .pala p a.iso {
					font-size: 16px;
					line-height: 20px;
				}
				#footer .pala p a.noarrow {
					padding: 0;
					background-image: none;
				}
				
				#footer .pala img {
					margin: 8px 0;
				}



#voitto {
                left: 0px;
                margin-top: 50px;
                top: 0px;
                bottom: 0px;
                z-index: 9999;
        }
                #voitto #listaus {
                        width: 300px;
                        height: 130px;
                        left: 20px;
                        top: 30px;
                        bottom: 12px;
                        font: bold 10px arial;
                                overflow: hidden;
                        color: #be7d00;
                                position: absolute;
                }
                        #voitto #listaus table {
                                width: 300px;
                                top: 38px;
                                left: 0;
                                position: absolute;
                        }
                        #voitto #listaus td {
                                padding: 0;
                                padding-right: 10px;
                                text-align: left;
                        }