@charset "utf-8";
/* CSS Document */
/* Elosato/Genesis - last edit 17.12.2010 */


/* Footer at the bottom of the page */

.wrapper {
	width: 980px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -100px auto;
	padding: 0;
	background: #ffffff;
	}

/* Footer push */
.push {
	height: 100px;
	}
	
.masthead {
	position: relative;
	width: 980px;
	height: 195px;
	background: transparent url('/material/bg_masthead.jpg') no-repeat bottom left;
	margin: 0;
	padding: 0;
	}
	
	.login {
		position: absolute;
		top: 30px;
		left: 590px;
		width: 390px;
		height: 120px;
		color: #fff;
		text-align: right;
		}
		
		.logged_in {
			position: absolute;
			top: 20px;
			left: 90px;
			width: 220px;
			height: 35px;
			padding: 5px;
			background: url('/material/bg_logged_in.jpg') no-repeat;
			}
			
			.logged_in p {
				color: #fff;
				font-style: italic;
				}
		
		label.tunnus {
			position: absolute;
			top: 15px;
			left: 90px;
			width: 60px;
			height: 27px;
			line-height: 27px;
			vertical-align: middle;
			font-size: 14px;
			font-family: Arial, Helvetica, sans-serif;
			}

		label.salasana {
			position: absolute;
			top: 45px;
			left: 90px;
			width: 60px;
			height: 27px;
			line-height: 27px;
			vertical-align: middle;
			font-size: 14px;
			font-family: Arial, Helvetica, sans-serif;
			}
		
		input#tunnus {
			position: absolute;
			top: 15px;
			left: 169px;
			width: 142px;
			height: 20px;
			margin: 0;
			padding: 4px 5px 3px 5px;
			font-size: 14px;
			font-family: Arial, Helvetica, sans-serif;
			border: none;
			background: url('/material/login_input_user.jpg') no-repeat 100% 0%;
			}
		
		input#salasana {
			position: absolute;
			top: 45px;
			left: 169px;
			width: 142px;
			height: 20px;
			margin: 0;
			padding: 4px 5px 3px 5px;
			font-size: 14px;
			font-family: Arial, Helvetica, sans-serif;
			border: none;
			background: url('/material/login_input_pass.jpg') no-repeat 100% 0%;
			}
		
		p.login_help {
			position: absolute;
			top: 78px;
			left: 0;
			width: 150px;
			text-align: right;
			line-height: 12px;
			}
		
		p.login_help_logged {
			position: absolute;
			top: 78px;
			left: 0;
			width: 150px;
			text-align: right;
			line-height: 24px;
			vertical-align: middle;
			}
			
			.login_help a:link, .login_help a:visited, .login_help a:active, .login_help_logged a:link, .login_help_logged a:visited, .login_help_logged a:active {
				font-size: 11px;
				color: #fff;
				text-decoration: none;
				}
			
			.login_help a:hover, .login_help_logged a:hover {
				text-decoration: underline;
				}
		
		/* Not used.. */	
		button.login_button {
			position: absolute;
			top: 81px;
			left: 169px;
			width: 152px;
			height: 27px;
			line-height: 27px;
			vertical-align: middle;
			text-align: center;
			font-size: 14px;
			color: #fff;
			border: none;
			background: url('/material/login_button_01.jpg') no-repeat;
			}
			
		button.login_button:hover {
			background: url('/material/login_button_02.jpg') no-repeat;
			}
			
		input.login_button {
			position: absolute;
			top: 81px;
			left: 169px;
			width: 152px;
			height: 27px;
			line-height: 27px;
			vertical-align: middle;
			text-align: center;
			font-size: 14px;
			color: #fff;
			border: none;
			background: url('/material/login_button_01.jpg') no-repeat;
			}
			
		input.login_button:hover {
			background: url('/material/login_button_02.jpg') no-repeat;
			}
			
		.login_key {
			position: absolute;
			top: 13px;
			left: 335px;
			}
				
	
	.navigation {
		position: absolute;
		top: 150px;
		left: 15px;
		width: 715px;
		height: 35px;
		}
		
		.navigation ul {
			float: left;
			display: inline;
			list-style: none;
			margin: 0;
			}
			
			.navigation ul li {
				float: left;
				display: inline;
				padding: 0 10px 0 10px;
				background: url('/material/nav_separator.jpg') no-repeat 100% 0%;
				}
			
			.navigation ul li.nav-last {
				background: none;
				}
				
				.navigation ul li a:link, .navigation ul li a:visited, .navigation ul li a:active {
					height: 35px;
					line-height: 35px;
					vertical-align: middle;
					font-family: Georgia, "Times New Roman", Times, serif;
					font-size: 13px;
					color:  #66421f; /* #037700; */
					text-decoration: none;
					}
				
				.navigation ul li a:hover {
					text-decoration: underline;
					}
		
				.navigation .active {
					font-weight: bold;	
				}
	
		.tilaus_luku {
			display: inline;
			float: left;
			margin: 0 15px 0 15px;
			color: #fff;
			}
		
		button.tilaukseen_button {
			float: left;
			display: inline;
			margin: 0 0 0 39px;
			padding: 0;
			width: 152px;
			height: 27px;
			line-height: 27px;
			vertical-align: middle;
			text-align: center;
			font-size: 14px;
			color: #fff;
			border: none;
			background: url('/material/tilaukseen_button_01.jpg') no-repeat;
			}
		
		button.tilaukseen_button:hover {
			background: url('/material/tilaukseen_button_02.jpg') no-repeat;
			}

