div.left-column
{
  width: 580px;
  margin-right: 10px;
  float: left;
}
div.right-column
{
  width: 349px;
  float: left;
}

  /**
   * left column
   */
  div.left-column div.content-area.mediatheek
  {
    margin-bottom: 7px;
  }
  div.left-column div.content-area.mediatheek div.top
  {
    background: transparent url("/images/global/content-tab-580.png") no-repeat 0 0;
  }
    div.left-column div.content-area.mediatheek div.top h2
    {
      width: 289px;
    }
    div.left-column div.content-area.mediatheek div.top div.link
    {
      width: 282px;
    }

    div.left-column div.content-area.mediatheek div.middle
    {
    }
      /**
       * media listing
       */
      div.left-column div.content-area.mediatheek div.middle div.intro
      {
        padding: 7px 7px 7px 7px;
      }
      div.left-column div.content-area.mediatheek div.middle div.caption
      {
        height: 15px;
      }
        div.left-column div.content-area.mediatheek div.middle div.caption div.beoordeeld,
        div.left-column div.content-area.mediatheek div.middle div.caption div.recent
        {
          width: 274px;
          padding: 0 0 0 8px;
          float: left;
          color: #666;
        }
      div.left-column div.content-area.mediatheek div.middle div.media-listing
      {
        margin: 4px 0 0 0;
        clear: both;
        height: 239px;
        background: #fff url("/images/global/media-listing-background.gif") repeat-x 0 0;
      }
        div.left-column div.content-area.mediatheek div.middle div.media-listing div.smVideoBest,
        div.left-column div.content-area.mediatheek div.middle div.media-listing div.smVideoRecent
        {
          width: 281px;
          float: left;
          margin-top: -9px;
        }
        div.left-column div.content-area.mediatheek div.middle div.media-listing div.smVideoBest div.smMedia,
        div.left-column div.content-area.mediatheek div.middle div.media-listing div.smVideoRecent div.smMedia
        {
          padding: 18px 0 0 9px;
          clear: both;
          height: 65px;
          overflow: hidden;
        }
        div.left-column div.content-area.mediatheek div.middle div.media-listing div.smVideoBest div.smTitle,
        div.left-column div.content-area.mediatheek div.middle div.media-listing div.smVideoRecent div.smTitle
        {
          color: #009fda;
          font-weight: bold;
          cursor: pointer;
          float: left;
          width: 175px;
        }
        div.left-column div.content-area.mediatheek div.middle div.media-listing div.smVideoBest div.smExternal,
        div.left-column div.content-area.mediatheek div.middle div.media-listing div.smVideoRecent div.smExternal
                                {
          width: 86px;
          height: 65px;
          margin-right: 9px;
                                        background:transparent url(/images/global/external.jpg) no-repeat scroll 20px 8px;
          cursor: pointer;
          float: left;
                                }

        div.left-column div.content-area.mediatheek div.middle div.media-listing div.smVideoBest div.smVideo,
        div.left-column div.content-area.mediatheek div.middle div.media-listing div.smVideoRecent div.smVideo,
        div.left-column div.content-area.mediatheek div.middle div.media-listing div.smVideoBest div.smAudio,
        div.left-column div.content-area.mediatheek div.middle div.media-listing div.smVideoRecent div.smAudio
        {
          width: 86px;
          height: 65px;
          margin-right: 9px;
          background-color: #fff;
          cursor: pointer;
          float: left;
        }
        div.left-column div.content-area.mediatheek div.middle div.media-listing div.smVideoBest div.smVideo img,
        div.left-column div.content-area.mediatheek div.middle div.media-listing div.smVideoRecent div.smVideo img
        {
          width: 86px;
          height: 65px;
        }
        div.left-column div.content-area.mediatheek div.middle div.media-listing div.smVideoBest div.smLink,
        div.left-column div.content-area.mediatheek div.middle div.media-listing div.smVideoRecent div.smLink
        {
          display: none;
          color: #009fda;
          font-weight: bold;
          cursor: pointer;
          margin: 10px 0;
          padding: 0 0 0 30px;
          background: #fff url("/images/global/icons/magnifier.gif") no-repeat 10px 0;
        }

    div.left-column div.content-area.mediatheek div.bottom
    {
      background: transparent url("/images/global/content-bottom-580.png") no-repeat 0 0;
    }
  div.left-column div.content-area.rtv,
  div.left-column div.content-area.kanalen
  {
    width: 284px;
    float: left;
  }
  div.left-column div.content-area.rtv
  {
    margin-right: 12px;
  }
    div.left-column div.content-area.rtv div.top,
    div.left-column div.content-area.kanalen div.top
    {
      background: transparent url("/images/global/content-tab-284.png") no-repeat 0 0;
    }
    div.left-column div.content-area.rtv div.middle,
    div.left-column div.content-area.kanalen div.middle
    {
      height: 193px;
    }
    div.left-column div.content-area.rtv div.middle
    {
      padding: 2px 4px;
    }
    div.left-column div.content-area.rtv div.bottom,
    div.left-column div.content-area.kanalen div.bottom
    {
      background: transparent url("/images/global/content-bottom-284.png") no-repeat 0 0;
    }
      div.left-column div.content-area.kanalen div.top h2
      {
        width: 140px;
      }
      div.left-column div.content-area.kanalen div.top div.link
      {
        width: 133px;
      }

  /**
   * kanalen
   */
  div.smChannelPopular
  {
    height: 196px;
    overflow: auto;
  }
  div.smChannelPopular div.smChannel
  {
    padding: 8px;
    clear: both;
    background: #fff url("/images/global/divider.gif") repeat-x 0 100%;
  }
  div.smChannelPopular div.smThumbnail
  {
    display: none;
  }
  div.smChannelPopular div.smTitle
  {
    color: #009FDA;
    font-weight: bold;
    cursor: pointer;
  }
  /**
   * right column
   */
  div.right-column div.content-area.zoeken
  {
    margin-bottom: 12px;
  }
    div.right-column div.content-area.zoeken div.top
    {
      background: transparent url("/images/global/content-tab-349-142.png") no-repeat 0 0;
    }
    div.right-column div.content-area.academie div.top
    {
      background: transparent url("/images/global/content-tab-349-142.png") no-repeat 0 0;
    }
    div.main-container div.right-column div.content-area.academie div.middle
    {
      min-height: 420px;
      padding: 8px 8px 8px 1px;
      /*background: #fff url("/_layouts/images/SurfNet/home/media-academie-background.gif") repeat-x 0 5px;*/
    }
      div.main-container div.right-column div.content-area.academie div.middle div.free-text-area
      {
        padding: 8px 0 0 0;
        height: 82px;
      }
      div.main-container div.right-column div.content-area.academie div.middle div.items
      {

      }

        div.main-container div.right-column div.content-area.academie div.middle div.items div.item
        {
          float: none;
          position: relative;
          margin: 9px 8px 28px 8px;
        }
    div.right-column div.content-area.zoeken div.bottom,
    div.right-column div.content-area.academie div.bottom
    {
      background: transparent url("/images/global/content-bottom-350.png") no-repeat 0 0;
    }
      div.right-column div.content-area.zoeken div.top h2,
      div.right-column div.content-area.zoeken div.top div.link,
      div.right-column div.content-area.academie div.top h2,
      div.right-column div.content-area.academie div.top div.link
      {
        /**width: 170px;*/
      }

      div.right-column div.content-area.zoeken div.smMediaSearchForm
      {

      }
      div.right-column div.content-area.zoeken div.smMediaSearchForm div.smOption
      {
        float: left;
        border-left: 1px solid #C1BDBD;
        padding: 0 7px 0 7px;
        color: #009fda;
        margin: 0 0 0 -1px;
        cursor: pointer;
      }
      div.right-column div.content-area.zoeken div.smMediaSearchForm div.smOption.smCurrent
      {
        color: #000;
      }
      div.right-column div.content-area.zoeken div.smMediaSearchForm div.smVideoSearchForm
      {
        margin: 0 0 0 8px;
        padding-top: 5px;
      }
        div.right-column div.content-area.zoeken div.smMediaSearchForm div.smVideoSearchForm div.smType
        {
          float: left;
          margin-top: 5px;
        }
          div.right-column div.content-area.zoeken div.smMediaSearchForm div.smVideoSearchForm div.smType input
          {
            margin: 2px 2px 0 0;
          }
          div.right-column div.content-area.zoeken div.smMediaSearchForm div.smVideoSearchForm div.smType div.smLabel
          {
            padding-right: 10px;
          }
          div.right-column div.content-area.zoeken div.smMediaSearchForm div.smVideoSearchForm div.smType *
          {
            float: left;
          }
          div.right-column div.content-area.zoeken div.smMediaSearchForm div.smVideoSearchForm input.smQuery,
          div.right-column div.content-area.zoeken div.smMediaSearchForm div.smChannelSearchForm input.smQuery,
          div.right-column div.content-area.zoeken div.smMediaSearchForm div.smMediaAcademieSearchForm input.smQuery
          {
            border-top: 1px solid #8f8f8f;
            border-right: 1px solid #c9c9c9;
            border-bottom: 1px solid #e3e3e3;
            border-left: 1px solid #cecece;
            height: 19px;
            width: 225px;
          }
          div.right-column div.content-area.zoeken div.smMediaSearchForm div.smVideoSearchForm input.smButton,
          div.right-column div.content-area.zoeken div.smMediaSearchForm div.smChannelSearchForm input.smButton,
          div.right-column div.content-area.zoeken div.smMediaSearchForm div.smMediaAcademieSearchForm input.smButton
          {
            position: relative;
            top: 3px;
            color: #fff;
            font-weight: bold;
            width: 92px;
            height: 21px;
            background: transparent url("/images/global/button-zoek.gif") no-repeat 0 0;
            border: none;
            margin-left: 4px;
            cursor: pointer;
          }
          div.right-column div.content-area.zoeken div.smMediaSearchForm div.smVideoSearchForm input.smRadio
          {

          }
          div.right-column div.content-area.zoeken div.smMediaSearchForm div.smForm
          {
            clear: both;
          }
          div.right-column div.content-area.zoeken div.smMediaSearchForm div.smForm.smRTV,
          div.right-column div.content-area.zoeken div.smMediaSearchForm div.smForm.smMediaAcademie
          {
            padding: 7px;
          }

      div.smColumn div.smMedia div.smSource.smDenied div.smAudio,
      div.smColumn div.smMedia div.smSource.smDenied div.smVideo
      {
        width: 86px;
        height: 65px;
        background: transparent url("/images/global/lock.jpg") no-repeat 20px 8px;
      }