@charset "utf-8";

* { margin: 0; padding: 0; }

img { border: 0; }

#flash1 {
	width: 471px !important;
	height: 32px !important;
}

body,
html {
	height: 100%; /* for footer */
}

html {
	background-image: url(../images/body_back.png);
	background-repeat: repeat-x;
	background-color: #6d6d6d;
	color: #000;
}

body {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 16px;
}
	
	h1 {
		font-size: 21px;
		font-weight: normal;
		margin: 18px 0 6px 0;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
	}

	h2 {
		font-size: 17px;
		font-weight: normal;
		margin: 18px 0 12px 0 !important;
		font-family: Arial, Helvetica, sans-serif;
		background: none;
		font-weight: bold;
	}
	
	h3 {
		font-size: 15px;
		font-weight: normal;
		margin: 18px 0 12px 0 !important;
		background: none;
		font-weight: bold;
	}
		
	p { margin: 12px 0 12px 0 !important; }
	
	p.tilaa_1 {
		background-image: url(../images/p_1.jpg);
		background-repeat: no-repeat;
		background-position: 15px 3px;
		padding-left: 60px;
	}
	
	p.tilaa_2 {
		background-image: url(../images/p_2.jpg);
		background-repeat: no-repeat;
		background-position: 12px 3px;
		padding-left: 60px;
	}
	
	p.tilaa_3 {
		background-image: url(../images/p_3.jpg);
		background-repeat: no-repeat;
		background-position: 15px 3px;
		padding-left: 60px;
	}
	
	.clear { clear: both; margin: 0; padding: 0; }
	
	a { color: #005991; text-decoration: none; }
	
	a:hover { color: #00426c; text-decoration: none; }
	
	ul, ol {
		margin: 0 0 0 30px;
	}
	
	ol li {
		padding: 10px 0 5px 10px;
	}
	
	ul li {
		padding: 5px 0 5px 10px;
	}

/* TEMPLATE */

#ensimmainen_container { position: absolute; left: 50%; width: 463px; z-index: 100; margin: 7px 0 0 0; }

#ensimmainen { height: 128px; width: 133px; background-image: url(../images/suomen_ensimmainen.png); position: absolute; left: -463px; z-index: 101; }

#page { /* for footer */
	min-height: 100%; /* for footer */
   	position: relative; /* for footer */
}

	#container {
		margin: 0 auto;
		text-align: center;
		width: 940px;
		padding-bottom: 190px;  /* for footer; height of the footer */
	}
	
		div.container_top {
			height: 23px;
			width: 940px;
			background-image: url(../images/container_top.png);	
		}
		
		#container_main {
			width: 900px;
			background-image: url(../images/container_back.png);
			background-repeat: repeat;
			padding: 0 20px 0 20px;
		}
		
			#main_teksti { float: left; width: 562px; text-align: left; padding: 20px; }
		
		#container_main2 {
			width: 865px;
			background-image: url(../images/container_back.png);
			background-repeat: repeat;
			padding: 1px 20px 7px 55px;
		}
		
			#top {
				background-image: url(../images/top.png);
				width: 900px;
				height: 150px;
				text-align: center;
				padding: 40px 0 0 0;
			}
			
			#linkit {
				background-image: url(../images/linkit_back.png);
				width: 900px;
				height: 41px;
				text-align: center;
				margin: 6px 0 0 0;
				padding: 10px 0 0 0;
			}
				
			#vaiheet {
				background-image: url(../images/vaiheet_back.png);
				width: 537px;
				height: 40px;
				text-align: left;
				margin: 6px 0 0 0;
				padding: 10px 0 0 65px;
			}	
			
			#lomake {
				background-image: url(../images/lomake_back.png);
				width: 562px;
				height: 302px;
				text-align: left;
				margin: 6px 0 0 0;
				padding: 24px 20px 20px 20px;
			}	
			
				input.thin, input.thin_a, input.thin_b, input.wide {
					height: 27px;
					line-height: 27px;
					padding: 3px 8px 3px 8px;
					margin: 4px 0 4px 0;
					border: 2px solid #3d85ac;
					font-family: "Trebuchet MS", Verdana, sans-serif;
					font-size: 16px;
					color: #666666;
					vertical-align: middle;
				}
				
				input.thin {
					width: 255px;
					margin-right: 3px;
				}
				
				input.thin_a {
					width: 75px;
					margin-right: 3px;
				}
				
				input.thin_b {
					width: 152px;
					margin-right: 3px;
				}
				
				input.wide {
					width: 537px;
				}
				
				input.send { border: 0; height: 41px; width: 100px; background: none; background-image: url(../images/send_button.png) !important; color: #fff; font-size: 18px; cursor: pointer; }
				
				input.send:hover { border: 0; height: 41px; width: 100px; background: none; background-image: url(../images/send_button.png) !important; background-position: -100px 0; color: #fff; font-size: 18px;}
				
				input.send:active { border: 0; height: 41px; width: 100px; background: none; background-image: url(../images/send_button.png) !important; background-position: -200px 0; color: #fff; font-size: 18px;}
				
				.auto-hint { color: #666666; }
				
				input:focus { outline: none; background-color: #e8e8e8; }
				
				#lomake_merkit { width: 450px; float: left; padding: 7px 0 0 2px; }
				
				#lomake_send { width: 100px; float:left; margin: 5px 0 0 0; }
			
			#right1 {
				width: 291px;
				height: 150px;
				text-align: center;
				margin: 6px 0 0 6px;
			}	
			
			#right2 {
				width: 291px;
				height: 245px;
				text-align: center;
				margin: 6px 0 0 6px;
			}			
		
		#main {
			width: 804px;
			margin: 20px 0 0 0;
			padding: 0 0 0 8px;
			text-align: left;
		}
		
			#teksti {
				width: 600px;
				padding: 0 0 20px 102px;
			}
				
			#flash {
				width: 804px;
				height: 430px;
				padding: 20px 0 10px 0;
			}
			
	div.container_bottom {
			width: 940px;
			height: 27px;
			background-image: url(../images/container_bottom.png);
			background-repeat: repeat;	
		}
	
	#footer {
		height: 180px; /* for footer */
		width: 100%; /* for footer */
		text-align: center;
		position: absolute; /* for footer */
		bottom: 0; /* for footer */
		font-size: 13px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		background-color: #bababa;
		color: #303030;
		padding: 10px 0 0 0;
	}
	
		#footer_text {
			width: 880px;
			margin: 0 auto;
			text-align: left;
			line-height: 1.4em;
		}
		
			#footer_text a { color: #303030; text-decoration: underline; }
			
			#footer_text a:hover { color: #000; text-decoration: none; }
			
table.hinnasto td { padding: 2px 5px 2px 0 !important; }

table.hinnasto td.first { width: 80px; }

table.hinnasto td.second { width: 170px; }

table.hinnasto td.third {  }

table.hinnasto td.fourth { padding: 0 0 0 15px !important; }