@media screen {

body {
	background: #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin:0;
	padding:0;
	}

img {
	border:none;
	}

h1 {
	padding-top:0;
	margin-top:0;
 	font-size: 110%;
 	font-family: Arial, Helvetica, sans-serif;
	}

h1 input {
	font-size: 110%;
 	border: none;
 	}

h2 {
 	font-size: 100%;
 	font-family: Arial, Helvetica, sans-serif;
	}

h2 input {
	border: none;
 	font-size: 100%;
	}


h3,h4,h5,h6 {
 	font-size: 90%;
 	font-family: Arial, Helvetica, sans-serif;
	}

h3 input,h4 input,h5 input,h6 input {
 	border: none;
 	font-size: 90%;
 	font-family: Arial, Helvetica, sans-serif;
	}

ul {
 	font-family: Arial, Helvetica, sans-serif;
	 font-size: 75%;
	 margin: 0px 0px 0px 20px;
	 text-indent: 0px;
	}

ol {
 	font-family: Arial, Helvetica, sans-serif;
	 font-size: 75%;
	 margin: 0px 0px 0px 28px;
	 text-indent: 0px;
	}

i {
	margin: 8px;
	text-indent: 0px;
	font-family: Arial, Helvetica, sans-serif;
	}

hr {
	margin-bottom:12px;
	}

p {
	font-size: 75%;
	margin: 8px;
	text-indent: 0px;
	font-family: Arial, Helvetica, sans-serif
	}
	
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited {
	color: #000;
	text-decoration:none;
	}	

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
	text-decoration:underline;
	}

img {
	border:none;
	}

p,ul,ol {
 	font-family: Arial, Helvetica, sans-serif;
 	font-size: 12px;
 	margin-bottom: 5px;
 	margin-top: 8px;
}

.textarea {
	font-family: Arial, Helvetica, sans-serif;
 	font-size: 12px;
}

p.pykala {
	font-family: Courier New;
 	font-size: 12px;
 	margin-left: 20px;
	}

li.numbered2 {
 	list-style-type: lower-alpha;
	}

li.numbered3 {
 	list-style-type: upper-roman;
	}

li.numbered4 {
 	list-style-type: upper-alpha;
	}

.imagespan_left {
	margin:5px 5px 5px 0;
	float:left;
	}

.imagespan_right {
	margin:5px 0 5px 5px;
	float:right;
	}

.imagespan_center {
	width:100%;
	display:block;
	margin:5px;
	text-align:center;
	}

.imagespan_left img, .imagespan_right img, .imagespan_center img  {
	border:none;
	}
	
.imagespan_right_row {
    display:block;
    margin:5px 0 5px 5px;
    text-align:right;
	clear:both;
	overflow: hidden;
	width: 99%;
}

.imagespan_right_row img {
	float: right;
	}
	
.imagespan_right_row .media_image_text {
	float: right;
	clear: right;
	margin: 2px 0 0 0;
	}	
	

.a_input{
	border: none;
	color: blue;
}

#title {
 	font-family: Arial, Helvetica, sans-serif;
 	font-size: 16px;
 	font-weight: normal;
 	line-height: 39px;
 	color: #000;
 	text-decoration: none;
 	text-transform: uppercase;
 	}

#title a {
	color: #000;
	text-decoration:none;
	}
	
#title a:visited {
	color: #000;
	text-decoration:none;
	}	

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

a:link {
	text-decoration: underline
}

a:visited {
	text-decoration: underline
}

p a:link {
	text-decoration: underline
}

p a:visited {
	text-decoration: underline
}

/* wrapper holds left faux column tab */
/* nn6/7 will put content out of scrollable reach if auto is used unless the min-width is on body */

#wrapper { 
	background:url('../imgs/leftcol_bg.gif') top left repeat-y;
	text-align: left;
	width: 100%;
	margin: 0; 
	min-width: 748px;
	}

