

//VISITKOTKA.CSS

* {}

body {
    color: #000000;
    font: 12px/16px Arial,Helvetica,sans-serif;
    margin: 0;
}

a {
	text-decoration:none;
	color:#0C64A1;
  font-weight: bold;
}
p { 
  margin-top: 1em;
  margin-bottom: 1em;
  padding-top: 0;
  padding-bottom: 0;
}
a:hover {text-decoration:underline;}
img {border:none;}
input {
	font:12px/12px Arial, Helvetica, sans-serif;
	vertical-align:middle;
}
form,
fieldset {
	margin:0;
	padding:0;
	border:none;
}
/* wrapper */

h1 {
	margin:0 0 16px;
	font:16px/16px Arial, Helvetica, sans-serif;
	color:#0c64a1;
}

h2 {
	margin:1em 0 0 0;
	font:14px/14px Arial, Helvetica, sans-serif;
  font-weight: normal;
  color:#0c64a1;
}

h3 {
	margin:1em 0 0 0;
	font:12px/12px Arial, Helvetica, sans-serif;
  font-weight: bold;
}

#wrapper {
	width:967px;
	margin:0 auto;
	background:#fff;
	padding: 88px 0 0; //px103,124px 0 0; 
	position:relative;
}
/* header */
.header-area {
	height:103px;
	width:967px;
	position:absolute;
	left:0;
	top:0;
}
#header {
	height:103px; //124px;
  

	overflow:hidden;
  padding: 0 10px;
  background:url(/instancedata/prime_product_julkaisu/kotka/pics/bg-wave.png) no-repeat right top;
}
.top-area {
	float:right;
	width:700px;
	margin:0 0 44px;
}
/* logo */
#header .logo {
	float:left;
	display:inline;
	background:url(/instancedata/prime_product_julkaisu/kotka/pics/visitkotka.png) no-repeat;
	height:27px;
	width:185px;
	overflow:hidden;
	margin:37px 0 0 0px;
	text-indent:-9999px;
}
#header .logo a {
	display:block;
	height:100%;
	width:100%;
}

#headerlanguages {
  position: absolute;
  top: 65px;
  left: 15px;
  }
  
#headerlanguages  li {
  display: inline;
  float: left;
  font-size: 12px;
  margin: 0 0 0 20px;
}

#headerlanguages ul {
  float: left;
  list-style: none outside none;
  margin: 0;
  max-width: 400px;
  padding: 0;
}

#headerlanguages  li.selected a{
font-weight: bold;
color: #000000;
}

/* search */
.search{
	float:left;
  width: 175px;
  background-color: #ffffff;
  height: 32px;
  margin-left: 12px;
  margin-top: 5px;
}
/*.search label{
	padding:8px 22px 0 0;
	float:left;
}*/
.search .text{
	float:left;
  background-color: #e1e1e1;
  /*background:url(/instancedata/prime_product_julkaisu/kotka/pics/bg-text.gif) no-repeat;*/  
	width:139px;
	height:19px;
	margin:5px 5px 5px 5px;
}
.search .text input{
  background: none repeat scroll 0 0 transparent;
  color: #666666;
  background-color: #e1e1e1;
	border:0;
	padding: 0 5px 0 5px;
	margin:0; /*4px 0 4px 2px;*/
	float:left;
  height: 21px;
	width:129px;
}
.search .submit{
	width:21px;
	height:21px;
	float:left;
  margin: 5px 0 0 0;
	display:inline;
	padding:0;
	cursor:pointer;
}

