@import url(editor.css);

#wrapper,
#header,
#logo,
#navigation,
#main,
#footer,
#footer2 {
  width: 975px;
}

#wrapper {
  margin: 0 auto;
}

#header {
  margin: 15px 0 3px 0;
  padding: 6px 0;
}

#logo {
  height: 156px;
  background: url(../ulkoasu/hs2050_logo.jpg) top left no-repeat;
}

#navigation {
  background: #9ebd3e url(../ulkoasu/nav_bg.jpg) top left no-repeat;
}

#main {
  position: relative;
  /*padding-top: 28px;*/
  min-height: 255px;
  padding-bottom: 20px;
  background: url(../ulkoasu/main_bg.gif) top repeat-x;
}

* html #main {
  height: 255px;
}

#leftBodyColumn {
  position: relative;
  width: 460px;
  padding: 16px 0 0 10px;
}

#rightBodyColumn {
  position: relative;
  width: 475px;
  padding: 16px 10px 0 20px;
}

#footer {
  text-align: center;
  color: #FFFFFF;
  height: 36px;
  padding-top: 10px;
  margin-bottom: 25px;
  background: url(../ulkoasu/footer_bg.gif) top repeat-x;
}

#footer p {
  margin: 0;
}

/* Header */

#header a,
#header a:active,
#header a:visited {
  text-decoration: none;
}

#header a:hover {
  text-decoration: underline;
}

#header #breadcrumbs {
  padding-left: 13px;
}

#header #breadcrumbs span {
  color: #95bd39;
  padding: 0 5px;
}

#header #extraLinks,
#header #language {
  float: right;
}

#header #extraLinks {
  padding-right: 14px;
}

#header #extraLinks a {
  text-transform: lowercase;
  padding: 0 0 0 10px;
}

#header #extraLinks span {
  color: #95bd39;
  padding: 0 8px;
}

#header #language ul {
  list-style: none;
}

#header #language li {
  float: left;
  margin: 0;
  padding-right: 3px;
}

#header #language li.last {
  padding-right: 0;
}

#header #language .languageText {
  display: none;
}

body.FI #selectLang-FI,
body.EN #selectLang-EN,
body.SV #selectLang-SV {
	display: none;
}

/* Navigation */

#navigation #navLinks {
  width: 700px;
}

#navigation ul {
  list-style: none;
  padding-left: 13px;
}

#navigation li {
  float: left;
  margin: 0;
}

#navigation li a,
#navigation li a:active,
#navigation li a:visited {
  float: left;
  font-size: 110%;
  text-decoration: none;
  color: #FFFFFF;
  margin: 7px 1px 0 0;
  padding-left: 10px;
  background: url(../ulkoasu/nav-link_bg.gif) top left no-repeat;
}

#navigation li a:hover {
  text-decoration: underline;
  cursor: hand;
  cursor: pointer;
}

#navigation li a span {
  float: left;
  /*height: 38px;*/
  display: block;
  padding: 10px 10px 10px 0;
  background: url(../ulkoasu/nav-link_bg.gif) top right no-repeat;
}

#navigation li.current a,
#navigation li.current a:active,
#navigation li.current a:visited {
  color: #704f1c;
  margin: 0 1px 0 0;
  background: url(../ulkoasu/nav-link-current_bg.gif) top left no-repeat;
}

#navigation li.current a span,
#navigation li.current a:active span,
#navigation li.current a:visited span {
  padding: 14px 10px 13px 0;
  background: url(../ulkoasu/nav-link-current_bg.gif) top right no-repeat;
}

/* Search & Print */

#navigation #navSearch {
  float: right;
  padding: 8px 11px 0 0;
}

#navigation #navSearch .searchInput {
  padding: 5px 0 5px 10px;
  height: 24px;
  background: url(../ulkoasu/search-input_bg.gif) top left no-repeat;
}

#navigation #navSearch .searchInput .formTextinput {
  border: 0;
  width: 119px;
  font-size: 90%;
  color: #70501f;
}

#navigation #navSearch .formSubmit {
  /*text-indent: -1000em;*/
  border: 0;
  width: 23px;
  height: 24px;
  background: url(../ulkoasu/search-submit_bg.gif) top left no-repeat;
  cursor: hand;
  cursor: pointer;
}

#navigation #navSearch .printLink a,
#navigation #navSearch .printLink a:active,
#navigation #navSearch .printLink a:visited,
#navigation #navSearch .printLink a:hover {
  text-indent: -1000em;
  width: 28px;
  height: 26px;
  background: url(../ulkoasu/print_bg.gif) top left no-repeat;
  display: block;
  overflow:hidden;
}

#navigation #navSearch .searchEnd {
  width: 8px;
  height: 24px;
  background: url(../ulkoasu/search_end.gif) no-repeat;
}

/* Sub Links */

#navSubLinks {
	width: 100%;
	height: 22px;
	padding-top: 6px;
}

#navSubLinks ul {
	list-style: none;
	margin: 0;
	padding: 0 15px;
}

#navSubLinks li {
	float: left;
	paddign: 0 10px;
	border-right: 1px solid #FFFFFF;
}

#navSubLinks li.first {
	padding-left: 0;
}

#navSubLinks li.last {
	padding-right: 0;
	border-right: none;
}

