@charset "UTF-8";

/**
** YLEISET	
**/

body {
	margin: 0;
	padding: 0;
	font-family: verdana, arial, helvetica, times;
	font-size: 12px;
	background: #e8e7de url('kuvat/yla_banneri.png') top left repeat-x;
}

p {
	font-family: verdana, arial, helvetica, times;
	font-size: 12px;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}


/**
**	KOMPONENTIT
**/

#paa_container {
	width: 990px;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 0;
}

#logo {
	width: 100%;
	margin: 0;
	padding: 0;
	padding-top: 70px;
	text-align: left;
}

#logo img {
	margin: 0;
	padding: 0;
	border: 0;
}

#paavalikko {
	margin: 0;
	padding: 0;
	margin-top: 55px;
	text-align: center;
	margin-bottom: 65px;
	width: 990px;
	float: left;
	clear: both;
}

#paavalikko ul {
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	font-size: 12px;
	font-size: 11.5px;
	font-family: arial, sans serif, helvetica;
	padding: 0;
	width: 600px;
}

#paavalikko li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 25px;
	text-align: center;
	width: 150px;
}

#paavalikko li.aktiivinen {
	background: url('kuvat/paavalikko_nuoli.png') bottom center no-repeat;	
}

#paavalikko a, #paavalikko a:hover {
	text-decoration: none;
	text-transform: uppercase;
	font-weight: normal;
}

#paavalikko a {
	color: #797fa4;
}

#paavalikko a:hover {
	color: #c3e4ff;
}

#paavalikko a.aktiivinen {
	color: #c3e4ff;
}

#valiteksti {
	margin: 0;
	padding: 0;
	width: 788px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#valiteksti p {
	font-size: 14px;
	font-weight: normal;
	color: #7a7a7a;
	margin: 0;
	padding: 0;
}

#valiteksti h1 {
	color: #434343;
	font-weight: normal;
	font-size: 17px;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}

#boksi {
	width: 912px;
	margin: 0;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
}

#boksi .yla {
	width: 912px;
	height: 42px;
	margin: 0;
	padding: 0;
	background: url('kuvat/boksi_yla.png') top left no-repeat;
}

#boksi .ala {
	width: 912px;
	height: 70px;
	margin: 0;
	padding: 0;
	background: url('kuvat/boksi_ala.png') top left no-repeat;
	margin-bottom: 0px;
}

#boksi .keski {
	margin: 0;
	background-color: #ffffff;
	padding: 5px 30px 10px 30px;
}

#boksi .keski h1.nuoli {
	font-size: 18px;
	font-weight: normal;
	color: #000000;
	margin: 0;
	padding: 0;
	padding-bottom: 8px;
	display: inline;
	float: left;
	background: url('kuvat/nuoli_ylos.png') bottom center no-repeat;
}

#boksi .keski .laatikko {
	margin: 0;
	display: block;
	clear: both;
}

#sivulinkit {
	margin: 0;
	padding: 0;
	height: 27px;
}

#sivulinkit ul {
	font-weight: normal;
	font-size: 12px;
	margin: 0;
	padding: 0;	
	float: right;
}

#sivulinkit li {
	float:left;
	height:20px;
	list-style:none;
	margin:0;
	padding:0;
	margin-left: 20px;
	padding-top: 7px;
}

#sivulinkit li.aktiivinen {
	background: url('kuvat/nuoli_alas.png') top center no-repeat;	
}

#sivulinkit a {
	color: #0041f4;
}

#sivulinkit a:hover {
	text-decoration: underline;	
}

.viiva {
	height: 1px;
	background-color: #7f7f7f;
	margin: 0;
	padding: 0;
	clear: both;
}

.clear {
	clear: both;
	display: block;
	width: 100%;
	height: 1px;	
}

/**
	TÄSSÄ ON SISÄLTÖMUOTOILUT
**/

.koostaja {
	margin: 0;
	padding: 0;
	display: block;	
}

.vasen_palsta {
	float: left;
	width: 420px;
	margin: 0;
}

.levenna {
	width: 450px;
}

.kavenna {
	width: 390px;	
}

.oikea_palsta {
	float: right;
	width: 420px;
	margin: 0;
}

.koko_palsta {
	width: 852px;
	margin: 0;
	padding: 0;
	margin: auto;
}

.vasen_palsta h1, .oikea_palsta h1, .koko_palsta h1 {
	font-size: 15px;
	font-weight: normal;
	color: #000000;
	margin: 0;
	margin-bottom: 17px;
}

.vasen_palsta .pvmkuva h2, .oikea_palsta .pvmkuva h2 {
	font-size: 13.5px;
	font-weight: normal;
	color: #000000;	
	margin: 0;
	line-height: 24px;
}

.vasen_palsta .pvmkuva, oikea_palsta .pvmkuva {
	margin: 0;
	margin-right: 10px;
	float: left;
}

