html {
 	height:100%;
    }

body {
	width:100%;
	height:100%;
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
 	position:relative;
 	background:#20a1da url(../images/bg.jpg) center repeat-y;
	text-align: center;
	}

p, h1, h2, h3, h4, ul, table {
	margin-bottom:0;
	margin-top:0;
	padding-bottom:0;
	padding-top:0;
	}

img {
	border:0;
	}

form {
	margin:0;
	padding:0;
	}

.clearer {
	clear:both;
	}

input, select, textarea {
	color:#000;
	font-family:Arial,Helvetica,sans-serif;
	}

.navilinks a {
	display:block;
	text-decoration: none;
	color: #fff;
	}

.navilinks .selecteditem a {
	display:block;
	border-bottom: none;
	}

.link_more {
	padding:12px 0 0 0;
	margin:0;
	}

.link_more a {
	font-weight:bold;
	text-decoration:none;
	}

.textVersion {
	display: none;
	}

#wrapper {
	width: 960px;
	height:100%;
	margin: auto;
	margin-bottom:-125px;
	display:block;
	background:#20a1da url(../images/tausta.jpg) top left repeat-y;
	}

#header {
	width:100%;
	text-align: left;
	background:url(../images/header_bg.jpg) top left no-repeat;
	height:226px;
	}

#header .image {
	height:226px;
	display:block;
	width:100%;
	}

#header .image .left {
	float:left;
	padding-left: 40px;
	padding-top: 30px;
	height: 65px;
	}

#header .image .right {
	position:absolute;
	z-index:12;
	float:right;
	line-height:20px;
	width:400px;
	margin-left:296px !important;
	margin-left:236px;
	padding-left:70px;
	margin-top:110px;
	font-size:0.95em;
	}

#header .image .right ul {

	float:right;
	list-style-type:none;
	margin:0;
	padding:0 0 4px;
	}

#header .image .right li {
	float:left;
	margin:0;
	padding:0 0 2px 20px;
	}

#header .image .right li a {
	border-bottom:1px solid #ccc;
	color:#fff;
	text-decoration:none;
	}

#topnavi {
	float: left;
	display:block;
	clear:both;
	margin-top:35px;
	padding-left:350px;
	line-height: 35px;
	}

#topnavi span.searchfield {
	position:absolute;
	z-index:12;
	top:110px;
	margin-left:412px;
	width:180px;
	}

#topnavi span.searchfield .input_style {
	width: 110px;
	background-image:url(../kuvat2/hae-kentta-taus.jpg);
	background-repeat: repeat-x;
	background-position: top;
	border: 1px solid #9a9a9a;
	padding: 2px;
	font-size: 11px;
	vertical-align:top;
	}

#topnavi span.searchfield .button_style {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
	font-size: 12px;
	vertical-align:top;
	}

#topnavi ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

#topnavi li {
	float: left;
	margin: 0;
	padding: 0;
	}

#topnavi li span {
	display: block;
	line-height: 46px;
	background:url(../images/tab_r_na.jpg) right top no-repeat;
	}

#topnavi li span span {
	display: block;
	line-height: 46px;
	background:url(../images/tab_l_na.jpg) left top no-repeat;
	}

#topnavi li span span span {
	display: block;
	line-height: 38px;
	height:46px;
	padding:8px 4px 0 7px;
	white-space: nowrap;
	}

#topnavi li:hover {
	float: left;
	margin: 0;
	padding: 0;
	}

#topnavi li:hover span {
	display: block;
	line-height: 46px;
	background:url(../images/tab_r_a.jpg) right top no-repeat;
	}

#topnavi li:hover span span {
	display: block;
	line-height: 46px;
	background:url(../images/tab_l_a.jpg) left top no-repeat;
	}

#topnavi li:hover span span span {
	display: block;
	line-height: 38px;
	height:38px;
	padding:8px 4px 0 7px;
	white-space: nowrap;
	}

#topnavi li.selecteditem span {
	display: block;
	line-height: 46px;
	background:url(../images/tab_r_a.jpg) right top no-repeat;
	}

#topnavi li.selecteditem span span {
	display: block;
	line-height: 46px;
	background:url(../images/tab_l_a.jpg) left top no-repeat;
	}

#topnavi li.selecteditem span span span {
	display: block;
	line-height: 38px;
	height:38px;
	padding:8px 4px 0 7px;
	white-space: nowrap;
	}

#topnavi li span.li_last {
	display: block;
	width:3px;
	height:48px;
	background:#010101;
	}

#fp_image {
	width: 450px;
	height: 99px;
	position:absolute;
	left: 50%;
	top: 20px;
	margin-left: 0px;
	z-index:11;
	}

#fp_image .imageframe {

	}

#fp_image .imagecontent {
	width:450px;
	height: 99px;
	}

#contentfloatholder {
	float: left;
	width: 100%;
	margin:0 auto;
	background:url(../images/vasen.jpg) top left no-repeat;
	}

