@media screen {




  .tx-efafontsize-pi1 {
    display:inline;
  }

  body{
   /*background:#0a1159 url('images/bodybg.jpg') top left repeat-x;*/
   /*background:#08305A url('images/bodybg-gradient.gif') top left repeat-x;*/
   font-size:62.5%; /*resetting to 1em = 10px;*/
   text-align:center;
   font-family:Arial,sans;
 }
 a{
  text-decoration:none;
}
a:hover{
  text-decoration:underline;
}

#kategorianavibutton, .slide {
  cursor: hand;
  cursor: pointer;
}

#container-wrapper{
 background:transparent url('images/stars.jpg') left 135px no-repeat;
 /*width:100%;*/
 width: 960px;
 position: relative;
 margin: 0 auto;
}
#container{
 width:960px;
 margin:0px auto;
 background-color:#fff;
 /*height:900px;
 background:#fff url('images/scandic-container.jpg') top center no-repeat;*/
 text-align:left;
 font:1em/1em Arial,sans;
}
#header{
 height:195px;
 background:transparent url('images/ta-banner.png') center 0px no-repeat;
 position:relative;
}
#header h1{
 width:290px;
 height:130px;
}
#header h1 a{
 display:block;
 height:130px;
 text-indent:-99999em;
}
#header ul.contact-nav{
 float:right;
 height:20px;
 display:inline; /*For IE*/
 font-size:1em;
 margin:20px 0 0 0;
}
ul.contact-nav li{
 display:block;
 float:left;
 margin:0 5px 0 0;
 display:inline; /*For IE*/
 color:#fff;
 font-size:1.2em;
 padding:3px 0;
}
ul.contact-nav li a{
  color:#fff;
  font-size:1.3em;
  font-size:.9em;
  font-weight:bold;
}

ul.contact-nav a.current{
  color:#fff;
  font-size:1.3em;
  font-size:.9em;
  font-weight:bold;
  text-decoration:underline;
}

#navigation{
 height:22px;
 overflow:hidden; /*clearing float */
 background:transparent url(images/ta-navi-bg.png) top left no-repeat;
 margin:35px 0 0 0;
 width:100%;
}
#navigation ul.main-nav{
 float:left;
 /*width:800px;*/
 margin:0 0 0 0;
}
#navigation ul.main-nav li{
 display:block;
 float:left;
 margin:0 0 0 0;
 height:20px;
 display:inline; /*For IE*/
 color:#fff;
 font-size:1.4em;
 line-height:1.4em;
}
#navigation ul.main-nav li a{
 color:#fff;
 font-size:13px;
 font-weight:bold;
 padding:3px 12px;
}
#navigation ul.main-nav li a.current{
 background-color:#0755d1;
 padding: 1px 9px 3px;
}
#navigation ul.main-nav li a:hover{
 background-color:#0755d1;
 padding: 1px 9px 3px;
 text-decoration:none;
}
#navigation .link-ursa{
 display:block;
 float:right;
 /*width:80px;*/
 height:23px;
 margin:5px 20px 0 0;
 color:#fff;
 font-size:13px;
 font-weight:bold;
 /* Pull the text out of viewport */
}
#content-wrapper{
 background:#fff url(images/contentbg.gif) top left repeat-y;
 overflow:hidden; /*clearing floats */
 /*padding:5px 5px 0 5px;*/
 border-bottom:1px solid #ccc;
}
* html #content-wrapper{
 height:1%; /* ie6 will haveLayOut */
}

#content-wrapper-wide{
 background:#fff url(images/contentbg.gif) 545px top repeat-y;
 overflow:hidden; /*clearing floats */
 padding:5px 5px 0 5px;
 border-bottom:1px solid #ccc;
}
* html #content-wrapper-wide{
 height:1%; /* ie6 will haveLayOut */
}

#content-wrapper-wide-2{
 background:#fff 545px top repeat-y;
 overflow:hidden; /*clearing floats */
 padding:5px 5px 0 5px;
 border-bottom:1px solid #ccc;
}
* html #content-wrapper-wide-2{
 height:1%; /* ie6 will haveLayOut */
}