/* lang-area */
.lang-area {
	float:right;
	padding:0 0 0 13px;
	background:url(/instancedata/prime_product_julkaisu/kotka/pics/bg-shadow.png) no-repeat;
}
.lang {
	overflow:hidden;
	float:left;
	padding:0 0 0 16px;
	background:url(/instancedata/prime_product_julkaisu/kotka/pics/bg-lang.gif) no-repeat;
}
.lang ul {
	list-style:none;
	float:left;
	margin:0;
	padding:0 16px 0 0;
	background:url(/instancedata/prime_product_julkaisu/kotka/pics/bg-lang.gif) no-repeat 100% -43px;
	height:43px;
	overflow:hidden;
}
.lang li {
	float:left;
	background:url(/instancedata/prime_product_julkaisu/kotka/pics/bg-lang.gif) no-repeat 0 -129px;
	padding:0 0 0 1px;7.10.2011
	font-size:12px;
	line-height:43px;
	margin:0 1px 0 -1px;
}
.lang a {
	float:left;
	height:43px;
	background:url(/instancedata/prime_product_julkaisu/kotka/pics/bg-lang.gif) repeat-x 0 -86px;
	padding:0 12px;
	color:#fff;
}
.lang a span {
	cursor:pointer;
	float:left;
	height:43px;
}
.lang a:hover {
	background-position:0 -172px;
	text-decoration:none;
}
.lang a:hover span {background:url(/instancedata/prime_product_julkaisu/kotka/pics/bg-lang.gif) no-repeat 50% -215px;}

/*blnavi*/

#blnavi {
  position: relative;
  background: url("/instancedata/prime_product_julkaisu/kotka/pics/bg-blue-gradient.png") repeat-x scroll 0 100% transparent;
  padding: 0;
  margin: 0;
  width: 967px;
  height: 41px;
  overflow: hidden;
}

#blnavi {
  color: white;
  }

#blnavi ul {
    clear: both;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

#blnavi li {
    float: left;
    display: inline;
    font-size: 12px;
    line-height: 16px;
    margin: 0 0 0 26px;
}

#blnavi #search {
    width: 181px;
    float: left;
}

#blnavi #liftups{
    float: left;
    margin-top: 14px;
    margin-left: 0px;
    width: 553px;
}

#blnavi #liftups a{
    color: #ffffff;
    font-weight: bold;
}

#blnavi #socialmedia{
    float: right;
    width: 200px;
    color: #ffffff;
    margin-top: 14px;
}

/* main navigation */
.nav-area {margin:0 24px 0 200px;}
* html .nav-area {height:1%;}
.nav-area:after {
	clear:both;
	content:"";
	display:block;
}
ul#nav {
	float:right;
	height:36px;
	margin:0;
	padding:0 6px 0 0;
	list-style:none;
	background:url(/instancedata/prime_product_julkaisu/kotka/pics/bg-nav.png) no-repeat 100% 0;
}
ul#nav li {
	float:left;
	text-indent:-9999px;
	height:36px;
}
ul#nav a {
	display:block;
	overflow:hidden;
	height:36px;
	background:url(/instancedata/prime_product_julkaisu/kotka/pics/bg-nav.png) no-repeat;
}
/* buttons of navigation */
ul#nav a.asukkaalle {
	width:84px;
	background-position:0 0;
}
ul#nav a.yrittajalle {
	width:83px;
	background-position:-84px 0;
}
ul#nav a.matkailijalle {
	width:95px;
	background-position:-167px 0;
}
ul#nav a.muuttajalle {
	width:94px;
	background-position:-262px 0;
}
ul#nav a.hallinto {
	width:135px;
	background-position:-356px 0;
}
ul#nav a.tietoa {
	width:118px;
	background-position:-491px 0;
}
ul#nav li.active a.asukkaalle,
ul#nav a.asukkaalle:hover {background-position:0 -36px;}
ul#nav li.active a.yrittajalle,
ul#nav a.yrittajalle:hover {background-position:-84px -36px;}
ul#nav li.active a.matkailijalle,
ul#nav a.matkailijalle:hover {background-position:-167px -36px;}
ul#nav li.active a.muuttajalle,
ul#nav a.muuttajalle:hover {background-position:-262px -36px;}
ul#nav li.active a.hallinto,
ul#nav a.hallinto:hover {background-position:-356px -36px;}
ul#nav li.active a.tietoa,
ul#nav a.tietoa:hover {background-position:-491px -36px;}
/* main */
#main {
	height:1%;
	/*background:url(/instancedata/prime_product_julkaisu/kotka/pics/bg-media.png) no-repeat;*/
	padding:270px 0px 37px 0px;
	position:relative;
}
.main-holder {
	height:1%;
  padding: 0 0px 0 0px;
	overflow:hidden;
}
.container {
	float:right;
	width:754px;
	margin: 0; //53px 0 0;
}
.inner .container {margin:90px 0 0;}
/* content */
#content.twocols {
	float:left;
	width:525px;
	padding:21px 0px 0 0px;
	background:#fff;
}

