html,body {
	margin: 0;
	padding: 0;
}

body {
	text-align: center;
	/* background-image: url(../img/bg.gif); */
	line-height: 1.4;
	font-family: Verdana, Arial, helvetica, sans-serif;
	font-size: 12px;
	background:#fdfefc; 
	color: #333333;
}

div#container {
	position:relative;
	text-align: left;
	background: #FFFFFF;
	width: 770px;
	margin: 0 auto;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

div#topbar {
	background:#f0f0f0; 
	color:#666666; 
	padding: 5px 30px 5px 30px; 
	font-family:arial; 
	font-size:12px; 
	font-weight:normal; 
	height: 15px;
}

div#topbar a {
	color: #7eb628;
	text-decoration: none;
	font-size: 12px;
	letter-spacing: 0px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	margin-right:15px;
}

div#topbar a:hover {
	text-decoration: underline;
}

div#header {
	height: 290px;
	margin: 0;
	color: #8B1229;
	background-image: url(../img/header.jpg);
}

div#menu {
	line-height: 30px;
}

div#menu a {
	color: #7eb628;
	text-decoration: none;
	font-size: 11px;
	letter-spacing: 0px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	margin-right:15px;
}

div#menu a:visited {
	color: #7eb628;
}

div#menu a:active {
	color: #7eb628;
}

div#menu a:hover {
	color: #388531;
}

div#menu a#selected {
	color: #388531;
	text-decoration: underline;
}

a.ext_link {white-space:nowrap; padding: 0 13px 0 0; background: url(../img/icon_ext_link.gif) no-repeat 100% 0;}

div#content {
	float: right;
	width: 500px; 
	padding: 30px 50px 30px 0px;
	line-height: 1.3;
}

div#navigation {
	float: left;
	width: 180px;
	padding-top: 30px;
	padding-left: 30px;
	font-family: Arial, helvetica, sans-serif;
	font-size: 14px;
}

div#navigation li {
	padding-bottom: 3px;
}

div#navigation .nav1 {
	color: #388531;
	list-style: none;
}

div#navigation .nav2 {
	color: #388531;
	list-style: square;
	padding-left: 8px;
}

div#navigation h1 {
	font-size: 14px;
	padding-bottom: 10px;
	padding-top: 0px;
}

div#content h1 {
	text-transform: uppercase;
	font-family: Arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #013d81;
	padding-bottom: 10px;
	padding-top: 0px;
}

div#content h2 {
	font-family: Arial, helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #013d81;
	padding-top: 10px;
	padding-bottom: 0px;
}

div#content h3 {
	font-family: Arial, helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #388531;
	padding-top: 10px;
	padding-bottom: 0px;
}

div#content h4 {
	font-family: Verdana, Arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
}

div#content h3.gb {background:#388531; color:#ffffff; padding-top: 2px; padding-left: 2px; margin-bottom:0; width:100%;}

.infoheader {
	font-family: Arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #4E93BC;
	padding-top: 0px;
	padding-bottom: 10px;
	margin-top: 0px;
	margin-bottom: 10px;
}

div#content p, div#content td, div#content div {
	font-family: Verdana, Arial, helvetica, sans-serif;
	font-size: 12px;
	background:#ffffff; 
	color: #333333;
}

th {
	background:#ffffff; 
	color: #013d81;
	font-weight: bold;
	text-align: left;
}

div#content li {
	line-height: 1.2;
	font-family: Verdana, Arial, helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin-bottom:5px;
}

ul {
	margin-left: 10px; 
	padding-left: 1em;
}

hr {
	color: #388531; width: 100%; height: 1px; background-color: #388531; border: 0; margin-top:0px;
}

div#content .ilmotaulu {
	line-height: 1.2;
	font-family: Verdana, Arial, helvetica, sans-serif;
	font-size: 12px;
	background-color: #ffffff;
}

.inputbox {
	border: 1px #999999 solid;
	font-family: Arial, helvetica, sans-serif;
	font-size: 13px;
}

div#content a:link, a:active, a:visited {
	color: #3B7387;
	text-decoration: underline;
	font-size: 12px;
	font-family: Verdana, Arial, helvetica, sans-serif;
	font-weight: normal;
	line-height: 1.4;
}

div#content a:hover {
	color: #1E586C;
	text-decoration: underline;
	font-size: 12px;
	font-family: Verdana, Arial, helvetica, sans-serif;
	font-weight: normal;
	line-height: 1.4;
}

div#navigation a {
	font-family: Arial, helvetica, sans-serif;
	font-size: 13px;
	color: #777777;
	text-decoration: none;
}

div#navigation a:hover {
	text-decoration: underline;
	font-size: 13px;
}

div#navigation a:active {
	text-decoration: underline;
	font-size: 13px;
}

div#navigation a.selected {
	text-decoration: none;
	color: #547e50;
	font-weight: bold;
}

