body {
  margin: 0;
  padding: 0; 
  font-family: Arial, sans-serif;
  font-size: 11px;
  color: #8d8d8c;
  background: url(http://fil.nrk.no/contentfile/web/files/resources/projects/teknologiogdesign/design/topplinje_bg.gif) top left repeat-x;
}

#wrapper {
  margin: 0 auto;
  width: 980px;
  position: relative;
  top:0;
  left:0;
}

#top {
  height: 42px;
  overflow-y: hidden;
}

#logo {
height: 133px;
overflow-y: hidden;
}

#level3nav, #level4nav {
  float: left;
}

#trinn_navigasjon {
  margin-top: -7px;
}

#trinn_navigasjon .divider {
  display: block;
  float: left;
  width: 20px;
  height: 29px;
  padding-top: 13px;
  overflow: hidden;
}

#trinn_navigasjon a.level3nav, #trinn_navigasjon a.level3nav_selected {
  color: #fff;
  font-weight: bold;
  font-size: 13px;
  text-decoration: none;
  text-transform: uppercase;
  display: block;
  float:left;
  height: 29px;
  padding-top: 13px;
}


#trinn_navigasjon .level3nav_selected {
  width: 247px;
  padding-left: 7px;
  overflow: hidden;
}

#trinn_navigasjon a.level4nav, #trinn_navigasjon a.level4nav_selected {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  display: block;
  float: left;
  overflow:hidden;
}

#trinn_navigasjon .level4nav {
  font-size: 11px;
  text-transform: none;
  height: 29px;
  padding-top: 13px;
  padding-left: 3px;
  padding-right: 3px;
}
#trinn_navigasjon .level4nav_selected {
  font-size: 13px;
  text-transform: none;
  height: 30px;
  padding-top: 12px;
  padding-left: 11px;
  padding-right: 11px;
}

#breadcrumbs {
  height: 27px;
  font-size: 12px;
  padding-top: 7px;
}

#breadcrumbs a, #breadcrumbs span {
  display: block;
  float:left;
}

#breadcrumbs a:hover, #breadcrumbs a.selected {
  color: #333;
}

#breadcrumbs span.breadcrumb_divider {
  margin: 0 5px;
  width: 5px;
}


#breadcrumbs a {
  text-decoration: none;
  font-weight: bold;
  color: #8d8d8c;
}

#maincontent {
  height: 550px;
  position: relative;
}

a img {
  border: 0;
}

.mmjpresentation_title {
  display: none;
}

div#banner {
  position: absolute;
  left: 298px;
  top: 42px;
  height: 133px;
}