#content.twocols img{
	max-width:478px;
}

#content.onecols {
	float:left;
	width:754px;
	padding:21px 0px 0 0px;
	background:#fff;
}

#content.onecols img{
	max-width:742px;
}

#content p {
	margin:0 0 11px;
	color:#000000;
	font-size:12px;
}
img.img {
	float:right;
	font-size:0;
	margin:4px 0 20px 10px;
}
.container .xmldoc {
  padding-bottom: 1em;
}


a.more {
	display: block;
	color:#0068b3;
	padding:0 0 0 17px;
	line-height:33px;
	background:url(/instancedata/prime_product_julkaisu/kotka/pics/bg-more.gif) no-repeat 0 2px;

}
.data-list {
	margin:0 0 11px;
	padding:0;
	list-style:none;
}
.data-list li {
	text-indent:21px;
	font-size:11px;
	background:url(/instancedata/prime_product_julkaisu/kotka/pics/bullet-data-list.gif) no-repeat 12px 4px;
}
/* news-block */
.news-block {
	width:500px;
	overflow:hidden;
	background:url(/instancedata/prime_product_julkaisu/kotka/pics/bg-tabs-repeat.gif) repeat-x;
	margin:0 0 0 -20px;
}
.news-block .title {
	width:100%;
	overflow:hidden;
}
.panel {
	margin:0;
	padding:0;
	width:286px;
	float:right;
	list-style:none;
	overflow:hidden;
	font-size:12px;
	height:37px;
	line-height:50px;
	background:url(/instancedata/prime_product_julkaisu/kotka/pics/bg-panel.gif) no-repeat 100% 0;
}
.panel li {
	float: left;
	margin:0 1px 0 -1px;
	display:inline;
	height:37px;
	background:url(/instancedata/prime_product_julkaisu/kotka/pics/separator-news-panel.gif) no-repeat 0 100%;
}
.panel li a {color:#0068b3;}
.panel .mail a,
.panel .rss a {
	float:left;
	margin:15px 6px 0;
	display:inline;
	width:15px;
	height:11px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/instancedata/prime_product_julkaisu/kotka/pics/ico-rss.gif) no-repeat;
}
.panel .mail a {
	margin:15px 6px 0;
	width:auto;
	line-height:21px;
	height:35px;
	text-indent:25px;
	background:url(/instancedata/prime_product_julkaisu/kotka/pics/ico-mail.gif) no-repeat;
}
.panel .subs {background:none;}
#content h2.text-ajankohtaista {
	margin:0;
	float:left;
	width:213px;
	height:37px;
	position:relative;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/instancedata/prime_product_julkaisu/kotka/pics/text-ajankohtaista.gif) no-repeat;
}
ul.items {
	margin:0;
	padding:30px 0 0;
	list-style:none;
	overflow:hidden;
	width:550px;
}
ul.items li {
	width:215px;
	display:inline-block;
	vertical-align:top;
	margin:0 40px 12px 18px;
	font-size:12px;
	line-height:15px;
	color:#0068b3;
}
* html ul.items li {display: inline;}
* +html ul.items li {display: inline;}
ul.items .date {font-weight:bold;}
ul.items p {margin:0;}
ul.items a {color:#0068b3;}
/* breadcrumbs */
.breadcrumbs-area {
	position:absolute;
	top:229px;
	left:234px;
	overflow:hidden;
	height:53px;
	width:749px;
	background:url(/instancedata/prime_product_julkaisu/kotka/pics/bg-container.png) repeat-x 0 35px;

}
.breadcrumbs {float:left;}
.breadcrumbs ul {
	margin:0;
	list-style:none;
	float:left;
	overflow:hidden;
	height:35px;
	padding:18px 0 0 35px;
	background:url(/instancedata/prime_product_julkaisu/kotka/pics/bg-container.png) no-repeat 0 -18px;
}
.breadcrumbs li {
	float:left;
	background:url(/instancedata/prime_product_julkaisu/kotka/pics/separator.gif) no-repeat 100% 4px;
	padding:0 6px 0 3px;
	margin:0 -3px 0 3px;
	display:inline;
	font-size:12px;
	line-height:16px;
	color:#0c64a1;
}
.breadcrumbs a {color:#0c64a1;}
/* tools-holder */
.tools-holder {
	width:540px;
	overflow:hidden;
	position:absolute;
	top:282px;
	left:234px;
	clear:both;
}
.publication {
	float:left;
	width:286px;
	height:40px;
	font-size:11px;
	line-height:41px;
	color:#09753b;
	background:url(/instancedata/prime_product_julkaisu/kotka/pics/bg-card.gif) repeat-x;
}
.publication .date {
	float:left;
	height:40px;
	padding:0 0 0 37px;
	background:url(/instancedata/prime_product_julkaisu/kotka/pics/bg-card.gif) no-repeat 0 -40px;
}
.publication .time {
	float:right;
	height:40px;
	padding:0 53px 0 0;
	background:url(/instancedata/prime_product_julkaisu/kotka/pics/bg-card.gif) no-repeat 100% -80px;
}
/* tools-panel */
.tools-panel {
	margin:0 0 0 -6px;
	padding:13px 0 0;
	list-style:none;
	float:left;
	overflow:hidden;
}
.tools-panel li {
	float:left;
	padding:0 9px 0 12px;
	margin:0 1px 0 -1px;
	display:inline;
	background:url(/instancedata/prime_product_julkaisu/kotka/pics/separator-tools.gif) no-repeat 0 4px;
}
.tools-panel ul.social,
.tools-panel ul.tools {
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}
.tools-panel ul.social {
	margin:0 0 0 -6px;
	display:inline;
}
.tools-panel ul.tools li {
	padding:0 4px 0 8px;
	background:none;
}
.tools-panel ul.social li {
	padding:0 0 0 6px;
	background:none;
}
.tools-panel a {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
.tools-panel .ico-add a {
	width:14px;
	height:16px;
	background:url(/instancedata/prime_product_julkaisu/kotka/pics/icos.gif) no-repeat;
}
.tools-panel .ico-jaa a {
	width:19px;
	height:13px;
	background:url(/instancedata/prime_product_julkaisu/kotka/pics/icos.gif) no-repeat -14px 0;
}
.tools-panel .ico-facebook a {
	width:14px;
	height:15px;
	background:url(/instancedata/prime_product_julkaisu/kotka/pics/icos.gif) no-repeat -34px 0;
}
.tools-panel .ico-myspace a {
	width:14px;
	height:15px;
	background:url(/instancedata/prime_product_julkaisu/kotka/pics/icos.gif) no-repeat -48px 0;
}
.tools-panel .ico-google a {
	width:16px;
	height:16px;
	background:url(/instancedata/prime_product_julkaisu/kotka/pics/icos.gif) no-repeat -63px 0;
}
.tools-panel .ico-twitter a {
	height:16px;
	width:10px;
	background:url(/instancedata/prime_product_julkaisu/kotka/pics/icos.gif) no-repeat -79px 0;
}
.tools-panel .ico-mail a {
	width:16px;
	height:15px;
	background:url(/instancedata/prime_product_julkaisu/kotka/pics/icos.gif) no-repeat -90px 0;
}
.tools-panel .ico-print a {
	width:16px;
	height:17px;
	background:url(/instancedata/prime_product_julkaisu/kotka/pics/icos.gif) no-repeat -106px 0;
}
/* aside */
.aside {
	float:right;
	width:200px;
	background:#fff;
	padding:0 0px 0 0;
}

.aside img{
	max-width:200px;
}

.cell {
	position:relative;
	margin:-38px 0 0;
	background:url(/instancedata/prime_product_julkaisu/kotka/pics/bg-cell.png) no-repeat;
	padding:12px 41px 20px 22px;
	height:1%;
}
.inner .cell {margin:-75px 0 0;}
.cell h3 {
	color:#007413;
	font:18px/19px Arial, Helvetica, sans-serif;
	text-align:center;
	margin:0 0 20px;
}
/* link-list */
.link-list {
	margin:-22px 0 23px;
	padding:0 0 0 18px;
	list-style:none;
	font:11px Arial, Helvetica, sans-serif;
	color:#000;
	position:relative;
	z-index:10;
}
.link-list li {padding:0 0 11px;}
.link-list h4 {
	margin:0 0 7px;
	color:#0068b3;
	font-size:14px;
	font-weight:normal;
}
.link-list a{
	color:#000;
	display:block;
	width:129px;
	height:25px;
	line-height:23px;
	padding:0 22px 0 16px;
	background:url(/instancedata/prime_product_julkaisu/kotka/pics/bg-link-list.gif) no-repeat;
}
/* menu */
ul.menu {
	list-style:none;
	margin:0;
	padding:0;
        position: relative;
        top: -3px;
}
ul.menu li {
	width:187px;
	height:1%;
	vertical-align:middle;
	margin:0;
	font-size:14px;
	line-height:16px;
}
ul.menu .box-area {
	padding:0;
}
ul.menu a {
	color:#000;
	padding:0;
	height:46px;
	display:table;	
}
ul.menu li.active a,
ul.menu a:hover {
	text-decoration:none;
}
ul.menu span {
	width:100%;
	display:table-cell;
	vertical-align:middle;
	cursor:pointer;
}
ul.menu em {
	font-style:normal;
	cursor:pointer;
}
ul.menu img.ico {
	float:left;
        position: relative;
        left: -3px;
	display:block;
}

img.liftupimage {
   padding-left: 0;
   }

* html ul.menu a {
	position:relative;
	display:block;
}
* +html ul.menu a {
	position:relative;
	display:block;
}
* html ul.menu span {
	position:absolute;
	top:50%;
}
* +html ul.menu span {
	position:absolute;
	top:50%;
}
* html ul.menu em {
	position:relative;
	top:-50%;
}
* +html ul.menu em {
	position:relative;
	top:-50%;
}
/* media */
.media {
	position:absolute;
	top:10px;
	/*left:21px;*/
	z-index:2;
	height:1%;
	background:#ffffff;
}
.media img {
  display:block;
  width: 967px;
  }
/* sidebar */
#sidebar {
	float:left;
	width:190px;/*width:205px;*/
}
/* navigation */
#subnav ul{
	height:1%;
	overflow:hidden;
	margin:0;
	padding:15px 0 8px 0;
	list-style:none;
	font:12px/14px Arial, Helvetica, sans-serif;
}

#subnav a {
	padding:0 0 0 12px; 
  font-weight: normal;
	display:block;
	color:#0068b3;
	background:url(/instancedata/prime_product_julkaisu/kotka/pics/bullet.gif) no-repeat 0 6px;
}