#content-heading{
 display: none;
 height:27px;
 /*background:transparent url(images/heading-bg.jpg) top left repeat-y;*/
 background:transparent url(images/heading-bg.gif) top left repeat-y;
 overflow:hidden; /* clearing float */
}
#content-heading h1.main-page-heading{
  line-height:1em;
  /*background:transparent url(images/heading-bullet.gif) 13px center no-repeat;*/
  background: transparent url(images/heading-bullet.gif) 13px 11px no-repeat;
  /*font: 18px Arial,sans;*/
  font: bold 14px Arial,sans;
  color:#fff;
  /*padding:0 0 0 1.2em;*/
  padding: 5px 0 0 24px;
  float:left;
}
#text-resize{
 float:right;
 height:16px;
 width:200px;
 text-align:right;
 font-size:1.3em;
 display:inline;
 margin:6px auto;
}
#text-resize a{
 margin:0 5px 0 0;
}
#left-col-nav, #left-col-nav2{
 float:left;
 width:196px; /* content width 192px*/
 /*border:1px solid red;*/
 text-align:left;
}
#left-col-nav h2, 
#left-col-nav2 h2,
#right-col h2
{
 /*background-color:#bddefd;*/
 background: #08284A;
 /*color:#020080;*/
 color: #fff;
 font-size:1.3em;
 line-height:1.5em;
 padding:0 0 0 5px;
 margin:0 0 2px 0;
}
#left-col-nav ul, #left-col-nav2 ul{
  background-color:#f5f5f5;
  margin:-2px 0 0 0;
  padding:0 0 0 .5em;
}
#left-col-nav ul li, #left-col-nav2 ul li {
  background:transparent url(images/bullet.gif) left 5px no-repeat;
  padding:0 0 .4em .7em;
  font-size:1.3em;
  line-height:1.2em;
}

#left-col-nav ul ul.sub li, #left-col-nav2 ul ul.sub li {
  background:transparent;
  padding:0 0 .4em .7em;
  font-size:1.3em;
  line-height:1.0em;
}

#left-col-nav ul ul.sub, #left-col-nav2 ul ul.sub  {
  list-style: none;
}

#left-col-nav b {
  color:#00017f;
}

#left-col-nav ul li a, #left-col-nav2 ul li a{
 color:#00017f;
 text-decoration:none;
}
#left-col-nav ul li a:hover, #left-col-nav2 ul li a:hover {
 text-decoration:underline;
}
#left-col-nav ul.news li, #left-col-nav2 ul.news li {
  font-weight:bold;
}
#left-col-nav ul.news li ul, #left-col-nav2 ul.news li ul {
  list-style-type:line;
  margin:4px 0 0 0;
}
#left-col-nav ul.news li ul li, #left-col-nav2 ul.news li ul li {
  font-weight:normal;
  font-size:1em;
}
#left-col-nav #search, #left-col-nav2 #search {
 border:1px solid #ccc;
 background: #cdcdcd url(images/buttonbg.gif) 0px 0px repeat-x;
 margin:2px 0;
}
#search form{
 display: inline;
}
#search input{
  /*margin:0 0 5px 0;*/
}
#search img{
 margin:5px 0px 0 3px;
}
#search .searchtext{
 border:1px solid #a5acb2;
 width:125px;
}
#search .searchbutton{
 width:40px;
}

* html #search .searchtext {
  width:115px;
}

* html #search .searchbutton{
  /* height:21px;*/
}

.contact-address{
 margin:50px 0 0 0;
 font-size:1em;
 background:#fff url(images/bluegradient.jpg) top left repeat-x;
 padding:0 0 0 1em;
 line-height:3;
}
#left-col-nav .contact-address h2, #left-col-nav2 .contact-address h2 {
  font-weight:bold;
  color:#000;
  font-size:1.3em;
  background-color:transparent;
  padding:.3em 0 0 0;
}
.contact-address p{
  line-height:1.3em;
  font-size:1.3em;
}
.contact-address address{
  font-style:normal;
  font-size:1.3em;
  line-height:1.5em;
}
.bold{
  font-weight:bold;
}
#content-col, #content-col2, #content-col-search, #content-cat, #content-month{
  margin:0 10px;
  padding-left: 8px;
  width:525px;
  float:left;
  text-align:left;
  font-size:1em;
  display:inline;
}
#content-col {
  margin-top: -10px;
}
#content-col2{
  padding-left: 8px; 
}  

#content-col-search p, #content-cat p, #content-month p {
  clear:both;
}


ol {
  list-style-position:outside;
  padding:0 0 0 50px;
  font-size:1.2em;
  line-height:1.5em;
  list-style-type: decimal;
}

#content-col ul, #content-col2 ul, #content-col-search ul, #content-month ul, #content-col-wide ul {
  list-style-position:outside;
  padding:0 0 0 50px;
  font-size:1.2em;
  line-height:1.5em;
  list-style-type: disc;
}