#contentfloatholder:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
	}

#centerwrap {
 float:left;
 width: 100%;
 margin: 0 -95% 0 0;
 background:url(../images/oikea.jpg) top right no-repeat;
	}

#color_theme_bg_middle {
	float:left;
	width: 100%;
	}

#color_theme_bg_top {
	float:left;
	width: 100%;
	}

#color_theme_bg_bottom {
	float:left;
	width: 100%;
	}

#center {
	margin: 0px 220px 0 206px;
	padding:20px 10px;
	text-align:left;
	font-size:1em;
	line-height:1.5em;
	vertical-align:top;
	}

#pagefunctions {
	padding-top: 0px;
	line-height: 21px;
	white-space: nowrap;
	float: right;
	}

#pagefunctions a {
	text-decoration: none;
	color: #000;
	font-size: 11px;
	}

#frontnews {
	margin-top:1px;
	}

#frontnews h2 {
	padding-bottom: 15px;
	font-size: 1.5em;
	font-weight: bold;
	}

#frontnews div {
	margin-bottom:4px;
	font-size:1em;
	background:#E0DC00;
	font-weight:bold;
	padding:5px;
	}

#frontnews div span {
	float:right;
	font-weight:normal;
	}

#frontnews a,
#frontnews a:visited {
color:#000;
}

#frontnews a:hover {
color:#8FA318;
}


#left {
 float:left;
 width:206px;
 margin:0 0 0 -5%;
 padding-top:20px;
 text-align:left;
	}

#left h3 {
	font-size:1.1em;
	font-weight:bold;
	text-transform:uppercase;
	padding-left:2px;
	border-bottom:solid 1px #000;
	}

#left h3 a {
	text-decoration:none;
	}

#leftnavi {
	padding-bottom: 16px;
	}

#leftnavi ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}

#leftnavi li {
	padding: 0;
	margin: 0;
	line-height: 0px;
	}

#leftnavi ul ul {
	padding-top: 2px;
	padding-bottom: 4px;
	margin: 0;
	}

#leftnavi ul ul li {
	padding: 0;
	margin: 0;
	}

#leftnavi li a,
#leftnavi li a:visited {
	display:block;
	font-weight:bold;
	padding:3px;
	text-decoration:none;
	border-bottom: dotted 1px #000;
	line-height:normal;
	}

#leftnavi li a:hover {
	background:#E0DC00;
	color:#000;
	}

#leftnavi li a.selecteditem {
	background:#8FA318;
	color: #fff;
	}

#leftlink {
	font-size: 1.1em;
	padding-left: 25px;
	font-weight: bold;
	padding-bottom: 13px;
	}

#right {
 float:right;
 text-align:left;
 width:220px;
 margin: 0;
	}

#right h3 {
	font-size:1.1em;
	font-weight:bold;
	text-transform:uppercase;
	padding-left:2px;
	border-bottom:solid 1px #000;
	clear:both;
	}

#right h3 a {
	text-decoration:none;
	}

#rightlinks_fp {
	padding-bottom:12px;
	padding-right:12px;
	}

#rightlinks_fp ul {
	list-style-type:none;
	margin:0;
	padding:0;
	}

#rightlinks_fp li {
	background-position:left 0.7em;
	background-repeat:no-repeat;
	clear:both;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:15px;
	}

#right .block .cal {
	float: left;
	padding-left: 29px;
	margin-bottom: 20px;
	margin: 0;
	text-align: center;
	clear: both;
	}

#footer {
	clear: both;
	width: 960px;
	margin: 0 auto;
	/*margin-bottom:-47px;*/
	/*bottom:47px;*/
	height:125px;
	position:relative;
	background:url(../images/footer.jpg) top left no-repeat;
	font-size: 11px !important;
	font-size:0.95em;
	}

#footer .content {
	width: 872px;
	text-align: left;
	margin: auto;
	padding-left: 44px;
	padding-right: 44px;
	padding-top:65px;
	line-height:60px;
	color:#fff;
	}

#footer .content .left {
	text-align:left;
	}

#footer .content .right {
	text-align:right;
	}

#footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

#footer .content .left li {
	float:left;
	padding: 0;
	margin: 0;
	padding-right: 20px;
	}

#footer .content .left li img {
	vertical-align:middle;
	/*height:30px;*/
	}

#footer .content .left a  {
	border:none;
}

#footer .content .left a.infoemail {
	border-bottom: 1px solid #fff;
}

#footer .content .right li {
	float:right;
	padding: 0;
	margin: 0;
	padding-left: 20px;
	}

#footer input {
	padding:0px;
	margin:0px;
	/*background-color: #fee101;*/
	/*border: 1px solid #F3a602;*/
	}

#footer a {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #ccc;
	}

#footer li div {
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#footer li div div, footer li div div div, footer li div div div a{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.footerlink {
	width:100px;
}

* html div#centerwrap {
	margin: 0 -100% 0 0;
	}

