/* Start of CMSMS style sheet 'CR-Tooling' */
* {
margin:0;
padding:0;
}

body {
   text-align: left;
   font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 70.0%;
   line-height: 1.3em;
}

img {
   border: 0;
}

div#content img {
border: 1px solid #b4b4b4;
margin: 0 0 5px 0;
clear:both;
}

.ei-reunusta {
border:0 !important;
}


.break {clear:both;}

/*
Linkit
*/

a,
a:link, 
a:active {
   text-decoration: underline;
   color: #18507C; 
}

a:visited {
   text-decoration: underline;
  color: #18507C;
}


a:hover {
   text-decoration: none;
   color: #2f97d5;
}

/*****************
Sivurakenne
*****************/
body {
   background: #e0e0e0 url(images/body_b.jpg) top repeat-x;
   color: #333;   
}

div#pagewrapper {
margin: 0 auto 0 auto;    
width: 887px;
}

div#container {
float:left;
background: #FFF url(images/pw_b.gif) repeat-y;  
}

div#header { 
width: 887px;
height:258px;
background: transparent url(images/header_b.jpg) no-repeat;
     
}

div#content {
width:615px;
float:right;
margin-top:-100px;
padding-bottom:1em;
}

div#contentr {
width:14px;
float:right;
clear:right;
margin-top:-100px;
height:400px;
}

div#leipis {
padding-left:10px;
padding-right:10px;
}

div#vasenpalkki {
width:242px;
float:left;
margin-top:-75px;
}


div#vvpalkki {
width:8px;
float:left;
margin-top:-75px;
height:400px;
}

img#topkuva {margin-top:30px;float:left;}

div#sidebar {
   float: left;        
   width: 200px;    
   margin:0 20px;
   clear:left;
}

div#footer {
   
   height:33px;
   margin: 0 auto;    
   width: 887px;
}

div#ft {
background: transparent url(images/footer_b.gif) no-repeat;
float:left;
width:100%;
height:100%;
}

div#ft div {text-align:center;line-height:24px;color:#FFF;font-weight:bold;}

div#footer a {color:#fff;}


/********************
Muotoilut
*********************/


img#logo {margin:50px 0 0 51px;float:left;}


div#breadcrumb {
font-size:0.8em;
}


/* OTSIKOT */

 h1 {
font-size: 1.5em; 
line-height: 1.3em;
padding:8px 0;
}

div#content h1 {
color:#FFF;
background: transparent url(images/h1_b.gif) no-repeat;
line-height:28px;
padding: 0 0 8px 1em;
margin:0.5em 0 0.5em 0;
font-family:Verdana;
}

div#content h2 {
font-size: 1.1em; 
padding:8px 0;
line-height: 1.3em;
color:#313335;
margin:1.2em 0 0.1em 0;
}

div#content h3 {
   color: #294B5F; 
   font-size: 1.3em;
   line-height: 1.3em;
   margin: 0 0 0.5em 0;
}
div#content h4 {
   color: #294B5F; 
   font-size: 1.2em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
div#content h5 {
   color: #294B5F; 
   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;
}
/* OTSIKOT LOPPU*/



/* TEKSTI*/
p {
   margin: 0 0 1.5em 0; 
   line-height: 1.4em;
   padding: 0;
}


pre {
   border: 1px solid #000;  
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;
}


/* TEKSTI LOPPUU*/

/* LISTAT */

div#content ul,
div#content ol,
div#contentdl {
   font-size: 1.0em;
   line-height: 1.4em;
   margin: 0 0 1.5em 0;
   list-style-position:inside;
}

div#content ul li,
div#content ol li {
   margin: 0 0 0.25em 3em;
    list-style-position:inside;
}


/* LISTAT LOPPUU */


/* MENU */

#topmenu {width:597px;float:left;margin:128px 0 0;height:25px;}
#topmenuu {padding:0 40px 0 53px;}

#topmenu ul {}

#topmenu ul, #topmenu li {list-style-type:none;}
dfn {display:none}

#topmenu ul li {
float:left;
display:block;
}

#topmenu ul li a {
color:#e6eff4;
background: transparent url(images/topmenu_a_b.gif) top repeat-x;    
display:block;
padding:6px 8px 4px 8px;
margin:0 0 1px 0;
text-decoration:none;
font-family:Arial;
letter-spacing:1px;
font-variant: small-caps;
font-size:1.3em;
font-weight:bold;
float:left;
}

#topmenu ul li a:hover {
color:#FFF;
background: #00528f url(images/topmenu_hover_b.gif) top repeat-x;
padding:6px 7px 4px 7px;
font-weight:bold;
margin:0 0 1px 0;
font-variant: small-caps;
border-right:1px solid #005695;
border-left:1px solid #005695;
}

#topmenu ul li h3, #topmenu ul li a.activeparent {
color:#3f7dab;
background: #FFF url(images/topmenu_active_b.gif) top repeat-x;
border-right: 1px solid #4a91c4;
padding:6px 7px 4px 8px;
font-family:Arial;
font-size:1.1em;
font-weight:bold;
margin:0 0 1px 0;
font-variant: small-caps;
font-size:1.3em;
letter-spacing:1px;
}



/* LEFTMENU */


#vasenpalkki ul {margin-bottom:2px;}

#vasenpalkki ul ul {margin-bottom:0;}

#vasenpalkki ul, #vasenpalkki li {list-style-type:none;}

#vasenpalkki ul li {
margin:0 0 2px 0;
display:block;
float:left;
width:100%;
}

