body{
	width: 100%;
	background: url(vaihtoehto.jpg) repeat center top #302523;
	margin: 0;
	font-family: Calibri, Tahoma, sans-serif;
	font-size: 16px;
	color: #000000;
	line-height: 24px;
	text-align: center;
	overflow: auto;
	}
	
	a:link{
		color: #B34525;
		font-weight: normal;
		text-decoration: underline;
	}
	
	a:visited{
		color: #7B1508;
		}
	
	a:hover, a:active{
		color: #DA7457;
	}
	

div.top_light_bg{
	display: inline-block;
	width: 100%;
	height: auto;
	min-height: 562px;
	background: url(valo.png) no-repeat center top transparent;
	margin: 0;
	padding: 0;
}

div.extra_bg{
	display: inline-block;
	width: 100%;
	height: auto;
	background: url(peite_tausta.png) repeat center -233px transparent;
	margin: 0 auto;
	padding: 0;
	}
	 
div.basic_bg{
	display: inline-block;
	width: 100%;
	max-width: 1000px;
	height: auto;
	min-height: 20px;
	background: url(kirkas_tausta.jpg) repeat center -233px #FFFFFF;
	margin: 0 auto;
	padding: 0;
	color: #3B342F;
	}

h1 img{
	width: auto;
	max-width: 100%;
	margin: 30px auto -20px auto;
	padding: 0;
	color: #FFFFFF;
	font-size: 60px;
	font-weight: bold;	
	text-shadow: 0 0 1px #FFFFFF;	
	vertical-align: middle;	
	line-height: 80px;
	border: 0;
	background: transparent;
	}
	
div.navigation{
	display: block;
	background: transparent;
	width: 95%;
	max-width: 1000px;
	margin: auto;
	padding: 0;
	}
	
	div.navigation ul{
		display: block;
		background: transparent;
		width: auto;
		height: auto;
		margin: 10px auto 20px auto;
		padding: 0;
		list-style-type: none;
		}
	
	div.navigation li{
		display: inline-block;
		width: auto;
		height: auto;
		margin: 10px 15px;
		padding: 0;
		vertical-align: middle;
		text-align: center;
		}
	
	div.navigation a:link, div.navigation a:visited{
		display: block;
		background: transparent;
		margin: 0;
		padding: 0;
		font-size: 23px;
		color: #FFFFFF;
		text-decoration: none;
		text-align: center;
		font-weight: normal;
		text-shadow: 0 0 1.0px #FFFFFF;
	}
	
	div.navigation a.active:link, div.navigation a.active:visited{ 
		font-weight: bold;
		}

#up{
	display: block;
	font-size: 20px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	text-shadow: 0 0 1.5px #FFFFFF;
	margin: 15px 0;
	position: relative;
	z-index: +1;
}
	
	#up:hover, #up:active,
	div.navigation a:hover, div.navigation a:active,
	div.navigation a.active:active, div.navigation a.active:hover{
		text-shadow: 0 0 8px #FFFFFF;
	}
	
	div.background_bottom ul.navigation a:link{
		margin: 0;
		}
	

h1{
	font-family: Calibri, Tahoma, sans-serif;
	font-size: 24px; 
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	text-shadow: 0 0 1px #BABABA;
}

h1 span.smaller{
	font-size: 22px;
	font-weight: normal;
	text-transform: none;
	letter-spacing: normal;
} 


	
h2{
	font-size: 19px;
	font-weight: bold;
	}
	
h3{
	font-size: 17px;
	font-weight: bold;
	}

	
div.text_wrapper{
	display: inline-block;
	width: 90%;
	background: transparent;
	margin: 0 auto;
	padding: 2% 0;
	text-align: left;
	}