* html div#left {
	margin: 0;
	}

.a_lookalike {
	color: #0055ac;
	text-decoration: underline;
	}

.a_editmode {
	color: #0055ac;
	text-decoration: underline;
	border: 1px solid silver;
	}

.sitetools .a_editmode {
	color: #663300;
	text-decoration: none;
	border: 1px solid #F3A602;
	background-color: #FECB00;
	}

#bottomlinks {
	display:block;
	clear:both;
	padding-right: 33px;
	height:40px;
	}

#bottomnavi {
	padding-top: 15px;
	padding-left: 33px;
	margin-bottom:9px;
	line-height: 30px;
	float: right;
	}

#bottomnavi ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

#bottomnavi li {
	float: left;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	padding-right: 10px;
	}

#bottomnavi li.selecteditem {
	background-repeat: repeat-x;
	margin-left: -5px;
	margin-right: -5px;
	padding: 0 !important;
	}

#bottomnavi li.selecteditem span {
	display: block;
	height: 40px;
	background-image:url(../kuvat2/bottomnavi-right.png);
	background-position: right top;
	background-repeat:no-repeat;
	}

#bottomnavi li.selecteditem span span {
	display: block;
	height: 40px;
	background-image:url(../kuvat2/bottomnavi-left.png);
	background-position: left top;
	background-repeat:no-repeat;
	}

#bottomnavi li.selecteditem span span span {
	display: block;
	height: 40px;
	background-image:url(../kuvat2/bottomnavi-middle.png);
	background-repeat: repeat-x;
	margin-left: 15px;
	margin-right: 15px;
	white-space: nowrap;
	}

#bottomcolumns {
	float:left;
	display:block;
	clear:both;
	/*margin-bottom:51px;*/
	padding-left: 44px;
	padding-bottom: 15px;
	}

#bottomcolumns .colleft {
	float:left;
	width: 437px;
	color: #333;
	text-align:left;
	line-height:1.4em;
	vertical-align:top;
	color:#333;
	}

#bottomcolumns .colright {
	text-align:left;
	line-height:1.4em;
	float:left;
	padding-left:64px;
	width:380px;
	color:#555;
	}

#bottomcolumns .colright p,
#bottomcolumns .colright h1,
#bottomcolumns .colright h2,
#bottomcolumns .colright h3 {
	padding-bottom:1em;
	}

#bottomcolumns .colright h3 {
	color:#000;
	}

#bottomcolumns .colright span {
	float:right;
	padding:0 0 10px 10px;
	}

#bottomcolumns h3 {
	padding-bottom: 14px;
	font-size: 1.1em;
	font-weight: bold;
	}

#bottomevents {
	padding-top:10px;
	clear:both;
}

#bottomevents h3{
	font-size:1.1em;
	font-weight:bold;
	text-transform:uppercase;
	padding-left:2px;
	border-bottom:solid 1px #000;
	clear:both;
}

#bottomevents div {
	padding:4px 4px 0;
	}

#bottomevents span {
	float:right;
	color:#333;
	}

#bottomevents a,
#bottomevents a:visited {
	color:#000;
	}

#bottomevents a:hover {
	color:#8FA318;
	}

#bottomevents .link_more {
	padding-left:4px;
	padding-right:4px;
	}

/* kalenteri */

#normalEventCalendar table, #normalEventCalendar table * {
	border-collapse:collapse;
	vertical-align:middle;
	padding:2px;
	}

.calHead {
	background:#003d36;
	text-align:center;
	color:#fff;
	font-weight:bold;
	border-top:solid 1px #cad72f;
	border-left:solid 1px #cad72f;
	}

.calCell {
	background:#fff;
	color:#000;
	text-align:center;
	border-top:solid 1px #cad72f;
	border-left:solid 1px #cad72f;
	}

.calCell a,
.calCell a:visited,
.calFoot a,
.calFoot a:visited {
	color:#000;
	font-weight:bold;
	}

.calCell a:hover,
.calFoot a:hover {
	color:#8FA318;
	}

/* siirret��n v�ricss��n : sininen.css */

.themelinks a,
.themelinks a:visited {
	color: #000;
	text-decoration: underline;
	}

.themelinks a:hover {
	color:#8FA318;
	text-decoration:underline;
	}

.themelinks h2 {
	color:#000;
	}

.navilinks .selecteditem a  {
	color: #fff;
	}

#leftnavi li {
	}

#rightlinks_fp li {
	background-image:url(../kuvat2/navi-sini-bullet.gif);
	}

#rightlinks li {
	background-image:url(../kuvat2/navi-sini-bullet.gif);
	}

#rightlinks_news li {
	background-image:url(../kuvat2/navi-sini-bullet.gif);
	}

#color_theme_bg_middle {}

#color_theme_bg_top {}

#color_theme_bg_bottom {	}

.themecolor {
	color:#000;
	}

.themecolor a {
	color:#000;
	text-decoration:none;
	border-bottom: 1px solid #000;
	}