body {
  margin: 0;
  padding: 0;
  color: #020303;
  background: #72b1da url( /files/thh-palvelut.kotisivukone.com/kuvat/hgrad-450-39586d-72b1da.png ) repeat-x top left;
  font-size: 13px;
  font-family: 'Arial', serif;
  line-height: normal;
}

p {
padding: 3px 0 !important;
}

a {
  text-decoration: underline;
  color: #1275ca;
}

a:hover {
  text-decoration: underline;
  color: #58758d;
}

#page {
  width: 970px;
  background-color: #fff;
  margin-top: 9px;
  margin-right: auto;
  margin-bottom: 0;
  margin: 50px auto 20px auto;
}

#top-bar {
  height: 100px;
  background: transparent url( /files/thh-palvelut.kotisivukone.com/kuvat/thh-ylc3a4palkki.jpg ) repeat-x top left;
  background-size: 100% auto;
  background-position: left top;
}

#right-bar {
  width: 183px;
}


/* For layout editor */
body.twocol #content { margin-left: 250px; margin-right: 230px; }
body.leftcol #content { margin-left: 250px; margin-right: 20px; }
body.rightcol #content { margin-left: 20px; margin-right: 230px; }
body.nocol #content { margin-left: 20px; margin-right: 20px; }

.box {
  margin:0;
  border:none;
  width:202px;
  padding-top: 0px;
  padding-right: 6px;
  padding-bottom: 6px;
  padding-left: 6px;
  background-color: #EADEBF;
}

#columns {
  margin-top: 0px;
  background-color: transparent;
}

#content {
  padding-top: 20px;
}

#menu {
  width: 210px;
  padding-bottom: 20px;
  background-color: transparent;
  margin-top: 0px;
  margin-right: 0;
  margin-bottom: 10px;
  margin-left: 0px;
  padding-top: 0px;
}
#menu ul {
  width: 190px;
  padding: 0;
  margin: 0;
  background: none;
  background-color: transparent;
}

#menu ul li {
  width: 210px;
  padding: 0;
  margin: 0;
  height: 26px;
}

#menu ul li a {
  font-weight: normal;
  color: #284762;
  font-size: 15px;
  display: block;
  width: 198px;
  text-align: left;
  padding-top: 6px;
  padding-right: 12px;
  padding-bottom: 7px;
  padding-left: 4px;
  font-family: 'Verdana', sans-serif;
  background: url('/files/thh-palvelut.kotisivukone.com/kuvat/hgrad-21-eef0c2-ffffff.png') repeat-x #ffffff;
}


#menu ul li a span {
  display: block;
  width: 182px;
  padding-right: 12px;
  padding-left: 16px;
  background-image: none;
  background-color: transparent;
}

#menu ul li.active_link,
#menu ul li.sublink_active {
}

#menu ul li ul li.mli a {
  background-image: none !important;
}


#menu ul li.active_link a,
#menu ul li.sublink_active a {
  padding-bottom: 7px;
  background: #d7e0e8;
  text-decoration: none !important;
  background-image: none;
  color: #8c3232 !important;
  font-weight: bold !important;
}

#menu ul li.active_link a:hover,
#menu ul li.sublink_active a:hover {
  padding-bottom: 7px;
  background: #d7e0e8;
  text-decoration: none;
}

#menu ul li.active_link a span,
#menu ul li.sublink_active a span {
  background-color: transparent;
  background-image: none;
}

#menu ul li.active_link ul li a,
#menu ul li.active_link ul li a:hover,
#menu ul li.sublink_active ul li a,
#menu ul li.sublink_active ul li a:hover {
  background: none;
}

#menu ul li.active_link ul li a span,
#menu ul li.sublink_active ul li a span {
  background-color: transparent;
  background-image: none;
}

#menu ul li a:hover { 
color: #8c3232; 
text-decoration: none; 
background: #d7e0e8;
}
#menu ul.left li ul {
  z-index: 100;
  width: 194px;
  background-color: #EADEBF;
  margin-top: -30px;
  margin-right: 0;
  padding-bottom: 10px;
  padding-top: 5px;
  margin-left: 210px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: none;
  border-top-color: #e0d0a8;
  border-right-color: #e0d0a8;
  border-bottom-color: #e0d0a8;
}

#menu ul li ul li {
  padding: 0;
  height: auto;
  width: 200px;
  background-color: transparent;
  background-image: url(/files/nettiavain1.kotisivukone.com/ulkoasu/nuoli.png) !important;
  background-repeat: no-repeat;
  background-position: 12px 8px;
}

#menu ul li ul li a:hover,
#menu ul li.active_link ul li a:hover,
#menu ul li.sublink_active ul li a:hover {
  text-decoration: underline !important;
}