#subnav a:hover {
	color:#c84911;
	text-decoration:none;
	background:url(/instancedata/prime_product_julkaisu/kotka/pics/bullet-hover.gif) no-repeat 0 6px;
}

#subnav li.selected a,
#subnav .active a {
  color:#0068b3;
	text-decoration:none;
  font-weight: bold;
	background:url(/instancedata/prime_product_julkaisu/kotka/pics/bullet-hover.gif) no-repeat 0 6px;
}

#subnav li.selected a:hover {
	color:#c84911;
	text-decoration:none;
	background:url(/instancedata/prime_product_julkaisu/kotka/pics/bullet-hover.gif) no-repeat 0 6px;
}

#subnav ul li {
	padding:5px 0px 5px 0px;
	width:181px;
	float:left;
	background:url(/instancedata/prime_product_julkaisu/kotka/pics/dotted.gif) repeat-x 0 0%;
}

#subnav ul ul {
	height:1%;
	overflow:hidden;
	margin:0;
	padding:5px 0 0 0;
	list-style:none;
	font:12px/14px Arial, Helvetica, sans-serif;
}

#subnav ul ul li {
	padding:5px 12px 5px 16px;
	width:181px;
	float:left;
	background:url(/instancedata/prime_product_julkaisu/kotka/pics/dotted.gif) repeat-x 0 0%;
}