#textversion {
	background:#fff;
	font-size:10px;
	}

#topheaderbg {
	height:160px;
	color: #fff;
	width: 100%;
	}

#topheaderbg .leftbg {
	width:50%;
	height:160px;
	}

#topheaderbg .rightbg {
	width:50%;
	height:160px;
	}
	
#topheader {
	position: absolute;
    	left: 50%;
    	width: 748px;
    	height: 160px;
    	margin-left: -374px;
	color: #fff;
	z-index:49;
	}

#topheaderlinks {
	width:200px;
	text-align:right;
	position:absolute;
	right:5px;
	top:0px;
 	height:160px;
 	z-index:50;
	}
	
	.toplink a:link, .toplink a:visited {
		color:white;
	}
	
	

.display_none{
	display:none;
}

.topheader_bg_mediaselect{
	height:40%; margin-top:50px;
}
/* ylakuvan edit */

#topimage_edit {
	position:absolute;
	z-index:999;
	top:5px;
	left:5px;
	}

/* // ylakuvan edit */



/* Toplink yll�pito */
.toplink{
}

.toplink_edit {
	float:left;
	width:125px;
	background:#ddd;
	}

.toplink_edit .left {
	float:left;
	}

.toplink_edit .left input {
	width:100px;
	font-size:80%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-left: 4px;
	color:#000;
	border: solid 1px silver;
	padding:2px;
	background:#fff;
	}

.toplink_edit .right {
	float:right;
	width:13px;
	margin-top:2px;
	margin-right:4px;
	}

.toplink_edit .edit_buttons {
	float:left;
	}

.toplink_edit .edit_buttons .left {
	float:left;
	}

.toplink_edit .edit_buttons .right {	
	float:right;
	}
	
.toplink_edit .edit_buttons a {
	margin:0;
	padding:0;
	}

/* // Toplink yll�pito */

.searchbox {
	margin-top:115px;
	font-size:75%;
	}

.pikahaku {
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: normal;
	font-size: 90%;
 	color: #000000;
 	text-decoration: none;
 	border: black 1px solid;
	}

.submit {
 	color: #fff;
 	background-color: #92A2BC;
 	font-size: 90%;
 	border: white 1px solid;
	}

#subnav {
	color: #000;
	clear: both; 
	width: 100%;
	}

#subnav td{
	background:#DDDDDD;
}

#subnav td a {
	font-weight: bold;
	font-size: 90%;
	margin: 0px;
	color: black;
	text-decoration: none;
	display:block;
	background:#ddd;
	}

#subnav td a:visited {
	font-weight: bold;
	font-size: 90%;
	margin: 0px;
	color: black;
	text-decoration: none;
	display:block;
	background:#ddd;
	}

#subnav td a:hover {
	text-decoration:underline;
	display:block;
	background:#fff;
	}
	
#contentfloatholder {/* right faux column tab */
	margin-top:16px;
	background:url('../imgs/rightcol_bg.gif') top right repeat-y;
	float: left;
	width: 100%;
	}

#contentfloatholder:after {
 /* this is for NN6 to clear floats */
    content: "."; 
    display: block; 
	height: 0px;
    clear: both; 
    visibility: hidden;
	}

#center {
	margin: 0 178px 0 178px;
	}

#content {
	margin: 0 5px 0 5px;
	}

.news-list {
	margin-bottom:15px;
	}
	
.events-list {
	margin-top:10px;
	border-bottom:solid 1px #bac3d1;
	}	

.events-list p {
	font-size:11px;
	line-height:15px;
	margin:5px 0 10px 10px;
	}

.calendarholder {
	float:right;
	background:#eee;
	padding:10px;
	margin-left:10px;
	border-left:solid 10px #fff;
	}

.kalenteri {
	font-size:11px;
	}

.kalenteri .header {
	background:#6b7d99;
	padding:2px;
	color:#fff;
	}

