/* Perustyylit */

html {

  height: 100%;
}

body {

  background: #FFF url(/img/bg_body.gif) repeat-y top left;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}

a, div, span, p, ul, li, blockquote, table, tr, td, input, textarea, option, select {

  font-family: Tahoma, Arial, Sans-Serif;
  font-weight: normal;
  font-size: 11px;
  color: #515151;
}

h2, h3 {

  font-family: Tahoma, Arial, Sans-Serif;
  font-weight: normal;
  color: #F16300;

  padding-top: 0;
  padding-bottom: 0;
  margin-top: 5px;
  margin-bottom: 10px;
}

h2 {

  font-size: 21px;
}

h3, h3 a {

  font-size: 16px;
}

div, img {

  padding: 0;
  margin: 0;
  border: 0;
}

ul {

  list-style-type: disc;
  padding: 0 0 0 20px;
  margin: 0px;
}
li {

  list-style-type: disc;
  padding-bottom: 2px;
}
li.inner {

  list-style-type: none;
  padding-bottom: 2px;
}

p {

  margin: 10px 0;
}

.kentta, .searchfield {

  background-color: #FFF;
  border: 1px solid #515151;
  padding: 2px;
}

.nappi, .searchbutton {

  border: 1px solid #515151;
  padding: 1px;
}

/* LINKIT */

a:link, a:visited, a:active {

  color: #F16300;
  text-decoration: underline;
}
a:hover, a:visited:hover, a:active:hover {

  text-decoration: none;
}

a.hidden:link, a.hidden:visited, a.hidden:active {

  color: #F16300;
  text-decoration: none;
}
a.hidden:hover, a.hidden:visited:hover, a.hidden:active:hover {

  color: #F16300;
  text-decoration: underline;
}

/* Wrapper */

div#wrapper {

  width: 950px;
  padding: 0;
  margin: 0;
  position: relative;
  min-height: 100%;
}

* html #wrapper {

  height: 100%;
}

/* Header */

div#header {

  background-color: #FFF;
  height: 122px;
  padding: 0 0 0 0;
  margin: 0;
  float: left;
}

div#header h1 {

  width: 260px;
  padding: 30px 0 0 14px;
  margin: 0;
  float: left;
}

div#ban_top {

  width: 486px;
  height: 122px;
  he\ight: 91px;
  padding: 31px 0 0 0;
  margin: 0;
  float: left;
  text-align: right;
}

div#ban_top p {

  padding: 0;
  margin: 0;
}

div#search {
  
  width: 190px;
  height: 122px;
  he\ight: 25px;
  padding: 97px 0 0 0;
  margin: 0;
  float: left;
  text-align: right;
}

div#search .hakukentta {

  width: 110px;
  padding: 2px;
  border: 1px solid #515151;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

div#search .hakunappi {

  width: 35px;
  padding: 1px;
  border: 1px solid #515151;
}

/* Päävalikko */

div#menu {
  background-color: #FFF;
  width: 950px;
  height: 34px;
  he\ight: 32px;
  padding: 2px 0 1px 0;
  float: left;
}

#menu ul {

  background: #F19C5C url(/img/menu_bg.jpg) repeat-x top left;
  width: 950px;
  padding: 0;
  margin: 0;
  list-style-type: none;
  float: left;
}

#menu li {

  padding: 0;
  margin: 0;
  border: 0;
  height: 32px;
  display: inline;
  float: left;
}

#menu a:link, #menu a:visited, #menu a:active {

  display: block;
  background: transparent url(/img/menu_bg.jpg) repeat-x top left;
  font: bold 11px Tahoma, Arial, Sans-Serif;
  color: #FFF;
  padding: 9px 15px 10px 15px;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  text-decoration: none;
}

#menu a:hover, #menu a:visited:hover, #menu a:active:hover {

  background: #F19C5C url(/img/menu_bg_hover.jpg) repeat-x top left;
  color: #424242;
  border-left: 1px solid #FFF;
  border-right: 1px solid #FFF;
  text-decoration: none;
}

#menu a.current:link, #menu a.current:visited, #menu a.current:active,
#menu a.current:hover, #menu a.current:visited:hover, #menu a.current:active:hover,
#menu a.selected:link, #menu a.selected:visited, #menu a.selected:active,
#menu a.selected:hover, #menu a.selected:visited:hover, #menu a.selected:active:hover {

  background: #F19C5C url(/img/menu_bg_hover.jpg) repeat-x top left;
  border-left: 1px solid #FFF;
  border-right: 1px solid #FFF;
  color:#424242;
}

/* menubar */

div#menubar {
  width: 190px;
  float: left;
}

/* Alavalikko */

#submenu {

  background: #494949 url(/img/bg_submenu.jpg) no-repeat top left;
  float: left;
  width: 190px;
  w\idth: 165px;
  min-height: 221px;
  padding: 0 10px 0 15px;
  margin: 0;
}

* html #submenu {

  height: 221px;  
}

