body {
	font-size: 62.5%; margin: 0em auto; padding: 0em; background: url(../img/background.gif) top center repeat-y; font-family: "trebuchet ms", verdana, arial, sans-serif;
}

#page-container {
	width: 780px; margin: 0px auto; padding: 0px; border-left: solid 1px #969696; border-right: solid 1px #969696; background-color: #FFFFFF;
}


.nav-global-container {
	float: left; position: absolute; z-index: 3; width: 780px; top: 5px; background-color: transparent;
}
.pieni_pvm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #009900;
	font-weight: bold;
}

.nav-global ul {	
	float: right; margin: 0px; padding: 0px; list-style: none;
}	

.nav-global li {
	float: left; white-space: nowrap; text-transform: uppercase;
}

.nav-global li a {
	display: block; margin: 0px; padding: 0px 5px 0px 5px; border-left: solid 1px #969696; background-color: rgb(255,255,255); color: #969696; text-decoration: none; font-size: 100%;
}

.nav-global a:hover {
	background-color: rgb(255,255,255); color: rgb(0,0,0); text-decoration: underline;
}

.img-flag {
	display: block; height: 1.2em; margin: 0px; padding: 0px; border: solid 1px rgb(0,0,0);
}

.site-name  {
	clear: both; float: left; position: absolute; z-index: 1; width: 700px; top: 20px; margin: 0px; padding-left: 50px; background-color: transparent; color: rgb(225,225,225); font-weight: bold; font-size: 24px;
}
.linkki  {
	clear: both;
	float: right;
	position: absolute;
	z-index: 1;
	width: 200px;
	top: 45px;
	margin: 0px;
	padding-left: 660px;
	background-color: transparent;
	color: #000000;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
}
.linkki a,.linkki a:visited  {
	text-decoration: none;
	color: #000000;
}
.linkki a:hover  {
	text-decoration: underline;
	color: #006600;
}
.site-slogan  {
	float: left; position: absolute; z-index: 2; width: 11.7em; top: 1.9em; left: 16px; margin: 0px; padding: 0px 3px 1px 3px; background-color: #969696;	color: rgb(225,225,225); font-weight: bold; font-size: 14px;
}

.img-header {
	clear: both; float: left; width: 780px; height: 110px; margin: 0px; padding: 0px;
}

.nav-main {
	clear: both; float: left; width: 780px; margin: 0px; padding: 0px; border-top: solid 1px rgb(125,125,125); border-bottom: solid 1px rgb(125,125,125); background-color: rgb(190,190,190);
}

.nav-main ul {	
	list-style: none; margin: 0px; padding: 0px; font-weight: bold;
}	

.nav-main li {
	float: left; display: block; white-space: nowrap; background-color: inherit;
}

.nav-main li a {
	color: rgb(255,255,255); margin: 0px; padding: 0px 10px 0px 10px; border-right: solid 1px rgb(255,255,255); text-decoration: none; font-size: 130%;		
}

.nav-main a:hover, .nav-main a.selected {
	background-color: inherit; color: #6e6e6e; text-decoration: none;
}

.sidebanner-frontpage {
	clear: both; float: left; width: 160px; margin: 0px; padding: 0px;background-color: #FFFFFF;
}

.img-sidebanner {
	width: 160px; margin: 0px; padding: 0px; border: none;
}


.nav-sub {
	clear: both; min-height: 400px; float: left; width: 160px; margin: 0px; padding: 0px; color: #6e6e6e;
}

* html .nav-sub {
	height: 400px;
} 

.nav-sub ul {	
	float: left; list-style: none; width: 160px; margin: 0px; padding: 0px; border-bottom: solid 1px rgb(200,200,200);
}	

.nav-sub li {
	margin: 0px; padding: 0px;
}
.title2 {
	font-size: 10px;
	color: #999999;

}

.nav-sub li.title {
	vertical-align: top; margin: 0px; padding: 10px 7px 10px 14px; text-transform: uppercase; color: rgb(175,175,175); font-weight: bold; font-size: 140%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-decoration: none;
}

.nav-sub li.group a {
	display: block; min-height: 1.5em; margin: 0px; padding: 3px 7px 2px 10px; border-top: solid 1px rgb(200,200,200); border-left: solid 5px rgb(235,235,235); text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: 120%;
}

* html .nav-sub li.group a {
	height: 1.5em;
}
	
.nav-sub li a {
	display: block; min-height: 1.5em; margin: 0px; padding: 3px 7px 2px 10px; border-left: solid 5px rgb(235,235,235); color: #6e6e6e; text-decoration: none; font-size: 120%;
}

* html .nav-sub li a {
	height: 1.5em;
}

.nav-sub li.group a:hover, .nav-sub li.group .selected {
	border-left: solid 5px rgb(175,175,175); background-color: rgb(225,225,225); text-decoration: none;
}

.nav-sub a:hover, .nav-sub .selected {
	border-left: solid 5px rgb(175,175,175); background-color: rgb(225,225,225); text-decoration: none;
}

