body {
  color: #4f4f4f;
  font-size: 12px;
  font-family: arial;
  font-weight: normal;  
  line-height: 16px;
  background: #dedede url(  https://kotisivukone.fi/files/fintikka.kotisivukone.com/hgrad-450-ffffff-dedede.png ) repeat-x top left;
}

a {
  color: #9f2925;
  text-decoration: underline;
}
a:visited {
  color: #751d1a;
}
a:hover {
  color: #da2626;
  text-decoration: underline;
}

#page {
  width: 970px;
  margin: 40px auto 0 auto;
  background-color: #fff;
}
#top-bar {
  height: 129px;
  background: #8a1e1b url(https://kotisivukone.fi/files/fintikka.kotisivukone.com/banneri_03.jpg  ) repeat-x top left;
}

#menu {
   
    height: 24px;
    background: #009ee3 url( https://kotisivukone.fi/files/fintikka.kotisivukone.com/hgrad-21-3ec4fe-009ee3.png ) repeat-x top left;
    padding-left: 0px;
    margin-bottom: -1px;
  }
    #menu ul {
      height: auto !important; 
      min-height: 24px;
      height: 24px;
    }
    #menu ul li {
    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    
    }
    #menu ul li a {
    
    line-height: 24px;
    padding: 0px 12px 0px 12px;
    color: #ffffff;
background: #009ee3 url( https://kotisivukone.fi/files/fintikka.kotisivukone.com/hgrad-21-3ec4fe-009ee3.png ) repeat-x top left;
    text-transform: none;
    font-size: 12px;
    font-weight: bold;
    background-position: left top;
    text-decoration: none !important;
    font-family: arial;
    letter-spacing: 1px;
    }
    
    #menu ul li a:hover{
      background: #8bb23a;
     color: #ffffff ;
    }
    
    #menu ul li.first_link a {
      padding-left: 12px;
      background: #009ee3 url( https://kotisivukone.fi/files/fintikka.kotisivukone.com/hgrad-21-3ec4fe-009ee3.png ) repeat-x top left;
    }

    #menu ul li.active_link a{
    text-decoration: none;
    color: #ffffff;
    font-weight: bold;
    background: #8bb23a;
    }
    
       
    #menu ul li.sublink_active a {
    text-decoration: none;
    color: #ffffff !important ;
    font-weight: bold;
   background: #8bb23a;
    }
     
    #menu ul li.active_link a:hover{
    text-decoration: none;
    color: #ffffff;
    font-weight: bold;
     background: #8bb23a;
    }
        
    #menu ul li.sublink_active a:hover {
    text-decoration: none;
    color: #ffffff !important;
    font-weight: bold;
    background: #8bb23a;
    }
    

    #menu ul li a:hover {
    color: #ffffff;
    background-image: none;
    text-decoration: none;
    background-repeat: repeat-x;
    background: #8bb23a;
    }
    
    #menu ul li ul {
    z-index: 24;
    height: auto;
    background: #009ee3 url( https://kotisivukone.fi/files/fintikka.kotisivukone.com/hgrad-21-3ec4fe-009ee3.png ) repeat-x top left;
    border:2px solid;
    border-radius: 5px;
    margin-left: 0px;
    background-repeat: repeat-x;
    background-position: left bottom;
    padding-bottom: 0px;
    }

.clearli {
    display: none;
    }

    #menu ul li ul li a {
    background-image: none;
    width: 300px;
    z-index: 24;
    height: auto;
    background: #009ee3 url( https://kotisivukone.fi/files/fintikka.kotisivukone.com/hgrad-21-3ec4fe-009ee3.png ) repeat-x top left;
    text-transform: none;
    color: #adadad;
    }
    #menu ul li ul li a:hover {
    background-image: none;
    z-index: 24;
    height: auto;
    background: #8bb23a;
    text-transform: none;
    color: #ffffff;
    }

    #menu ul li ul li {
     
      float: none;
      border: 1px solid;
    }
    #menu ul li ul li a {
    background: #009ee3 url( https://kotisivukone.fi/files/fintikka.kotisivukone.com/hgrad-21-3ec4fe-009ee3.png ) repeat-x top left;
    text-decoration: none !important;
    color: #ffffff !important;
    }
    #menu ul li ul li.active_link a,
    #menu ul li ul li a:hover {
    background: #8bb23a !important;
      text-decoration: none !important;
      color: #ffffff !important;
    }
    #menu ul li ul li a {
      padding: 5px 10px;
      display: block;
      line-height: 24px;
      background-image: none;
       background: #009ee3 url( https://kotisivukone.fi/files/fintikka.kotisivukone.com/hgrad-21-3ec4fe-009ee3.png ) repeat-x top left;
         }
    #menu ul li ul li.first_link a{
       padding: 5px 10px;
      display: block;
      line-height: 24px;
      color: #ffffff;
      background-image: none;
      background: #009ee3 url( https://kotisivukone.fi/files/fintikka.kotisivukone.com/hgrad-21-3ec4fe-009ee3.png ) repeat-x top left;
 }
     #menu ul li ul li.first_link a:hover{
       padding: 5px 10px;
      display: block;
      line-height: 24px;
      background-image: none;
     background: ffffff;
        
 }
      #menu ul li ul li.first_link a:active{
       padding: 5px 10px;
      display: block;
      line-height: 24px;
      background-image: none;
     background: #8bb23a;
        
 }
        #menu ul li.first_link .mli a:active{
       padding: 5px 10px;
      display: block;
      line-height: 24px;
      background-image: none;
     background: #8bb23a;
        
 }
    #menu ul li.first_link .mli a{
       padding: 5px 10px;
      display: block;
      line-height: 24px;
      background-image: none;
      background: #8bb23a !important;
        
 }