ol li, #content-col ul li, #content-col2 ul li, #content-col-search ul li, #content-col-wide ul li {
  padding:5px 0;
}

#content-col-wide, #content-col-wide-search2 {
 margin:0 1em;
 width:725px;
 float:left;
 text-align:left;
 font-size:1em;
 display:inline;
}

content-col-wide-2{
  margin:0 1em;
  width:920px;
  float:left;
  text-align:left;
  font-size:1em;
  display:inline;
}

.print-page{
 display:block;
 text-align:right;
 margin:5px 10px 0 0;
 padding:3px 13px 3px 3px;
 font-size:1.1em;
 color:#999;
 font-weight:bold;
 background:#fff url(images/print-icon.gif) center right no-repeat;
 float:right;

}
.main-heading{
 font:bold 2em/1em Arial,serif;
 color:#000166;
 padding:0 0 4px 0;
 border-bottom:2px solid #ffb900;
}
.post-entry{
 # margin:-5px 0 10px 0;
 margin: 5px 0 10px 0;
 font-size:1em;
 border-bottom:2px solid #ccc;
 position: relative;
 padding-bottom: 5px;
}
.post-entry h2, #content-col-search h2, #content-month h2, #content-cat h2 {
 font-size:1.4em;
 color:#000180;
 font-weight:bold;
 font-family:Arial;
 margin:5px 0;
 line-height: 100%;
}
.post-entry h2 {
 font-size:1.6em;
}
.post-entry a{
 color:#2e2987;
}

div.web-news-heading-wrap {
  position: absolute;
  top: 20px;
  padding: 5px 8px;
  background: url('images/transparent-75.png') repeat;
  width: 509px;
}
.date{
 font-size:1.1em;
 font-weight:bold;
 color:#000180;
 padding: 0px 8px;
}
.date2{
 font-size:10px;
 font-weight:normal;
 color:#000000;
}

a.author{
 color:#999;
 font-size:1.1em;
 padding:3px 20px 3px 3px;
 background:#fff url(images/email-icon.gif) 97% center no-repeat;
 text-decoration:none;
 line-height: 100%;
}
a.author:hover{
 background-color:#f1f1f1;
 text-decoration:underline; 
}
.post-entry p{
 padding: 5px 8px;
 line-height:1.2;
 font-size:15px;
}

p{
 padding:5px 0;
 line-height:1.5em;
 font-size:1.2em;
}

.post-entry a{
  text-decoration:underline;
}
.post-entry a:hover{
  text-decoration:none; 
}
.perma-link{
 margin:10px 5px 10px 5px;
 clear:both;
}
.perma-link a{
  text-decoration:none;
  background:#fff url(images/link-icon.gif) 3px center no-repeat;
  padding:5px 5px 5px 13px
}
.perma-link a:hover{
 background-color:#f1f1f1;
 text-decoration:underline;
}
#right-col{
 float:right;
 /*border:1px solid black;*/
 width:189px;
 text-align:left;
 margin:0 0 0 10px;
 display:inline; /* For ie */
 font-size:1em;
}
#right-col-devel {https://www.ursa.fi/typo3/backend.php
  float: right;
  width: 193px;
}
a.new-magazine{
  display:block;
  text-indent:-99999em;
  background:#fff url(images/lehden-uusin-numero.gif) top right no-repeat;
  height:42px;
  width:193px;
  margin:0 0 0.3em;
}
a.order-magazine{
  display:block;
  text-indent:-99999em;
  background:#fff url(images/tilaa-lehti.gif) top left no-repeat;
  height:29px;
  width:193px;
}
.magazine{
  border-bottom:1px solid #ccc;
  padding:0 0 .3em 0;
}
.magazine p{
  color:#777;
  font-size:1.3em;
  line-height:1;
  margin:0.3em 0 0.3em 5px;
}
#right-col img, .magazine img{
 display:block;
 margin-left:auto;
 margin-right:auto;
 margin-bottom:5px;
}

.banner{
 color:#787878;
 font-size:1.3em;
 border-bottom:1px solid #ccc;
}

.lahde-matkalle{
  border-bottom:1px solid #ccc;
  padding:0 0 .3em 0;
  text-align:center;
  margin:0 0 10px 0;
}
a.matkalle{
  display:block;
  text-indent:-99999em;
  background:#fff url(images/lahde-matkalle.gif) top left no-repeat;
  height:29px;
  width:155px;
  margin:0 auto;
}

#footer{
 background:transparent url(images/footerbg.gif) top left repeat-x;
 clear:both;
 text-align:center;
 font-size:1em;
 line-height:2.5em;
 height:12px;
}
.mediasignal-container{
 text-align:right;
 font-size:1em;
 padding:3px 0;
}
.mediasignal{
  color:#bfbfbf;
  font-size:1.1em;
}

