/* Start of CMSMS style sheet 'EuroPark' */
body {
    background: url('img/bg.gif') repeat-x fixed #ededed;
    text-align: center;
    margin: 0; padding: 0;
}
img#bt { margin-left: -4px; }
body * { text-align: left; font-family: helvetica; }
a img { border: none; }
a {
    color: #e1682b;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
p, li, span, td, td p, div {
    font-size: 12px;
}
p {
    margin-top: 0;
    margin-bottom: 22px;
    line-height: 1.5;
}
li p {margin-bottom: 0;}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    margin-bottom: 22px;
    margin-top: 0;
}
h1 {
    font-size: 24px;
    margin-top: 9px;
}
body.p h1 {
    background: url('img/h1p.gif') no-repeat 0 50%;
    padding-left: 30px;
}
h2 {
    font-size: 20px;
    margin-top: 4px;
    margin-bottom: 15px;
}
h3 {
    font-size: 16px;
    margin-bottom: 12px;
    margin-top: 6px;
}
h4 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 4px;
}
h5 {}
h6 {}
ul, ol {
  margin-top: 0;
  margin-bottom: 20px;
}
#container {
    width: 909px;
    margin: auto;
}
#lang {
    height: 40px;
    background: url('img/top.png') no-repeat;
    position: relative;
}
* html #lang {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/top.png", sizingMethod="crop");
}
#lang #choise {
    position: absolute;
    right: 15px;
    bottom: 20px;
}
#lang #choise a {
    color: #fff;
    text-decoration: none;
    padding-bottom: 10px;
    font-size: 12px;
    margin-left: 10px;
}
#lang #choise a:hover {
    color: #e1682b;
}
#lang #choise a.s {
    background: url('img/langbullet.gif') no-repeat bottom center;
}
#contentArea {
   background: #fff;
   width: 901px;
   _overflow: hidden;
   float: left;
   margin-bottom: 25px;
}
#shadowright { float: right; width:4px; background: url('img/shadowright.png') repeat-y; height: 350px; }
#shadowleft { float: left; width:4px; background: url('img/shadowleft.png') repeat-y; height: 350px; }
* html #shadowleft {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/shadowleft.png", sizingMethod="scale");
}
* html #shadowright {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/shadowright.png", sizingMethod="scale");
}

#head {
    height: 53px;
    position: relative;
}
#head a#logo {
    position: absolute !important;
    z-index: 2;
    left: 20px;
    bottom: -2px;
    width: 213px;
    height: 44px;
    background: url(img/ep-logo.gif) no-repeat;
    
}
/* latest news (1) at top */
#head #newsTop {
    position: absolute;
    bottom: -2px;
    left: 350px;
}
#head #newsTop a {
    padding-left: 20px;
    padding-right: 15px;
    font-size: 14px;
    display: block;
    background: url('img/n.gif') no-repeat 0 0;
}
#newsList .summaryItem {
    background: url('img/bullet-arrow.gif') no-repeat 0 2px;
    padding-left: 16px;
    padding-bottom: 15px;
    margin-left: 5px;
}
#newsList span.date {
    color: #888;
}
#NewsContent {
    padding-bottom: 5px;
    border-bottom: 1px solid #ededed;
    margin-bottom: 15px;
}
#NewsContent a {
    background: url('img/bullet-arrow.gif') no-repeat 0 2px;
    padding-left: 15px;
}
.allNewsLink a {
    padding-top: 6px;
    padding-bottom:6px;
    padding-left: 23px;
    font-size: 14px;
    display: block;
    height: 18px;
    width: 150px;
    background: url('img/allnews.gif') no-repeat 0 50%;
    _background: url('img/allnews.gif') no-repeat 0 49%;
}
/* end news */
#content {
    padding-top: 25px;
    min-height: 390px;
    margin-bottom: -1px;
    *margin-bottom: -3px;
}
#leftCol {
    margin-left: 20px;
    _margin-left: 12px;
    width: 310px;
    float: left;
    overflow: hidden;
}
/* navi */
#menuContainer {
    margin-bottom: 40px;
}
#menuContainer li dfn { display: none; }
#menuContainer ul,
#menuContainer ul ul,
#menuContainer ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    _display: inline;
}
#menuContainer li a,
#menuContainer li h3 {
    display: block;
    padding-left: 14px;
    height: auto;
    padding-top: 8px;
    padding-bottom: 9px;
    background: #ededed;
    border-top: 1px solid #fff;
    font-size: 16px;
    text-decoration: none;
    outline: none;
    font-weight: normal;
}
#menuContainer li.first a,
#menuContainer li.first h3 {
    padding-top: 12px;
    background: url('img/ct-white-310.png') no-repeat left top #ededed;
}
#menuContainer li.first ul li a, #menuContainer li.first ul li a:hover {
    background-image:none;
}