#submenu ul {

  padding: 10px 0 0 5px;
  margin: 0;
  list-style-type: none;
}

#submenu ul li ul {

  padding: 0px;
}

#submenu li {

  padding: 5px 0px 5px 0px;
  margin: 0;
  border: 0;
  list-style-type: none;
  border-bottom: 1px solid #5E5E5E;
}

#submenu ul li ul li {

  padding: 5px 0px;
  margin-left: 12px;
  border: none;
  list-style-type: none;
}

/*#submenu li:before {
    content: "\00BB \0020";
    color: #ef6b09;
}*/

div#submenu a:hover {

  color: #F16300;
  text-decoration: none;
}

#submenu a,
#submenu a:link,
#submenu a:visited,
#submenu a:active {

  font: normal 11px Tahoma, Arial, Sans-Serif;
  color: #ebebeb;
  text-decoration: none;
}

div#submenu a.current,
div#submenu a.current:link,
div#submenu a.current:visited {

  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

div#submenu a:hover,
div#submenu li.current a:hover {

  color: #F16300;
  text-decoration: none;
}

div#submenu a.selected, 
div#submenu a.selected:link,
div#submenu a.selected:visited {

  color: #fff;
  font-weight: normal;
  text-decoration: none;
}

div#submenu a.selected:hover   {

  color: #F16300;
  text-decoration: none;
}


/* Foorumi */

div#foorumi {

  width: 190px;
  w\idth: 165px;
  padding: 0px 10px 0px 15px;
  float: left;
}

div#foorumi h3 {

  padding: 20px 0 5px 0;
  margin: 0;
}

/* Sisällöt */

div#content {

  width: 568px;
  padding: 0;
  margin: 0 1px 0 1px;
  float: left;

}

div#headerimage {

  float: left;
  width: 568px;
  height: 221px;
  text-align: left;
}

div#text {

  width: 568px;
  w\idth: 500px;
  padding: 10px 34px 130px 34px;
  float: left;
}

div#text p{

  line-height: 19px;
}

/* Sidebar */

#sidebar {

  float: left;
  width: 190px;
  padding: 0;
  margin: 0;
}

/* Ajankohtaiset */

div#news {

  background: #FFF url(/img/bg_news.jpg) no-repeat top left;
  width: 190px;
  w\idth: 165px;
  height: 221px;
  padding: 0 10px 0 15px;
  float: left;
}

div#news h3 {
  padding: 10px 0 10px 0;
  margin: 0;
  color:#868686;
}

div#news ul {

  list-style-type: none;
  padding: 0 0 0 0px;
  margin: 0px;
}

div#news li {

  list-style-type: none;
  font: normal 10px Tahoma, Arial, Sans-Serif;
  color: #9e9e9e;
  padding-bottom: 18px;
}

div#news a:link, div#news a:visited {
    text-decoration:none;
    font-weight:bold;
    color:#efefef;
}

div#news a:hover {
    font-weight:bold;
    color:#fff;
    text-decoration:none;
}

div#yhteistyo {

  width: 190px;
  w\idth: 167px;
  padding: 42px 10px 0px 13px;
  float: left;
}

/* Footer */

div#footer {

  position: relative;
  clear: both;
  width: 569px;
  height: 35px;
  margin-top: -35px;
  margin-left: 1px;
}

ul#footermenu {

  background-color: #DF5E00;
  width: 569px;
  w\idth: 500px;
  padding: 10px 35px 10px 34px;
  margin-left: 190px;
  list-style-type: none;
  float: left;  
}

ul#footermenu li {

  padding: 0 10px 0 0;
  border: 0;
  font-family: Tahoma, Arial, Sans-Serif;
  font-size: 9px;
  color: #FFF;
  font-weight: normal;
  display: inline;
}

#footermenu li a:link, #footermenu li a:visited, #footermenu li a:active {

  font-family: Tahoma, Arial, Sans-Serif;
  font-size: 9px;
  color: #FFF;
  font-weight: normal;
  text-decoration: none;
}

#footermenu li a:hover, #footermenu li a:visited:hover, #footermenu li a:active:hover {

  color: #FFF;
  text-decoration: underline;
}

/* Albumisäädöt */

#albumi {

  float:left;
  margin-bottom: 10px;
}

#albumi img {

  float: left;
  margin-right: 10px;
}

.kuva_left {

  float: left;
  margin-right: 10px;
  margin-bottom: 5px;
}

.kuva_right {

  float: right;
  margin-left: 10px;
  margin-bottom: 5px;
}

.galleria {

  float: left;
  width: 176px;
  height: 155px;
  text-align: center;
}

.orange {

  color:#f3822f;
}

/* sitemap */

#sitemap ul {

  list-style-type: none;
  padding: 0 0 0 20px;
  margin: 0px;
}

#sitemap li {

  list-style-type: none;
  padding-bottom: 2px;
}

#sitemap ul li ul li {

  list-style-type: disc;
  padding-bottom: 2px;
}