.blogikuva {
  margin:10px;
  margin-left:0;
}

.newsimage {
  margin: 0;
  padding: 5px 10px 0px 0px;
}
div.post-entry.old div.newsimage {
  float: left;
  width: 250px;
}

.newsimagecaption {
  font-size: 12px;
  font-weight: bold;
  line-height: 100%;
  padding: 2px 8px 10px;
}

h3 {
  color:#202495;
  font-size:14px;
  margin:20px 0 5px;
  clear:both;
  line-height:1;
}

.csc-textpic, .csc-textpic-intext-left {
  clear:both;
}

.csc-textpic-imagewrap {
  margin-bottom:20px;
}

#tulipallowrapper {
  width:725px;
  margin:20px 0 0 0;
  padding:0;
}

#tulipallovasen {
  float:left;
  display:inline;
  width:350px;
  margin-right:10px;
}

#tulipallooikea {
  float:left;
  display:inline;
  width:350px;
}

#rss-box {
  font-size:12px;
  line-height:15px;
  margin-bottom:5px;
  margin-left:5px;
  margin-top:5px;
  vertical-align:middle;
  width:160px;
}

#rss-box img {
  padding-bottom:2px;
  vertical-align:middle;
}

#rss-box .ehdot {
  font-size:10px;
}

#haku-box {
  margin-top:15px;
}

#search #haku-box {
  margin-top:-5px;
}

#haku-box {
  margin-bottom:8px;
  padding-left:5px;
}

#haku-box input {
  margin:0 2px 0 0 !important;
  vertical-align:middle !important;
}

#haku-box p {
  margin:0 !important;
  padding:0 !important;
  display:inline !important;
  font-size:1em !important;
  vertical-align:middle !important;
  line-height:10px !important;
}


.tx-ghfontsize-pi1 {
  padding:0 !important;
  background:none !important;
}

.form-req {
  position: absolute; 
  margin: 0 0 0 -9999px;
}

}

@media print {

  img {
    display:none;
  }

  #header {
    display:none !important;
  }

  #content-heading {
    display:none !important;
  }

  #left-col-nav {
    display:none !important;
  }

  left-col-nav2 {
    display:none !important;
  }

  #right-col {
    display:none !important;
  }

  .post-entry {
    margin:20px 0 20px 0;
    font-size:10pt;
  }

  .mediasignal-container {
    display:none;
  }

  .print-page {
    display:none;
  }


}

@media handheld {

}
/*navi*/
#navigation ul.main-nav li.has-children{position:relative; width: 100px;}
/*#navigation ul.main-nav li.has-children .submenu{display:none;}*/
#navigation ul.main-nav li .submenu{
  display:none;
  position:absolute;
  left:0px;
  top:19px;
  width:200px;
  background-color:#fff;
  border-top:1px solid #020283;
  border-left:1px solid #020283;
  border-right:1px solid #020283;
  z-index:100;
}
#navigation ul.main-nav li .submenu li{
  display:block;
  float:none;
  height:auto;
  border-bottom:1px solid #020283;
}
#navigation ul.main-nav li .submenu li a{
  display:block;
  padding:3px;
  color:#00017F;
  background-color:#fff !important;
}

#navigation ul.main-nav li.has-children:hover a{
  background-color:#0755d1;
  padding: 1px 5px 3px;
  text-decoration:none;
}
#navigation ul.main-nav li .submenu li a:hover{
  background-color:#fff;
  color:#000;
  padding:3px 5px 5px 5px;
}
#navigation ul.main-nav li.has-children:hover .submenu{display:block;}