* html #menuContainer li.first a,
* html #menuContainer li.first h3 {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/ct-white-310.png", sizingMethod="crop");
}
#menuContainer li.currentpage a,
#menuContainer li.currentpage h3,
#menuContainer li.activeparent a.activeparent {
    color: #000;
}
#menuContainer li.currentpage h3 {
    margin: 0;
    background: #e1682b;
}
#menuContainer li.last a {
    padding-bottom: 13px;
    background: url('img/cb-white-310.png') no-repeat left bottom #ededed;
    _background: url('img/cb-white-310.gif') no-repeat left bottom #ededed;
}
#menuContainer li.last h3 {
    padding-bottom: 13px;
    background: url('img/cb-white-310.png') no-repeat left bottom #e1682b;
    _background: url('img/cb-yellow-310.gif') no-repeat left bottom #e1682b;
}
#menuContainer li.activeparent li.currentpage h3,
#menuContainer li.currentpage li a,
#menuContainer li li a {
    padding-left: 30px;
    padding-top: 5px;
    padding-bottom: 4px;
    border-top: none;
    height: 17px;
    font-size: 14px;
    color: #e1682b;
}
#menuContainer li.activeparent li.currentpage h3 {
    color: #000;
}
#menuContainer li li li a {
    padding-left: 50px;
}
#menuContainer li a:hover {
    background: #e1682b;
    color: #000 !important;
}
#menuContainer li.first a:hover,
#menuContainer li.first h3 {
    background: url('img/ct-white-310.png') no-repeat left top #e1682b;
}
* html #menuContainer li.first a:hover,
* html #menuContainer li.first h3 {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/ct-white-310.png", sizingMethod="crop");
}
#menuContainer li.last a:hover {
    background: url('img/cb-white-310.png') no-repeat left bottom #e1682b;
    _background: url('img/cb-yellow-310.gif') no-repeat left bottom #e1682b;
}


/* end navi */
#mainCol {
    float: left;
    margin-left: 20px;
    width: 530px;
    overflow: hidden;
}
/* sisältöpalstoitusta */
#cCols #cLeftCol {
    float: left;
    width: 255px;
    overflow: hidden;
}
#cCols #cRightCol {
    float: left;
    margin-left: 20px;
    width: 255px;
    overflow: hidden;
}
#leftCol img,
#mainCol img {
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
}
.col2 #mainCol img,
#cCols div img {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}
.col2 #cLeftCol img,
.col2 #cRightCol img,
.col2 #leftCol img { float: left; margin-left: 0; }
/* end sisältöpalstoitusta */
hr.clear {
    visibility: hidden;
    margin: 0;
    height: 0px;
    border: 0;
    background: transparent;
    clear: both;
}
#bottom {
    height: 14px; 
    clear: both;
    background: url('img/bottom.png') no-repeat;
}

#copyright {
    padding-top: 29px;
    padding-bottom: 10px;
    font-size: 12px;
}
#copyright img {
    margin-right: 5px;
    margin-left: 18px;
}
#copyright span {
    padding-left: 21px;
}
#copyright * { vertical-align: middle; font-size: 12px; }

div.noste {
    margin-bottom: 20px;
    background: url('/img/bullet-noste.gif') no-repeat 0 3px;
}
div.noste a
{
    text-decoration: none;
    font-size: 16px;
}
div.noste:hover {
    background: url('/img/bullet-noste-s.gif') no-repeat 0 3px;
}
div.noste img { float: right !important;}
div.noste p {
    margin: 0;
    color: #4c4c4c;
    padding-left: 25px;
    font-size: 12px;
    margin-bottom: 0px;
}

div.noste2 {
    float: right;
    width: 170px;
    _overflow: hidden;
    margin-bottom: 25px;
    margin-left: 20px;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    background: url('img/ct-white-200.png') no-repeat top left #008b27;
}
* html div.noste2 {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/ct-white-200.png", sizingMethod="crop");
}