#subnav ul ul li.last {
	padding:5px 12px 0px 16px;
	width:181px;
	float:left;
	background:url(/instancedata/prime_product_julkaisu/kotka/pics/dotted.gif) repeat-x 0 0%;
}

#subnav li.selected ul li a{
	color:#0068b3;
  font-weight: normal;
  text-decoration:none;
  background:url(/instancedata/prime_product_julkaisu/kotka/pics/bullet.gif) no-repeat 0 6px;
}

#subnav ul ul li.selected a
{
	color:#0068b3;
  font-weight: bold;
	text-decoration:none;  
	background:url(/instancedata/prime_product_julkaisu/kotka/pics/bullet.gif) no-repeat 0 6px;
}

#subnav ul ul li.selected a:hover
{
	color:#c84911;
  text-decoration:none;  
  font-weight: bold;
	background:url(/instancedata/prime_product_julkaisu/kotka/pics/bullet-hover.gif) no-repeat 0 6px;
}



/* footer */
.footer-area {
	width:967px;
	margin:0 auto;
	background:url(/instancedata/prime_product_julkaisu/kotka/pics/bg-footer-area.gif) repeat-x;
}
.footer-area:after {
	clear: both;
	content:'';
	display: block;
}
.footer-holder {
	width:100%;
	background:url(/instancedata/prime_product_julkaisu/kotka/pics/bg-footer-holder.gif) no-repeat 100% 0;
}
.footer-holder:after {
	clear: both;
	content:'';
	display: block;
}

