/* General styles */

body {
    margin: 0px;
    padding: 0px;
    font-family: Tahoma, Verdana, 'Lucida Sans';
    background: transparent url('/img/bodyfade.jpg') repeat-x;
}

img {
    border: none;
}

/* Wrapper */

div#wrapper {
    position: relative;
    margin: 20px auto;
    padding: 0px 28px 0px 28px;
    width:  937px;
    /*border-bottom: 1px solid #F3F3F3;*/
    background: transparent url('/img/wrapperbackground2.png') repeat-y;
}

/* Header */

div#header {
    height: 90px;
    position: relative;
    margin: 0px -14px 0px -14px;
    background: transparent url('/img/headerfade.jpg') repeat-x;
}

div#header .logo {
    position: absolute;
    left: 28px;
    top: 16px;
}

div#search {
    position: absolute;
    right: 26px;
    top: 20px;
}

/* Mainmenu */

div#header #menu {
    /*font-family: Arial;*/
    font-size: 12px;
    text-transform: uppercase;
    position: absolute;
    right: 20px;
    bottom: -15px;
}

#menu ul {
    padding:0;
    margin:0;
}

#menu li {
    display: inline;
    border-left: 2px solid #9ABEDF;
}
#menu li:first-child {
    border:none;
}

#menu a:link, #menu a:visited {
    padding: 0px 10px;
    text-decoration: none;
    color: #55a2ca;
}

#menu a:hover {
    padding: 0px 10px;
    text-decoration: none;
    color: #005292;
}

div#menu a.selected, 
div#menu a.selected:link,
div#menu a.selected:visited,
div#menu a.current,
div#menu a.current:link,
div#menu a.current:visited {
    color: #005292;
}

/* Crumbs */

div#crumbs {
    font-size: 11px;
    color: #737373;
}

div#crumbs a:link, div#crumbs a:visited {
    text-decoration:none;
    color: #27b7d6;
}

div#crumbs a:hover {
    color: #27C5E6;
}

div#crumbs a.selected, div#crumbs .selected {
    color: #27b7d6;
}

/* Wrapper for content */

div#contentwrapper {
/*
    padding-top:10px;
    margin-top:-5px;
*/
}

/* Submenu */

div#submenu {
    margin-top:12px;
    font-size: 12px;
    color: #737373;
    float:left;
    width:200px;
}

div#submenu ul {
    list-style-position:outside;
    float:left;
    line-height: 24px;
    width: 160px;
    margin:0;
    padding: 10px 0px 5px 20px;
}

div#submenu li {
    margin:0;
    padding:0;
    border-bottom: 1px solid #F0F0F0;
    list-style-type: square;
    color:#e0edf3;
}

div#submenu ul ul {
    margin:0;
    padding: 0;
    padding-left: 15px;
    float:none;
}

div#submenu ul ul li {
    border:none;
    list-style-type: none;
}

#submenu a:link, #submenu a:visited {
    display:block;
    text-decoration: none;
    color: #737373;
    margin:0px 0px 0px -5px;
}

#submenu a:hover {
    text-decoration: none;
    color: #27b7d6;
}

div#submenu a.selected, 
div#submenu a.selected:link,
div#submenu a.selected:visited,
div#submenu a.current,
div#submenu a.current:link,
div#submenu a.current:visited {
    color: #27b7d6;
}

/* News for etusivu */

div.news {
    border-bottom:1px dotted #D8D8D8;
    padding:0px 0px 14px 20px;
    margin: 14px 10px 0px 0px;
    background: transparent url('/img/page_white_text.png') top left no-repeat;
    width: 170px;
}

div#submenu h3 {

    font-family: 'Hiragino Kaku Gothic Pro', Arial;
    color:#8bc0db;
}

img.rss {
    float: left;
}

/* Content */

div#content {
    background: transparent url('/img/content-bg.jpg') repeat-x;
    position:relative;
    border-left: 1px dotted #D5D5D5;
    /*font-family:Arial;*/
    font-size: 12px;
    color: #5B5B5B; /* #4d4d4d */
    width:716px;
    padding: 0px 0px 20px 20px;
    float:left;
    min-height: 320px;
}

* html #content {
    height: 320px;
}

div#content h2 {
    margin-top:20px;
    font-weight: lighter;
    letter-spacing: -1px;
    font-size: 20px;
    font-family: 'Hiragino Kaku Gothic Pro', Arial;
    color: #8bc0db;
}

div#content h3 {
    font-weight: lighter;
    letter-spacing: -1px;
    font-size: 15px;
    font-family: 'Hiragino Kaku Gothic Pro', Arial;
    color: #8bc0db;
}

div#content p, div#content li {
    line-height: 20px; /*with font size 11 -> 18*/
    margin-left: 30px;
    width: 400px;
}

div#content a:link, 
div#content a:visited {
    color:#77A0C5;
    text-decoration:none;
}

div#content a:hover {
    color:#9DB9DA;
}

/* Footer */

div#footer {
    position: relative;
    text-align:right;
    font-size:11px;
    color: #b0b0b0;
    border-top: 1px solid #EAEAEA;
    padding:10px;
    margin: 40px 10px 0px 10px;
    z-index: 1;
    clear: both;
}

div#footer a:link, 
div#footer a:visited {
    color:#9DB9DA;
    text-decoration:none;
}

div#footer a:hover {
    color:#77A0C5;
}

/* Feedback */

.palaute input[type="submit"] {
    width:100px;
    border: 1px solid #B0CBDE;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding:2px;
}

.palaute input[type="text"] {
    width:300px;
    border: 1px solid #B0CBDE;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding:2px;
    background:#fff;
}

.palaute textarea {
    width:300px;
    border: 1px solid #B0CBDE;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding:2px;
}

.palaute input:focus, .palaute textarea:focus {
    background:#EDF1FF;
}

div#content .palaute p {
    margin-left: 0px;
}

/* Other */
#searchform {
    display:inline;
}

#searchform p {
    display:inline;
}

a#sitemap {
    float:left;
    padding:1px 10px 0px 10px;
    font-size:11px;
    color:#6A6A6A;
    text-decoration:none;
}

#searchlabel {
    float:left;
    font-size:11px;
    color:#6A6A6A;
    padding: 1px 5px 0px 5px;
}

#searchword {
    border:0;
    height:13px;
    width:118px;
    background: transparent url('/img/searchbox.png') no-repeat;
    padding:2px 10px 2px 8px;
    float:left;
    display:inline;
}

#searchbutton {
    margin-left:5px;
    border:0;
    height:17px;
    width:17px;
    background: transparent url('/img/icons/search.png') no-repeat;
    float:left;
    display:inline;
    cursor:hand;
    cursor:pointer;
}

.sitemap {

    padding-left: 10px;
}

.column {
    width:350px;
    float:left;
}

.frontpage #content p {
    width:310px;
}

#content .column p {
    width:310px;
}

div#offer {

  clear:both;
  padding-top: 30px;
}

#sitemap ul {

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

#sitemap li {

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

#sitemap ul li ul li {

  /*list-style-type: none;*/
  padding-bottom: 2px;

}

/* End of CSS */

#pricetable {

  margin-left: 30px;
  width: 400px;
}

#pricetable td {

  padding: 2px;
}

#pricetable tr.heading td {

  background-color: #E0E0E0;
    font-weight: bold;
}