#leftCol div.noste2 {
    float: none !important;
    margin-left: 0 !important;
    width: 280px !important;
    background: url('img/ct-white-310.png') no-repeat top left #008b27;
}
* html #leftCol div.noste2 {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/ct-white-310.png", sizingMethod="crop");
}
div.noste2 * { color: #fff; }
div.noste2 p {
    margin: 0;
    padding: 0 0 10px 0;
    margin-bottom: 5px;
}
div.noste2 a { text-decoration: underline; }
div.noste2 h3, div.noste2 h4 {font-wieght: bold;}
div.noste2b {
    height: 10px;
    width: 200px;
    margin-bottom: -5px;
    margin-left: -15px;
    background: url('img/cb-white-200.png') no-repeat bottom left #008b27;
    _background: url('img/cb-green-200.gif') no-repeat #008b27;
}
#leftCol div.noste2b {
    background: url('img/cb-white-310.png') no-repeat bottom left #008b27;
    _background: url('img/cb-green-310.gif') no-repeat bottom left #008b27;
    width: 310px;
}
div.noste2m {
    margin-bottom: 4px;
}

div.noste3 {
    margin-bottom: 25px;
    background: url('/img/greenman.gif') no-repeat 55px 100%;
    padding-left: 103px;
    padding-bottom: 90px;
    width: 207px; float: left;
}
div.noste3 p { font-size: 14px; line-height: 1; }
div.noste3 p,
div.noste3 h1,
div.noste3 h2,
div.noste3 h3,
div.noste3 h4
{
    color: #008b27;
}

div.noste4 {
    margin-bottom: 25px;
    background: url('/img/greenman.gif') no-repeat 0 100%;
    padding-bottom: 100px;
    width: 155px;
    overflow: hidden;
    padding-left: 45px;
    margin-left: 20px;
    float: right; 
}
div.noste4 p,
div.noste4 h1,
div.noste4 h2,
div.noste4 h3,
div.noste4 h4,
div.noste4 li
{
    color: #008b27;
    line-height: 1;
}
div.noste4 p { margin-bottom: 10px; }
div.noste4 ul {
    margin-left: 0;
    padding-left: 0;
    margin-top: 0;
}
div.noste4 ul li {
    margin-left: 15px;
    padding-left: 0;
    margin-bottom: 10px;
}

#flash {
    height: 302px;
    margin-bottom: 32px;
    margin-top: 1px;
    z-index: 1000;
}
/* etusivun kartta */
#parkMapContainer {
    height: 370px;
    margin-bottom: 20px;
    position: relative;
}
table.parkMap {
    border: 0;
    margin-left: 1px;
    margin-right: 1px;
    border-spacing: 0;
    border-collapse: collapse;
    empty-cells: show;
    width: 500px;
}
table.parkMap {
    width: 529px;#
}
table.parkMap td { vertical-align: top; }
table.parkMap td.pl {
    height: 28px;
    vertical-align: middle;
    font-size: 16px;
    font-weight: bold;
    color: #4c4c4c;
    background: url('img/borderpx.gif') repeat-x bottom left;
}
table.parkMap td.pl div {
  background: url('img/plicon.gif') no-repeat 0 5px;
  height: 24px;
  padding-top: 8px;
  font-size: 16px;
  line-height: 16px;
  color: #4c4c4c;
  padding-left: 30px;
}
table.parkMap td.pl img { 
  vertical-align: middle !important; 
  margin-left: 0 !important; margin-top: 0 !important;
  margin-bottom: 0px !important; 
  margin-right: 5px !important; 
  float: left !important;
  display: none;
}
body.p table.parkMap td.pl { padding-left: 0; }
body.p table.parkMap td.pl img { display: none; }
table.parkMap td.tab {
    vertical-align: bottom;
    background: url('img/borderpx.gif') repeat-x bottom left;
}
table.parkMap td.tab a {
    margin-bottom: -1px;
    margin-left: -2px;
    *margin-left: 0px;
    text-decoration: none;
    font-size: 15px;
    padding-top: 5px;
    display: block;
    outline: none;
    height: 22px;
    float: left;
    width: 104px;
    text-align: center;
}
table.parkMap td.tab a:hover {
    background: url('img/tabhover.gif') no-repeat 50% 30%;
   color: #000000;
}
table.parkMap td.tab a.s {
    background: url('img/tab.gif') no-repeat;
    color: #474747;
}
table.parkMap td.tab a.s:hover {
    background: url('img/tab.gif') no-repeat;
    color: #474747;
}

table.parkMap td.mapArea {
    border: 1px solid #b2b2b2;
    border-top: 0;
    width: 316px;
    height: 308px;
}
td.mapArea div#map1f,
td.mapArea div#map2f { z-index: 1; }
td.mapArea div#map1fCover,
td.mapArea div#map2fCover {
  z-index: 2;
}