div#navigation a.tanaan {
	color: #3B7387;
	text-decoration: none;
	font-size: 13px;
	font-weight: normal;
}

div#navigation a:hover.tanaan {
	color: #1E586C;
	text-decoration: underline;
	font-size: 13px;
	font-weight: normal;
}

div#navigation a.tanaan_small {
	color: #3B7387;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
}

div#navigation a:hover.tanaan_small {
	color: #1E586C;
	text-decoration: underline;
	font-size: 11px;
	font-weight: normal;
}

div#footer {
	height: 20px;
	clear: both;
	width: 770;
	background: #FFF;
	color: #FFF;
	padding: 10px 45px 4px 45px;
	text-align: right;
	word-spacing: 20px;
	border-top:solid 1px #e5e5e5;
	background-image: url(../img/footer.jpg);
	font-size:11px;
}

div#footer a {
	font-family: Arial, helvetica, sans-serif;
	color: #3B7387;
	text-decoration: none;
}

div#footer a:hover {
	text-decoration: underline;
}

div#kumppanit {
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	text-align: center;
	word-spacing: 40px;
	line-height: 40px;
}

div#tanaan_tarjolla {
	background:#f2f8e9;
	border: solid 1px #beda93;
	margin-right: 15px;
	margin-bottom: 25px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	text-align: left;
	font-family: Arial, helvetica, sans-serif;
	font-size: 13px;
	color: #777777;
}

div#tanaan_header {
	margin-top: 0px;
	margin-right: 15px;
	background: #388531;
	margin-bottom: 0px;
	padding-top: 2px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 2px;
	text-align: left;
	font-family: Arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
}

.green {
	color: #388531;
}

.info span {
	display: none;
}

.info:link span {
	display: none;
}

.info:active span {
	display: none;
}

.info:visited span {
	display: none;
}

.info:hover span {
	cursor: help;
	display: block;
	position: absolute;
	width: 465px;
	padding: 5px;
	border: 1px dotted #4E93BC;
	background-color: #EEF7FD; 
	color: #000;
	text-decoration: none;
}

/* Ajankohtaispalsta */
div#content .intrasisalto {position:relative; padding:10px; border:solid 1px #388531; margin-top:-16px;}
div#content a.backlink, a:visited.backlink {padding:2px 5px 2px 5px; border:solid 1px #c1d3d9; font-size:0.9em; text-decoration:none; background:#fafafa;}
div#content a:hover.backlink {border:solid 1px #a1b3b9; font-size:0.9em; text-decoration:none; background:#fafafa;}
div#content #ak_title {background:#D1E3E9; margin:0px; padding:3px 3px 3px 30px; font-size:1.1em; font-weight:bold; color:#015777;}
div#content #ak_title a, #ak_title a:visited {text-decoration:none; color:#015777;}
div#content #akalue {margin-top:5px; padding:5px 10px 10px 10px; border:solid 1px #beda93; background:#fafafa;}
div#content #akalue a {text-decoration:none;}
div#content #akalue a:hover {text-decoration:underline;}
div#content #aklisaa {margin:-21px 20px 0px 20px; text-align:center; width:68px; height:17px; padding-top:4px; border:solid 1px #D1E3E9; border-top:none; background:#F1F7F8;}
div#content #aklisaa_shadow {background:#F5F7F9; margin:0px 25px; height:5px; width:60px;}
div#content .ak_liitteet {clear:right; position:relative; margin-bottom:15px; width:auto; max-width:530px; padding:10px; border:solid 1px #d1e3e9; background:#F1F7F8 url(/img/stable/bg_liuku.jpg) no-repeat;}
div#content .ak_liitteet h1 {background:#D1E3E9 url('/img/h1bg.gif') repeat-x; color:#015777; font-size:1em; font-weight:light; width:auto; text-align:center; padding:3px 0; margin:-10px -10px 10px -10px;}
div#content .ak_liitteet h1 img {font-weight:normal; position:relative; float:right; margin:2px 6px 0px 0px; border:none;}
div#content .ak_liitteet img {border:none; margin-right:5px;}
div#content .ak_liitteet .linkkilista a, .intraloota .linkkilista a:visited, .intraloota .linkkilista a:active {display:block; color:#014660; text-decoration:none; margin-bottom:3px; border-bottom:dotted 1px #ccccd5;}
div#content .ak_liitteet .linkkilista a:hover {color:#ee7313; text-decoration:underline;}
div#content a.aklinkki, a:visited.aklinkki {display:block; padding:2px 2px 5px 2px; color:#014660; text-decoration:none;}
div#content a:hover.aklinkki {text-decoration:underline; color:#000000;}
div#content a:hover.aklinkki img {background:#D6E7ED;}
div#content h2.akkategoria {margin:8px 0px 4px 1px; font-size:1em; color:#ffffff; font-weight:bold; display:block; border-bottom:solid 1px #B7D0D9; padding:1px; background:#388531;}
div#content h2.akkategoria a, h2.akkategoria a:visited, h2.akkategoria a:hover {color:#ffffff; font-weight:bold; text-decoration:none; display:block;}

