html {
  margin:0;
  padding:0;
  height:100%;
}
body
{
  font-family: Helvetica;
  /*font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;*/
/*  line-height: 1.2em;*/
  margin: 0;
  padding: 0;
/*  background-image: url(../images/bg.gif);*/
  background-repeat: repeat;
  background-color:  #e8e8e8;
  color: #888888;
  height:100%;
}

img
{
  border: none;
}
a
{
  outline:0;
  color: #183c51;
  text-decoration: underline;
}

a:hover
{
  color: #720000;
  text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
  color: #313334;
  font-weight: bold;
}

h1 {
/*  font-size: 125%;*/
  line-height: 1.1;
  font-size: 16px;
 /* padding: 5px 0 4px;*/

  margin-bottom: 10px;
  color: #720000;
/*  line-height: 32px;*/
}
h2 {
/*  font-size: 115%;*/
  font-size: 14px;
  text-transform: uppercase;
  padding-left: 0px;
  padding-bottom: 6px;
  line-height: 32px;
  color: #720000;
}

code
{
  font-size:120%;
} 
div#wrapper {
  position:relative;
  margin:0px auto;
  padding:0;
  width:960px;
  height:auto !important; /* real browsers */
  height:100%; /* IE6: treaded as min-height*/
  min-height:100%; /* real browsers */
 /* background: #e8e8e8;  url(../images/wrapbg.jpg) repeat;*/
  overflow:visible;
}

#headbg {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height: 150px;
  background: url(../images/headerbg.jpg) #f8f8f8 repeat-x bottom center;
}
#headshadow {
  position:absolute;
  margin:0 auto;
  width:100%;
  height: 350px;
  background: url(../images/shadow.png) no-repeat center 46px;
}
#header {
  position:relative;
  top: 0;
  left:0;
  width:960px;
  height: 70px;
  margin-bottom: 0px;
  padding:0;
  margin:0;
  /*background: url(../images/headernew.jpg) #eee no-repeat top center;*/
  border-bottom: 1px solid #f8f8f8;
  z-index:0;
}
#logotext {
  position:absolute;
  text-align:center;
  top: 0px;
  left:0px; 
  z-index:99;

}
#logotext h1 {
  position:absolute;
  font-family: arial, tahoma, verdana, helvetica;
  text-transform: uppercase;
  text-align:center;
  font-weight: bold;
  font-size: 18px;
  line-height: 50px;
  top: -10px;
  left: 0px;
  padding: 6px;
  width: 190px;
  height:50px;
  color: #fff;
 /* background: #183c51;*/
  background: #888;
}
#logotext a {
  color: #fff;
  text-decoration:none;
}
#logo {
  position:absolute;
  z-index:999;
  top: 58px;
  left:0px;
  width: 202px;
  height: 74px;
  background: url(/images/kanneltieto.jpg) repeat-x #e8e8e8 -0px -1px;
  border: 0px solid #cdcdcd;
  border-top: 1px solid #e8e8e8;
  border-left: 1px solid #ddd;

  -moz-border-radius-topleft:4px;
  -webkit-border-radius-topleft:4px;
}
#logo a {
  display:block;
}
.headertext {
  position:absolute;
  top: -31px;
  left:201px;
  width: 759px;
  height: 95px;
  overflow:hidden;
  padding:0; margin: 0;

  background: url(../images/headerbg.jpg) #f4f4f4 repeat top center;
  /*background: #fbfbfb;*/
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #dcdcdc;
  border-left: 0px solid #ddd;
  border-right: 1px solid #ddd; 
  font-family: arial, tahoma, verdana, helvetica;
  -moz-border-radius-topleft:4px;
  -webkit-border-radius-topleft:4px;
  -moz-border-radius-topright:4px;

  -webkit-border-radius-topright:4px;
}
.headertext h1 {
  position:absolute;
  left:15px;
  margin-top: 20px;
  line-height: 35px;
  text-align:left;
  width: 960px;
  color: #183c51 !important;
/*  border-bottom: 1px dotted #ccc;*/
}
.headertext a {
  text-decoration:none;
}
.headertext h5 {
  position: absolute;
  top: 73px;
  padding: 4px;
  width: 750px;
  text-align:left;
  padding-left:15px;
  border-top: 1px solid #fff;
  background: #ddd;
  left:0px;
  font-family: arial, tahoma, verdana, helvetica;
  line-height: 12px;
  font-size: 10px;
}
#torppa {
  display:none;
  position:absolute; 
  top: 50px;
  left: 170px;
  width: 48px; /*orig: 48*/
  height: 48px;
  background: url(../images/torppa.png) no-repeat 0 0;
}
#torppa a {
  display:block;
  width: 100%;
  height: 100%;
}
#toiminnot {
  width: 200px;
  position:absolute; 
  margin:0;
  padding:0;
  right: 0px;
  top: 0px;
}
#toiminnot ul {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd; 
/*  -moz-border-radius-topleft:4px;
  -moz-border-radius-topright:4px;
  -webkit-border-radius-topleft:4px;
  -webkit-border-radius-topright:4px;*/
  -moz-border-radius-bottomleft:4px;
  -moz-border-radius-bottomright:4px;
  -webkit-border-radius-bottomleft:4px;
  -webkit-border-radius-bottomright:4px;
  display:block;
}
#toiminnot ul li {
  display:block;
  border-bottom: 1px solid #fefefe;
  border-left: 1px solid #fefefe;
  border-right: 1px solid #fefefe; 
