@charset "UTF-8";
/* CSS Document */

* {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #f2f2f0;
	text-align: center;
	font-size: 16px;
	line-height: 1.4;
}
a img {
	border: none;
}
.container {
	width: 1355px;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background-color: #FFF;
	background-image: url(images/bg.jpg);
	background-repeat: no-repeat;
	height: 955px;
}
.header {
	display: block;
	height: 399px;
}
.content {
	display: block;
	height: 500px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
#logo {
	display: block;
	height: 140px;
	width: 1355px;
	float: left;
}
#planner_desc {
	display: block;
	float: left;
	height: 200px;
	width: 540px;
	margin-left: 194px;
	padding-right: 60px;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 37px;
	color: #FFF;
}
#ohje {
	float: left;
	height: 70px;
	width: 500px;
}
#ohje p {
	font-size: 80%;
	color: #FFF;
}
#air {
	display: block;
	float: left;
	height: 48px;
	width: 500px;
	padding-top: 10px;
}
#air a {
	background-image: url(images/air.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 48px;
	width: 500px;
	padding-top: 10px;
}
#air a:active {
	background-image: url(images/air_yes.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 48px;
	width: 500px;
	padding-top: 10px;
}
#air a:hover {
	background-image: url(images/air_yes.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 48px;
	width: 500px;
	padding-top: 10px;
}
#air_en {
	display: block;
	float: left;
	height: 48px;
	width: 500px;
	padding-top: 10px;
}
#air_en a {
	background-image: url(images/air_en.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 48px;
	width: 500px;
	padding-top: 10px;
}
#air_en a:active {
	background-image: url(images/air_en_yes.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 48px;
	width: 500px;
	padding-top: 10px;
}
#air_en a:hover {
	background-image: url(images/air_en_yes.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 48px;
	width: 500px;
	padding-top: 10px;
}

#sovellus {
	display: block;
	float: left;
	height: 48px;
	width: 500px;
	padding-top: 10px;
}
#sovellus a {
	background-image: url(images/lataa_planner.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 48px;
	width: 500px;
	padding-top: 10px;
}
#sovellus a:active {
	background-image: url(images/lataa_planner_yes.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 48px;
	width: 500px;
	padding-top: 10px;
}
#sovellus a:hover {
	background-image: url(images/lataa_planner_yes.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 48px;
	width: 500px;
	padding-top: 10px;
}
#sovellus_en {
	display: block;
	float: left;
	height: 48px;
	width: 500px;
	padding-top: 10px;
}
#sovellus_en a {
	background-image: url(images/load_planner.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 48px;
	width: 500px;
	padding-top: 10px;
}
#sovellus_en a:active {
	background-image: url(images/load_planner_yes.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 48px;
	width: 500px;
	padding-top: 10px;
}
#sovellus_en a:hover {
	background-image: url(images/load_planner_yes.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 48px;
	width: 500px;
	padding-top: 10px;
}
#text {
	display: block;
	width: 420px;
	margin-top: 50px;
	margin-left: 196px;
	height: 330px;
}
#selite {
	display: block;
	height: 80px;
	width: 980px;
	margin-top: 10px;
	margin-left: 196px;
	font-size: 80%;
}
.footer {
	display: block;
	float: left;
	padding-left: 20px;
	width: 500px;
	color: #FFF;
}
#metos {
	display: block;
	float: right;
	width: 300px;
	padding-right: 20px;
	color: #FFF;
	text-align: right;	
}
#metos a {
	display: block;
	float: right;
	width: 300px;
	padding-right: 20px;
	color: #FFF;
	text-align: right;	
}