/* kaksipalstainen taulukko diveillä */
.taulukko {width:100%;}
.taulukko2 {width:100%;}
.tr {width:100%;}
.td {float:left; width:100%;}
.tdleft {float:left; width:49%; margin-top:5px;}
.tdright {margin-left:50%; margin-top:5px;}
.tdleft3 {float: left; width: 33%; padding: 5px;}
.tdmiddle3 {margin: 0; padding: 5px 34% 5px 34%;}
.tdright3 {float: right; width: 33%; padding: 5px;}
.th {font-weight:bold; color:#388531; border-bottom:solid 1px #7eb628; margin-top:15px;}
.thleft {float:left; width:49%; font-weight:bold; color:#015777; background:#f0f0f0; border:solid 1px #cccccc;}
.thright {margin-left:50%; font-weight:bold; color:#015777; background:#f0f0f0; border:solid 1px #cccccc;}
.thleft3 {float: left; width: 33%;font-weight:bold; color:#015777; background:#f0f0f0; border:solid 1px #cccccc;}
.thmiddle3 {margin: 0; padding: 0px 34% 0px 34%;font-weight:bold; color:#015777; background:#f0f0f0; border:solid 1px #cccccc;}
.thright3 {float: right; width: 33%;font-weight:bold; color:#015777; background:#f0f0f0; border:solid 1px #cccccc;}
.throw {background:#f0f0f0;}
/* sama, mutta vasen palsta 140px leveä */
.taulukko2 .tdleft, .taulukko2 .thleft {width:140px;}
.taulukko2 .tdright, .taulukko2 .thright {margin-left:145px;}
/* sama, mutta vasen palsta 90px leveä */
.taulukko3 .tdleft, .taulukko3 .thleft {width:190px;}
.taulukko3 .tdright, .taulukko3 .thright {margin-left:195px;}

form {margin:0px; padding:0px; font-family: verdana, arial, helvetica, sans-serif; font-size:11px;}
button, .button {font-weight:bold; font-size:11px; padding:2px 5px 1px 5px; color:#ffffff; border:solid 1px #CB5904;  background:#7eb628;}
button:hover, .button:hover {background:#388531; text-align:center;}
input.text, textarea, select {border:solid 1px #a1b3b9;}
textarea {font-size:1.1em;}
input[type="file"] {font-size:1em;}
input[type="text"] {border:solid 1px #a1b3b9;}
input[type=text]:hover, input.text:hover, textarea:hover, textarea:hover, select:hover {border-color:#015777;}
fieldset {background:#fafaff; padding:6px; border: solid 1px #c1d3d9; margin-bottom:10px;}
legend {color:#013d81; background:#ffffff; padding:1px; clear:right;}
label {font-style:italic; color:#013d81;}

a.aktiivisivulinkki {font-weight: bold;}

/* Kalenteri */
div#content #kalenteri {float:right; margin:0 0 20px 10px; width:200px; background:#ffffff;}
div#content table.calendar {width:200px; border:none 1px #bbbbbb; padding:0px; margin:0px;}
div#content .calendar-month {padding:2px; background:#388531; color:#ffffff; font-size:10px; letter-spacing:-0.5px;}
div#content .calendar-month a, .calendar-month a:visited {padding:0 3px; color:#ffffff; text-decoration:none;}
div#content .calendar-month a:hover {background:#7eb628; color:#ffffff; text-decoration:none;}
div#content .calendar-prev {float:left;}
div#content .calendar-next {float:right;}
div#content table.calendar th {width:17px; font-weight:normal; background:#d9d9d9; text-align:center; font-size:9px;}
div#content table.calendar th.vkonr {background:#eeeeee;}
div#content table.calendar td {font-weight:normal; height:18px; padding:2px; border-right:solid 1px #dddddd; border-bottom:solid 1px #dddddd; text-align:center; font-size:9px;}
div#content table.calendar td.tanaan {background:#7eb628; color:#ffffff;}
div#content table.calendar td.linked-day a, .linked-day a:visited {font-size:10px; font-weight:bold; text-decoration:none;}
div#content table.calendar td.linked-day a:hover {background:#7eb628; color:#ffffff; text-decoration:none;}

/* TULOSTUKSEN CSS */
@media print {
	body {background:none;}
	#outer{	background:none; width:100%; color: #000000; text-align:left;}
	#header, #topbar, #menu, #navigation, #paivitetty img, #osoiterivi, .noprint, .backlink, .include, #footer {display:none;}
	#right {margin:0px; width:100%;}
	#paivitetty {position:relative; width:100%; left:0; text-align:left;}
}