/* Start of CMSMS style sheet 'Main Layout' */
* {
margin:0;
padding:0;
}
html
{
overflow-y: scroll;
}
body {
   text-align: left;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 75.01%;
   line-height: 1em;
}
:focus {
   outline: 0;
}
div {
  font-size: 1em;
}
img {
  border: 0;
}
h1, ul, li {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-size: 100%;
   vertical-align: baseline;
}
a, a:link, a:active {
   text-decoration: underline;
   background-color: inherit;
   color: #0a78b6;
}
a:visited {
   text-decoration: underline;
   background-color: inherit;
   color: #0a78b6;
}
a:hover {
   text-decoration: none;
   color: #399;
}

/*****************
basic layout
*****************/
body {
   color: #333;
}

/*** header ***
we will hide text and replace it with a image
we need to assign a height for it so that the image wont cut off
*/

div#headerwrapper {
   background-image: url(/layout/header-back.png);
   background-repeat: repeat-x;
   height: 110px;
   overflow: hidden;
}

div#header {
   height: 110px;
   margin: 0 auto;
   width: 980px;
   background-color: transparent;
   background-image: url(/layout/header-logo.png);
   background-repeat: no-repeat;
}
div#header h1 {
  width: 250px;
  margin: 0;
  padding: 0;
}
div#header h1 a {
   display: block;
   width: 250px;
   height: 64px;             /* adjust according your image size */
   text-indent: -999em;  /* this hides the text */
   text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
}
div#contentwrapper {
   background-color: #fff;
   background-image: url(/layout/contentwrap-back.png);
   background-repeat: repeat-x;
}
div#pagewrapper {
   margin: 0 auto;
   width: 980px;
   color: black;
   background-image: url(/layout/content-back.png);
   background-repeat: repeat-y;
   background-position: 10px;
}
div#contentbottom {
   width: 960px;
   height: 13px;
   background-image: url(/layout/content-bottom.png);
   background-repeat: no-repeat;
}
div#main {
   float: left;
   width: 660px;
   margin-left: 10px;
   margin-top: 20px;
   font-size: 1em;
   display: inline;
}
div#sidebar {
   float: left;
   width: 290px;
   display: inline;
}
#main p {
   margin-right: 20px;
   margin-left: 20px;
}

/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
  height: 1px;
  padding: 1em;
  border-bottom: 1px dotted black;
  margin: 1em;
}
#sidebar a img
{
    margin: 10px 0 0 8px;
    padding: 0;
}

