/* Css Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
ol,ul{ list-style:none; }
:focus{ outline:0; }

/* General Styles */
label{ cursor:pointer; }
a,a:visited{ color:#000;text-decoration:none; }
a:hover{text-decoration:underline; }
html{ height:100%;}
body{ color:#000; font-size:12px; font-family:Arial, Helvetica, sans-serif; height:100%; line-height:19px;}
/*h1{ font-size:14px; color:#0064ac;padding-bottom:5px; text-transform:uppercase; }
h2{ font-size:12px; padding-bottom:5px;} */

h1{ font-size:14px; color:#0064ac;margin-bottom:5px; margin-top: 35px; text-transform:uppercase; }
h2{ font-size:12px; color:#0064ac; margin-bottom:5px; margin-top: 35px; }
h3,h4{ font-size:12px; color:#0064ac; margin-bottom:5px; margin-top: 35px; }
p { margin-bottom:12px; }

.col-full ul, .col-full menu, .col-full dir { display: block; list-style-type: disc; margin: 0 0 1em 0; }
.col-full ol { display: block; list-style-type: decimal; margin: 0 0 1em 0; }
.col-full li { display: list-item; margin-left: 23px; }
.col-full ul ul, .col-full ol ul { list-style-type: circle; }
.col-full ol ol ul, .col-full ol ul ul, .col-full ul ol ul, .col-full ul ul ul { list-style-type: square }

ul.happening { list-style-type: none; margin:0 0 6px 0; padding: 0; }
ul.happening li { list-style-type: none; margin:0; padding: 0; }


/*structure*/
.wrapper{ margin:0 auto;height:auto !important; height:100%; min-height:100%;position:relative; }
.content{margin :0 auto; width:942px;}


.under a {
text-decoration:underline;
}
#header{width:100%;background:#fff url(/css/images/bgr-header.png) repeat-x;position:relative;}
#header .content { height:238px; position:relative;}
	#logo{width:142px;height:185px;text-indent:-9999em;display:block;background:url(/css/images/logo.png) no-repeat 100% 100%; padding:20px 0 0 45px;  float:left;}

	.menu{ width:713px; height:35px; padding-top:112px; float:right;background:url(/css/images/bgr-header-content.png) no-repeat 100% 100% }
	
	.sf-menu{ float:right; background:url(/css/images/bgr-menu-row.png) repeat-x 0 100%; height:35px; width:713px;}
	.sf-menu li {float:left;height:32px!important; padding:0 3px;}
		/*normal state*/
		.sf-menu li a, 
		.sf-menu li a:visited {color:#fff; padding-left:15px;height:32px;float:left; font-size:13px; text-transform:uppercase; background:none;  font-weight:bold; text-decoration:none; }
		.sf-menu li a span,
		.sf-menu li a:visited span{ height:32px; float:left; background:none; padding-right:15px;}
		.sf-menu li a span span,
		.sf-menu li a:visited span span{background:none ; padding:0 5px; line-height:34px;}
		
		.sf-menu li a:hover,
		.sf-menu li a.active {background:url(/css/images/bgr-menu-left.png) no-repeat!important; text-decoration:none; }
		.sf-menu li a:hover span,
		.sf-menu li a.active span{ background:url(/css/images/bgr-menu-right.png) no-repeat 100% 0 !important; }
		.sf-menu li a:hover span span,
		.sf-menu li a.active span span{background:url(/css/images/bgr-menu-repeat.png) repeat-x 100% 0!important ;}

		/*fish*/
		.abs-fish,
		.abs-fish:visited{background:url(/css/images/bgr-fish.png) no-repeat; width:64px; height:19px; padding-top:17px; text-align:right; position:absolute; text-transform:uppercase; font-size:9px; color:#4fbef5; font-family:Tahoma, Geneva, sans-serif;z-index:9;}
		.abs-fish:hover{color:#ffe46e;background-position:100% 0; text-decoration:none;}
			.himanka{top:60px; left:290px;}
			.kalajoki{top:65px; left:430px;}
			.rautio{top:75px; left:590px;}
	.tab-content{width:673px;height:75px; padding:8px 20px; background:url(/css/images/bgr-tabcontent.png) no-repeat 100% 0;  float:right; position:relative;}
		.tabs{ width:100%; display:none; float:left; overflow:hidden; position:absolute; width:673px; height:75px;left:20px; top:8px;}
		.tabs ul{ float:left;width:223px;}
		.tabs ul li a,
		.tabs ul li a:visited{color:#48557d; font-size:12px;}
/* body */
#body{width:100%;background-color:#fff;}
	#body .content{overflow:hidden; line-height:19px; padding:10px 0;}

	/*graybox*/	
	.graybox{ background:url(/css/images/bgr-graybox-left.png) no-repeat 0 0;padding-right:10px;  }
		.graybox .graybox-out{ background:url(/css/images/bgr-graybox-right.png) no-repeat 100% 0;  float:left; width:100%;}
		.graybox .graybox-out .graybox-in{ background:url(/css/images/bgr-graybox-middle.png) repeat-x 0 0; padding-top:17px; float:left; width:100%; }
	/*left col graybox*/
	.col-left{width:204px; float:left;padding-left:15px;}
	.col-left .graybox-out{width:189px; float:left;padding-right:15px; }
		ul.images { padding:0 5px 15px 5px;}
		ul.images li{background:url(/css/images/bgr-img.png) no-repeat 100% 0; width:159px; height:121px; padding:10px;position:relative; float:left; }
		ul.images li img{ border:5px solid #fff; width:148px; height:111px; float:left;}
		ul.images li a{ position:absolute; left:15px; top:15px; width:148px; height:111px; background:url(/css/images/bgr-imglink.png) no-repeat 50% 3px}
		ul.images li a:hover{background:none;}
	/*middle col graybox*/
	.col-middle{width:336px; float:left;padding-left:15px; padding-right:0;}
	.col-middle .graybox-out{width:321px; float:left;padding-right:15px; }
	.col-middle .graybox-out .graybox-in{width:311px; float:left; padding:17px 5px 0 5px}
		.col-middle ul{ padding-bottom:25px;}
		.col-middle .text{ padding-bottom:15px; font-size:13px;}
		.col-middle .text strong{ padding-right:5px;}
		.col-middle .text strong.data{display:block;}

	/*yellowbox*/	
	.yellowbox{ background:url(/css/images/bgr-yellowbox-left.png) no-repeat 0 0;width:336px; float:right; padding-left:15px; }
		.yellowbox .yellowbox-out{ background:url(/css/images/bgr-yellowbox-right.png) no-repeat 100% 0;  float:left; width:321px; padding-right:15px;}
		.yellowbox .yellowbox-out .yellowbox-in{ background:url(/css/images/bgr-yellowbox-middle.png) repeat-x 0 0; padding:15px 5px 0 5px; float:left; width:311px; }
		
		.yellowbox h1{color:#594106;}
		.yellowbox a,
		.yellowbox a:visited{ font-weight:bold;}
		.blog{ padding-bottom:0px;}
		#podcast{ background:url(/css/images/bgr-podcast.png) no-repeat; width:250px; height:63px; padding:4px 0 0 60px; display:block; font-size:14px; font-weight:normal; margin:10px 0}
		#nettiradio{ background:#ffffff; width:311px; height:160px; padding:0; display:block; font-size:14px; font-weight:normal; margin:0px 0 0 0; overflow:hidden;}
		form { padding:5px 0 35px}
		select{ width:300px;}
	/*col-full*/
	.col-full{width:698px; float:left;padding-left:15px; padding-right:0;}
	.col-full .graybox-out{width:683px; float:left;padding-right:15px; }
	.col-full .graybox-out .graybox-in{width:673px; float:left; padding:17px 5px 0 5px}
	
#thirdlevellinks a { text-decoration:underline; }

.banners { text-align:center; padding-right: 2px;}
.tietotemput {margin: 2px 0px 2px 18px; color: #bbb; }
.tietotemput a { color: #bbb; }	
/*news post styles*/
.post_holder {  padding-bottom: 10px; }
.post_link {  font-weight: bold; }
.post_archivelink {    padding-top: 20px; font-weight: bold; }
.post_author {  padding-top: 10px; font-style: italic; }
.post_timestamp {  padding: 0; margin: 0; }
.uutisotsikko, .post_otsikko {  padding: 0; margin: 0; }