/*  -moz-border-radius-topleft:4px;
  -moz-border-radius-topright:4px;
  -webkit-border-radius-topleft:4px;
  -webkit-border-radius-topright:4px;*/
  -moz-border-radius-bottomleft:4px;
  -moz-border-radius-bottomright:4px;
  -webkit-border-radius-bottomleft:4px;
  -webkit-border-radius-bottomright:4px;
}
#toiminnot ul li.navibutton {
  font-family: tahoma,arial,helvetica;
  font-size: 11px;
  display:block;
  margin-left:0px;
  margin-right:0px;
  margin:0;
  padding:0;
  vertical-align: middle;
  width: 180px;
  height: 26px;
  color: #fff;
  white-space: nowrap;
  background: #f8f8f8;
}
#toiminnot ul li.navibutton a {
  display:block;
  padding:5px;
  height:auto;
  text-align: center;
  color: #183c51;
  margin-right: 0px;
  text-decoration: none;
  border-bottom: none;
}
#toiminnot ul li.navibutton a:hover {
  display:block;
  padding:5px;
  height:auto;
  text-align: center;
  color: #770000;
  margin-right: 0px;
  text-decoration: none;
  border-bottom: none;
}

.headernosto {
  display:none;
  position:absolute; 
  top: 80px;
  right: 0px;
  width: 316px;
  height: 116px;
/*  border-top: 1px solid #ccc;
  background: #ececec no-repeat 0 0;*/
  border: 2px double #fff;
  background: #f8f8f8;
  overflow: hidden;
}

.nostoitem {
  padding:5px;
  width: 300px;
  height: auto;
  overflow:hidden;
}
.nostoitem h2 {
  margin:0;
  padding:0;
}
.nostoitem a {
  text-decoration:none;
}
#contwrap {
  position:relative;
  z-index:9;
  margin-left:0px;
  width: 100%;
  overflow:visible;
  background: #eee; /* url(../images/wrapbg.jpg) repeat;*/
  padding: 0;
  padding-top: 0px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #dedede;
  height:100%; /* IE6: treaded as min-height*/
  -moz-border-radius-bottomleft:4px;
  -moz-border-radius-bottomright:4px;
  -webkit-border-radius-bottomleft:4px;
  -webkit-border-radius-bottomright:4px;
}
.main {
  float: left;
  padding: 0px; 
  width: 780px;
  margin: 0;
  margin-top: 25px;
  height:100%;
  background: #f8f8f8;
}

.right {
  text-align:right;
  right: 0px;
  float: right;
  padding: 0px;
  width: 180px;
  padding-top: 50px; 
  height:100%;
}

.otsikko {
  width: 570px;
  height: 34px;
  line-height: 35px;
  text-align:left;
  color: #183c51;
  padding:0px;
  margin-bottom:0px;
  margin-top: 15px;
  background: url(../images/otsikko.jpg) no-repeat left top;
}
ul#tabnav { 

position:absolute;
width:750px;
top:28px;
left:200px;
text-align: left; 
margin: 0px 0 0 0;
font-family: arial, sans-serif;
font-size: 10px;
/* border-bottom: 1px solid #f8f8f8; */
list-style-type: none;
padding: 6px 6px 6px 6px; 
}
ul#tabnav li { 
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
-webkit-border-radius-topleft:4px;
-webkit-border-radius-topright:4px;
margin-left: 2px;
display: inline;
}
ul#tabnav li.first { 
margin-left: 0px;
display: inline;
}
ul#tabnav li a { 
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
-webkit-border-radius-topleft:4px;
-webkit-border-radius-topright:4px;
padding: 6px 8px; 
padding-bottom:10px;
border: 1px solid #dedede; 
background-color: #eeeeee; 
height:26px;
color: #183c51;
margin-right: 0px;
text-decoration: none;
border-bottom: none;
}
ul#tabnav li.selected a { 
padding: 10px 8px; 
background-color: #FFF; 
color: #720000;
margin-left: 0px;
}
ul#tabnav a:hover {
padding: 10px 8px; 
background: #FFF; 
color: #720000;
}