.nav-sub-align {
	text-align: left;
}


.container-content-sidebar {
   float: left; width: 620px; min-height: 400px; margin: 0px; padding: 0px; background-color: rgb(255,255,255);
}

* html .container-content-sidebar {
	height: 400px;
} 

.buffer {
 	float: left; width: 160px;  margin: 0px; padding: 0px;	
}


.content {
	float: left; width: 425px; margin: 0px; padding: 30px 20px 0px 20px; background-color: rgb(255,255,255);	
}


.content-pagetitle {
	width: 390px;
	margin: 0px 0px 10px;
	padding: 0px 0px 7px;
	font-size: 16px;
}
.content-pagetitle-uutinen {
	width: 500px;
	margin: 0px 0px 10px;
	padding: 0px 0px 7px;
	font-size: 16px;
}
.content-pagetitle p {
	padding: 0px; margin: 0px; font-weight: bold; font-size: 140%;
}


.contentbox-container-full {
	 float: left; width: 425px; margin: 0px 0px 1.5em 0px; padding: 0px;
}
.contentbox-container-tapahtuma {
	 float: left; width: 650px; margin: 0px 0px 1.5em 0px; padding: 0px;
}

.contentbox-container-left {
	float: left; width: 205px; margin: 0px 0px 1.5em 0px; padding: 0px;
}

.contentbox-container-right {
	float: right; width: 205px; margin: 0px 0px 1.5em 0px; padding: 0px;
}

.contentbox-title-noshading-noline {
	display: block; margin: 0px; padding: 0px; background-color: transparent; text-transform: none; font-weight: bold; font-size: 200%;
}

.contentbox-title-noshading-line {
	display: block; margin: 0px 0px 0.2em 0px; padding: 0px; border-bottom: solid 2px rgb(135,135,135); background-color: transparent; text-transform: none; font-weight: bold; font-size: 150%;
}

.contentbox-title-shading {
  	margin: 0px; padding: 1px 0px 2px 3px; background-color: rgb(225,225,225); font-weight: bold; font-size: 150%;	
}
.contentbox-noshading {
	margin: 0px;
	padding: 0.7em 0px 0px 0px;
	background-color: transparent;
	font-size: 130%;
	color: #666666;
}

.contentbox-shading {
	margin: 0px; padding: 7px 10px 5px 10px; background-color: transparent;
}

h1 {
	clear: left; margin: 1.0em 0px 1.0em 0px; font-weight: bold; font-size: 150%;
}

h2 {
	clear: left; margin: 1.5em 0px 1.0em 0px; font-weight: bold; font-size: 140%;
}

h3 {
	clear: left; margin: 1.0em 0px 0.6em 0px;	font-weight: bold; font-size: 130%;
}

h4 {
	clear: left; margin: 0.5em 0px 0.5em 0px;	font-weight: bold; font-style: italic; font-size: 130%;
}

/* Paragraph text */
p {
   clear: left; margin: 0em 0px 0.5em 0px; padding: 0px; font-size: 90%;
}

p.quote {
   clear: left; margin: 0em 30px 0.6em 30px;	line-height: 120%; font-size: 120%;
}

.embed {
   float: left; width: 120px; margin: 2px 7px 2px 0px; padding: 5px 5px 5px 5px; background-color: rgb(225,225,225); font-style: italic; font-weight: bold;  line-height: 1.2em; font-size: 180%;
}

.embed-caption {
   float: left; margin: 5px 0px 0px 0px; padding: 0px; font-style: italic; font-weight: normal; line-height: 1.2em; font-size: 50%;
}

.content ul {
	margin: 0px 10px 0px 10px; padding: 0px 0px 0px 30px; list-style-type: disc; list-style-position: outside; font-size: 130%;
}

.content ol {
	margin: 0px 10px 0px 17px; padding: 0px 0px 0px 30px; list-style-type: decimal; list-style-position: outside; font-size: 130%;
}


.tabledata {
	clear: left; margin: 0.5em 0px 0.2em 30px; border: solid 1px #969696; empty-cells: show; border-collapse: collapse; background-color: rgb(225,225,225);
}
.tabledata2 {
	clear: left;
	margin: 3px;
	empty-cells: show;
	border-collapse: collapse;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 3px;
}
.tabledata tr {
	margin: 0px; padding: 0px;
}

.tabledata td {
	padding: 2px 7px 2px 7px; border: solid 1px #969696; text-align: left; font-size: 120%;
}

.tabledata th {
	margin: 0px; padding: 2px 7px 2px 7px; border: solid 1px #969696; empty-cells: show; text-align: left; font-size: 120%; 	
}

p.tabledata-caption {
	margin: 0em 0px 10px 30px; padding: 0px; clear: both; text-align: left; font-size: 120%;
}
.img-left-noborder {
	float: left; margin: 0.3em 7px 3px 0px;
}

.img-right-noborder {
	float: right; margin: 0.3em 0px 3px 7px;
}

