body
{
  background-image: url('/images/t_bg.gif');
  background-repeat: repeat-x;
  background-position: 0 88px;
  background-color: #000000;
  color: #ffffff;
  font-family: Verdana;
  text-align: center;
  margin-top: 75px;
}

#container
{
  text-align: left;
  width: 800px;
  margin: 20px auto 0;
}

#branding
{
  margin: -67px 0 0 0;
  position: relative;
  z-index: 3;
  width: 240px;
}

html > body #branding
{
  margin: 0;
  padding-top: 8px;
}

#branding a img
{
  border: none;
  margin-left: -35px;
  position: absolute;
}

#branding a > img
{
  margin-top: -55px;
  position: relative;
}

body.frontpage #branding
{
  width: 50px;
  margin: 0 0 0 340px;
}

html > body.frontpage #branding
{
  margin: 0 auto;
}

body.frontpage #branding img
{
  display: none;
}

body.frontpage #branding img.clock
{
  display: inline;
  margin-top: -7px;
  margin-left: 6px;
  padding-right: 80px;
  position: absolute;
}

html > body.frontpage #branding img.clock
{
  margin-top: -3px;
  margin-left: 3px;
  padding-right: 0;
  position: static;
}

#frontpage_holder
{
  margin-top: 50px;
}

html > body #frontpage_holder
{
  margin-top: -20px;
}

#frontpage_holder div.flash
{
  padding-top: 71px;
/*
  background-image: url('/images/flash-placeholder.png');
  background-repeat: no-repeat;
  background-position: center bottom;
  height: 331px;
*/
}

html > body #frontpage_holder div.flash
{
  height: auto;
  min-height: 250px;
}

#frontpage_holder div.flash embed
{
}

#frontpage-left
{
  float: left;
  min-height: 450px;
  width: 347px;
  text-align: center;
  padding-top: 22px;
}

* html #frontpage-left
{
  height: 450px;
}

html > body #frontpage-left
{
  margin-left: 45px;
}

div.frontpage-item
{
  float: right;
  height: 90px;
  margin-bottom: 4px;
  margin-right: 15px;
}

html > body div.frontpage-item
{
  margin-right: 0;
}

div.frontpage-item h2
{
  background-image: url('/images/frontpage_item.gif');
  background-repeat: no-repeat;
  height: 90px;
  width: 350px;
  padding: 10px 10px 10px 25px;
  margin: 0 0 -12px 0;
}

html > body div.frontpage-item h2
{
  margin: 20px 0;
  padding: 10px 10px 10px 25px;
}

div.frontpage-item h2 a
{
  color: #ffffff;
  text-decoration: none;
}

div.frontpage-item-one
{
  margin-top: -17px;
  padding-bottom: 0;
}

html > body div.frontpage-item-one
{
  padding-bottom: 23px;
}

div.frontpage-item-one h2
{
  background-image: url('/images/frontpage_item_one.gif');
  height: 110px;
}

div.frontpage-item-red h2
{
    background-image: url('/images/frontpage_item_red.gif');
}

#tl-bar
{
  background-image: url('/images/tl_bg.gif');
  background-repeat: repeat-x;
  background-position: 0 13px;
  height: 50px;
  position: absolute;
  top: 75px;
  left: 0;
  width: 50%;
  z-index: 1;
}

body.frontpage #tl-bar
{
  width: 90%;
}

html > body.frontpage #tl-bar
{
  width: 50%;
}

body.frontpage #top-bar
{
  margin-left: -190px;
}

html > body.frontpage #top-bar
{
  margin-left: 190px;
}

body.frontpage #navigation
{
  display: none;
}

#top-bar
{
  background-image: url('/images/top_gradient.gif');
  background-repeat: no-repeat;
  background-position: 0 13px;
  height: 50px;
  position: absolute;
  top: 75px;
  margin-left: -590px;
  width: 600px;
  z-index: 2;
}

html > body #top-bar
{
  margin-left: 191px;
}

#navigation
{
  float: left;
  margin-left: 8px;
  width: 170px;
  padding-bottom: 20px;
  margin-top: 170px;
}

html > body #navigation
{
  margin-left: 15px;
  padding-top: 30px;
  margin-top: 0;
}

#navigation ul
{
  margin: 0;
  padding: 0;
  list-style: none;
}

#navigation ul li
{
  height: 48px;
  background-image: url('/navigation/navi-gray-inactive.gif');
  background-repeat: no-repeat;
  margin-bottom: -5px;
  padding-top: 13px;
  padding-left: 14px;
}

html > body #navigation ul li
{
  padding-left: 0px;
  margin-bottom: 8px;
  padding-top: 0;
}

* html #navigation ul li.markkinointimateriaalit,
* html #navigation ul li.perehdytysmateriaalit
{
  padding-top: 6px;
  margin-bottom: 0px;
}

body.jalleenmyyjat #navigation ul li,
#navigation ul li.jalleenmyyjat
{
  background-image: url('/navigation/navi-red-inactive.gif');
}