#menu ul li ul li.active_link {
  background-image: none;
  background-color: transparent;
  text-decoration: underline;
}

#menu ul li ul li.active_link a,
#menu ul li ul li.active_link a:hover {
  background-image: none;
  text-decoration: underline;
  background-color: transparent;
}

#menu ul li ul li a,
#menu ul li.active_link ul li a,
#menu ul li.active_link ul li a:hover {
  font-size: 12px;
  background-color: transparent;
  text-align: left;
  color: #593218 !important;
  padding-top: 3px;
  padding-right: 8px;
  padding-bottom: 3px;
  padding-left: 0px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #e0d0a8;
  margin-left: 10px;
  width: 165px;
  font-weight: normal;
  background-image: none;
}

#left-bar {
  width: 230px;
  padding-top: 35px;
  padding-right: 15px;
  padding-bottom: 8px;
  padding-left: 0px;
  background-color: transparent;
}

#right-bar {
  width: 202px;
  padding-top: 35px;
  padding-right: 0;
  padding-bottom: 8px;
  padding-left: 15px;
}

.box {
  padding: 0;
  border-style: solid; 
  border-width: thin; 
  border-color: #9fb0c7;
}

.box .header {
  margin: 0px;
  background-color: #d7e0e8;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

.box .header h1 {
  line-height: 17px;
  overflow:hidden;
  margin: 0;
  text-align: left;
  color: #324373;
  text-transform: uppercase;
  font-size: 13px;
  padding-top: 15px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 13px;
  font-weight: bold;
  font-family: 'palatino linotype', 'Georgia', serif;
}

.box .content {
  background-color: #d7e0e8;
  padding-top: 12px;
  padding-bottom: 14px;
  padding-right: 5px;
  padding-left: 10px;
  margin-top: 0px;
  color: #324373
}

#footer {
  margin-top: 20px;
  background-color: #bed8e9;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 17px;
}

#copyright {
  color: #324373;
  font-size: 13px;
  text-transform: none;
  text-decoration: none;
  padding-bottom: 2px;
  background-color: transparent;
  font-weight: normal;
  margin-right: 0px;
  margin-left: 0px;
  padding-top: 2px;
  line-height: 30px;
  padding-left: 0px;
  text-align: left;
}

#copyright a,
#copyright a:visited {
  line-height: 18px;
  color: #324373;
  font-size: 13px;
  text-transform: none;
  text-decoration: none;
}

#content h1 {
  font-size: 22px;
  line-height: 32px;
  font-weight: bold;
  color: #32798c;
  font-family: 'Arial', serif;
  background-color: transparent;
}

#content h1 a {
  color: #C06335;
  background-image: none;
  background-color: transparent;
  padding-left: 0px;
}

#content h1 a:hover {
  color: #C06335;
  text-decoration: underline;
  background-image: none;
  background-color: transparent;
  padding-left: 0px;
}

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

h1 a {
  font-size: 28px;
  font-weight: normal;
  color: #C06335;
  background-image: none;
  background-color: transparent;
  padding-left: 0px;
}

h1 a:hover {
  font-size: 28px;
  font-weight: normal;
  color: #C06335;
  text-decoration: underline;
  background-image: none;
  background-color: transparent;
  padding-left: 0px;
}

.blogposts h1,
.blogposts h1 a,
#news_frontpage h1,
#calendar_frontpage h1 {
  font-size: 20px;
  font-weight: normal;
  color: #5B310C;
  text-transform: none;
  padding-top: 10px;
  padding-bottom: 10px;
  background-image: none;
  background-color: transparent;
  padding-left: 0px;
}

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

.inner.blogposts {
  margin-top: 10px;
}

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

br#last {
  display: none;
}


#content h2 {
  font-size: 14px;
  line-height: 22px;
  font-weight: bold;
  color: #261818;
  font-family: 'Arial', serif;
  background-color: transparent;
}
#left-bar, #right-bar {
}
#left-bar h1, #right-bar h1 {
  font-family: 'Arial', serif;
  font-size: 12px;
}

#columns {
  width: 940px;
  margin: 0 auto;
}

.huomiolaatikko {
color: #324373 !important;
background-color: #d7e0e8 !important;
border-style: solid !important; 
border-width: thin !important; 
border-color: #9fb0c7 !important;
padding: 10px 20px !important;
}

#content .content_table {
width: 100% !important;
}

#box10, #box10 .header, #box10 .content {
background: none;
border: none;
}
.frontpage #box10, #box8, #box10 .header {
display: none;
}

.frontpage #box8 {
display: block;
}