/* Basics
----------------------------------------------- */
html, body {
  margin: 0;
  padding: 0;
}
body {
  background: #cedfe8;
  padding: 0 0 50px 0;
scrollbar-base-color: #4F4F82;
scrollbar-arrow-color: #637E89;
scrollbar-3dlight-color: #D7DEE8;
scrollbar-darkshadow-color: #7489A4;
scrollbar-face-color: #E8EDF1;
scrollbar-highlight-color: #FDFDFB;
scrollbar-shadow-color: #F2F3F5;
scrollbar-track-color: #F6F7F9;
}
body, p, td, th, div, blockquote, dl, ul, ol {
  font: normal 12px/17px Arial, sans-serif;
  color: #2f4259;
}
td, th {
  text-align: left;
  vertical-align: top;
}
img {
  border: 0;
  display: block;
}
a {
  text-decoration: underline;
  color: #5c8dc4;
}

a:hover{
        color: #346195;
}

a:hover h2, a:hover h3{
        color: #346195;
}

/* Header
----------------------------------------------- */
/* Structure
----------------------------------------------- */
#container {
  width: 966px;
  margin: 0 auto;
  padding: 0 2px 2px 2px;
  background: #fff;
}
#header {
  height: 76px;
  background: #fff;
  position: relative;
}
#logo {
  position: absolute;
  /*top: 20px;
  left: 12px;*/
}
#lang {
  position: absolute;
  right: 10px;
  top: 0;
  /*width: 310px;*/
}
#lang img {
  float: left;
  display: inline;
/*  margin-left: 10px; */
}
#main-nav {
  height: 28px;
  margin-bottom: 2px;
  padding-left: 18px;
  background: #0092dd;
  position: relative;
  z-index: 2;
}
#main-nav img {
  float: left;
}
#subnav {
  width: 227px;
  overflow: hidden;
}
#subnav ul {
  margin: 0 0 0 9px;
  padding: 0;
  list-style: none;
}
#subnav ul li {
  background: #fff url(/files/efhk/images/subnav1.gif) 0 0 no-repeat;
  padding: 9px 0 7px 20px;
  width: 189px;
}
#subnav ul li a {
  text-decoration: none;
  color: #3769a0;
}
#subnav ul li a:hover{
  text-decoration: underline;
}
#subnav ul li.selected {
  background: #56a2d6 url(/files/efhk/images/subnav1s.gif) 0 0 no-repeat;
  margin: 0 0 4px 0;
  padding: 13px 0 5px 20px;
}
#subnav ul li.selected a {
  text-decoration: none;
  color: #fff;
}
#subnav ul li.selected a:hover {
  text-decoration: underline;
}
#subnav ul ul {
  margin: 5px 0 -7px -20px;   
  width: 209px;
  overflow: hidden;
}
#subnav ul ul ul {
  margin: 5px 0 -7px 0;   
  overflow: hidden;
}
#subnav ul ul li, #subnav ul ul li.selected {
  background: #f7f8fa;
  padding: 5px 0 5px 31px;
  margin: 0;
}
#subnav ul ul ul li, #subnav ul ul ul li.selected {
  background: #f7f8fa;
  padding: 5px 0 5px 42px;
  margin: 0;
}
#subnav ul li.selected ul li a {
  color: #305c8b;
}
#subnav ul li.selected ul li a:hover {
  text-decoration: underline;
}
#subnav ul li.selected ul li.selected a {
  font-weight: bold;
}
#subnav ul li.selected ul li.selected a:hover {
  text-decoration:underline;
}
#subnav ul li.selected ul {
  background: #f7f8fa;
  padding-bottom: 7px;
}
#content {
  background-color:#4885c2;
  background-position:top left;
  background-repeat:no-repeat;
  padding: 12px 12px 12px 12px;
}