#navSubLinks a,
#navSubLinks a:active,
#navSubLinks a:visited {
	text-decoration: none;	
	color: #FFFFFF;
}

#navSubLinks a:hover {
	text-decoration: underline;
}

#navSubLinks li.current a {
	font-weight: bold;
	text-decoration: none;
}


/* Page Header */

#pageHeader {
  position: relative;
  width: 460px;
  height: 215px;
  background: url(../ulkoasu/page-header-img_bg.gif) top left no-repeat;
  overflow: hidden;
}

#pageHeader p {
  margin: 0;
}

#pageHeader img {
  padding: 5px;
}

.pageTitle {
  position: absolute;
  /*top: 175px;
  left: 10px;*/
  height: 36px;
  padding: 15px 20px 5px 20px;
  background: url(../ulkoasu/page-header_bg.gif) top right no-repeat;
}

* html .pageTitle {
  padding: 25px 20px 0 20px;
}

#pageHeader .pageTitle {
  padding: 15px 20px 5px 20px;
  top: 159px;
  left: 0;
}

* html #pageHeader .pageTitle {
  padding: 13px 20px 10px 20px;
}

#pageHeader .pageTitle h1 {
  margin: 0;
}

/* Page Content */

#pageContent {
  width: 440px;
  margin-top: 7px;
  padding: 0 0 20px 20px;
}

#pageContent .pageTitle {
  top: 175px;
  left: 10px;
  padding: 15px 20px 5px 20px;
}

* html #pageContent .pageTitle {
  padding: 25px 20px 0 20px;
}

#newsList {
  width: 100%;
}

#newsList .newsListArticle {
  width: 100%;
  padding: 5px 0;
  border-bottom: 1px solid #f0f4e3;
}

#newsList .newsListArticle .newsListImg {
  float: right;
  margin-left: 20px;
}

/* Pagination */

#pagination {
  width: 100%;
  margin-top: 10px;
}

#pagination span.curPage {
  float: left;
  font-weight: bold;
  color: #FFFFFF;
  margin-right: 1px;
  padding: 4px 7px;
  background: #7c5c2b;
}

#pagination a,
#pagination a:active,
#pagination a:visited {
  float: left;
  text-decoration: none;
  color: #7c5c2b;
  margin-right: 1px;
  padding: 4px 7px;
  background: #bbcc95;
}

#pagination a:hover {
  background: #d3e5ae;
}

/* Comments */

.commentsForm {
	width: 440px;
	margin-bottom: 20px;
	display: block;
}

.commentsForm table td {
	padding: 0 10px 5px 0;
}

.commentsForm select {
	font-family: "Arial", sans-serif;
	font-size: 100%;
	width: 350px;
}

.commentsForm .commenting_commenter,
.commentsForm .commenting_comment {
	font-family: "Arial", sans-serif;
	font-size: 100%;
	width: 340px;
	padding: 3px;
}

.commentsForm .commenting_comment {
	height: 100px;
}

.comment {
 	width: 400px;
	margin-bottom: 5px;
	padding: 10px 20px;
	/*border: 5px solid #f1f7e4;*/
	background: #f3f7eb;
	/*border-top: 1px solid #f1f4e3;*/
	display: block;
}


/* Info Box */

#infoBox {
  width: 465px;
  height: 115px;
  padding: 5px;
  background: #dfecbe;
  overflow: hidden;
}

#infoBox .col1 {
  padding: 0 17px;
  border-right: 5px solid #dfecbe;
  background: #FFFFFF;
}

#infoBox .col2 {
  background: #dfecbe;;
}

#infoBox h1 {
  margin-top: 8px;
  margin-bottom: 5px;
}

#infoBox p {
  margin-top: 0;
}

/* Map */

#map {
  width: 220px;
  min-height: 204px;
  margin-top: 7px;
  padding: 0 0 0 255px;
  background: url(../kuvat/kartta.gif) top left no-repeat;
}

* html #map {
height: 204px;
}

body#alasivu #map {
  width: 475px;
  padding: 0;
  min-height: 0;
  background: none;
}

* html body#alasivu #map {
  height: auto;
}

/*
#mapCol1 {
  width: 255px;
}

#mapCol2 {
  width: 220px;
}
*/

#map h1 {
  padding: 13px 0 10px 45px;
  background: url(../ulkoasu/h1_kartta.gif) center left no-repeat;
}

#map div.twocol ul,
#map div.twocol ol {
	float: right;
	width: 80px;
}

#map div.twocol .left {
	float: left;
	position: relative;
}

#map div.twocol {
	/*width: 220px;*/
}

/* Comments Followed */

#commentsFollowed {
  width: 465px;
  padding: 0 0 20px 10px;
}

body.EN #commentsFollowed {
  display: none;
}

#commentsFollowed .tableCommentsFollowed {
  width: 100%;
}

#commentsFollowed .tableCommentsFollowed th {
  border-bottom: 1px solid #e3ebc4;
}

#commentsFollowed .tableCommentsFollowed td {
  width: 50%;
}

#commentsFollowed .tableCommentsFollowed .col1 {
  padding-right: 30px;
  border-right: 1px solid #e3ebc4;
}

#commentsFollowed .tableCommentsFollowed .col2 {
  padding-left: 30px;
}