/********************
CONTENT STYLING
*********************/
div#content {
   width: 960px;
   background-image: url(/layout/content-topback.png);
   background-repeat: no-repeat;
   margin-right: 10px;
   margin-left: 10px;
}
#index_2_3 {
   float: left;
   width: 300px;
   padding: 15px;
   margin: 25px 0 0 0;
}
#index_2_3 strong {
   color: #F00;
}
#index_1_3 {
   float: left;
   width: 260px;
   padding: 15px;
   margin: 25px 0 0 0;
}
/* HEADINGS */
div#content h1 {
  margin: 0;
  padding: 0;
}
#contentwrapper h2, #content_main h2 {
   color:#ff0000;
   font-family: sans-serif;
   font-size: 2.2em;
   line-height: 1.0em;
   text-align: left;
   margin-top: 0;
   margin-right: 0;
   margin-bottom: 20px;
   margin-left: 20px;
}
#main h2 small {
   color: #333;
   display: block;
}
#subcontent2-menu, #subcontent3-menu, #subcontent4-menu, #subcontent5-menu {
   height: 38px;
   float: left;
   width: 640px;
   display: block;
   background-image: url(/layout/subcontentmenu-back.png);
   background-repeat: repeat-x;
   padding: 0 0 10px 20px;
}
#subcontent2-menu li, #subcontent3-menu li, #subcontent4-menu li, #subcontent5-menu li  {
   float: left;
   list-style-type: none;
   padding-left: 10px;
}
#subcontent2-menu li a, #subcontent3-menu li a, #subcontent4-menu li a, #subcontent5-menu li a {
   padding-right: 15px;
   margin-left: 10px;
   line-height: 38px;
   display: block;
   text-decoration: none;
   font-weight: bold;
   color: #333;
}
#subcontent2-menu li.active, #subcontent3-menu li.active, #subcontent4-menu li.active, #subcontent5-menu li.active {
   float: left;
   list-style-type: none;
   background-image: url(/layout/subcontentmenu-left.png);
   padding-left: 10px;
}
#subcontent2-menu li a.active, #subcontent3-menu li a.active, #subcontent4-menu li a.active, #subcontent5-menu li a.active {
   background-image: url(/layout/subcontentmenu-right.png);
   background-repeat: no-repeat;
   background-position: right top;
   padding-right: 15px;
   margin-left: 10px;
   line-height: 38px;
   display: block;

}
#subcontent2, #subcontent3, #subcontent4, #subcontent5  {
   float: left;
   width: 660px;
   background-image: url(/layout/subcontent-back.png);
   background-repeat: repeat-x;
   background-position: 0px 38px;
   padding: 20xp 0 0 0;
}
#subcontent2 strong, #subcontent3 strong, #subcontent4 strong, #subcontent5 strong {

}
#scroll2_tabcontent1,
#scroll3_tabcontent1,
#scroll4_tabcontent1,
#scroll5_tabcontent1  {
   margin-right: 10px;
   margin-left: 10px;
   width: 640px;
   float: left;
}
div#scroll2_tabcontent1 ul li, div#scroll2_tabcontent2 ul ,
div#scroll3_tabcontent1 ul li, div#scroll3_tabcontent2 ul ,
div#scroll4_tabcontent1 ul li, div#scroll4_tabcontent2 ul ,
div#scroll5_tabcontent1 ul li, div#scroll5_tabcontent2 ul  {
   margin-right: 10px;
   margin-left: 40px;

}
div#subcontent2 #scroll2_tabcontent1 strong,
div#subcontent3 #scroll3_tabcontent1 strong,
div#subcontent4 #scroll4_tabcontent1 strong,
div#subcontent5 #scroll5_tabcontent1 strong {
}
#scroll2_tabcontent3,
#scroll3_tabcontent3,
#scroll4_tabcontent3,
#scroll5_tabcontent3 {
	margin: 20px 100px 70px 100px;
   padding-left: 30px;
   background-image: url(/layout/comment.gif);
   background-repeat: no-repeat;
   float: left;
}
div#subcontent2 #scroll2_tabcontent0 img,
div#subcontent3 #scroll3_tabcontent0 img,
div#subcontent4 #scroll4_tabcontent0 img,
div#subcontent5 #scroll5_tabcontent0 img {
  margin: 0 50px;
}
div.scroll-info {
   margin-right: 0px;
   margin-left: 0px;
   width: 420px;
   float: left;
}
div.scroll-services {
   margin-left: 10px;
   width: 200px;
   float: left;
}
#scroll2_tabcontent2 ul {
   margin-right: 10px;
   margin-left: 30px;
   float: left;
}
.scroll-testimonial {
   margin: 20px 100px 70px;
   padding-left: 30px;
   background-image: url(/layout/comment.gif);
   background-repeat: no-repeat;
   float: left;
}
.scroll-case {
   margin-right: 20px;
   margin-left: 20px;
   float: left;
}
#subcontent2,
#subcontent3,
#subcontent4,
#subcontent5 {
   height: 250px;
   width: 660px;
   float: left;
   margin: 50px 0 0 0;
}
h3 {
   color: #1670B0;
   font-size: 1.2em;
   line-height: 1.2em;
   margin-top: 0;
   margin-right: 0;
   margin-bottom: 0px;
   margin-left: 20px;
}
div#contentwrapper h4 {
   color: #333;
   font-size: 1.0em;
   line-height: 1.2em;
   margin-top: 10px;
   margin-right: 0px;
   margin-bottom: 20px;
   margin-left: 20px;
}
div#contentwrapper h5 {
  color: #666;
  font-size: 1.1em;
  line-height: 1.3em;
  margin: 0 0 0.25em 0;
}
h6 {
  color: #294B5F;
  font-size: 1em;
  line-height: 1.3em;
  margin: 0 0 0.25em 0;
}
/* END HEADINGS */

/* TEXT */
p {
  font-size: 1em;
  margin: 0 0 1.5em 0; /* some air around p elements */
  line-height: 1.4em;
  padding: 0;
}
blockquote {
   font-style: italic;
   margin-left: 40px;
   background-position: 0px 15px;
   padding-top: 10px;
}
blockquote p {
   margin-top: 0;
   margin-right: 0;
   margin-bottom: 10px;
   margin-left: 0;
   padding-left: 25px;
   padding-top: 0px;
}
strong, b {
  font-weight: bold;
}
.testimonial-person {
   padding-left: 65px;
   color: #666;
}
em, i {
/* explicit setting for these */
  font-style:italic;
}