#subnavigaatio {
position:relative;
text-align:center;
margin-left:8px;
margin-top: 8px;
width: auto;
height:100%;
overflow:visible;
text-align:center;
}
ul#subnav { /* general settings */
text-align: center; /* set to left, right or center */
margin: 0 0 0 0; /* set margins as desired */
font: 11px tahoma,arial,helvetica; /* set font as desired */
/*border-bottom: 1px solid #f8f8f8; */ /* set border COLOR as desired */
list-style-type: none;
width: 160px;
height: 24px;
display: block;
padding: 0; /* THIRD number must change with respect to padding-top (X) below */
/*background: #e8e8e8;*/
}
ul#subnav li { 

/*float:left;*/
text-align:center;
white-space: nowrap;
width: auto;
display:block;
border-left: 1px solid #dedede;
border-bottom: 1px solid #dedede;
}
ul#subnav li.first a { 
border-top: 1px solid #ccc;
}
ul#subnav li a { 
padding: 5px 8px; 
border-left: 1px solid #f8f8f8; 
border-bottom: 1px solid #f8f8f8;
border-right: 1px solid #fcfcfc; 
background-color: #eee; 

color: #666; 
margin-right: 0px;
text-decoration: none;
display:block;
border-bottom: none;
}
ul#subnav a:hover {
color: #183c51;
background: #f2f2f2; 
}
.menu {
float:left; height: 100%; background: #eee; border-left:1px solid #eee;  padding-bottom:2px; margin-bottom:30px; width:200px;
}
.tabs {
  display: none;
  background: #668899;
}
.tabs h4 {
  font-size: 12px;
  vertical-align: middle;
  line-height: 16px;
  text-align:right;
  height: auto;
  margin: 0;
  margin:0;
  padding: 0px;
  padding-left: 6px;
  padding-right:6px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-right: 0px solid #889999;
  border-top: 0px solid #f4f4f4;
  border-left: 0px solid #fff;
  border-bottom: 1px solid #eee;
  color: #f4f4f4;
}
.kats {
  margin:0;
  border-bottom: 1px solid #f8f8f8;
}
.kats a, .visible {
  display:block;
  text-align: right; 
  padding-right: 12px;
  margin:0;
  padding-top: 3px;
  padding-bottom: 3px;
  text-decoration: none;
  border-right: 1px solid #889999;

}
.tabs.parent, .tabs.first {
  display: block;
}
.leipiswrap {
  
  color: #000;
  width: 750px;
  padding-top: 0px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 0px;
/*  background: #f2f2f2; */
  height: 100%;
  /*border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-top: 0px solid #fff;
  -moz-border-radius-topleft:4px;
  -moz-border-radius-topright:4px;
  -webkit-border-radius-topleft:4px;
  -webkit-border-radius-topright:4px;
  -moz-border-radius-bottomleft:4px;
  -moz-border-radius-bottomright:4px;
  -webkit-border-radius-bottomleft:4px;
  -webkit-border-radius-bottomright:4px;*/
}
.leipis {
  padding: 20px;
  float:left;
  width: 350px;
  height: 100%;
}
.center h1 {
  font-size: 16px;
  padding-left: 0px;
  padding-bottom: 12px;
  border-bottom: 1px dotted #ddd;
  line-height: 32px;
}
.leipis_wide h2 {
  padding:0px;
  margin:0;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px dotted #ddd;

}
.leipis h2 {
  padding:0;
  margin:0;
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px dotted #ddd;

}
.leipis_wide .etuinnerboksit h2 {
  padding:0;
  margin:0;
  border:0;
}
.boksit {
  padding-top: 30px;
  margin-right: 5px;
  float: right;
  width: auto;
  height: 100%;
  
}
.leipis {
  background: #f8f8f8;
  color: #666;
  font-size: 14px;
  float: left;
  padding:0;
  padding-top: 32px;
  padding-left: 16px;
  padding-right: 16px;
  /*padding-bottom: 20px;*/
  height:100%;
}