.pvmkuva img{
	margin: 0;
	margin-top: 5px;
	height: 60px;
	width: 62px;	
}

.vasen_palsta p, .oikea_palsta p, .vasen_palsta a, .oikea_palsta a, .koko_palsta p, .koko_palsta a {
	color: #484848;
	font-size: 13.5px;
	margin: 0;
	line-height: 24px;
	letter-spacing: 0.3px;
	margin-bottom: 15px;
}

.vasen_palsta a, .oikea_palsta a, .koko_palsta a{
	color: #0041f4;
}

.vasen_palsta a:hover, .oikea_palsta a:hover, .koko_palsta a:hover{
	text-decoration: underline;
}

.koko_palsta ul{
	margin: 0;
}

.koko_palsta li{
	list-style: none;
	float: left;
	width: 250px;
	color: #686868;
	font-size: 13.5px;
	margin: 0;
	letter-spacing: 0.3px;
	margin-bottom: 13px;
	display: block;
	padding-left: 20px;
}

.koko_palsta input {
	width: 400px;	
}

.koko_palsta .laheta {
	width: 100px;	
}

.koko_palsta .punainen {
	color: #ff0000;	
}

.harmaa_laatikko {
	width: 420px;
	background: #d1e0e7 url('kuvat/harmaa_boksi_ala.png') no-repeat bottom center;
	margin: 0;
	margin-top: 5px;
}

.harmaa_laatikko_levea {
	width: 740px;
	/**background: #d1e0e7 url('kuvat/harmaa_boksi_ala_levea.png') no-repeat bottom center;**/
	margin: auto;
	margin-top: 5px;
}

.harmaa_laatikko .content {	
	padding-top: 20px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 20px;
}

.etusivu_kuva {
	border: 1px solid #686868;	
	width: 358px;
	margin-left: 35px;
}

.harmaa_laatikko_levea .content {	
	padding: 10px;
}

.sininen_tausta {
	background: #d1e0e7;
	padding-top: 15px;
}

.vihrea_tausta {
	background: #bafdcc;
	padding-top: 15px;
}

.keltainen_tausta {
	background: #fff971;
	padding-top: 15px;
}

.tila {
	height: 10px;
	width: 100%;
	margin: 0;	
	padding: 0;
}

.tila2 {
	height: 20px;
	width: 100%;
	margin: 0;	
	padding: 0;
}

.symboli {
	height: 128px;
	width: 126px;
	margin: auto;
	background: url('kuvat/symboli.png') no-repeat;	
	margin-top: 50px;
}

.pikkukuvat {
	margin: auto;
	padding: 0px;
	width: 768px;
}

.pikkukuvat img {
	display:block;
	margin: 3px;
	padding: 0px;
	border: 1px solid #686868;
	width: 50px;
	height: 50px;
}

.pikkukuvat ul {
	margin: 0px;
	padding: 0px;
}

.pikkukuvat li {
	margin: 0px;
	padding: 0px;
	display: block;
	width: 59px;
	text-align: center;
}

.isokuva {
	width: 800px;
	margin: auto;
	padding: 0;
	text-align: center;
}

.isokuva img {
	width: 500px;
	margin: 0px;
	margin-top: 7px;
	padding: 0px;
	border: 1px solid #686868;
}

.yritys_kuva {
	border: 1px solid #686868;
	width: 400px;
	margin-left: 9px;	
	margin-top: 20px;
}

/**
	TÄHÄN LOPPUU SISÄLTÖMUOTOILUT
**/

#alavasen h1, #alaoikee h1, #alakeski h1 {
	font-size: 14px;
	font-weight: normal;
	color: #484848;
	margin: 0;
	margin-bottom: 10px;
}

#alavasen h1 a, #alaoikee h1 a, #alakeski h1 a {
	color: #484848;
}

#alavasen ul, #alaoikee ul, #alakeski ul {
	font-size: 12px;
	margin: 0;
	padding: 0;
	position: relative;
	margin-bottom: 15px;
}

#alavasen li, #alaoikee li, #alakeski li {
	list-style: none;
	height: 20px;
	color: #696969;
}

#alavasen ul a, #alaoikee ul a, #alakeski ul a {
	color: #696969;
}

#alavasen a:hover, #alaoikee a:hover, #alakeski a:hover {
	text-decoration: underline;
}

#alavasen {
	float: left;
	margin-left: 100px;
}

#alaoikee {
	float: right;
	margin-right:100px;
	width: 300px;
}

#alaoikee .vasen{
	float: left;
}

#alaoikee .oikea{
	float: right;
	margin-left: 30px;
}

#alakeski {
	margin-left: 350px;
}

#alaviiva {
	margin: 0;
	background: #9f9f99;
	height: 1px;
	margin-left: auto;
	margin-right: auto;
	width: 772px;
	margin-top: 80px;
}

#copyright {
	text-align: center;
	color: #9f9f99;
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	margin-top: 10px;
	margin-bottom: 20px;
}