/* END TEXT */

/* LISTS */
/* lists in content need some margins to look nice */
div#main ul, div#main ol, div#main dl {
  font-size: 1.0em;
  line-height: 1.4em;
  margin: 10px 0 15px 0;
}
/*
div#main ul li, div#main ol li {
  margin: 0 0 0.25em 3em;
} */

.clear {
  clear: both;
}
/******** MAINMENU ********/

#menuwrapper {
  background: url(/layout/menu_back.png) repeat-x;
}
#mainmenu {
   width: 660px;
   height: 46px;
   background-image: url(/layout/header-naviback.png);
   background-repeat: no-repeat;
   margin: 0 0 0 20px;
   float: left;
   display: inline;
}
#mainmenu ul {
   list-style: none;
   padding: 0 10px;
   margin: 0;
}
#mainmenu ul li {
   background-image: url(/layout/navi-divider.png);
   background-repeat: no-repeat;
   background-position: right;
   line-height: 46px;
   float: left;
   padding: 0 15px;
   margin: 0;
}
#mainmenu ul li a {
   text-decoration: none;
   color: #fefefe;
   font-size: 1.2em;
   line-height: 46px;
   display: block;
}
#mainmenu .currentpage a,
#mainmenu .valikko_valittu a
{
   background: url(/layout/topmenu-current.gif) no-repeat bottom center;
}
/* End of 'Navigation' */
/* Submenu */
#subheading {
   float: left;
   background-image: url(/layout/rightnav-head.png);
   background-repeat: no-repeat;
   display: inline;
   height: 46px;
   width: 290px;
}
#subheading ul {
   display: display;
   padding: 0;
   float: left;
   margin: 0;
   width: 290px;
   height: 138px;
   background: url(/layout/rightnav-bottom.png) no-repeat bottom left;
}
#subheading ul li {
   float: left;
   display: block;
   padding: 0;
   margin: 0;
   height: 46px;
   width: 290px;
   list-style-type: none;
}
#subheading ul li a {
   text-indent: -999em;
   display: block;
   height: 46px;
   width: 290px;
}
#subheading a:hover,
#side_submenu a:active {
   background-position: 0 -46px;
}
#subheading li.current a {
   background-position: 0 -92px;
}
#side_submenu ul {
   display: block;
   padding: 0;
   float: left;
   margin: 0;
   width: 290px;
   height: 225px;
   background: url(/layout/rightnav-bottom.png) no-repeat bottom left;
}
#side_submenu ul li {
   float: left;
   display: block;
   padding: 0;
   margin: 0;
   height: 55px;
   width: 290px;
   list-style-type: none;
}
#side_submenu ul li a {
   text-indent: -999em;
   display: block;
   height: 55px;
   width: 290px;
}
#side_submenu a:hover, #side_submenu a:active {
   background-position: 0 -55px;
}
#side_submenu li.current a {
   background-position: 0 -110px;
}

#side_submenu a:focus {
   outline: none;
}
#sub_home a {
   width: 290px;
   height: 55px;
   background-color: transparent;
   background-image: url(/layout/rightnav-head.png);
   background-repeat: no-repeat;
}
#sub_first a {
   width: 290px;
   height: 55px;
   background-color: transparent;
   background-image: url(/layout/rightnav-1.png);
   background-repeat: no-repeat;
}
#sub_second a {
   width: 290px;
   height: 55px;
   background-color: transparent;
   background-image: url(/layout/rightnav-2.png);
   background-repeat: no-repeat;
}
#sub_third a {
   width: 290px;
   height: 55px;
   background-color: transparent;
   background-image: url(/layout/rightnav-3.png);
   background-repeat: no-repeat;
}
#sub_fourth a {
   width: 290px;
   height: 60px;
   background-color: transparent;
   background-image: url(/layout/rightnav-4.png);
   background-repeat: no-repeat;
}
/* Forms */
.inputwrap {
   width: 420px;
   float: left;
   clear: left;
   margin-left: 20px;
   padding: 5px 0 3px 0;

}
#form1 {
   width: 650px;
}
.inputwrap label {
  width: 130px;
  float: left;
}
.inputwrap input {
  width: 250px;
  float: left;
}
.textareawrap {
  width: 420px;
  float: left;
  clear: left;
   margin-left: 20px;
   padding: 5px 0 3px 0;
}
.textareawrap label {
  width: 130px;
  float: left;
}
.textareawrap textarea {
  width: 250px;
  height: 200px;
  float: left;
}
.multiwrap label {
  width: 130px;
  float: left;
}
.multiwrap {
  width: 420px;
  float: left;
  clear: left;
  padding: 5px 0 3px 0;
}
.multiwrap .multi {
  float: left;
}
div.multiwrap .multi label {
  width: 100px;
  height: 20px;
  float: none;
  margin: 0 10px 0 0;
}
div.multiwrap .multi input {
  float: none;
}
.submit {
    clear: left;
    float: left;
    padding: 5px 0 0 305px;
}
/* End Forms */
/* Other */
.bulletcheck {
   float: left;
   margin: 0px;
   padding: 0px;
   width: 400px;
}
.bulletcheck li {
   background-image: url(/layout/bullet-check.png);
   background-repeat: no-repeat;
   padding: 0 0 7px 28px;
   list-style-type: none;
   margin-left: 0 0 10px 0;
}
.bulletcheck strong {
   color: #F00;
}
#main strong {
   color: #187ABC;
}
.servicepic {
   float: left;
   padding: 0 20px 0 20px;
}
.buttons {
   float: left;
   width: 400px;
   padding: 10px 0 20px 0;
}
.buttons img {
   margin: 0 20px 0 0;
}
.textbullet {
   background-image: url(/layout/bullet-check.png);
   background-repeat: no-repeat;
   padding: 0 0 7px 28px;
   list-style-type: none;
   margin: 0 0 10px 0;
}
blockquote {
   background-image: url(/layout/comment.gif);
   background-repeat: no-repeat;
}
/* SCROLL */