td.mapArea div#map1f,
td.mapArea div#map1fCover,
td.mapArea div#map2f,
td.mapArea div#map2fCover {
    width: 316px;
    height: 305px;
    position: absolute;
}
td.mapArea div#map2f,
td.mapArea div#map2fCover {
    visibility: hidden;
}
table.parkMap td.mapLinks {
    background: #ededed;
    border-right: 1px solid #b2b2b2;
    border-bottom: 1px solid #b2b2b2;
    border-left: 0;
    border-top: 0;
    padding: 8px;
}
table.parkMap td.mapLinks a {
    display: block;
    padding: 4px 6px 4px 6px;
    font-size: 14px;
    text-decoration: none;
}
.mapLinks .tku { display: none; }
.marker {
    position: absolute; 
    width: 20px; height: 20px; 
    background: url('img/icon_p.png') no-repeat;
    overflow: hidden;
}
.marker.hov {
    background: url('img/icon_ps.png') no-repeat;
}

#mark-hki-ruoholahti {
    left: 35px;
    top: 168px;
}
#mark-hki-presidentti {
    left: 138px; 
    top: 99px;
}
#mark-hki-kamppi {left: 148px; top: 109px;}
#mark-hki-eliel {left: 177px; top: 81px;}
#mark-hki-kluuvi {left: 238px; top: 108px;}
#mark-hki-tahtitorninvuori {left: 270px; top: 192px;}
#mark-hki-seaside {
  left: 95px;
  top: 190px;
}
#mark-hki-city {
  left: 119px;
  top: 150px;
}
#mark-tku-centrum {left: 119px; top: 121px;}


table.parkMap td.mapLinks a:hover,
table.parkMap td.mapLinks a.sel {
    background: #e1682b;
    color: #000;
}
#greenMan {
    position: absolute;
    background: url('img/mapman.png') no-repeat bottom left;
    z-index: 3;
    left: 280px;
    top:237px;
    _top:275px;
    width: 255px;
}
* html #greenMan {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/mapman.png", sizingMethod="crop");
}
#greenMan p {
    padding-bottom: 73px;
    padding-left: 63px;
    color: #008124;
    line-height: 1;
    font-size: 14px;
}
#map1 {
    width: 530px; height: 430px;
}
#mapIcons {
    margin-bottom: 10px;
    height: 23px;
    background: url('img/mapicons.gif') no-repeat 0 -1px;
}
body.en #mapIcons {
    background: url('img/mapicons_eng.gif') no-repeat 0 -1px;
}
body.ru #mapIcons {
    background: url('img/mapicons_ru.gif') no-repeat 0 -1px;
    height: 45px;
}

/* forms */
form { margin-bottom: 30px; }
label.ftitle {
    display: block;
    float: left;
    width: 200px;
    _width: 180px;
    text-align: right;
    font-size: 14px;
    margin-right: 18px;
    padding-top: 4px;
}
div.row { clear: both; margin-bottom: 10px; min-height: 20px; }
div.row div {
    width: auto;
    float: left;
    padding-top: 3px;
}
div.row div input { vertical-align: middle; }
div.row input,
div.row input.short,
div.row textarea,
div.row select {
    border: 1px solid #0039a6;
}
div.radio input { border: none; margin-top: 0; }
div.row div label { color: #0039a6; font-size: 14px; margin-right: 15px; padding-top: 2px; margin-left: 0; }
div.submit { padding-left: 218px; }
div.submit input {
    background: url('img/bullet-noste.gif') no-repeat left 50%;
    text-align: left;
    padding-left: 23px;
    font-size: 16px;
    color: #0039a6;
    border: none; 
}
div.row select,
div.row input { width: 300px; height: 15px; padding: 3px; font-size: 13px; }
div.radio input { width: auto; height: auto; }
div.short input {
    width: 90px;
}
div.row select {
    height: 23px;
    padding: 1px;
    font-size: 13px;
}
div.row textarea {
    width: 300px;
    font-size: 13px;
    padding: 3px;
}
div.error_message li { color: #c9282d; }

/*=== Näin pysäköit */
div#mainCol div.infoRow {
    margin-bottom:32px;
}
div#mainCol div.infoRow p {
    margin-bottom:0px;
}
div#mainCol div.infoRow.double p {
    float:left;
    width:223px;
    margin-bottom:0px;
    margin-right:20px;
}
div#mainCol p.infoPic {
    margin-left:0;
    margin-bottom:0;
}
div#mainCol p.infoPic img {
    margin-bottom:18px;
}
div#mainCol div.infoRow img {
    float:left;
    margin:0;
    margin-right:20px;
}


div.clear {
    line-height:0;
    font-size:1px;
    clear:both;
    visibility:hidden;
}


/* Breadcrumbs */
#crumbs {padding: 10px 0 10px 42px;}
#crumbs a, #crumbs span {white-space: nowrap; padding: 0;}

/* End of 'EuroPark' */