.kalenteri .header a {
	color:#fff;
	font-weight:bold;
	}

.kalenteri .title {
	background:#bac3d1;
	padding:2px;
	text-align:center;
	}

.kalenteri .title a {
	color:#000;
	}

.kalenteri .item {
	background:#e0e5ec;
	padding:2px;
	text-align:center;
	}

.kalenteri .item a {
	color:#000;
	}

.kalenteri .item-selected {
	background:#6b7d99;
	padding:2px;
	text-align:center;
	}

.kalenteri .item-selected a {
	color:#fff;
	font-weight:bold;
	}

.spacer-line {
	border-top:solid 1px #808080;
	}

#copyright {
	clear:both;
	margin: 30px 178px 0 178px;
	text-decoration: none;
	font-size:11px;
 	color: #000;
 	padding:0 5px 0 5px;
	}

#copyright a {
	text-decoration: underline;
}
	
#copyright a:visited {
	text-decoration:none;
	}
	
#copyright p {

	}	
	
#copyright p a {
	text-decoration: underline;
	}
	
#copyright p a:visited {
	text-decoration:underline;
	}	
			
#copyright .left {
	float:left;
	}	

/* footerin yll�pidot */
#copyright .left textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	height:76px;
	border:none;
	}

#copyright .right input {
	text-align:right;
	border:none;
	font-family: Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:10px;
	padding:1px;
	width:300px;
	}
/* // footerin yll�pidot */

#copyright .right {
	width:100%;
	text-align:right;
	float:right;
	}	

#copyright .h_line {
	width:100%;
	background:url('../imgs/leftright.jpg') top left repeat-x;
	margin:20px 0 20px 0;
	height:3px;
	}

#centerwrap {
  	float:left;
  	width: 100%; 
	margin: 0 -95% 0 0;
	}

#left {
	background:url('../imgs/leftcol_bg.gif') top left repeat-y;
  	float:left;
	width: 178px;
  	margin: 0 0 0 -5%;
	}

#left-navigation {
	margin:0 10px 0 5px;
	font-weight:bold;
	}

.navi_spacer {
	height:10px;
	width:40px;
	}

.level1 {
	font-family: Arial, Helvetica, sans-serif;
 	font-size: 80%;
 	font-weight: bold;
 	line-height: normal;
 	color: #000;
 	text-decoration: none;
 	padding:0;
 	margin:0 0 2px 0;
	}
	
.level1 a {
	color:#000;
	text-decoration:none;
	}
	
.level1 a:visited {
	color:#000;
	text-decoration:none;
	}
	
.level1 a:hover {
	text-decoration:underline;
	}		

.level1 a.selected {
	}

.level2 {
	font-family: Arial, Helvetica, sans-serif;
 	font-size: 100%;
 	font-weight: bold;
 	line-height: normal;
 	color: #000;
 	text-decoration: none;
 	margin-top:7px;
 	margin-bottom:7px;
 	margin-left:0px;
 	background:url('../imgs/ball.jpg') left 1px no-repeat;
	}
	
.level2 a {
	display:block;
	padding-left:20px;
	color:#000;
	text-decoration:none;
	}
	
.level2 a:visited {
	color:#000;
	text-decoration:none;
	}
	
.level2 a:hover {
	text-decoration:underline;
	}		

.level2 a.selected {
	}