#navigation ul.main-nav {width:auto !important;}
#navigation { overflow: visible !important; }
#navigation .submenu { padding-left: 0px !important; }    
#latest-observations .camera-icon { margin-bottom: -2px;}   
#latest-observations h2 a, #latest-observations h2 a:visited { color: #fff; }
.camera-icon {display:inline-block;background:url('images/camera-icon-14.gif') bottom center no-repeat;width:14px;height:14px;}
.comments-icon {
  display:inline-block;
  background:url('images/comment-icon.gif') bottom center no-repeat;
  width:14px;
  height:14px;
  padding-bottom: 2px;
  text-align: center;
  font-size: 8px;
  vertical-align: top;
  margin-left:2px;
}
#latest-comments ul { 
  padding: 0 0 0 .5em;
  padding-top: 2px; 
  padding-bottom: 10px;
  background-color: #f5f5f5;
  margin: -2px 0 0 0;
}
#latest-comments ul li { 
  background: none;
  padding: 0 0 .4em 0;
  line-height: 1.2em;
  font-size: 12px;
}
#latest-comments ul li img { 
  width: 14px; 
  display:inline-block;
  margin-bottom:0;
}
#latest-comments ul li a {
  color: #00017f;
  text-decoration: none;
}
#latest-observations ul { padding-top: 2px; }
#latest-observations ul li { background: none; padding-left:0;width:189px}
#latest-observations ul li img { width: 14px;}
#search {
  background: none repeat scroll 0 0 #03213D;
  border: 1px solid #3C5060;
  color: #EEEEEE;
  /*height: 21px;*/
  padding: 2px 2px 0 4px;
  position: absolute;
  right: 0;
  text-align: right;
  top: 45px;
  /*width: 170px;*/
  width: 180px;
  z-index: 900;
}
#search input {
  /*border: 1px solid #000000;*/
  /*font-size: 12px;*/
  /*height: 13px;*/
  /*width: 114px;*/
}
#search input.hae {
  height: 19px;
  padding-bottom: 2px;
  vertical-align: bottom;
  width: 40px;
}
.web-news-heading { 
  #font-size: 3em !important;
  font-size: 22px !important;
  margin-top: 5px;
  line-height: 1.1;
}
h2.web-news-heading a{ 
  text-decoration: none;
}
h2.web-news-heading a:hover{ 
  text-decoration: underline;
}
.web-news-heading-sub { 
  #font-size: 3em !important;
  font-size: 22px !important;
  color:#000166;
  padding:0px 8px;
  border-bottom:2px solid #ffb900;
  line-height: 25px;
}
#uutisboksi { margin-top: 10px; }

div#c3530 {
  background: transparent url(images/box1_middle.gif) repeat-y;
  min-height: 60px;
  height: auto !important;
  height: 60px;
  width: 527px;
}
.box1-top {
  margin-top: 10px;
  background: transparent url(images/box1_top.gif) no-repeat;
  height: 9px;
}
.box1-bottom {
  background: transparent url(images/box1_bottom.gif) no-repeat;
  height: 9px;
}
div#c3530 p{
  padding: 5px 17px;
  margin: 0;
  font-size: 14px;
}
div.post-entry a.read-more {
  text-decoration: none;
  font-size: 15px;
  color: #000;
}
div.post-entry a.read-more.blue {
  font-weight: bold;
  text-decoration: underline;
  color: #2e2987;
}
div.post-entry a.read-more.blue:hover {
  text-decoration: none;
}
p.keywords {
  margin-top: 20px;
}

#content-col > div.post-entry.last {
  border-bottom: none;
}
#content-col > div.post-entry.last > a,
#content-col a.seven-more-news {
  display: block;
  padding: 5px;
  font-size: 14px;
  margin-top: 30px;
  margin-bottom: 20px;
  font-weight: bold;
  text-decoration: underline;
}
#content-col > div.post-entry.last > a {
  border-top: 2px solid #ccc;
  padding-top: 20px;
  margin-top: 5px;
}
ul.forum-feed {
overflow: hidden;
}

.some .perma-link {
    float: left;
    width: 95px;
    z-index: 500;
}
.some .facebook-like {
    margin-top: 5px;
    float: left;
    width: 130px;
    z-index: 500;
}
.some .twitter-tweet {
    margin-top: 5px;
    float: left;
    width: 100px;
    z-index: 500;
}
.some .google-like {
    margin-top: 5px;
    float: left;
    padding-top: 3px;
    width: 120px;
    z-index: 500;
}
#domain-navigation {
    height: 30px;
    background-color: #0b2b4e;
    width: 100%;
    margin: 1px 0 0 0;
}
#domain-navigation ul {
    margin: 0;
    padding: 0;
    width: 100%;
}
#domain-navigation li {
    float: left;
    position: relative;
    line-height: 30px;
    width: 25%;
    min-width: 25%; // for IE
}
#domain-navigation li a {
    color: #ffffff;
    font-size:15px;
    display: block;
    text-transform: uppercase;
    text-align: center;
    border-right: 1px solid white;
    text-decoration: none;
}
#domain-navigation li a#last_element {
    border-right: none;
}
#domain-navigation li a:hover {
    color: #70bbed;
    font-weight: bold;
}
#domain-navigation li a.active,
#domain-navigation li a#current_domain {
    color: #70bbed;
    font-weight: bold;
}