#raise {
  background: #fff url(/files/efhk/images/raise.gif) 0 0 repeat-y;
  width: 100%;
  clear: right;
}
#recent h3, #shopping h3, #links h3 {
  float: left;
}
#recent a.all, #shopping a.all, #links a.all {
  float: right;
  font: normal 11px Arial, sans-serif;
  color: #81a2c6;
}
#recent a:hover, #shopping a:hover, #links a:hover{
color:#346195;
}
#shopping {
  float: left;
  width: 331px;
  padding: 6px 17px 0 21px;
}
#shopping h4 {
  font: bold 13px Arial, sans-serif;
  color: #0092dd;
  margin: 0 0 5px 0;
  padding: 0;
}
#shopping table.product {
  border-collapse: collapse;
  margin-top: 8px;
}
#shopping table.product td {
  padding: 0 0 0 20px;
  font: normal 11px/15px Arial, sans-serif; 
  color: #3d5673;
}
#shopping table.product td.pic {
  padding-left: 0;
}
#shopping table.product td.desc {
  width: 200px;
}
#shopping table.product a.product-more {
  font: normal 11px Arial, sans-serif; 
  color: #5c8dc4;
  float: left;
  margin: 7px 0 0 0;
  /*background: transparent url(/files/efhk/images/bullet.gif) 0 3px no-repeat;
  padding: 0 0 0 14px;*/
}
#shopping table.product a.product-more:hover {
color:#346195;
}
#shopping table.product img.price {
  float: right;
}
#links {
  width: 252px;
  float: left;
  padding: 6px 0 0 17px;
}
#recent {
  width: 273px;
  float: left;
  padding: 6px 14px 0 17px;
}
#recent span, span.light_date {
  color: #b3b9c1;
  display: block;
}
#recent a {
  color: #5c8dc4;
  font: normal 12px Arial, sans-serif;
}
#subcontent {
  background: #f1f5f9;/* url(/files/efhk/images/subcontent.jpg) bottom left no-repeat;*/
  padding: 12px 0 11px 12px;
  width: 954px;
  margin: 0;
}
#leftcol {
  width: 227px;
  float: left;
  margin-right: 12px;
}
#leftcol .top {
  width: 227px;
  height: 14px;
  font-size: 0;
  line-height: 0;
  background: transparent url(/files/efhk/images/leftcol_top.gif) top left no-repeat;
}
#leftcol .bottom {
  width: 227px;
  height: 14px;
  font-size: 0;
  line-height: 0;
  background: transparent url(/files/efhk/images/leftcol_bottom.gif) top left no-repeat;
}
#leftcol .middle {
  width: 227px;
  background: #fff;
}

#leftcol .banners{
        width:227px;
        padding-top:20px;
  text-align:center;
}

#leftcol .banners img{
margin:0 auto;
}
#rightcol {
  width: 703px;
  float: left;
}
#rightcol .top {
  width: 703px;
  height: 14px;
  font-size: 0;

  line-height: 0;
  background: transparent url(/files/efhk/images/rightcol_top.gif) top left no-repeat;
}
#rightcol .bottom {
  width: 703px;
  height: 14px;
  font-size: 0;
  line-height: 0;
  background: transparent url(/files/efhk/images/rightcol_bottom.gif) top left no-repeat;
}
#rightcol .middle {
  width: 632px;
  height: 418px;
/*  padding: 0 42px 0 29px; */
 padding: 0 42px 20px 29px;
  background: #fff;
}
html>body #rightcol .middle {
  height: auto;
  min-height: 418px;
}
#rightcol .middle-variant {
  width: 632px;
/*  padding: 0 42px 0 29px;  */
padding:0 42px 20px 29px;
  background: #fff url(/files/efhk/images/2cols.gif) top left repeat-y;
}




#widecol {
/*  width: 703px; */
  width: 940px;
  float: left;
}
#widecol .top {
/*  width: 703px; */
  width: 940px;
  height: 14px;
  font-size: 0;

  line-height: 0;
  background: transparent url(/files/efhk/images/widecol_top.gif) top left no-repeat;
}
#widecol .bottom {
/*  width: 703px; */
  width: 940px;
  height: 14px;
  font-size: 0;
  line-height: 0;
  background: transparent url(/files/efhk/images/widecol_bottom.gif) top left no-repeat;
}
#widecol .middle {
/*  width: 632px; */
  height: 418px;
  padding: 0 42px 0 29px;
  background: #fff;
}
html>body #widecol .middle {
  height: auto;
  min-height: 418px;
}
#widecol .middle-variant {
/*  width: 632px; */
  padding: 0 42px 0 29px;
  background: #fff url(/files/efhk/images/2cols.gif) top left repeat-y;
}