/* .level3 {
	font-family: Arial, Helvetica, sans-serif;
 	font-size: 11px;
 	font-weight: normal;
 	line-height: normal;
 	color: #000;
 	text-decoration: none;
 	margin-bottom:9px;
 	margin-left:20px;
	}
	
.level3 a {
	color:#000;
	text-decoration:none;
	}
	
.level3 a:visited {
	color:#000;
	text-decoration:none;
	}
	
.level3 a:hover {
	text-decoration:underline;
	}		

.level3 a.selected {
	font-family: Arial, Helvetica, sans-serif;
 	font-size: 11px;
 	font-weight: bold;
 	line-height: normal;
 	color: #000;
	text-decoration: none;
 	}
 	
 .level4 {
	font-family: Arial, Helvetica, sans-serif;
 	font-size: 11px;
 	font-weight: normal;
 	line-height: normal;
 	color: #000;
 	text-decoration: none;
 	margin-bottom:9px;
 	margin-left:30px;
	}
	
.level4 a {
	color:#000;
	text-decoration:none;
	}
	
.level4 a:visited {
	color:#000;
	text-decoration:none;
	}
	
.level4 a:hover {
	text-decoration:underline;
	}		

.level4 a.selected {
	font-family: Arial, Helvetica, sans-serif;
 	font-size: 11px;
 	font-weight: bold;
 	line-height: normal;
 	color: #000;
	text-decoration: none;
 	} */	

.level_h_line {
	background:url('../imgs/leftright.jpg') top left repeat-x;
	width:100%;
	height:3px;
	padding:0;
	margin:0 0 5px 0;
	}

/* navin editit */

.navi_edit_clear {
	clear:both;
	}

.navi_edit input {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:100%;
	color:#000;
	background:#fff;
 	border:solid 1px #618880;
 	padding:1px;
 	width:100%;
 	}

.navi_edit_buttons {
	display:block;
	float:right;
	margin:0;
	padding: 1px 0px 0px 0px;
	}

.navi_edit_buttons a {
	margin:0;
	padding:0;
	display:inline;
	}

/* // navin editit */

#right {
 	font-weight: bold;
  	float:right;
  	width: 178px;
	margin: 0;
	}

#right-news {
	margin:17px 10px 10px 10px;
	}

#right-news p {
	margin-left:3px;
	margin-bottom:18px;
	background:url('../imgs/ball.jpg') top left no-repeat;
	}

#right-news a {
	display:block;
	padding-left:16px;
 	text-decoration: none;
 	color: #000;
	}
	
#right-news a:visited {
 	text-decoration: none;
 	color: #000;
	}	

#right-news a:hover {
	text-decoration:underline
	}

#right-navigation {
	float:right;
	margin:0 5px 0 5px;
	}

#right-navigation p a {
	color:#000;
 	font-weight: bold;
 	text-decoration:none;
	}

#right-navigation p a:visited {
	color:#000;
	text-decoration:none;
	}

#right-navigation p a:hover {
	color:#000;
	text-decoration:underline;
	}	

/* oikean linkkilistan yll�pito */

.linkedit {
	border:solid 1px #618880;
	padding:1px;
	background:#d5dde8;
	}
.linkedit img {
	border:none;
	}
.linkedit .left input {
	border:none;
	background:#d5dde8;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0434b1;
	width:90%;
	padding:0;
	margin:0;
	}
.linkedit .left {
	float:left;
	width:96px;
	}
.linkedit .right {
	float:right;
	}

.linkedit2 {
	padding:1px 1px 1px 0;
	}
.linkedit2 img {
	border:none;
	}

.linkedit2 .left {
	float:left;
	width:96px;
	margin:2px 0 0 0;
	}
.linkedit2 .right {
	float:right;
	margin:1px 1px 0 0;
	}
	
.clearer {
	clear:both;
	}

.linkedit .edit_buttons {
	border:solid 1px #618880;
	background:#ccdcd9;
	padding:1px;
	 }

.linkedit .edit_buttons .left {
	float:left;
	width:70px;
	}
	
.linkedit .edit_buttons .right {	
	float:right;
	}
	
	
	.newslist_scroll_div {
	overflow:auto;
	height:350px;
	width:590px;
	}

/* // oikean linkkilistan yll�pito */

.footer {
	clear:both;
	width:150px;
	height:16px;
	}

/*	IE Mac CSS Only, works for Windoze too */
* html div#centerwrap {margin: 0 -100% 0 0;}
* html div#left {margin: 0;}



