/* Colors sininen: #00a7e2, hieman tummempi: #008dbf */ 
@font-face {
  font-family: 'Bank Gothic';
  src: url('fonts/tt0590m_-webfont.eot');
  src: local('?'),
         url('fonts/tt0590m_-webfont.woff') format('woff'), url('fonts/tt0590m_-webfont.ttf') format('truetype');
}

* {margin:0;padding:0;outline:0}
html {height:100%;overflow-y:scroll;}
body {text-align:center;font:normal 75% Arial, verdana, Helvetica, 'Luxi Sans';line-height:1.2em}
p {color:#000;font-size:1.0em;margin:0 0 0.8em;}
h1 {color:#000;font-size:1.6em;margin:0 0 1.0em;font-family:'Bank Gothic';font-weight:normal;}
h2 {color:#000;font-size:1.4em;margin:0 0 0.2em;font-family:'Bank Gothic';font-weight:normal;}
h3 {color:#000;font-size:1.3em;margin:0 0 0.2em;font-family:'Bank Gothic';font-weight:normal;}
h4 {color:#000;font-size:1.2em;margin:0 0 0.2em;}
h5 {color:#000;font-size:1.1em;margin:0 0 0.2em;}
h6 {color:#000;font-size:1.0em;margin:0 0 0.2em;}

ul, ol, dl {}

a {text-decoration:none;color:#008dbf;}
a:hover {}
a img {border:0px solid; text-decoration:none;}
dfn {display:none;}

table {border-spacing:0;border:0;border-collapse:collapse; }
table td {vertical-align:top;}
dfn {display:none;}
input, label ,table, td {font-size:100%;font-family:inherit;}
hr {border:none;border-bottom:1px solid #777;padding:5px 0 0;margin:0 0 5px;}
input,textarea,select {font-family:arial;font-size:1em;color:#2F240D}
input:focus, textarea:focus {background:#feecd2;outline:none}
fieldset {padding:5px;}
legend {font-weight:bold;color:#C04F00;font-size:1.4em;}

/* editori */
img.leftAlign {float:left;margin:0 20px 10px 0;}
img.rightAlign {float:right;margin:10px 10px 20px 20px;}
.small {font-size:0.9em;}
.large {font-size:1.1em;}

/* asettelut */
#pageWrapper {text-align:left;width:980px;margin:20px auto 0;background:url(images/mainBg.png) repeat-y 0 0;}
	* html #pageWrapper, * html #contentWrapper, * html #mainContent {height:1%;}
#pageWrapper.noRight {}
#pageWrapper.noLeft {}
#pageWrapper.full {}
#contentWrapper {margin:15px 0 -40px;background:url(images/footerBg.png) no-repeat 0 100%;}
#leftContent {width:200px;float:left;min-height:0px;height:auto !important; height:350px;}
	* html #leftContent {margin-right:-3px}
	#leftPadding {margin:0 0 0 20px;}
#rightContent {float:right;width:330px;}
	* html #rightContent {margin-left:-3px;}
	#rightPadding {background:pink;margin:0 20px 0 0;}

/* 3col */
#mainContent {margin:0 300px 0 230px;min-height:350px;height:auto !important; height:350px;padding-bottom:60px}
	* html #mainContent {margin:0 197px;}
	#mainContentWidth {width:480px;overflow:auto;overflow-y:visible;overflow-x:hidden;padding: 0 0 10px 0;}
	#mainPadding {margin:0 0  20px;}

/* 2Col  No Right, Center wide, Left */
#pageWrapper.noRight #mainContent {margin-right:0}
	* html #pageWrapper.noRight #mainContent {margin-right:0;}
	#pageWrapper.noRight #mainContentWidth {width:710px;}
	#pageWrapper.noRight #rightContent {display:none}

/* 2Col  No Left, Center wide, Right */
#pageWrapper.noLeft #mainContent {margin-left:220px}
	* html #pageWrapper.noLeft #mainContent {margin-left:217;}
	#pageWrapper.noLeft #mainContentWidth {width:340px;}
	#pageWrapper.noLeft #leftContent {display:none}

/* 1 Col */
#pageWrapper.full #mainContent {margin-right:0; margin-left:0;}
	* html #pageWrapper.full #mainContent {margin-right:0;margin-left:0;}
	#pageWrapper.full #mainContentWidth {width:auto;}
	#pageWrapper.full #mainPadding {padding:0 60px;}
	#pageWrapper.full #rightContent, #pageWrapper.full #leftContent  {display:none}
	
/* Header */
#header {height:104px;background:url(images/headerBg.png) no-repeat 0 0;position:relative}
#headerPadding {padding:0}
div.printLogo {display:none;}
#logoLink {display:block; width:180px; height:80px;background: url(images/empty.gif);}

/* Footer */
#footer {clear:both;height:0px;position:relative;}
#footerPadding {padding:0px 30px 0 30px;text-align:left;font-size:1em;color:#666;_height:1%}
#footerPadding p {color:#666;display:inline;text-align:right;float:left;padding-left:20px;}
#addressBlock {position:absolute;bottom:30px;left:40px;font-size:0.9em}

/* Lang Navi */
#langNavi {position:absolute;right:20px;top: 15px;}
#langNavi li {display:inline;padding:0 10px;list-style-type:none;}
#langNavi li a {color:#333;}
#langNavi li a:hover {color:#008dbf}
#langNavi li.activeparent a {color:#008dbf}

/* top navi */
#topNavi {list-style-type:none;margin:0 0 0 220px;padding:50px 0 0 0;}
#topNavi li {float:left;line-height:26px;margin:0 10px}
#topNavi li a, #topNavi li.currentpage li a, #topNavi li.activeparent li a {cursor: pointer; color:#000;padding:0 7px 0 10px;font-weight:bold;text-transform:uppercase;line-height:26px;-moz-border-radius:0.4em; -webkit-border-radius:0.4em;border-radius:0.4em}
#topNavi li a:hover {color:#008dbf}
#topNavi li.currentpage, #topNavi li.activeparent {background:url(images/menuBg.png) repeat-x 0 0;-moz-border-radius:0.4em; -webkit-border-radius:0.4em;border-radius:0.4em}
#topNavi li.currentpage.first, #topNavi li.activeparent.first, #topNavi li.first {margin:0 10px 0 0;}
#topNavi li.currentpage a, #topNavi li.activeparent a {color:#fff;}

/* Left Navi */
#leftNavi {list-style-type:none;line-height:2.0em;}
#leftNavi li {background:url(images/leftNavi.png) no-repeat 0 0;display:block;vertical-align:bottom;width:100%}
#leftNavi li.first {}
#leftNavi li a {color:#000;padding:0 0 0 20px;display:block;_height:1%;}
#leftNavi li a:hover {color:#0f0;;cursor: pointer}
#leftNavi li.currentpage, #leftNavi li.activeparent {}
#leftNavi li.currentpage a, #leftNavi li.activeparent a {}
#leftNavi li.currentpage.first, #leftNavi li.activeparent.first {background-image:none;}
#leftNavi li a.currentpage {}
#leftNavi li.sectionheader {}

/* toinen taso */
#leftNavi ul {line-height:1.2em;margin:0 0 0 10px;list-style-type:none;list-style-image:none;}
#leftNavi li.currentpage li, #leftNavi li.activeparent li {background:none;}
#leftNavi li.currentpage li a, #leftNavi li.activeparent li a {color:#333;font-weight:normal}
#leftNavi ul li {background:none;}
#leftNavi ul li a {padding:2px 0 3px 20px;}
#leftNavi ul li.currentpage {}
#leftNavi ul li a.currentpage {}

/* Left Content */

/* Right Content */

/* MainContent */
#mainContent ul, #mainContent ol {margin:0 0 10px 30px;}

/* Lomakkeet */
div.formbuilderform div {margin:3px 0 0 170px;_padding-left:170px;display:table;zoom:1.0 !important;zoom:0.0;}
div.formbuilderform div.StaticText {margin:10px 0 0 0;}
/*html>body div.formbuilderform div { *zoom: 1 }*/
div.formbuilderform div label {width:170px;display:block;float:left;margin:0 0 0 -170px;}
div.formbuilderform div h3, div.formbuilderform div a {margin:0 0 0 -170px;_margin-left:-340px;display:block;}
div.formbuilderform div div {margin:0;_padding-left:0px;_margin-left:-170px;}
div.formbuilderform div div label {width:auto;float:none;display:inline;margin:0;}
div.formbuilderform textarea {width:300px;height:100px;}
div.formbuilderform select {padding:0;margin:0 10px 0 0}
div.formbuilderform select option {padding:0 5px;}
div.formbuilderform .submit {}

/* Uutiset */
.NewsSummary {margin:0 0 10px 0;}
.NewsSummaryLink a {font-weight:bold;color:#044D92}
.NewsSummaryPostdate {font-size:0.9em;}
.NewsSummaryMorelink {font-style:italic;}
.NewsSummaryContent {overflow:auto;}
#NewsPostDetailContent {}

/* js tyylit */
p.caption {font-style:italic;font-size:0.9em;color:#555;margin:3px 0 6px;}

/* Kartta */
.map {float:right;width:425px;height:300px;}

/* muut */
.clearB {clear:both;font-size:0em;height:0px;line-height:0;}
#credit {font-size:0.8em;margin-bottom:-5px;_margin-bottom:-15px;position:relative;_bottom:10px;padding-right:10px;text-align:right;color:#999;margin-top:25px;_height:1%;}
#credit a {}

@media (max-width:639px) {
    #pageWrapper {width:auto;}
    #leftContent {float:none;width:auto;min-height:0;}
    #mainContent {min-height:0;margin:0;font-size:1.2em;line-height:1.3em;}
    #pageWrapper.noRight #mainContentWidth {width:auto;}
    #pageWrapper {background:none;}
    #contentWrapper {margin:0;padding:40px 20px 0;clear:both;background:none;}
    #header {margin:0 0 20px;}
    
    img {max-width:100%;height:auto;}
    img.rightAlign {float:none;margin:0 0 20px;clear:both;display:block;}
    
    #logoLink {max-width:50%;}
    #topNavi {margin:20px 0 0 20px;clear:both;padding:30px 0 0 0;}
    #topNavi li {margin:0;}
    #langNavi {position:absolute;}
    
    .map {width:100%;margin:0 0 40px;}
}
@media (min-width:639px) {
    #logoLink {float:left;}
}