/* Content Structure */

.container {
	display: inline-block;
	width: 100%;
	padding: 0 0 20px 0;
	margin: 0 0 0 0;
	}
			
.content {
	display: inline;
	float: left;
	width: 674px;
	padding: 15px 25px 0 25px;
	margin: 0;
	}
	
.right-column {
	display: inline;
	float: left;
	width: 245px;
	padding: 15px 0 0 0;
	margin: 0;
	}

.footer {
	position: relative;
	width: 980px;
	height: 100px;
	margin: 0 auto;
	background: #fff url('/material/bg_footer.jpg') no-repeat;
	}
	
	/* Sivun alalaidassa oleva tähkä */
	.cob {
		position: absolute;
		left: -110px;
		bottom: 0;
		}


/* Sidemenu with yellow background */	
	
	.sidemenu {
		float: left;
		display: inline;
		width: 230px;
		margin: 0 0 15px 0;
		background: url('/material/bg_sidemenu.jpg') repeat-y;
		}
		
		.sidemenu h4.lannoitteet {
			width: 175px;
			padding: 15px 15px 15px 40px;
			margin: 0;
			color: #037700;
			font-size: 16px;
			font-weight: bold;
			font-family: Georgia, "Times New Roman", Times, serif;
			background: url('/material/bg_sidemenu_lannoitteet.jpg') no-repeat;
			}
		
		.sidemenu h4.ajankohtaista {
			width: 175px;
			padding: 15px 15px 15px 40px;
			margin: 0;
			color: #037700;
			font-size: 16px;
			font-weight: bold;
			font-family: Georgia, "Times New Roman", Times, serif;
			background: url('/material/bg_sidemenu_ajankohtaista.jpg') no-repeat;
			}
			
		.sidemenu h4.vinkit {
			width: 175px;
			padding: 15px 15px 15px 40px;
			margin: 0;
			color: #037700;
			font-size: 16px;
			font-weight: bold;
			font-family: Georgia, "Times New Roman", Times, serif;
			background: url('/material/bg_sidemenu_vinkit.jpg') no-repeat;
			}

		.sidemenu h4.extranet {
			width: 175px;
			padding: 15px 15px 15px 40px;
			margin: 0;
			color: #037700;
			font-size: 16px;
			font-weight: bold;
			font-family: Georgia, "Times New Roman", Times, serif;
			background: url('/material/bg_sidemenu_extranet.jpg') no-repeat;
			}

		.sidemenu_bottom {
			clear: both;
			width: 230px;
			height: 5px;
			padding: 5px 0 0 0;
			background: url('/material/bg_sidemenu_bottom.jpg') no-repeat 0% 100%;
			}


		.sidemenu ul {
			list-style: none;
			margin: 0;
			padding: 0 0 10px 0;
			line-height: 1.3em;
			}
			
			.sidemenu ul li {
				margin: 0 20px 5px 35px;
				padding: 0;
				line-height: 1.3em;
				font-family: Arial, Helvetica, Sans-serif;
				font-size: 11px;
				list-style: square;
				color: #855628;
				}
				
				
			.sidemenu ul li.separator {
				width: 245px;
				height: 13px;
				line-height: 13px;
				padding: 0;
				margin: 0;
				list-style: none;
				background: url('/material/sidemenu_separator.jpg') no-repeat 0% 40%;
				}


			.sidemenu ul li.header {
				margin: 0 0 0 0;
				padding: 0 15px 0 15px;
				font-family: Georgia, "Times New Roman", Times, serif;
				font-size: 12px;
				color: #66421f;
				font-weight: bold;
				list-style: none;
				}

				.sidemenu ul li a:link, .sidemenu ul li a:visited, sidemenu ul li a:active {
					font-family: Georgia, "Times New Roman", Times, serif;
					font-size: 13px;
					color:  #66421f;
					text-decoration: none;
					}
					
				.sidemenu ul li a:hover {
					text-decoration: underline;
					}
		
				.sidemenu .active {
					font-weight: bold;	
				}

/* Sidemenu with green background */
	