.leipis_wide {
  background: #f8f8f8;
  color: #666;
  font-size: 14px;
  float: left;
  padding:0;
  padding-top: 32px;
  padding-left: 16px;
  padding-right: 16px;
  /*padding-bottom: 20px;*/
  margin-bottom: 20px;
  width:530px;
  height:100%;
}
.etuinnerboksit {
  float:left;
  background: #f8f8f8;
  padding:5px;
  padding-bottom:35px;
  margin:0;
  margin-top: 0px;
  margin-bottom: 5px;
  text-align:left;
  width: 320px;
  height: 100%;
}
.etuboksit {
  background: #f3f3f3; 
  padding: 10px;
  margin:0;
  margin-bottom: 5px;
  text-align:left;
  width: 510px;
  height: 100%;
}
.etuboksit h1 {
  background: url(../images/buttonbg.jpg) #ddd repeat-x left top;
  padding: 10px;
  padding-left:10px;
  margin-top: 0;
  display:block;
  margin-bottom:0;
  line-height: 1.2;
  height: auto;
  border-top:1px solid #fff;
  border-left:1px solid #fff;
  border-right:1px double #cfcfcf;
  border-bottom:1px double #cfcfcf;
}
.etuboksit h2 {
  padding:0;
  margin:0;
}
.yhteystietoboksihead {
  background: #668899 repeat-y center top;
  color: #fcfcfc;
  border-right: 1px solid #889999;
  border-top: 1px solid #f8f8f8;
  border-left: 1px solid #888;
 /* border-bottom: 1px solid #fff;*/
  height:30px;
  line-height: 30px;
  text-align:left;
  text-indent: 5px;
  width: 180px;
  overflow:visible;
  height: 100%;
}
.yhteystietoboksi {
  background: #eee;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #cecece;
  border-left: 1px solid #cecece;
  border-right: 1px solid #cecece; 
  font-size: 12px;
  color: #722;
  padding: 10px;
  text-align:left;
  width: 160px;
  overflow:hidden;
}
.yhteystietoboksi strong {
  padding-top: 2px;
  padding-bottom: 2px;
  display: block;
  background: #f8f8aa;
}
#footer {
  position:absolute;
  height: 30px;
  width:960px;
  margin-top: 10px;
  background: #e8e8e8;
  bottom:0; /* stick to bottom */
  left:0;
  border-top:1px double #fff;
}

.error h1, .error_list h1, .notice h1, .success h1 { padding:0; margin:0; padding-top: 12px; padding-bottom: 12px; margin-bottom:18px; }

.leipis_wide ul {
  margin-top: 12px;
}

input, #searchservice {
  display:block;
  line-height:24px;
  border: 1px solid #dcdcdc;
  -moz-border-radius-topleft:4px;
  -moz-border-radius-topright:4px;
  -webkit-border-radius-topleft:4px;
  -webkit-border-radius-topright:4px;
  -moz-border-radius-bottomleft:4px;
  -moz-border-radius-bottomright:4px;
  -webkit-border-radius-bottomleft:4px;
  -webkit-border-radius-bottomright:4px;
}

ul.autocompleter-choices
{
  position:       absolute;
  margin:         0;
  margin-top: 4px;
  padding:        0;
  overflow: hidden;
  list-style:       none;
  border:         1px solid #889999;
  border-left-color:    #c3c3c3;
  border-right-color:   #c3c3c3;
  border-bottom-color:  #ddd;
  background-color:   #fff;
  text-align:       left;
  font-family: arial, tahoma, verdana, helvetica;
  font-size: 11px;
  z-index:        50;
  background-color:   #fff;
  -moz-border-radius-topleft:4px;
  -moz-border-radius-topright:4px;
  -webkit-border-radius-topleft:4px;
  -webkit-border-radius-topright:4px;
  -moz-border-radius-bottomleft:4px;
  -moz-border-radius-bottomright:4px;
  -webkit-border-radius-bottomleft:4px;
  -webkit-border-radius-bottomright:4px;
}

ul.autocompleter-choices li
{
  position:       relative;
  overflow: hidden;
  margin:         0 0 0 0;
  padding: 2px;
  display:        block;
  float:          none !important; 
  cursor:         pointer;
  font-weight:      normal;
  white-space:      nowrap;
  font-size:        1em;
  line-height:      1.5em;
}

ul.autocompleter-choices li.autocompleter-selected
{
  background-color: #668899;
  color:          #fff;
}

ul.autocompleter-choices span.autocompleter-queried
{
  display:        inline;
  float:          none;
  font-weight:      bold;
  margin:         0;
  padding:        0;
}

ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried
{
  color:          #9FCFFF;
}