/* Lomakesivun elementit */

.lomake_div { float:left; }

.lomake_div .error {
	color:#ff0000;
	font-weight:bold;
	}

.lomake_div .left {
	float:left;
	width:125px;
	}

.lomake_div .right {
	float:left;
	}
	
.lomake_div .right textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}	
	
.lomake_clear {
	clear:both;
	margin-bottom:6px;
	}	
	
/* Hakusivun elementit */

.haku_divs {
	float:left;
	width:50%;
	}	
	
.hakutulos_div { }
.hakutulos_div a { }
.hakutulos_div ol {
	margin-left:26px;
	padding:0;	
	}
	
/* Sivukartta */

.sivukartta{
	font-family: Arial, Helvetica, sans-serif;
 	font-size: 80%;
 	font-weight: bold;
 	line-height: normal;
 	color: black;
 	text-decoration: none;
 	padding:0;
 	margin:5px 0 2px 0;
}

.sivukartta a {
	color: black;
	text-decoration:none;
	}
	
.sivukartta a:visited {
	color: black;
	text-decoration:none;
	}	
				
.sivukartta a:hover {
	text-decoration:underline;
	}			

.sivukartta_div {
	margin-left:-10px;
	}

.sivukartta_div ul {
	margin-left:10px;
	padding-left:10px;
	list-style-type:none;
	}

.sivukartta_div b {
	font-size:13px;
	line-height:18px;
	}

.sivukartta_div a {
	text-decoration:none;
	}
	
.sivukartta_div a:visited {
	text-decoration:none;
	}	
				
.sivukartta_div a:hover {
	text-decoration:underline;
	}			
	
/* Lis��-nappia varten div */

.lisaabtn_div {
	float:right;
	margin-right:3px;
	}	
/* Lomake-elementtien yll�pito */

.form_style {
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size:11px;
	font-weight:normal;
	color:#000;
	margin-bottom:20px;
	width:100%;
	float:left;
}

.form_style .leftside {
	width:100px;
	float:left;
}

.form_style .rightside {
	width:300px;
	float:left;
}

.form_style .leftside input {
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size:11px;
	border:dotted 1px #5d5d5d;
	color:#000;
	width:87%;
	padding:2px;
	margin-bottom:1px;
}

.form_style .rightside .input_style {
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size:11px;
	width:99%;
}

.form_style .switch {
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size:10px;
	font-weight:normal;
	color:#000;
	margin-bottom:10px;
}

.form_style .add_btn {
	margin:2px 0 0 0;
	float:right;
}

.form_style textarea {
	border:solid 1px #BABEC6;
	width:99%;
	height:60px;
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size:11px;
}

.form_style .cb {
	height:20px;
}

.form_style .cb img {
	float:right;
	margin-top:2px;
}

.form_style .cb .input_style {
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size:11px;
	border:dotted 1px #5d5d5d;
	color:#000;
	width:100px;
	margin-left:1px;
	padding:2px;
}	

#news_editarea {
	position:absolute;
	z-index:55;
	margin:-12px 0 0 4px;
	background:#fff;
	padding:1px;
	font-size:9px;
	font-weight:normal;
	color:#fff;
	line-height:normal;
	background:none;
	}

#news_editarea .header {
	height:17px;
	display:block;
	font-weight:bold;
	}

.palkitut_taulukko{
	background:#000; 
	font-size:75%;
	}
	
}

.nobreak {
	text-decoration: none;
	white-space: nowrap;
}

u {
	text-decoration: none;
}



@media print {

body {
	background: #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
	margin:0;
	padding:0;
	}
	
i 	{
	margin: 8px;
	text-indent: 0px;
	font-family: Arial, Helvetica, sans-serif;
	}
	
#copyright {
	font-size:11px;
 	color: #000;
 	}
	
.palkitut_taulukko{
	background:#000; 
	font-size:75%;
	}	
}