@media screen,projection {

  /* LEFT MENU */

  div#menu {
    font-family: Verdana, Arial, Helvetica, Sans-serif;
    font-size: 10px;
    font-style: normal;
    width: 124px;
    height: auto;
    margin: 0 0 14px 0;
    padding: 0 0 1px 0;
    border-width: 1px;
    border-style: solid;
    border-color: #dcdcdc;
    background-color: #fff;
    color: #000;
  }

  div#menu a img {
    border-width: 0;
  }

  div#menu ul, div#menu ul li ul, div#menu ul li ul li ul, div#menu ul li ul li ul li ul, div#menu ul li ul li ul li ul li ul {
    margin: 0 1px 0 1px;
    padding: 0;
    list-style-type: none;
    list-style-position: outside;
    background-color: #ececec;
    color: #2b2b2b;
    width: 100%;
    display: block;
    overflow: hidden;
  }

  div#menu ul li ul, div#menu ul li ul li ul, div#menu ul li ul li ul li ul, div#menu ul li ul li ul li ul li ul {
    margin: 0 0 0 0;
    background-color: #fff;
  }

  div#menu ul li.menu-up, div#menu ul li.menu-heading, div#menu ul li, div#menu ul li ul li, div#menu ul li ul li ul li, div#menu ul li ul li ul li ul li, div#menu ul li ul li ul li ul li ul li {
    display: block;
    overflow: visible;
    background-color: transparent;
    margin: 1px 0 0 0;
  }

  div#menu ul li.menu-up, div#menu ul li.menu-heading {
    margin: 0 0 -1px 0;
    border-width: 1px 0 1px 0;
    border-style: solid;
    border-color: #fff;
  }

  div#menu ul li a, div#menu ul li ul li a, div#menu ul li ul li ul li a, div#menu ul li ul li ul li ul li a, div#menu ul li ul li ul li ul li ul li a {
    text-decoration: none;
    text-transform: none;
    font-weight: normal;
    display: block;
    overflow: visible;
    height: auto;
    width: 100%;
    padding: 3px 2px 3px 4px;
    color: #2b2b2b !important;
    background-color: #fff;
  }

  /* ICONS */
  li.net-tv a, li.netradio a, li a.open, li a.closed, li.menew a, li.rss a, li.podcast a, li.english a, li.swedish a, li.finnish a {
    background-repeat: no-repeat;
  }

  li.net-tv a {
    background-image: url(http://fil.nrk.no/contentfile/web/icons/video_blue_12x12.gif);
  }

  li.netradio a {
    background-image: url(http://fil.nrk.no/contentfile/web/icons/sound_grey_menu.gif);
  }
  li.menew a {
    background-image: url(http://fil.nrk.no/contentfile/web/icons/menew.png) !important;
    background-image: url(http://fil.nrk.no/contentfile/web/icons/menew.gif);
  }


  li a.open {
    background-image: url(http://fil.nrk.no/contentfile/web/icons/open.gif);
  }

  li a.closed {
    background-image: url(http://fil.nrk.no/contentfile/web/icons/closed.gif);
  }

  li.rss a {
    background-image: url(http://fil.nrk.no/contentfile/web/icons/rss_orange_menu.gif);
  }

  li.podcast a {
    background-image: url(http://fil.nrk.no/contentfile/web/icons/podcast_green_menu.gif);
  }

  li.english a {
    background-image: url(http://fil.nrk.no/contentfile/web/icons/flags/h14/gb.png);
  }

  li.swedish a {
    background-image: url(http://fil.nrk.no/contentfile/web/icons/flags/h14/se.png);
  }

  li.finnish a {
    background-image: url(http://fil.nrk.no/contentfile/web/icons/flags/h14/fi.png);
  }

  div#menu ul li.net-tv a, div#menu ul li.netradio a, div#menu ul li a.open, div#menu ul li a.closed, div#menu ul li.menew a, div#menu ul li.rss a, div#menu ul li.podcast a, li.english a, div#menu ul li.english a, div#menu ul li.swedish a, div#menu ul li.finnish a {
    background-position: 93% 50%;
  }

  div#menu ul li ul li a {
    padding: 3px 2px 3px 8px;
    background-color: #f2f2f2;
    width: 94%;
  }

  div#menu ul li ul li.net-tv a, div#menu ul li ul li.netradio a, div#menu ul li ul li a.open, div#menu ul li ul li a.closed, div#menu ul li ul li.menew a, div#menu ul li ul li.rss a, div#menu ul li ul li.podcast a, div#menu ul li ul li.english a, div#menu ul li ul li.swedish a, div#menu ul li ul li.finnish a {
    background-position: 96% 50%;
  }

  div#menu ul li ul li ul li a {
    padding: 3px 2px 3px 12px;
    background-color: #dfdfdf;
    width: 90%;
  }

  div#menu ul li ul li ul li.net-tv a, div#menu ul li ul li ul li.netradio a, div#menu ul li ul li ul li a.open, div#menu ul li ul li ul li a.closed, div#menu ul li ul li ul li.menew a, div#menu ul li ul li ul li.rss a, div#menu ul li ul li ul li.podcast a, div#menu ul li ul li ul li.english a, div#menu ul li ul li ul li.swedish a, div#menu ul li ul li ul li.finnish a {
    background-position: 96% 50%;
  }

  div#menu ul li ul li ul li ul li a {
    padding: 3px 2px 3px 16px;
    background-color: #cfcfcf;
    width: 86%;
  }

  div#menu ul li ul li ul li ul li.net-tv a, div#menu ul li ul li ul li ul li.netradio a, div#menu ul li ul li ul li ul li a.open, div#menu ul li ul li ul li ul li a.closed, div#menu ul li ul li ul li ul li.menew a, div#menu ul li ul li ul li ul li.rss a, div#menu ul li ul li ul li ul li.podcast a, div#menu ul li ul li ul li ul li.english a, div#menu ul li ul li ul li ul li.swedish a, div#menu ul li ul li ul li ul li.finnish a {
    background-position: 96% 50%;
  }

  div#menu ul li ul li ul li ul li ul li a {
    padding: 3px 2px 3px 20px;
    background-color: #bfbfbf;
    width: 82%;
  }

  div#menu ul li ul li ul li ul li ul li.net-tv a, div#menu ul li ul li ul li ul li ul li.netradio a, div#menu ul li ul li ul li ul li ul li a.open, div#menu ul li ul li ul li ul li ul li a.closed, div#menu ul li ul li ul li ul li ul li.menew a, div#menu ul li ul li ul li ul li ul li.rss a, div#menu ul li ul li ul li ul li ul li.podcast a, div#menu ul li ul li ul li ul li ul li.english a, div#menu ul li ul li ul li ul li ul li.swedish a, div#menu ul li ul li ul li ul li ul li.finnish a {
    background-position: 89% 50%;
  }

  /* /ICONS */

  div#menu ul li strong {
    display: block;
    height: auto;
    width: 100%;
  }

  div#menu ul li strong a {
    background-color: #fff;
    background-image: url(http://fil.nrk.no/contentfile/web/bgimages/common/dots_nav.gif);
    background-position: bottom;
    background-repeat: repeat-x;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    height: auto;
    width: 100%;
    padding: 3px 2px 3px 4px;
    margin: 0;
    color: #7f7868 !important;
  }

  div#menu ul li em, div#menu ul li ul li em, div#menu ul li ul li ul li em, div#menu ul li ul li ul li ul li em, div#menu ul li ul li ul li ul li ul li em {
    background-color: #eee;
    background-image: none;
    text-decoration: none;
    text-transform: none;
    font-style: normal;
    font-weight: bold;
    display: block;
    height: auto;
    width: 96%;
    padding: 3px 2px 3px 4px;
    margin: 0;
    color: #7f7868;
  }

  div#menu ul li ul li em {
    padding: 3px 2px 3px 8px;
    background-color: #e4e4e4;
    width: 94%;
  }

  div#menu ul li ul li ul li em {
    padding: 3px 2px 3px 12px;
    background-color: #cecece;
    width: 90%;
  }

  div#menu ul li ul li ul li ul li em {
    padding: 3px 2px 3px 16px;
    background-color: #bebebe;
    width: 86%;
  }


  div#menu ul li ul li ul li ul li ul li em {
    padding: 3px 2px 3px 20px;
    background-color: #aeaeae;
    width: 82%;
  }

  div#menu ul li a.menu-chosen, div#menu ul li ul li a.menu-chosen, div#menu ul li ul li ul li a.menu-chosen, div#menu ul li ul li ul li ul li a.menu-chosen, div#menu ul li ul li ul li ul li ul li a.menu-chosen {
    background-image: url(http://fil.nrk.no/contentfile/web/icons/menu_arrow.gif);
    background-repeat: no-repeat;
    background-position: 4px 50%;
    background-color: #c9e6f4 !important;
    font-weight: bold;
    padding: 3px 2px 3px 10px;
    width: 92%;
  }

  div#menu ul li ul li a.menu-chosen {
    background-position: 8px 50%;
    padding: 3px 2px 3px 14px;
    width: 88%;
  }

  div#menu ul li ul li ul li a.menu-chosen {
    background-position: 12px 50%;
    padding: 3px 2px 3px 18px;
    width: 84%;
  }

  div#menu ul li ul li ul li ul li a.menu-chosen {
    background-position: 16px 50%;
    padding: 3px 2px 3px 22px;
    width: 81%;
  }

  div#menu ul li ul li ul li ul li ul li a.menu-chosen {
    background-position: 20px 50%;
    padding: 3px 2px 3px 26px;
    width: 78%;
  }

  div#menu ul.menu-open li a, div#menu ul li ul.menu-open li a, div#menu ul li ul li ul.menu-open li a, div#menu ul li ul li ul li ul.menu-open li a, div#menu ul li ul li ul li ul li ul.menu-open li a {
    background-color: #e6efec !important;
  }

  div#menu ul.menu-open li em, div#menu ul li ul.menu-open li em, div#menu ul li ul li ul.menu-open li em, div#menu ul li ul li ul li ul.menu-open li em, div#menu ul li ul li ul li ul li ul.menu-open li em {
    background-color: #c2e4d8;
  }

  div#menu ul li a:hover, div#menu ul li ul li a:hover, div#menu ul li ul li ul li a:hover, div#menu ul li ul li ul li ul li a:hover, div#menu ul li ul li ul li ul li ul li a:hover {
    background-color: #c9e6f4 !important;
  }

  div#menu ul li a.menu-chosen:hover, div#menu ul li ul li a.menu-chosen:hover, div#menu ul li ul li ul li a.menu-chosen:hover, div#menu ul li ul li ul li ul li a.menu-chosen:hover, div#menu ul li ul li ul li ul li ul li a.menu-chosen:hover {
    background-color: #8dcfef !important;
  }

  /* INFO */

  div.menu-info {
    font-family: Verdana, Arial, Helvetica, Sans-serif;
    font-size: 10px;
    font-style: normal;
    width: 124px;
    height: auto;
    margin: 0 0 14px 0;
    padding: 0 0 1px 0;
    border-width: 1px;
    border-style: solid;
    border-color: #dcdcdc;
    background-color: #fff;
    color: #000;
  }

  div.menu-info ul {
    margin: 0 1px 0 1px;
    padding: 0;
    list-style-type: none;
    list-style-position: outside;
    background-color: #ececec;
    color: #2b2b2b;
    width: 100%;
    display: block;
    overflow: hidden;
  }

  div.menu-info ul li {
    display: block;
    overflow: visible;
    background-color: Transparent;
    margin: 1px 0 0 0;
  }

  div.menu-info ul li.no-link, div.menu-info ul li a, div.menu-info ul li a:active, div.menu-info ul li a:focus, div.menu-info ul li a:visited {
    text-decoration: none;
    text-transform: none;
    font-weight: normal;
    display: block;
    overflow: visible;
    height: auto;
    width: 120px;
    padding: 3px 2px 3px 4px;
    color: #2b2b2b !important;
    background-color: #fff;
  }

  div.menu-info ul li.info-heading {
    margin: 0 0 -1px 0;
    border-width: 1px 0 1px 0;
    border-style: solid;
    border-color: #fff;
  }

  div.menu-info ul li strong {
    display: block;
    height: auto;
    width: 100%;
    text-align: left;
  }

  div.menu-info ul li strong a:link, div.menu-info ul li strong a:active, div.menu-info ul li strong a:focus, div.menu-info ul li strong a:visited, div.menu-info ul li strong span {
    background-color: #fff;
    background-image: url(http://fil.nrk.no/contentfile/web/bgimages/common/dots_nav.gif);
    background-position: bottom;
    background-repeat: repeat-x;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    height: auto;
    width: 120px;
    padding: 3px 2px 3px 4px;
    margin: 0;
    color: #7f7868 !important;
  }

  div.menu-info ul li a:hover {
    background-color: #c9e6f4 !important;
  }

  div.menu-info div.menu-kolofon {
    width: 124px;
    text-align: center;
    margin: 1px;
    padding: 0;
    background-image: url(http://fil.nrk.no/contentfile/web/bgimages/common/dots_nav.gif);
    background-position: top;
    background-repeat: repeat-x;
    background-color: transparent;
    display: block;
  }

  div.menu-info div.menu-kolofon p {
    text-align: left;
    background-color: transparent;
    display: block;
    font-style: normal;
    font-weight: normal;
    margin: 0 0 4px 4px;
    padding: 4px 0 0 0;
  }

  div.menu-info div.menu-kolofon address {
    text-align: center;
    display: block;
    font-style: normal;
    font-weight: bold;
    margin: 4px auto 4px auto;
    padding: 0;
  }

  div.menu-info div.menu-kolofon a img {
    margin: 4px auto 4px auto;
    display: block;
  }

  /* Hack for mozilla-based browsers */
  html > body div#menu, html > body div.menu-info {
    width: 126px;
  }

  html > body div#menu ul, html > body div#menu ul li ul, html > body div#menu ul li ul li ul, html > body div#menu ul li ul li ul li ul, html > body div#menu ul li ul li ul li ul li ul, html > body div#menu ul li strong a, html > body div#menu ul li em, html > body div#menu ul li ul li em, html > body div#menu ul li ul li ul li em, html > body div#menu ul li ul li ul li ul li em, html > body div#menu ul li ul li ul li ul li ul li em, html > body div#menu ul li a, html > body div#menu ul li ul li a, html > body div#menu ul li ul li ul li a, html > body div#menu ul li ul li ul li ul li a, html > body div#menu ul li ul li ul li ul li ul li a {
    width: auto;
  }

  html > body div.menu-info ul, html > body div.menu-info ul li strong a, html > body div.menu ul-info li a {
    width: auto;
  }
  /* End hack */

  /* BANNERS FOR THE FRONTPAGE */
  div.menu-banners {
    width: 126px;
    height: auto;
    display: block;
    background-color: #fff;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #dcdcdc;
    background-color: #fff;
    padding: 2px 0 2px 0;
    margin: 0 0 14px 0;
    text-align: center;
  }

  div.menu-banners div {
    width: 124px;
    border-bottom: 1px solid #ececec;
    padding-bottom: 4px;
    margin-bottom: 4px;
  }

  /* WEATHER */

  div.menu-info.menu-weather table {
    margin: 2px;
  }

  div.menu-info.menu-weather table tr td {
    display: table-cell;
    border: 0 !important;
  }

  div.menu-info.menu-weather table tr td a:link, div.menu-info.menu-weather table tr td a:active, div.menu-info.menu-weather table tr td a:focus, div.menu-info.menu-weather table tr td a:visited {
    color: #2b2b2b !important;
    display: block;
    width: auto;
    background-color: transparent;
  }

  div.menu-info.menu-weather table tr td a:hover {
    color: #c00 !important;
  }

  div.menu-info.menu-weather div.knapp {
    display: none;
  }

  div.menu-info.menu-weather div {
    display: block;
    padding: 2px;
  }
  /* media end */
}