/* Start of CMSMS style sheet 'JV-Stylesheet' */
/******* INITIAL SETTINGS *******/

body {
   text-align: left;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 75.01%;
   line-height: 1em;
   background: #e3e3e3;
   color: #333;
   padding: 0;
   margin: 0;
}
div {
   font-size: 1em;
}
img {
   border: 0;
}
a, a:link, a:active {
   text-decoration: underline;
   background-color: inherit; 
   color: #18507C; 
}
a:visited {
   text-decoration: underline;
   background-color: inherit;
   color: #18507C;
}
a:hover {
   text-decoration: none;
   color: #385C72;
}
ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

/*********** HEADER ***********/

div#headerwrapper {
   background: transparent url(uploads/layout/headerback.gif) repeat-x;
   height: 110px;
}
div#header {
   padding-top: 16px;
   height: 94px;
   margin: 0 auto;
   width: 940px;
   background: transparent url(uploads/layout/header_logo.gif) no-repeat left bottom;
}
div#header h1 {
   width: 300px;
   display: none;
}
div#header h1 a {
   display: block;
   width: 300px;
   height: 94px;
   text-indent: -999em;
   text-decoration:none;
}

/****************** MENU ******************/

div#mainmenu {
   height: 94px;
   background: transparent url(uploads/layout/header_menuback.gif) repeat-x;
   width: 632px;
   float: right;
}

div#mainmenu_right {
   height: 94px;
   background: transparent url(uploads/layout/header_menuend.gif) no-repeat;
   width: 8px;
   float: right;
}
div#mainmenu ul li {
   height: 94px;
   float: left;

}
div#mainmenu ul li#etusivu, div#mainmenu ul li#palvelut, div#mainmenu ul li#referenssit {
   background: transparent url(uploads/layout/header_menudiv.gif) no-repeat right top;
}
div#mainmenu ul li a {
   color: #fff;
   display: block;
   font-size: 1.3em;
   margin: 63px 30px 0 30px;
   text-transform: uppercase;
   text-decoration: none;
}

/******* CONTENT WRAPPERS *******/
div#contentwrapper {
   background: url("uploads/shadow.png") repeat-y;
   width: 948px;
   margin: 0 auto;
}

div#pagewrapper {

   margin: 0 auto;
   width: 940px;
   color: black;
}
div#main {
   background: #fff;
   float: left;
   width: 600px;
   padding: 15px 0 15px 20px;
   display: inline;
}
div#contentbottom {
   width: 948px;
   height: 13px;
   padding: 25px 0 20px 0;
   background: url("uploads/footerbottom.png") no-repeat;
   text-align: center;
   margin: 0 auto;
}
div#content {
   width: 948px;
}

/********** SIDEBAR **********/

div#sidebarwrapper {
   width: 300px;
   float: left;
   background: transparent url(uploads/images/pic.jpg) no-repeat;
   padding: 215px 0 0 0;
}
div#sidebarimage {

}
div#sidebartitle {
   padding: 5px 0 5px 15px;
   height: 30px;
   line-height: 30px;
   width: 285px;
   color: #fff;
   font-size: 1.8em;
   background: transparent url(uploads/layout/leftcolumn_head.gif) repeat-x;
}
div#sidebar {
   width: 270px;
   padding: 15px;
}


/*********** FOOTER ***********/

div#footerwrapper {
   background: #1e1e1e;
   height: 121px;
   clear: both;
}
div#footer {
   width: 948px;
   margin: 0 auto;
   color: #fefefe;
   height: 60px;
   padding: 30px 0 0 0;
}
div#footer p a {
   color: #fff;
}

/******** ADDITIONAL ********/

div.hr {
   height: 1px;
   padding: 1em;
   border-bottom: 1px dotted black;
   margin: 1em;
}
.clear {
   clear: both;
}

/******** GOOGLE MAP ********/

#map {
   width: 400px;
   height: 300px;
}

/******* TEXT HEADERS *******/

div#contentwrapper h1 {
   font-size: 2em;
   line-height: 1em;
   margin: 0;
}
div#contentwrapper h2 {
   color: #5285c8; 
   font-size: 1.6em;
   line-height: 1.2em;
   text-align: left; 
   margin: 0 0 1em 0;
}
div#contentwrapper h3 {
   color: #5285c8; 
   font-size: 1.4em;
   line-height: 1.3em;
   margin: 0 0 0.6em 0;
}
div#contentwrapper h4 {
   color: #5285c8; 
   font-size: 1.2em;
   line-height: 1.3em;
   margin: 1.4em 0 0.25em 0;
}
div#contentwrapper h5 {
   color: #5285c8; 
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h6 {
   color: #5285c8; 
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}

/*********** TEXT ***********/

p {
   font-size: 1em;
   margin: 0 0 1.5em 0;
   line-height: 1.4em;
   padding: 0;
}
strong, b {
   font-weight: bold;
}
em, i {
   font-style:italic;
}

/********** LISTS **********/

div#main ul, div#main_submenu ul,
div#main ol, div#main_submenu ol,
div#main dl {
   font-size: 1.0em;
   line-height: 1.4em;
   margin: 0px 0 25px 0;
}
div#main ul li, div#main_submenu ul li,
div#main ol li, div#main_submenu ol li {
   margin: 0 0 0.25em 10px;
   padding: 0 0 0 18px;
   background: url("uploads/bullet.gif") no-repeat left 2px;
}

/*********** FORM ***********/

div#sidebar label {
   width: 150px;
   color: #666;
   float: left;
   font-size: 1.1em;
   padding-bottom: 5px;
}
div#sidebar input {
   width: 250px;
   float: left;
   margin-bottom: 10px;
}
div#sidebar .submit input {
   float: right;
   width: 70px;
}

/*********** OTHER ***********/
#hyodyt {
   border: 1px solid #ccc;
   padding: 10px 20px;
   text-align: center;
   margin: 20px 20px 15px 20px;
}
div#contentwrapper #hyodyt h3 {
   font-size: 1.4em;
   color: #666;
   font-style: italic;
}
#hyodyt p {
   text-align: left;
   width: 500px;
   margin-left: 15px;
   margin-right: 15px;
}
#hyodyt img {
   padding: 0 0 20px 0;
}
#hyodyt strong {
   color: #5285c8;
}
#yhteistyossa {
   float: left;
   width: 200px;
   margin: 0 10px;
}
.tasaus strong {
  width: 40px;
  margin-right: 5px;
  float: left;
}
.tasaus p {
   display: block;
}
/* End of 'JV-Stylesheet' */