.img-left-border {
	float: left; margin: 0.3em 7px 3px 0px; border: solid 1px #969696;
}

.img-right-border {
	float: right; margin: 0.3em 0px 3px 7px; border: solid 1px #969696;	
}

.sidebar {
	 float: right; width: 144px; margin: 0px ; padding: 57px 5px 0px 0px; background-color: rgb(255,255,255);
}


.sidebarbox-noborder {
	width: 140px; margin: 0em 0px 1.0em 0px; padding: 0px;
}

.sidebarbox-border {
	width: 130px; margin: 0px 0px 1.0em 0px; padding: 4px 4px 4px 4px; border: solid 1px rgb(200,200,200);
}



.sidebarbox-title-noshading-noline {
	 display: block; margin: 0px 0px 0.5em 0px; padding: 1px 0px 1px 0px;font-weight: bold; font-size: 120%;
}

.sidebarbox-title-noshading-line {
	display: block; margin: 0px 0px 0.5em 0px; padding: 1px 0px 1px 0px; border-bottom: solid 1px rgb(135,135,135); background-color: transparent; font-weight: bold; font-size: 120%;
}

.sidebarbox-title-shading {
	display: block; margin: 0px 0px 0.5em 0px; padding: 2px 5px 2px 5px; background-color: rgb(225,225,225); font-weight: bold; font-size: 120%;
}



.sidebarbox-noborder p {
	margin: 0px 4px 0.4em 4px; padding: 0px; background-color: transparent; font-size: 110%;
}

.sidebarbox-border p {
	margin: 0px 0px 0.4em 0px; padding: 0px; background-color: transparent; font-size: 110%;
}



.footer {
	clear: both; width: 780px; margin: 0em 0px 0px 0px; padding: 5px 0px 5px 0px; border-top: solid 1px rgb(200,200,200); border-bottom: solid 1px rgb(200,200,200); background-color: rgb(255,255,255); text-align: center;	
}


.content a,.content a:visited, .sidebar a,.sidebar a:visited  {
	color: rgb(0,0,0);
	text-decoration: none;
	font-size: 13px;
}

.content a:hover, .sidebar a:hover {
	color: #6e6e6e;
	text-decoration: underline;
	font-size: 13px;
}

.footer a {
	color: #969696; text-decoration: underline;
}

.footer a:hover {
	color: rgb(0,0,0); text-decoration: none;
}


.nav-global-font {
	font-size: 1.0em;
}

.nav-main-font {
	font-size: 1.0em;
}

.nav-sub-font {
	font-size: 1.0em;
}

.content-font {
	font-size: 1.0em; line-height: 1.7em; color: #6e6e6e;
}

.content-font-tapahtuma {
	font-size: 1em;
	line-height: 1.3em;
	color: #1d1d1d;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.sidebar-font {
	font-size: 1.0em; line-height: 1.4em; color: #6e6e6e;
}

.footer-font {
	font-size: 1.1em; color: #969696;
}

.align-left {
	text-align: left;
}

.align-right {
	text-align: right;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.box-on {
	float: left; width: 1.0em; margin-right: 0.2em; padding-left: 0.3em;
}

.box-off {
	display: none;
}

.valkoinen {
	color: #FFFFFF;
}

.musta {
	color: #000000;
}

.valkoinen_tausta {
	background-color: #FFFFFF;
}

.musta_tausta {
	background-color: #000000;
}

.harmaa {
	background-color: #CCCCCC;
}

.keltainen {
	background-color: #FFFF66;
}

.sininen {
	background-color: #6666FF;	
}

.vihrea {
	background-color: #00CC33;
}
.vaaleanvihrea {
	background-color: rgb(220,238,204);
}
.punainen {
	background-color: #CC6633;
}



hr {
	clear: both; width: 425px; height: 1px; border: none;
}

.showcode {
  font-family: monospace; font-weight: bold; font-size: 13px; color: rgb(255,0,0);
}

.hide {
	display: none;
}

br {
	clear: both;
}ul {
	line-height: 2em;
	text-decoration: none;
}
#dhtmltooltip{
	position: absolute;
	width: 180px;
	padding: 4px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: groove;
	border-bottom-style: solid;
	border-left-style: ridge;
	border-top-color: #33FF66;
	border-right-color: #33FF66;
	border-bottom-color: #33FF66;
	border-left-color: #33FF66;
}
.nappi{
	background-color: #97c9e3;
	padding: 1px 3px;
	color: black;
	text-decoration: none;
	font: bold 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	border-top: 2px outset #97c9e3;
	border-right: 2px outset #66CCFF;
	border-bottom: 2px outset #66CCFF;
	border-left: 2px outset #97c9e3;
}

.nappi:visited{
color: black;
}

.nappi:hover{
	border-style: inset;
	background-color: #8bd3f8;
	padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
	border-top-color: #00CCFF;
	border-right-color: #00CCFF;
	border-bottom-color: #00CCFF;
	border-left-color: #00CCFF;
}

.nappi:active{
color: black;
}