.sidemenu_green {
	float: left;
	display: inline;
	width: 230px;
	margin: 0 0 15px 0;
	background: url('/material/bg_sidemenu_green.jpg') repeat-y;
	}
		
	.sidemenu_green h4.tilaus {
		width: 175px;
		padding: 15px 15px 15px 40px;
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		font-family: Georgia, "Times New Roman", Times, serif;
		background: url('/material/bg_sidemenu_green_tilaus.jpg') no-repeat;
		}
			
	.sidemenu_green_bottom {
		clear: both;
		width: 230px;
		height: 5px;
		padding: 5px 0 0 0;
		background: url('/material/bg_sidemenu_green_bottom.jpg') no-repeat 0% 100%;
		}
					
	.sidemenu_green ul {
		list-style: none;
		margin: 0;
		padding: 0 0 10px 0;
		}
			
		.sidemenu_green ul li {
			margin: 0 15px 5px 30px;
			padding: 0;
			line-height: 1em;
			font-size: 13px;
			list-style: square;
			color: #66421f;
			}
				
		.sidemenu_green ul li.separator {
			width: 245px;
			height: 15px;
			line-height: 15px;
			padding: 0;
			margin: 0;
			list-style: none;
			background: url('/material/sidemenu_separator_green.jpg') no-repeat 0% 50%;
			}

		.sidemenu_green ul li.header {
			margin: 10px 0 0 0;
			padding: 0 15px 0 15px;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 12px;
			color: #fff;
			font-weight: bold;
			list-style: none;
			}
			
			.sidemenu_green ul li a:link, .sidemenu_green ul li a:visited, sidemenu_green ul li a:active {
				font-family: Georgia, "Times New Roman", Times, serif;
				color: #fff;
				text-decoration: none;
				}
				
			.sidemenu_green ul li a:hover {
				text-decoration: underline;
				}
		
			.sidemenu_green .active {
				font-weight: bold;	
				}
		

/* Box in right column */

.box {
	float: left;
	display: inline;
	width: 230px;
	margin: 0 0 1em 0;
	background: url('/material/bg_box.jpg') repeat-y;
	}
	
	.box h4.boxheader_ukk {
		width: 195px;
		height: 25px;
		padding: 10px 0 0 35px;
		margin: 0 0 10px 0;
		background: url('/material/bg_boxheader_ukk.jpg') no-repeat;
		}

	.box h4.boxheader_vinkit {
		width: 195px;
		height: 25px;
		padding: 10px 0 0 35px;
		margin: 0 0 10px 0;
		/* vertical-align: middle; ÄLÄ KÄYTÄ, IE jättää alalaidan pois */
		background: url('/material/bg_boxheader_vinkit.jpg') no-repeat;
		}	

	.boxfooter {
		clear: both;
		width: 230px;
		height: 10px;
		background: url('/material/bg_boxfooter.jpg') no-repeat 0% 100%;
		}
	
	.box h4 {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: normal;
		font-size: 0.9em;
		color: #66421f;
		}
	
	.box p {
		font-size: 0.8em;
		margin: 0 10px 0.8em 10px;
		}
		
	.box h4.boxheader_vinkit {
		width: 195px;
		height: 25px;
		padding: 10px 0 0 35px;
		margin: 0 0 10px 0;
		background: url('/material/bg_boxheader_vinkit.jpg') no-repeat;
		}	

	.boxfooter {
		clear: both;
		width: 230px;
		height: 10px;
		background: url('/material/bg_boxfooter.jpg') no-repeat 0% 100%;
		}
	
	.box h4 {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: normal;
		font-size: 0.9em;
		color: #66421f;
		}
	
	.box p {
		font-size: 0.8em;
		margin: 0 10px 0 10px;
		}
		
		
/* Search */
		
.search {
	position: absolute;
	top: 150px;
	left: 715px;
	width: 265px;
	height: 45px;
		}
		
	.search img {
		position: absolute;
		top: 9px;
		left: 23px;
		}
		
	.search_input {
		position: absolute;
		top: 9px;
		left: 44px;
		width: 142px;
		height: 20px;
		padding: 4px 5px 3px 5px;
		border: none;
		background: url('/material/search_input.jpg') no-repeat;
		}
	
	/* Not used.. */		
	button.search_button {
		position: absolute;
		top: 9px;
		left: 204px;
		width: 52px;
		height: 27px;
		text-align: center;
		font-size: 14px;
		color: #66421f;
		border: none;
		background: url('/material/search_button_01.jpg') no-repeat;
		}

	button.search_button:hover {
		background: url('/material/search_button_02.jpg') no-repeat;
		}
		
	input.search_button {
		position: absolute;
		top: 9px;
		left: 204px;
		width: 52px;
		height: 27px;
		text-align: center;
		font-size: 14px;
		color: #66421f;
		border: none;
		background: url('/material/search_button_01.jpg') no-repeat;
		}

	input.search_button:hover {
		background: url('/material/search_button_02.jpg') no-repeat;
		}