#vasenpalkki ul li a {
color:#2e7bbc;
display:block;
padding:5px 10px;
background: #FFF ;
text-decoration:none;
font-family:Arial;
font-size:1.1em;
font-weight:bold;
}

#vasenpalkki ul li a:hover {
color:#FFF;
background: #00528f url(images/topmenu_hover_b.gif) top repeat-x; 
font-weight:bold;
}

#vasenpalkki ul li h3 {
color:#FFF;
background: #00528f url(images/topmenu_hover_b.gif) top repeat-x; 
padding:5px 10px;
font-family:Arial;
font-weight:bold;
font-size:1.1em;
}

#vasenpalkki ul li a.activeparent {
color:#c5daec;
background: #00528f url(images/topmenu_hover_b.gif) top repeat-x; 
padding:5px 10px;
font-family:Arial;
font-weight:bold;
font-size:1.1em;
}

#vasenpalkki ul li a.activeparent:hover {
color:#fff;
}


/* Leftmenu sub */

#vasenpalkki ul li ul li {
margin:0;
}

#vasenpalkki ul li ul li a {
color:#2e7bbc;
display:block;
padding:3px 5px 2px  15px;
background: transparent ;
margin:0;
text-decoration:none;
font-family:Arial;
font-size:1.1em;
font-weight:normal;
}

#vasenpalkki ul li ul li a:hover {
color:#60a3d8;
text-decoration:underline;
font-weight:normal;
background: transparent ;
}

#vasenpalkki ul li ul li h3 {
color:#4d4f51;
background: transparent ;
padding:3px 5px 2px  15px;
font-family:Arial;
font-weight:bold;
font-size:1.1em;
margin:0;
}


/* Tuoteluettelo */

ul.clearfix, ul.clearfix li {
list-style-type:none;
}

ul.clearfix {
padding:0;
}

ul.clearfix li {
float:left;
display:block;
margin:0 2px 2px 0 !important;
}

ul.clearfix li a {
display:block;
padding:5px 10px;
width:170px;
font-size:1.4em;
text-decoration:none;
}

ul.clearfix li ul {
padding:0 0 0 15px !important;
}

ul.clearfix li ul li a {
display:block;
padding:5px 10px;
width:170px;
background: #3182c2 url(images/body_b.jpg) top repeat-x;
color:#fff;
font-size:1.2em;
min-height:35px;
height:35px;
height:auto !important;
}

ul.clearfix li ul li a:hover {
background: #1a629a;
}



/* LOMAKE */


.contactform div {padding-bottom:0.8em;float:left;width:49%;}
.contactform label {display:block;}
.required label {font-weight:bold;color:#404040;}

textarea {font-family:Arial;font-size:1em;}
.textbox {float:right;clear:none;}
.contactformtextarea {width:300px;height:150px;border-left:1px solid grey;border-top:1px solid grey;border-right:1px solid #606060;border-bottom:1px solid #606060;background: transparent url(images/form_b.gif) bottom repeat-x;font-family:Arial;font-size:1em;padding:1px 0;}

.contactform input#fbsubmit {width:150px;border-left:1px solid grey;border:1px solid #588bb1;background: #0066b0 url(images/fbsubmit_b.gif) bottom repeat-x;padding:2px;font-family:Arial;font-size:1em;color:#FFF;cursor:pointer;}

div.submit {width:100%;float:left;clear:both;}

#m3fbrp__7 {width:290px;}

.contactform input {margin:1px 0 !important;}


.error_message {border:2px dotted #0062aa;padding:3px;margin:3px 0;text-align:center;}



/* AJANKOHTAISTA */

.NewsSummary {padding:13px 8px 8px 8px;background:#FFF url(images/uut_b.gif) top repeat-x;margin:1px;}
.NewsSummaryPostdate {font-size:0.8em;}
.NewsSummaryLink {}

.NewsSummaryCategory, #NewsPostDetailHorizRule, .NewsSummaryAuthor, #NewsPostDetailCategory, #NewsPostDetailAuthor, #NewsPostDetailPrintLink {display:none;}

.NewsSummaryContent, .NewsSummarySummary {color:#404040;margin-top:5px;}
.NewsSummaryMorelink {margin:5px 5px 0 0 ;text-align:right;} 


#NewsPostDetailSummary {margin:5px 0;}
#NewsPostDetailReturnLink {margin:8px 0 0 0;}


/* TAULUKOT */
table, tr, td {border:0;margin:0;}

td {
background: #e0e0e0;
padding:3px;
border:1px solid #fff;
text-align:left;
vertical-align:top;
}

div#content td h2 {
margin:0;
padding:0;
}

div#content td li {
margin:0 0 0 10px;
}

div#content td a.otsikko {
display:block;
background: transparent url(images/h1_b.gif) ;
padding:8px 0 8px 8px;
margin:0 0 5px 0;
color:#fff;
font-size:1.2em;
font-weight:bold;
text-decoration:none !important;
}




.nob {border:0 !important;background: none;}
.nob tr {border:0 !important;background: none;}
.nob td {border:0 !important;background: none;}

/* SECTION */

div.section {
float:left;
width:193px;
}

div.section a {
display:block;
color:#fff;
line-height:24px;
padding-left:0.8em;
background: #585858 url(images/section_header.gif) 0 0 no-repeat;
height:26px;
text-decoration:none;
}

div.section a:hover {
}

div.section img {
border-top: 0 !important;
border-left; 1px solid #646464;
border-right; 1px solid #646464;
border-bottom; 1px solid #646464;
clear:none !important;
margin:0 !important;
padding:0 !important;
float:left !important;
}









/* End of 'CR-Tooling' */