#navigation ul li.selected-no-children
{
  background-image: url('/navigation/navi-gray-selected-nochildren.gif');
}

body.jalleenmyyjat #navigation ul li.selected-no-children
{
  background-image: url('/navigation/navi-red-selected-nochildren.gif');
}

body.jalleenmyyjat #navigation ul li.selected,
#navigation ul li.jalleenmyyjat.selected
{
  background-image: url('/navigation/navi-red-active-top.gif');
}

#navigation ul li.selected
{
  background-image: url('/navigation/navi-gray-active-top.gif');
  height: auto;
}

#navigation ul li a
{
  color: #ffffff;
  display: table-cell;
  height: 48px;
  vertical-align: middle;
  width: 166px;
  padding: 0 0 0 0px;
  text-decoration: none;
  font-weight: bold;
  font-size: 80%;
}

html > body #navigation ul li a
{
  padding: 0 0 0 14px;
  width: 146px;
}

#navigation ul li a:hover
{
  text-decoration: underline;
}

#navigation ul li a.active
{
  text-decoration: underline !important;
}

#navigation ul li a.active span.extra
{
  display: none;
}

#navigation ul li ul
{
  padding-left: 10px;
  background-image: url('/navigation/navi-gray-active-bottom.gif');
  background-position: bottom left;
  background-repeat: no-repeat;
  padding-bottom: 16px;
  margin-top: -16px;
  min-height: 70px;
}

* html #navigation ul li ul
{
  height: 70px;
  margin-top: 0px;
  margin-bottom: 13px;
  margin-left: -14px;
}

body.jalleenmyyjat #navigation ul li ul,
#navigation ul li.jalleenmyyjat ul
{
  background-image: url('/navigation/navi-red-active-bottom.gif');
}

#navigation ul li ul li
{
  background-image: none !important;
  height: auto;
  margin-bottom: 0;
  padding-left: 14px;
  padding-top: 0;
}

#navigation ul li ul li a
{
  display: inline;
  height: auto;
  padding: 0;
}

#navigation ul li ul li ul
{
/*
  margin-bottom: -40px;
*/
  min-height: auto;
}

#navigation ul li ul li ul,
#navigation ul li ul li ul li
{
  margin-top: 0;
  background-image: none !important;
  margin-left: 0px;
}

#navigation ul li ul li ul li
{
  padding-left: 0;
}

#navigation ul li.markkinointimateriaalit ul,
#navigation ul li.perehdytysmateriaalit ul
{
  margin-top: 0px;
  margin-bottom: 6px;
}

html > body #navigation ul li.markkinointimateriaalit ul,
html > body #navigation ul li.perehdytysmateriaalit ul
{
  margin-top: -7px;
}

#navigation ul.uutiset
{
  display: none;
}

#container #navigation ul li.logout
{
  background-image: url('/navigation/navi-gray-inactive.gif');
}

#content
{
  background-image: url('/images/content_top.gif');
  background-repeat: no-repeat;
  background-color: #252525;
  width: 347px;
  float: left;
  margin-top: 105px;
  margin-left: 10px;
}


html > body #content
{
  margin-top:-55px;
}

body.jalleenmyyjat #content
{
  background-image: url('/images/content_top2.gif');
  background-repeat: no-repeat;
  background-color: #252525;
  width: 533px;
}

#content-text
{
  font-size: 12px;
  margin: 20px;
}

#content-text a
{
  color: #ffffff
}

#content-bottom
{
  background-image: url('/images/content_bottom.gif');
  background-repeat: no-repeat;
  background-color: #252525;
  width: 347px;
  height: 31px;
}

body.jalleenmyyjat #content-bottom
{
  background-image: url('/images/content_bottom2.gif');
  background-repeat: no-repeat;
  background-color: #252525;
  width: 533px;
}

#pizza 
{
  margin-top: 105px;
  margin-left: 10px;
  float: left;
}

html > body #pizza
{
  margin-top: -55px;
}

#pizza a img
{
  border: none;
}

body.jalleenmyyjat #pizza
{
  display: none;
}

hr.break
{
  clear: both;
  visibility: hidden;
  margin: 0;
  padding: 20px 0 0;
  height: 0;
  overflow: hidden;
  line-height: 0;
}

body.frontpage hr.break
{
  padding: 12px 0 0;
}

#bar
{
  width: 100%;
  position: absolute;
  padding-right: 0px;
  left: 0;
  height: 31px;
  background-image: url('/images/b_bg.gif');
  background-repeat: repeat-x;
  background-position: 0 0px;
}

html > body #bar
{
  padding-right: 0px;
  width: 100%;
  position: absolute;
  left: 0;
  height: 31px;
}

#siteinfo,
#siteinfo p
{
  padding:0;
  margin: 34px 0 0 -290px;
  font-size: 11px;
  color: #fcb600;
}

body.palaute textarea,
body.kiinnostunut textarea
{
  width: 300px;
}