div.nrk_input_articleelement_quiz {
  width: 603px;
  height: 405px;  
  position: absolute;
  left: 188px;
  top: 76px;
  overflow: hidden;
  color: #000;
  font-size: 12px;
  background: url(http://fil.nrk.no/contentfile/web/files/resources/projects/teknologiogdesign/design/quiz.png) top left no-repeat;
}

div.nrk_input_articleelement_quiz .quiz_container {
  position: relative;
  top: 0;
  left: 0;
  width: 603px;
  height: 405px;
}

div.nrk_input_articleelement_quiz .quiz {
  position: absolute;
  top: 93px;
  left: 132px;
  width: 437px;
  height: 230px;
  padding: 2px;
  overflow: auto;
}

div.nrk_input_articleelement_quiz .question a.quiz_btn_svar {
  display: none;
}

/* hide the quiz start button on the start page */
div.nrk_input_articleelement_quiz .quiz_startpage .quiz_btn_start {
  display: none;
}

div.nrk_input_articleelement_quiz a.quiz_btn_start {
  display: block;
  position: absolute;
  left: 436px;
  top: 332px;
}

div.nrk_input_articleelement_quiz a.quiz_btn_neste {
  position: absolute;
  left: 436px;
  top: 332px;
}

div.nrk_input_articleelement_quiz a.quiz_btn_poengsum {
  position: absolute;
  left: 436px;
  top: 332px;
}

div.nrk_input_articleelement_quiz a.quiz_btn_spilligjen {
  position: absolute;
  left: 436px;
  top: 332px;
}

div.nrk_input_articleelement_quiz div.question .question_title {
  display: none;
}

div.nrk_input_articleelement_quiz div.question a.quiz_btn_svar {
  display: none;
}

div.nrk_input_articleelement_quiz a.quiz_btn_svar {
  position: absolute;
  left: 436px;
  top: 332px;
}

div.nrk_input_articleelement_quiz a.quiz_btn_close {
  display: block;
  position: absolute;
  left: 525px;
  top: 7px;
}

div.nrk_input_articleelement_quiz input.quiz_btn_answer {
  display: none;
}

div.nrk_input_articleelement_quiz .answer_list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

div.nrk_input_articleelement_quiz .answer_list li {
  margin: 0;
  padding: 0;
  display: block;
  clear: both;
  height: 25px;
  vertical-align: middle;

}

div.nrk_input_articleelement_quiz .answer_list li input {
  float:left;
  margin-right: 5px;

}

div.nrk_input_articleelement_quiz .answer_list li .quiz_answertext {
  float: left;
  display: inline;
}

div.nrk_input_articleelement_quiz .quiz_response_container {
  position: absolute;
  top: 353px;
  left: 132px;
  width: 300px;
  height: 25px;
  font-weight: bold;
  font-size: 13px;

}

div.nrk_input_articleelement_factbox {
  width: 710px;
  height: 477px; 
  position: absolute;
  left: 243px;
  top: 36px;
  overflow: hidden;
  font-size: 11px;
  background: url(http://fil.nrk.no/contentfile/web/files/resources/projects/teknologiogdesign/design/faktaboks/faktaboks_bg.png) top left no-repeat;
  color: #000;
}

div.nrk_input_articleelement_factbox div.factbox_container {
  position: relative;
  top: 0;
  left: 0;
  width: 710px;
  height: 4777px;

}

div.nrk_input_articleelement_factbox div.factbox {
  width: 530px;
  height: 260px;
  overflow: auto;
  position: absolute;
  top: 106px;
  left: 87px;
  padding: 15px;
}

div.factbox_photo_breddeformat {
  float: left;
  width: 206px; /* 225px - 19px padding */
}

div.factbox_photo_hoydeformat {
  float: left;
  width: 206px;
}

div.factbox_text {
  float: left;
  width:295px;
  padding-left: 15px;
}

div.factbox_text p {
  margin-top: 0;
  margin-bottom: 10px;
}

div.nrk_input_articleelement_factbox a.factbox_close {
  display: block;
  position: absolute;
  left: 618px;
  top: 0;
}

div.nrk_input_articleelement_factboxlist {
  width: 710px;
  height: 477px;
  position: absolute;
  left: 243px;
  top: 36px;
  overflow: hidden;
  font-size: 11px;
  background: url(http://fil.nrk.no/contentfile/web/files/resources/projects/teknologiogdesign/design/faktaboks/faktaboks_bg.png) top left no-repeat;
  color: #000;
}

div.videoliste_container {
  width: 787px; /* 822 - 35 */
  height: 485px; /* 524 - 35 */
  position: absolute;
  left: 130px;
  top: 26px;
  background: url(http://fil.nrk.no/contentfile/web/files/resources/projects/teknologiogdesign/design/videoliste/videoliste_bg.png) top left no-repeat;
  color: #000;
  overflow: hidden;
  padding-left: 35px;
  padding-top: 35px;

}

div.videoliste_container .videoliste_btn_close {
  display: block;
  position: absolute;
  top: 18px;
  left: 788px;
}

div.videoliste_container .videoliste_tittel {

  position: absolute;
  top: 35px;
  left: 35px;
  width: 213px; /* 219 - 6 */
  height: 22px;  /* 26 - 3 */
  font-size: 14px;
  margin: 0;
  padding: 4px 0 0 6px;
  font-weight: bold;
  background: url(http://fil.nrk.no/contentfile/web/files/resources/projects/teknologiogdesign/design/videoliste/videoliste_tittel_bg.gif) top left repeat-x;
}

div.videoliste_container .videoliste_klipplenker {
  position: absolute;
  left: 35px;
  top: 62px;
  width: 235px;
  height: 355px;
  overflow-y: auto;
  list-style-type: none;
  padding: 0;
  margin: 0;

}

div.videoliste_container .videoliste_klipplenker li {
  display: block;
  width: 219px; /* 219 - 6 */
  height: 43px; /* 43 - 13 */
  margin-bottom: 1px;
  background: url(http://fil.nrk.no/contentfile/web/files/resources/projects/teknologiogdesign/design/videoliste/videoliste_klipp_bg.gif) top left repeat-x;
}

div.videoliste_container .videoliste_klipplenker li.selected {
  background: url(http://fil.nrk.no/contentfile/web/files/resources/projects/teknologiogdesign/design/videoliste/videoliste_klipp_bg_selected.gif) top left repeat-x;
}

div.videoliste_container .videoliste_klipplenker li.hover {
  background: url(http://fil.nrk.no/contentfile/web/files/resources/projects/teknologiogdesign/design/videoliste/videoliste_klipp_bg_selected.gif) top left repeat-x;
}

div.videoliste_container .videoliste_klipplenker li a {
  display: block;
  width: 213px;
  height: 30px;
  padding: 13px 0 0 6px;
  font-size: 12px;
  color: #000;
  text-decoration: none;
}

div.videoliste_container .videoliste_klipplenker li a:hover {
  cursor: pointer;
}

div.videoliste_container .videoliste_klippbeskrivelser {
  display: block;
  position: absolute;
  left: 275px;
  top: 400px;
  width: 513px;
  height: 93px;
  padding: 0;
  margin: 0;
  list-style-type: none;
  font-size: 13px;
}

div.videoliste_container .videoklipp_container {
  position: absolute;
  left: 275px;
  top: 35px;
  width: 512px;
  height: 288px;
  background-color: #000;
}

div.nrk_input_articleelement_factboxlist div.factboxlist_container {
  position: relative;
  top: 0;
  left: 0;
  width: 710px;
  height: 477px;
  margin: 0;
  padding: 0;
}

div.nrk_input_articleelement_factboxlist div.factboxlist {
  width: 560px;
  height: 290px;
  overflow-y: auto;
  position: absolute;
  top: 106px;
  left: 87px;
}

div.nrk_input_articleelement_factboxlist div.factbox {
  padding: 10px;
}



div.nrk_input_articleelement_factboxlist  a.factboxlist_close {
  display: block;
  position: absolute;
  top: 0;
  left: 618px;
}

div.nrk_input_articleelement_factboxlist a.factboxlist_next {
  display: block;
  position: absolute;
  top: 400px;
  left: 586px;
}

div.nrk_input_articleelement_factboxlist a.factboxlist_previous {
  display: block;
  position: absolute;
  top: 401px;
  left: 80px;
}


#footer {
  height: 20px;
  padding-top: 8px;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  text-align: right;
  padding-right: 15px;
  background-color: #17c0c2;
}

#footer a {
  color: #fff;
}

#globalmeny {
  position: absolute;
  left: 0;
  top: 0;
  padding-top: 35px;
  padding-left: 15px;
  display: block;
  width: 215px;
  height: 210px;
  background-repeat: no-repeat;
}

#globalmeny ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  width: 195px;
}

#globalmeny li {
  display: block;
  margin: 0;
  padding: 0;
  border: 0px solid #666;
  text-align: center;
}

#globalmeny li a {
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  text-decoration: none;
}

#globalmeny li.item1 {
  height: 30px;
}

#globalmeny li.item2 {
  height: 32px;
}

#globalmeny li.item3 {
  height: 34px;
}

#globalmeny li.item4 {
  height: 35px;
}

#globalmeny li.item5 {
  height: 34px;
}

#globalmeny li.item6 {
  height: 32px;
}

#contentfilter {
  position: absolute;
  left: 0;
  top: 0;
  width: 980px;
  height: 550px;
  background-color: #808080;
}

a.activator {
  display: block;
  padding: 10px;
}

#debug {
  position: absolute;
  left: 0;
  top: 600px; 
}