#scrollwrapper {
   height: 520px;
   width: 660px;
   position: relative;
   overflow: hidden;
   margin-left: 0px;
}

.scrolling-content {
   height: 100%;
   position: absolute;
}
.scrolling-content {
   color: #000;
   padding: 0;
   font-size: 12px;
}
#content1 {
   left: 0px;
   width: 3259px;
   top: 0px;
   height: 790px;
   background-image: url(/layout/scroll-back.gif);
}
#content2 {
   left: 835px;
   width: 600px;
   top: 0px;
}
#content3 {
   left: 1760px;
   width: 600px;
   top: 542px;
}

#content4 {
   left: 1760px;
   width: 600px;
   top: 0px;
}
#content5 {
   left: 2600px;
   width: 600px;
   top: 0px;
}
.scrollcontent {
   margin: 0 0 50px 200px;
}
#indexbuttons {
   margin: 20px 0 0 20px;
   width: 600px;
   height: 160px;
   overflow: hidden;
}
#indexbuttons a {
   width: 150px;
   height: 0px;
   display: inline;
   padding: 160px 0 0 0;
   float: left;
}
#indexbuttons a#mainlink1 {
   background: url(/layout/index-button1.png) no-repeat center 120px;
}
#indexbuttons a#mainlink2 {
   background: url(/layout/index-button2.png) no-repeat center 120px;
}
#indexbuttons a#mainlink3 {
   background: url(/layout/index-button3.png) no-repeat center 120px;
}
#indexbuttons a#mainlink4 {
   background: url(/layout/index-button4.png) no-repeat center 120px;
}

/* TABS */

#subcontent2,
#subcontent3,
#subcontent4,
#subcontent5 {
   position:relative;
}
#subcontent2 .content,
#subcontent3 .content,
#subcontent4 .content,
#subcontent5 .content {
   display:none;
}
#subcontent2 .active,
#subcontent3 .active,
#subcontent4 .active,
#subcontent5 .active {
   display:block;
} 
/* End of 'Protacon' */


h2 span.ryhma_otsikko
{
display: none;
}

p label input
{
margin-right: 10px;
}


div.palsta
{
	margin-right: 20px;
	margin-left: 20px;
}
div.palsta_juttu
{
    position: relative;
    width: 50%;
    float: left;
}
div.palsta_juttu ul li,
li.arkistorivi
{
	background-image: url(/layout/bullet-check.png);
	background-repeat: no-repeat;
	padding: 0 0 7px 28px;
	list-style-type: none;
	margin: 0 0 0 0;
}

#bulletins
{
    width: 620px;
    margin: 0 0 0 30px;
    padding: 5px 0 0 0;
}

div.juttukuva
{
    padding-left: 20px;
}

li.arkistorivi
{
    margin-left: 20px;
}
p.arkistorivi-ingressi
{
   padding-left: 28px;
   color: #666;
   font-style: italic;
}

ul.tiedostot
{
    padding-left: 20px;
    list-style-type: none;
}