#footer {
  margin: 2px 0 0 0;
  height: 30px;
  width: 968px;
  background: #ebf3f9;
  position: relative;
  z-index: 0;
  
}
#quick-links {
  position: absolute;
  right: 15px;
  top: 7px;
  width: 500px;
  text-align: right;
  z-index: 101;
}
#quick-links a {
  font: normal 12px Arial, sans-serif;
  color: #6f8eb1;
  text-decoration: none;
}
#quick-links a:hover{
  color: #346195;
}
#quick-links span {
  color: #bdd0e0;
  font-size: 17px;
  margin: 0 6px;
}
#left-variant {
  width: 400px;
  float: left;
  padding: 0;
  background: transparent;
}
#right-variant {
  width: 200px;
  float: left;
  padding: 0 0 0 20px;
  background: transparent;
}
#price {
  width: 53px;
  overflow: hidden;
  float: right;
}
#price .top {
  height: 7px;
  background: #0092dd;
  width: 100%;
}
#price .top .left {
  float: left;
}
#price .top .right {
  float: right;
}
#price .middle {
  width: 53px;
  background: #0092dd;
  color: #fff;
  font: bold 14px Arial, sans-serif;
  text-align: center;
  padding: 0;
  margin: -1px 0;
}
#price .bottom {
  height: 7px;
  background: #0092dd;
  width: 100%;
}
#price .bottom .left {
  float: left;
}
#price .bottom .right {
  float: right;
}
#copy {
  font: normal 11px Arial, sans-serif;
  color: #7991a3;
  width: 972px;
  text-align: right;
  margin: 0 auto;
  background: transparent;
  padding: 5px 0 0 0;
}
#copy a {
  font: normal 11px Arial, sans-serif;
  color: #7991a3;
  text-decoration: none;
}

/* Nav
----------------------------------------------- */
#main-nav .dropdownmenu {
  position: absolute;
  width: 180px;
  background: #2e78bf;
  list-style: none;
  margin: 0;
  padding: 15px 0 15px 0;
}
#main-nav .dropdownmenu li {
  margin: 0;
  padding: 0;
  display: block;
  float: left;
  width: 180px;
}
#main-nav .dropdownmenu li a {
  padding: 7px 20px 7px 30px;
  font: normal 12px/14px Arial, sans-serif;
  color: #fff;
  display: block;
  margin: 0;
  text-decoration: none;
}
#main-nav .dropdownmenu li a:hover {
  background: #0092dd;
}
#dd_aikataulut {
  position: absolute;
  top: 28px;
  left: 111px;
  z-index: 1;
  display: none;
}
#dd_kulkuyhteydet {
  position: absolute;
  top: 28px;
  left: 214px;
  z-index: 1;
  display: none;
}
#dd_matkustaminen {
  position: absolute;
  top: 28px;
  left: 344px;
  z-index: 1;
  display: none;
}
#dd_ostokset_ravintolat {
  position: absolute;
  top: 28px;
  left: 474px;
  z-index: 1;
  display: none;
}
#dd_palvelut {
  position: absolute;
  top: 28px;
  left: 651px;
  z-index: 1;
  display: none;
}
#dd_enemman_tietoa {
  position: absolute;
  top: 28px;
  left: 746px;
  z-index: 100;
  display: none;
}
#dd_timetables {
    display:none;
    left:91px;
    position:absolute;
    top:28px;
    z-index:1;
}
#dd_toandfrom {
    display:none;
    left:198px;
    position:absolute;
    top:28px;
    z-index:1;
}
#dd_transfer {
    display:none;
    left:312px;
    position:absolute;
    top:28px;
    z-index:1;
}
#dd_travelling {
    display:none;
    left:410px;
    position:absolute;
    top:28px;
    z-index:1;
}
#dd_shopping_and_eating {
    display:none;
    left:518px;
    position:absolute;
    top:28px;
    z-index:1;
}
#dd_services_en {
    display:none;
    left:664px;
    position:absolute;
    top:28px;
    z-index:1;
}
#dd_more_information {
    display:none;
    left:756px;
    position:absolute;
    top:28px;
    z-index:1;
}
#dd_tidtabeller {
  position: absolute;
  top: 28px;
  left: 84px;
  z-index: 1;
  display: none;
}
#dd_till_och_fran {
  position: absolute;
  top: 28px;
  left: 197px;
  z-index: 1;
  display: none;
}
#dd_resande {
  position: absolute;
  top: 28px;
  left: 318px;
  z-index: 1;
  display: none;
}
#dd_shopping_mat_dryck {
  position: absolute;
  top: 28px;
  left: 409px;
  z-index: 1;
  display: none;
}
#dd_service_se {
  position: absolute;
  top: 28px;
  left: 579px;
  z-index: 1;
  display: none;
}
#dd_merinformation {
  position: absolute;
  top: 28px;
  left: 671px;
  z-index: 1;
  display: none;
}

