@import url(http://fonts.googleapis.com/css?family=Audiowide);

html, body
  {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  }

body#body
  {
   font-family: Trebuchet MS;
   color: #666;
   font-size: 14px;
   font-weight: normal;    
  }
div#top_bg
  {
  width: 100%;
  height: 100%;
  float: left;
  background: url(../images/layout/top_bg_repeat_common.jpg) center top repeat-x #fff;
  }
div.div_main
  {
  background: url(../images/layout/top_bg_repeat.jpg) center top repeat-x #fff !important;
  }
  tr#top_tr
    {
    background: url(../images/layout/center_bg_common.jpg) center top no-repeat;
    height: 175px;
    }
  tr.tr_main
    {
    height: 523px !important;
    background: url(../images/layout/center_bg.jpg) center top no-repeat !important;
    }
    
  div#header
    {
    width: 990px;
    height: 175px;
    float: left;
    }
    div#top_nav
      {
      width: 990px;
      height: 46px;
      float: left;
      }
      div#toplinks
        {
        width: auto;
        height: auto;
        float: right;
        text-align: right;
        margin: 8px 60px 0 0;
        }
      div#toplinks a
        {
        font-size: 12px;
        color: #fff;
        text-decoration: none;
        }
      div#toplinks a:hover
        {
        color: #99ffff;
        text-decoration: none;
        }
    div#logo
      {
      width: 990px;
      height: 93px;
      float: left;
      text-align: center;
      }
    div#navigation
      {
      width: 990px;
      height: 35px;
      float: left;
      }
  div#frontspots
    {
    width: 990px;
    height: 348px;
    float: left;
    }
    div.box_videotuotanto
      {
      width: 330px;
      height: 348px;
      float: left;
      position: relative;
      text-align: center;
      background: url(../images/layout/videotuotanto.png) center bottom no-repeat;
      }
    div.box_webcasting
      {
      width: 330px;
      height: 348px;
      float: left;
      position: relative;
      background: url(../images/layout/webcasting.png) center bottom no-repeat;
      }
    div.box_musiikki
      {
      width: 330px;
      height: 348px;
      float: left;
      position: relative;
      background: url(../images/layout/musiikki.png) center bottom no-repeat;
      }
    div.btn
      {
      width: 180px;
      height: 51px;
      position: absolute;
      top: 278px;
      left: 75px;
      text-align: center;
     
      background: url(../images/layout/btn.png) center top no-repeat;
      }
   
      div.btn a
        {
        text-decoration: none;
        color: #fff;
        line-height: 38px;
        font-size: 18px;
        font-weight: normal;
        font-family: Audiowide;
        }
      div.btn a:hover
        {
        text-decoration: none;
        color: #ccffcc;
        }
   div#content
    {
    width: 990px;
    height: auto;
    float: left;
    }
    tr#footer_tr
      {
      width: 100%;
      height: 306px;
      background: url(../images/layout/footer.jpg) center bottom repeat-x;
      }
      div#footer_top  
        {
        width: 870px;
        height: 75px;
        float: left;
        }
      div#footer_bottom
        {
        width: 870px;
        height: 231px;
        float: left; 
        }
      ul.pagelist
        {
        list-style: none;
        float: left;
        padding: 0;
        margin: 0;
        }
        ul.pagelist li
          {
          float: left;
          padding: 0 20px 0 0;
          }
          ul.pagelist li a
            {
            color: #999;
            font-size: 14px;
            text-decoration: none;
            line-height: 75px;
            }
          ul.pagelist li a:hover
            {
            text-decoration: none;
            color: #fff;
            }
          #footerlinks
            {
            text-align: right;
            }
          #footerlinks a
            {
            padding: 0 20px 0 0;
            color: #999;
            font-size: 14px;
            text-decoration: none;
            line-height: 75px;
            
            }
          #footerlinks a:hover
            {
            text-decoration: none;
            color: #fff;
            }
        #footer_bottom h1
          {
          color: #fff;
          line-height: 24px;
          font-size: 20px;
          font-weight: normal;
          font-family: Trebuchet MS;
          padding: 30px 0 14px 0;
          margin: 0;
          }
        #footer_bottom p
          {
          color: #fff;
          line-height: 18px;
          font-size: 14px;
          font-weight: normal;
          font-family: Trebuchet MS;
          padding: 0;
          margin: 0;
          }
        #footer_bottom a
          {
          color: #fff;
          text-decoration: none;
          }
        #footer_bottom a:hover
          {
          color: #999;
          text-decoration: none;
          }
      div.content_newsitem
        {
        float: left;
        }        
      div.content_newsitem h4
        {
        padding: 0 20px 0 0;
        margin: 0;
        color: #666;
        text-decoration: none;
        font-weight: normal;
        font-size: 14px;
        float: left;
        }
      div.content_newsitem h3
        {
        padding: 0;
        margin: 0;
        color: #006699;
        text-decoration: none;
        font-weight: normal;
        font-size: 14px;
        float: left;
        }
      div.content_newsitem h3 a
        {
        padding: 0;
        margin: 0;
        color: #006699;
        text-decoration: none;
        font-weight: normal;
        font-size: 14px;

        }
      div.content_newsitem h3 a:hover
        {
        color: #3399cc;
        text-decoration: none;
        }
      div.newsview_container
        {
        padding: 60px; 
        float: left;
        }
       div.newsview_container span.newsview_subject
        {
        color: #666699;
        line-height: 24px;
        font-size: 20px;
        font-weight: normal;
        font-family: Audiowide;
        padding: 0 0 14px 0;
        margin: 0;
        }
        div.newsview_container span.newsview_date  
          {
          color: #666;
          font-size: 14px;
          font-weight: normal;
          line-height: 18px;
          padding: 0 ;
          font-style: italic;
          margin: 0;
          }
      h1, div#searchdiv h2
        {
        color: #666699;
        line-height: 24px;
        font-size: 20px;
        font-weight: normal;
        font-family: Audiowide;
        padding: 0 0 14px 0;
        margin: 0;
        }
      h2
        {
        color: #666699;
        line-height: 22px;
        font-size: 18px;
        font-weight: normal;
        font-family: Trebuchet MS;
        padding: 0 0 14px 0;
        margin: 0;
        }
      h1, div#searchdiv h2
        {
        color: #666699;
        line-height: 24px;
        font-size: 20px;
        font-weight: normal;
        font-family: Audiowide;
        padding: 0 0 14px 0;
        margin: 0;
        }
      p
        {
        color: #666;
        font-size: 14px;
        font-weight: normal;
        line-height: 18px;
        padding: 0 0 14px 0;
        margin: 0;
        }
      #content a, div.newsview_container a
        {
        color: #006699;
        text-decoration: none;
        }
      #content a:hover, div.newsview_container a:hover
        {
        color: #3399cc;
        text-decoration: none;
        }
    div#loginrequired
      {
      font-size: 11px;
      }
    div#loginrequired h1
      {
      padding: 0;
      margin: 0;
      line-height: 4px;
      }
    div#loginrequired p
      {
      color: #666;
      font-size: 11px;
      padding: 0;
      margin: 0;
      font-family: helvetica,arial;
      }
    div#loginrequired .input
      {
      border: 1px solid #CCCCCC;
      color: #666666;
      font-size: 11px;
      font-family: helvetica,arial;
      height: 20px;
      width: 325px;
      }
    div#login_right h4
      {
      color: #003366;
      font-family: helvetica,arial;
      margin: 0;
      padding: 20px 0 0;
      font-size: 11px;
      }
    div#login_right a
      {
       color: #003366;
    font-family: helvetica,arial;
    text-decoration: none;
    font-size: 11px;
      }
    a.submit
      {
      background: none repeat scroll 0 0 #999999;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 11px;
    padding: 5px 15px;
    text-decoration: none;
      } 
     a.submit:hover
      {
      color: #ccc;
      background: #666;
      }    
    #toplinks{
        line-height:1.5em;
    }