div.subnavigation{
	display: block;
	width: 100%;
	background: transparent;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	overflow: hidden;
}

	div.subnavigation ul{
		display: block;
		background: transparent;
		width: auto;
		height: auto;
		margin: 0 auto;
		padding: 0;
		list-style-type: none;
		}
	
	div.subnavigation li{
		display: inline-block;
		width: auto;
		height: auto;
		margin: 5px 15px;
		padding: 0;
		vertical-align: middle;
		text-align: center;
		}

		div.subnavigation a:link, div.subnavigation a:visited{
			display: block;
			background: transparent;
			margin: 0;
			padding: 0;
			font-size: 19px;
			color: #6E210C;
			text-decoration: none;
			text-align: center;
			font-weight: bold;
			text-shadow: 0 0 2px #FFFFFF;
		}
	
		div.subnavigation a:active, div.subnavigation a:hover{ 
			font-weight: bold;
			color: #BF4422;
			text-shadow: 0 0 1px #FFFFFF;
		}


div.bottom_text_wrapper{
	background: transparent;
	width: 90%;
	max-width: 950px;
	margin: 0 auto 5px auto;
	padding: 15px 0;
	font-size: 16px;
	color: #FFFFFF;
	text-align: left;
	}


	div.bottom_text_wrapper div.list_wrapper_left{
		display: inline-block;
		width: 29%;
		margin: 0;
		margin-right: 3%;
		vertical-align: top;
		opacity: 0.7;
		text-align: left;
		padding: 0;
	}	
	
	div.bottom_text_wrapper div.list_wrapper_middle{
		display: inline-block;
		width: 25%;
		margin: 0;
		margin-right: 3%;
		margin-left: 3%;
		vertical-align: top;
		opacity: 0.7;
		text-align: center;
		padding: 0;
	}
		
	div.bottom_text_wrapper div.list_wrapper_right{
		display: inline-block;
		width: 29%;
		margin: 0;
		margin-right: 3%;
		vertical-align: top;
		opacity: 1;
		text-align: right;
		padding: 0; 
	}	
	
@media all and (max-width: 680px) {
	div.bottom_text_wrapper div.list_wrapper_left, 
	div.bottom_text_wrapper div.list_wrapper_right{
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
		text-align: center;
	}
	
	
	div.bottom_text_wrapper div.list_wrapper_left{
		text-align: left;
	}
	
	
	div.bottom_text_wrapper div.list_wrapper_middle{
		display: none;
		}
}
	

	div.bottom_text_wrapper ul{
		padding: 0;
		margin: 15px 0;
		list-style-type: none;
		text-align: inherit;
		vertical-align: top;
	}

	div.bottom_text_wrapper a{
		color: #FFFFFF;
	}

		div.bottom_text_wrapper a:hover, div.bottom_text_wrapper a:active{
			text-decoration: none;
		}


.intro{
	display: inline-block;
	font-size: 20px;
	font-weight: normal;
	vertical-align: bottom;
	margin-top: 17px;
	margin-bottom: 10px;
	margin-left: 10px;
		float: right;
}
			
ul{
	list-style-type: none;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
}


li{
	
}

div.inline{
	display: inline-block;
	width: 45%;
	padding-right: 2%;
	padding-left: 2%;
	margin: auto;
	vertical-align: top;
	}	

	
	.bold{
		font-weight: bold;
		}
		
	a.bold{
		font-weight: bold;
		}

	.italic{
		font-style: italic;
		}
		
	.bigger{
		font-size: 18px;
		}
				
	.reflect{
		direction: rtl;
		unicode-bidi: bidi-override;
		}


		
	.float_left{
		display: inline-block;
		float: left;
		}
		
	.float_right{
		display: inline-block;
		float: right;
		}

		.text_right{
			text-align: right;
		}
img{
	width: auto;
	max-width: 100%;
	border: 0;
	}
	
	
	.hide{
		display: none;
		}
		
	.center{
		text-align: center;
		}
	
	.smaller{
		font-size: 15px;
		}

	.small{
		font-size: 13px;
		}
		
	.inline{
		display: inline-block;
	}
		
hr{
	width: 100%;
	opacity: 0.25;
	margin: 20px auto;
	padding: 0;
	clear: both;
	}