#footer .outer-info-link {
 padding-right:11px;
 }

#footer {
	height:1%;
	padding:0 0 50px;
	background:url(/instancedata/prime_product_julkaisu/kotka/pics/bg-footer.gif) no-repeat;
}
#footer:after {
	clear: both;
	content:'';
	display: block;
}
/* logo of footer */
.footerlogo {
 width: 210px;
 float: left;
 }
#footer .logo {	
  background:url(/instancedata/prime_product_julkaisu/kotka/pics/kotkalogo.png) no-repeat;
	float:left;
	margin:19px 60px 0 86px;
	display:inline;
  text-indent:-9999px;
}

#footer div.infologo {
  width: 34px;
  height: 43px;
}

#footer .infologo a{	
  display: block;
  width: 34px;
  height: 43px;
  background:url(/instancedata/prime_product_julkaisu/kotka/pics/info.png) no-repeat;
	float:left;
  text-indent:-9999px;
}

#footer .logo a {
	overflow:hidden;
	display:block;
	width:62px;
	height:41px;
}
#footer .info,
#footer .contact, #footer div.infologo {
	float:left;
	font-size:11px;
	color:#000;
  margin-top: 17px;
}
#footer .info {width:190px;}

#footer .info p,
#footer .contact p {margin:0;}
#footer .info,
#footer .contact a {color:#000;}
#footer .contact .mail {padding:0 0 0 10px;}

#footer .contact {
  width: 140px;
}
/* info-link */
.info-link {
	float:right;
	width:157px;
	margin:-22px 30px 0 0;
	position:relative;
	z-index:10;
	background:url(/instancedata/prime_product_julkaisu/kotka/pics/bg-info-link.jpg) no-repeat 100% -98px;
}
.info-link .holder {
	background:url(/instancedata/prime_product_julkaisu/kotka/pics/bg-info-link.jpg) no-repeat;
	padding:0 7px;
}
.info-link .frame {
	background:url(/instancedata/prime_product_julkaisu/kotka/pics/bg-info-link.jpg) repeat-x 0 -196px;
	//width:173px;
}
.info-link .frame:after {
	clear:both;
	content:"";
	display:block;
}
.info-link ul {
	float:left;
	width:105px;
	margin:0;
	padding:52px 0 30px;
	list-style:none;
	font-size:11px;
	text-align:right;
}
.info-link ul li {
	display:inline;
	padding:0 0 0 8px;
	margin:0 7px 0 0;
	background:url(/instancedata/prime_product_julkaisu/kotka/pics/separator-footer.gif) no-repeat 0 3px;
}
.info-link ul li:first-child {
	background:none;
	padding:0;
}
.info-link a {color:#0068b3;}
.info-link img.ico {
	float:right;
	margin:37px -6px 0 0;
}

h1.channeltitle {
   display: none;
}

.channelitem {
  border-top: 1px solid #15b5f0;
  padding-top: 1em;
  padding-bottom: 1em;
}