#menu ul li .mli a{
color: #ffffff !important;
       padding: 5px 10px;
      display: block;
      line-height: 24px;
      background-image: none;
      background: #009ee3 url( https://kotisivukone.fi/files/fintikka.kotisivukone.com/hgrad-21-3ec4fe-009ee3.png ) repeat-x top left;
        
}
#menu ul li .mli a:hover{
       padding: 5px 10px;
      display: block;
      line-height: 24px;
      background-image: none;
      background: #8bb23a;
        
}


#left-bar,
#right-bar {
  width: 231px;
  background:transparent url( );
  overflow:hidden;
  background-color: transparent;
  background-image: url(none);
  margin-left: 17px;
  margin-right: 0px;
}

#left-bar {
  margin-left: 8px;
}

body.twocol #content {margin: 0 239px;}
body.nocol #content {margin: 0 16px;}
body.leftcol #content {margin: 0 16px 0 239px;}
body.rightcol #content {margin: 0 239px 0 16px;}

.box {
  margin:0 0 10px 0;
  border: none;
  width:211px;
  padding: 6px;
background-color: #f2f2f2;
border: 1px solid #f2f2f2;
color: #333333;

}
.box .header {
  background-color: transparent;
}

.box .content {
  background-color: transparent;
}

#footer {
  background-color: #eee;
  margin-top: 35px;
  text-decoration:none;
  font-size:12px;
  color: #666;
}

#footer a {
  text-decoration:none;
  font-size:12px;
  color: #666;
  font-weight: normal;
}
#content h1 {
margin-bottom: 10px;
font-size: 22px;
font-weight: bold;
color: #767676;
padding-bottom: 2px;
}
#content h2 {
  font-family: 'Trebuchet MS', serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  color: #666;
}

#left-bar h1, #right-bar h1 {
  color: #666;
  padding-bottom: 3px;
  padding-top: 3px;
  margin-bottom: 0px;
  padding-left: 0px;
  font-weight: bold;
  font-size: 12px;
  line-height: 18px;
  text-transform: uppercase;
}

#searchengine {
  background-color:transparent;
  border: none;
}

#copyright {
  background-color:transparent;
  margin-right: 10px;
  margin-left: 10px;
  padding-top: 10px;
  padding-bottom: 4px;
  text-align: left;
}

#columns {
  margin-top: 20px;
}

h1 a {
  font-size: 26px;
  font-weight: bold;
  color: #9f2925;
}

h1 a:hover {
  font-size: 26px;
  font-weight: bold;
  color: #9f2925;
  text-decoration: underline;
}

.blogposts h1,
.blogposts h1 a,
#news_frontpage h1,
#calendar_frontpage h1 {
  font-size: 20px;
  font-weight: bold;
  color: #666;
}

.blog_date,
.blog_bottom,
.small {
  font-size: 11px;
  font-weight: normal;
}

.inner.blogposts  h1 {
  font-size: 26px;
}



#left-bar span.small,
#right-bar span.small  {
  font-weight: bold;
}
#left-bar, #right-bar {
}

#extra4  {
  font-weight: bold;
  background-color: transparent;
  display: block;
  height: 29px;
  margin-top: 0;
  padding-top: 0;
}

br#last  {
  display: none;
}

#box1,#box5, #box6,#box7,#box13, #box11{
display:none;
}
.frontpage #box1, .frontpage #box5, .frontpage #box6, .frontpage #box7, .tuotteet #box13, .toimitusehdot #box13, .tuotteet #box11{
display:block;
}
#box5 .header h1, #box6 .header h1{
font-weight: bold;
color: #333333;
font-size: 12px;
text-transform: none;
}
#box7{
border:none;
background: none;
}
#box1 a{
color:#000000 !important;
text-decoration:none;
font-weight:bold;
}
#box1 a:hover{
color:#000000 !important;
text-decoration:underline;
}
#box11 a{
text-decoration:none;
color:#000000;
}
#box11 ul li{
margin-bottom:10px;
}
#box11 a:hover{
color:#8bb23a;
}

#box11 a:visited{
font-weight:bold;
color:#8bb23a;
}

.ws_description{
display:none;
}