/* Search
----------------------------------------------- */
#search {
  position: absolute;
  top: 5px;
  left: 15px;
  width: 400px;
  z-index: 101;
}
#search input.field {
  border: 1px solid #b9c8d8;
  margin: 0;
  padding: 2px 10px 1px 5px;
  font: 12px Arial, sans-serif;
  color: #7b93ad; 
  float: left;
}
#search input.send {
  float: left;
}

/* Headings
----------------------------------------------- */
h1 {
  font: bold 13px Arial, sans-serif;
  margin: 0;
  color: #2693d1;
  display: inline; /* crasmanager */
}
h2 {
  font: bold 12px Arial, sans-serif;
  margin: 0;
  color: #2693d1;
  display: inline; /* crasmanager */
}
h3, h4, h5, h6 {
  margin: 0 0 14px 0;
  padding: 0;
}

/* Lists
----------------------------------------------- */
div.box .center {
  font: normal 12px Arial, sans-serif;
  background: #f0f5fb;
  width: 208px;
  padding: 0 13px;
}
div.box .center a {
  font: normal 12px Arial, sans-serif;
  color: #5c8dc4;
}
div.box .top {
  background: transparent url(/files/efhk/images/box_top.gif) 0 0 no-repeat;
  width: 234px;
  height: 5px;
  font-size: 0;
  line-height: 0px;
}
div.box .bottom {
  background: transparent url(/files/efhk/images/box_bottom.gif) 0 0 no-repeat;
  width: 234px;
  height: 5px;
  font-size: 0;
  line-height: 0px;
  margin-bottom: 4px;
}

/* Forms
----------------------------------------------- */
form {
  margin: 0;
}

input.ngformError, select.ngformError, textarea.ngformError, input.checkbox.ngformError, input.file.ngformError { 
    border: 1px solid red;
    outline: 1px solid red;
}

/* Links
----------------------------------------------- */
/* Misc
----------------------------------------------- */
.clearer {
  clear: both;
  height: 1px;
  line-height: 0px;
  font-size: 0; 
}
.skip {
  display: none;
}

#print {
  height: 15px;
  width: 100px;
  color: #7f90a3;
  float: right;
  padding: 29px 0 0 0;
}
#print a.text {
  color: #7f90a3;
  float: right;
  padding: 2px 0 0 4px;
}
#print a.text:hover {
  color: #346195;
}
#print img {
  float: right;
        padding-top:1px;
}

table.parkForm-table{
margin-bottom:20px;

}

table.parkForm-table td{
padding-bottom:3px;

}

/** Support for the "iehover-fix.js" **/
#main-nav iframe {
position: absolute;
left: 0;
top: 0;
z-index: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}




/** end **/




