body {
	width: 800px;
	margin: 0 auto;
	background-color: #f2f2f2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#4d4d4d;
}

a {
	color:#000000;
}

button {
	background:url("images/button.png") no-repeat;
	width: 97px;
	height: 23px;
	border: none;
}

a.nappi {
	background:url("images/nappi.png") no-repeat 50%;
	height: 23px;
	display:block;
	margin: 10px 0 0 0;
}

p, h1, h2, h3, h4, ul, li {
	margin: 0;
	padding: 0;
}

/* bg */
div#bg {
	background:url("images/header.png") no-repeat 50% 0%;
	background-color: #FFFFFF;
}


/* header */
div#header {
	height: 118px;
}


/* navi */
div#navi {
	height: 39px;
	background:url("images/navi.png") no-repeat;
	padding: 0 10px;
}
div#navi ul {
	margin:0;
	padding:0;
	list-style: none;
}
div#navi li {
	margin: 0;
	padding:0;
	float:left;
}
div#navi a {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	display: block;
	color: #FFFFFF;
	padding: 12px 20px 11px 20px;
	line-height:16px;
	text-decoration: none;
}
div#navi a.current {
	background:url("images/navicurrent.png") repeat-x;
}




/* content */
div#content {
	padding: 34px 30px;
	line-height: 18pt;
}
div#content p.ingressi {
	color:#000000;
}
div#content h1{
	color:#2c652b;
	font-size: 17px;
	margin:0;
	font-weight: normal;
	border-bottom: solid 1px #2c652b;
}
div#content h2 {
	color:#6eb661;
	font-size: 15px;
	line-height: 20px;
	border-bottom: solid 1px #e6eae6;	
	font-weight: normal;
	padding: 0 0 0 15px;
	margin: 20px 0 0 0;
	background:url("images/bullet.png") no-repeat 0 5px;
}
div#content li {
	margin: 0 0 0 15px;
	list-style: disc;
}
div#content div#col1 {
	width: 430px;
	float: left;
}

div#content div#col21 {
	width: 354px;
	float: left;
}
div#content div#col22 {
	width: 354px;
	float: left;
	margin: 0 0 0 29px;
}
div#content div#col{
	
}

div#content div.greenbox {
	display:block;
	background:#67ae59;
	color: #FFFFFF;
	padding: 5px;
	margin: 20px 0 0 0;
}
div#content div.greenbox h2 {
	padding: 0 0 0 15px;
	margin: 0 0 0 0;
	color: #b5e6ab;
	border-bottom: solid 1px #b5e6ab;
	background: url("images/bullet2.png") no-repeat 0 5px;
}

div#content table {
	padding: 0 0 0 320px;
}


/* nostot */
div#content div#nostot {
	width: 292px;
	float: left;
	margin: 0 0 0 18px;
	background:url("images/nostot2.png") repeat-y;
}
div#content div#kuva {
	width: 292px;
	float: left;
	margin: 0 0 0 18px;
}
div#content div#nostot div.head {
	background:url("images/nostot1.png") no-repeat;
	height: 6px;
}
div#content div#nostot div.head2 {
	background:url("images/nostot4.png") no-repeat;
	height: 6px;
}
div#content div#nostot div.foot {
	background:url("images/nostot3.png") no-repeat 0 0;
	background-color: #FFFFFF;
	height: 6px;
	padding: 0 0 10px 0;
}
div#content div#nostot div.nosto{
	margin: 0 5px;
	padding: 0 11px;
	line-height: 16px;
}
div#content div#nostot h1 {
	color:#e96161;
	font-size: 16px;
	line-height:19px;
	border:  none;
	border-left: solid 2px #f78f1e;
	border-right: solid 2px #f78f1e;
	margin: 0 5px 5px 5px;
	padding: 0 11px;
}
div#content div#nostot h1.green {
	color:#6eb661;
	border-left: solid 2px #6eb661;
	border-right: solid 2px #6eb661;
}


div#clear {
	clear:both;
	float:none;
}


/* footer */
div#footer {
	background: url("images/footer.png") no-repeat;
	height:20px;
	text-align:center;
	color: #7c7c7c;
	padding: 16px 0 0 0;
}

div#powered {
	text-align:center;
	padding: 5px 0 0 0;
}