#sitemap {
    line-height:1.8em !important;
}
 
#sitemap a.page {
    float: left;
    line-height:1.8em !important;
    text-decoration: none;
}
#sitemap a.page:hover {
    text-decoration: underline;
}
 
#sitemap img {
    float: left;
    margin: 6px 4px 0 0;
}
 
#sitemap div.clearer {
    margin: 0;
    padding: 0;
    height: 1px;
    line-height: 0;
    font-size: 0;
    clear: both;
}

#rightcol * {font-size:100%}
#rightcol h1 {font-size:110%;} 

#controls {width:170px; float:right; font-size:12px;}

#text-size {
float:left;
width:60px;
height:22px;
margin-top:29px;
}

#text-size a {
display:block;
float:left;
margin:5px 5px 0 5px;
}


/*

  Lentoyhtiöt -lista

*/

.lentoyhtiot .head
{
  padding: 3px 5px 0 5px;
}

.lentoyhtiot a.expand
{
  text-decoration: none;
}

.lentoyhtiot .tunnus {
 display: block;
 margin-left: 230px;
 cursor: pointer;
 visibility: hidden;
 color: #5C8DC4;
 font-weight: bold;
 text-decoration: none;
}

.lentoyhtiot .tunnus img 
{
  margin: 0 5px 0 0;
  display: inline;
}

.lentoyhtiot .expand {
 cursor: pointer; 
 float: left;
}

.lentoyhtiot .lentoyhtio {
 margin-bottom: 4px;
}

.lentoyhtiot .lentoyhtio .header span {
 display: block;
}

.lentoyhtiot .lentoyhtio .title { 
 font-weight: bold;
}

.lentoyhtiot .moreinfo {
 display: none;
 margin-left: 2em;
}

.lentoyhtiot .moreinfo span {
 display: block;
 margin: 4px 0;
}

.lentoyhtiot .lentoyhtio .head:hover {
 background-color: #F1F5F9;
}


/* Tikkeri */

#tikkeri {
  position: absolute;
  top: 346px; /* 313px; */
  left: 0;
  width: 572px; /* 620px; */
  height: 33px;
  margin: 0 0 0 14px;
  list-style-type: none;
  overflow: hidden;
  zoom: 1;
  z-index: 1;
}
#tikkeri ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  /*width: 560px;*/ /* 620px; */
  height: 33px;
}
.tikkeri_fi {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/files/efhk/gfx/tikkeri_fi.png', sizingMethod='scale');
}
html > body .tikkeri_fi {
  background: url('/files/efhk/gfx/tikkeri_fi.png') no-repeat;
}
.tikkeri_en {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/files/efhk/gfx/tikkeri_en.png', sizingMethod='scale');
}
html > body .tikkeri_en {
  background: url('/files/efhk/gfx/tikkeri_en.png') no-repeat;
}
.tikkeri_se {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/files/efhk/gfx/tikkeri_se.png', sizingMethod='scale');
}
html > body .tikkeri_se {
  background: url('/files/efhk/gfx/tikkeri_se.png') no-repeat;
}

#tikkeri li {
  position: absolute;
  top: 0;
  left: 70px;
  line-height: 34px;
  color: #fff;
  opacity: 0;
  filter: alpha(opacity=0);
  overflow: hidden;
}
#tikkeri a {
  display: block;
  width: 500px;
  color: #fff;
  text-decoration: none;
}
#tikkeri a:hover {
  text-decoration: underline;
}

.muistilista {
	color:#000000;
	font-size:13px;
	text-decoration:none;
}

.muistilista:hover {
	color:#000000;
	font-size:13px;
	text-decoration:underline;
}

#rssfooter {
	bottom:10px;
	left:15px;
	position:relative;
	font-size:11px;
	line-height:20px;
	background:url("/files/efhk/rss/rss_footer_bg.gif") no-repeat scroll 0px 1px transparent;
width:260px;
}

#rssfooter img {
	display:inline;
}

#rssfooter .rssTextLink {
	position:relative;
	bottom:8px;
	text-decoration:none;
}