html {
  overflow-y: scroll; }

body {
  margin: 0;
  padding: 17px 0;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: black;
  background: #ead974 url(../images/bg.gif); }

a {
  color: #0033ff; }
  a img {
    border: 0; }

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

#wrap {
  width: 978px;
  position: relative;
  margin: 0 auto; }

#header {
  height: 30px;
  padding: 88px 13px 0 13px;
  background: url(../images/bg_header.png) no-repeat; }
  #header h1 {
    width: 247px;
    height: 67px;
    top: 0;
    left: 6px;
    position: absolute;
    margin: 0; }
    #header h1 a {
      height: 67px;
      text-indent: -9999px;
      overflow: hidden;
      display: block; }
  #header #sponsors {
    top: 24px;
    right: 256px;
    position: absolute; }
    #header #sponsors li {
      float: left;
      margin-left: 15px; }
      #header #sponsors li a {
        height: 32px;
        float: left;
        text-indent: -9999px;
        overflow: hidden; }
      #header #sponsors li.nps a {
        width: 32px;
        background: url(../images/logo_nps.gif); }
      #header #sponsors li.oba a {
        width: 184px;
        background: url(../images/logo_oba.gif); }
      #header #sponsors li.ndb_biblion a {
        width: 101px;
        height: 42px;
        margin-top: -8px;
        background: url(../images/logo_nbd_biblion.gif); }
  #header form {
    width: 214px;
    height: 24px;
    top: 26px;
    right: 0;
    position: absolute; }
    #header form #search {
      width: 135px;
      height: 20px;
      float: left;
      padding: 4px 4px 0 20px;
      font-family: Verdana, sans-serif;
      font-size: 11px;
      font-weight: bold;
      color: #989898;
      background: white url(../images/bg_search_input.gif) left 1px no-repeat;
      border: none; }
    #header form input.submit {
      height: 24px;
      margin: 0 0 0 4px;
      padding: 0;
      font-family: Courier, "Courier new";
      font-size: 15px;
      text-transform: uppercase;
      background: transparent;
      border: none; }
  #header #loggedin {
    top: 70px;
    right: 20px;
    position: absolute;
    margin: 0;
    text-align: right;
    font-family: Arial, Helvetica, sans-serif; }
    #header #loggedin a {
      color: #24b4df; }
  #header #menu li {
    float: left;
    margin-right: 44px;
    font-family: Courier, "Courier new";
    font-size: 15px; }
    #header #menu li a {
      height: 18px;
      float: left;
      padding: 3px 0 0 26px;
      text-decoration: none;
      color: black;
      background-repeat: no-repeat; }
    #header #menu li.home a, #header #menu li.cities a {
      background-image: url(../images/a_cyan.gif); }
      #header #menu li.home a:hover, #header #menu li.home a.active, #header #menu li.cities a:hover, #header #menu li.cities a.active {
        background-image: url(../images/a_cyan_on.gif); }
    #header #menu li.schools a {
      background-image: url(../images/a_orange.gif); }
      #header #menu li.schools a:hover, #header #menu li.schools a.active {
        background-image: url(../images/a_orange_on.gif); }
    #header #menu li.question a, #header #menu li.pages a {
      background-image: url(../images/a_blue.gif); }
      #header #menu li.question a:hover, #header #menu li.question a.active, #header #menu li.pages a:hover, #header #menu li.pages a.active {
        background-image: url(../images/a_blue_on.gif); }
    #header #menu li.reference a, #header #menu li.users a {
      background-image: url(../images/a_yellow.gif); }
      #header #menu li.reference a:hover, #header #menu li.reference a.active, #header #menu li.users a:hover, #header #menu li.users a.active {
        background-image: url(../images/a_yellow_on.gif); }
    #header #menu li.teachers a {
      background-image: url(../images/a_purple.gif); }
      #header #menu li.teachers a:hover, #header #menu li.teachers a.active {
        background-image: url(../images/a_teachers_on.gif); }

#breadcrumbs {
  height: 23px;
  clear: left;
  margin: 0 0 0 25px;
  overflow: auto; }
  #breadcrumbs li {
    float: left;
    margin-right: 13px;
    padding-left: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    background: url(../images/a_bc.gif) 2px 1px no-repeat; }
    #breadcrumbs li a {
      text-decoration: none;
      color: black; }
    #breadcrumbs li.active {
      background: url(../images/a_bc_on.gif) left 4px no-repeat; }
      #breadcrumbs li.active a {
        color: #e75827; }

#main {
  padding: 0 13px;
  background: white; }

div.player {
  width: 470px;
  height: 310px; }

div.video {
  height: 100%;
  position: relative;
  background: #c7c8cb; }
  div.video a.taf {
    height: 16px;
    top: 288px;
    right: 0;
    position: absolute;
    float: right;
    padding-left: 28px;
    text-decoration: none;
    color: black;
    background: url(../images/i_envelop.gif) no-repeat; }
  div.video div.taf {
    width: 284px;
    position: absolute;
    display: none;
    margin: -290px 0 0 200px;
    padding: 56px 8px 8px 8px;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    background: white url(../images/logo_taf.gif) 8px 8px no-repeat;
    border: solid 1px black;
    z-index: 999; }
    div.video div.taf h3 {
      margin: 0;
      font-family: Verdana, Arial, sans-serif;
      font-size: 11px; }
    div.video div.taf textarea,
    div.video div.taf input {
      width: 100%;
      margin-bottom: 5px; }
      div.video div.taf textarea.submit,
      div.video div.taf input.submit {
        width: auto;
        margin: 5px 0 0 0; }
  div.video div.rating_wrap {
    top: 288px;
    left: 10px;
    position: absolute;
    font-size: 12px; }
    div.video div.rating_wrap div.rating {
      width: 70px;
      height: 12px;
      top: 3px;
      left: 75px;
      position: absolute;
      background: #e75827 url(../images/bg_rating.gif) -70px top no-repeat;
      overflow: hidden; }
      div.video div.rating_wrap div.rating a {
        width: 14px;
        height: 12px;
        float: left;
        text-indent: -9999px;
        overflow: hidden;
        outline: none; }
    div.video div.rating_wrap #rating_text {
      width: 120px;
      top: 0;
      left: 150px;
      position: absolute; }

body.pages div.video div.rating_wrap div.rating {
  background-color: #24b4df; }

h2 {
  height: 20px;
  clear: both;
  margin: 0 0 5px 0;
  padding: 6px 0 0 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  background: #c7c8cb url(../images/c_left.png) left top no-repeat; }
  h2 span {
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px; }
  h2 a {
    color: black; }

body.schools h2,
body.groups h2,
body.teams h2,
body.videos h2 {
  color: white;
  background-color: #ff6633; }
  body.schools h2 a,
  body.groups h2 a,
  body.teams h2 a,
  body.videos h2 a {
    color: white; }

body.contact h2 {
  color: white;
  background-color: #20368d; }
  body.contact h2 a {
    color: white; }

body.search h2 {
  color: white;
  background-color: #24b4df; }
  body.search h2 a {
    color: white; }

body.cities h2 {
  color: white;
  background-color: #24b4df; }
  body.cities h2 a {
    color: white; }

body.pages h2 {
  color: white;
  background-color: #20368d; }
  body.pages h2 a {
    color: white; }

body.pages_index h2 {
  color: white;
  background-color: #24b4df; }
  body.pages_index h2 a {
    color: white; }

body.pages_info h2 {
  color: black;
  background-color: #ffd31b; }

body.users h2 {
  background-color: #ffd31b; }

body.infos h2 {
  background-color: #ffd31b; }

h3 {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px; }

#intro,
#video_block {
  width: 231px;
  float: left;
  line-height: 18px; }
  #intro h2,
  #video_block h2 {
    height: auto;
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 12px;
    background: transparent; }
  #intro p,
  #video_block p {
    margin: 0; }
  #intro a.ankeiler,
  #video_block a.ankeiler {
    width: 182px;
    height: 154px;
    display: block;
    margin: 25px 0 0 20px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../images/ankeiler.gif); }

#video_block {
  width: 697px;
  height: 294px;
  position: relative;
  margin-left: 13px;
  padding: 20px 11px 0 0;
  background: #c7c8cb url(../images/c_right.png) right top no-repeat; }
  #video_block div.player {
    float: left;
    margin: -20px 11px 0 0; }
  #video_block div.text {
    width: 215px;
    float: left; }

div.popular {
  clear: left;
  padding: 23px 0 0 0;
  overflow: auto; }
  div.popular ul {
    margin: 0 0 0 -8px;
    float: left; }
    div.popular ul li {
      width: 232px;
      _height: 244px;
      min-height: 244px;
      position: relative;
      float: left;
      margin-left: 8px;
      background: url(../images/div.gif) repeat-y; }
      div.popular ul li img {
        width: 232px;
        height: 131px;
        display: block;
        border: none; }
      div.popular ul li a.play {
        width: 44px;
        height: 44px;
        top: 78px;
        left: 178px;
        position: absolute;
        display: block;
        text-indent: -9999px;
        background: url(../images/b_play.png); }
      div.popular ul li.viewed a.play {
        background: url(../images/b_viewed.png); }
      div.popular ul li.rated a.play {
        background: url(../images/b_rated.png); }
      div.popular ul li.best a.play {
        background: url(../images/b_best.png); }
      div.popular ul li.newest a.play {
        background: url(../images/b_newest.png); }
      div.popular ul li h3 {
        margin: 5px 0 0 0;
        padding-left: 10px;
        font-size: 11px;
        line-height: 18px; }
      div.popular ul li p {
        margin: 0;
        padding-left: 10px;
        font-size: 10px;
        line-height: 18px; }

#schools {
  width: 318px;
  height: 400px;
  position: relative;
  float: left;
  margin-left: 13px;
  display: inline; }
  #schools h3 {
    margin: 15px 0 8px 0; }
  #schools h4 {
    margin: 15px 0 0 0; }
  #schools li {
    line-height: 22px; }
  #schools div.pagination {
    width: 308px;
    bottom: 0;
    left: 0;
    position: absolute;
    padding: 12px 0 12px 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #0033ff;
    border-top: solid 1px #cccccc; }
    #schools div.pagination .prev_page {
      margin-right: 5px; }
    #schools div.pagination .next_page {
      margin-left: 5px; }
    #schools div.pagination span.current {
      font-weight: bold;
      color: #0033ff; }

#schools_map {
  width: 600px;
  height: 400px;
  float: left;
  margin-left: 21px; }

body.search #schools {
  width: 456px;
  margin-left: 0; }
body.search #schools_map {
  width: 485px;
  margin-left: 11px; }

#results li {
  height: 74px;
  position: relative;
  margin-bottom: 12px;
  padding-left: 110px;
  line-height: 18px; }
  #results li:hover {
    background: #eeeeef; }
  #results li img {
    width: 90px;
    height: 72px;
    top: 0;
    left: 0;
    position: absolute;
    border: solid 1px gray; }
  #results li h3 {
    margin: 0;
    font-size: 13px; }
  #results li p {
    margin: 0; }
  #results li div.meta {
    font-family: Arial, Helvetica, sans-serif;
    color: #666666; }

#school,
#group {
  height: 343px;
  position: relative;
  padding-left: 482px; }
  #school h2,
  #group h2 {
    margin-left: -482px; }
  #school img.school,
  #school div.player,
  #group img.school,
  #group div.player {
    top: 31px;
    left: 0;
    position: absolute; }
  #school #description,
  #group #description {
    width: 470px;
    height: 312px;
    line-height: 18px;
    overflow: auto; }
    #school #description h3,
    #group #description h3 {
      margin: 0;
      font-size: 13px; }
    #school #description p,
    #group #description p {
      margin: 0 0 15px 0; }
  #school p.edit,
  #group p.edit {
    margin: 8px 0 0 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    color: #e75827; }
    #school p.edit a,
    #group p.edit a {
      color: #e75827; }

#footer {
  clear: both;
  margin: 0;
  padding: 10px 0;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px; }
  #footer a {
    text-decoration: none;
    color: black; }

label {
  width: 120px;
  float: left;
  display: block; }

body.contact label {
  width: 253px;
  font-weight: bold; }
body.contact div {
  clear: left; }
  body.contact div.street, body.contact div.question {
    margin-top: 14px; }
  body.contact div.submit {
    margin: 5px 0 80px;
    padding-left: 253px; }
    body.contact div.submit input {
      width: 96px;
      height: 26px;
      padding-top: 26px;
      color: transparent;
      background: url(../images/b_verstuur.gif) no-repeat;
      border: 0;
      overflow: hidden;
      cursor: pointer; }
body.contact input[type="radio"] {
  margin-right: 5px; }
body.contact input[type="text"],
body.contact textarea {
  width: 284px;
  padding: 2px;
  border: solid 1px #adadae; }
body.contact label,
body.contact input,
body.contact textarea {
  margin: 3px 0; }
body.contact div.number {
  font-weight: bold; }
  body.contact div.number label.suffix {
    width: auto;
    padding: 0 20px; }
  body.contact div.number input {
    width: 80px;
    float: left; }

#page_wrap {
  width: 635px; }

#info {
  padding: 20px 19px 0 12px;
  font-family: Arial, sans-serif;
  font-size: 15px;
  line-height: 20px; }
  #info p,
  #info ul {
    margin: 0 0 20px 0; }
  #info div.dotblock {
    width: 100%;
    clear: both;
    margin: 0 0 30px 0;
    padding: 0 0 10px 0;
    background: url(../images/dots.gif) left bottom no-repeat;
    overflow: auto; }
    #info div.dotblock div.col1,
    #info div.dotblock div.col2,
    #info div.dotblock div.col3 {
      width: 289px;
      float: left;
      display: inline;
      margin-left: 27px; }
      #info div.dotblock div.col1 img,
      #info div.dotblock div.col2 img,
      #info div.dotblock div.col3 img {
        margin-bottom: 20px; }
    #info div.dotblock div.col1 {
      margin: 0; }
    #info div.dotblock div.widecol {
      width: 605px;
      float: left;
      display: inline; }
    #info div.dotblock li {
      list-style: disc;
      list-style-position: inside; }
  #info div.bgblock {
    width: 100%;
    clear: both;
    margin-bottom: 20px;
    padding-top: 20px;
    color: white;
    background: url(../images/c_left.png) no-repeat;
    overflow: auto; }
    #info div.bgblock div {
      width: 411px;
      float: left;
      display: inline;
      margin-left: 33px; }
  #info div.blue,
  #info div.pink {
    width: 100%;
    height: 214px;
    clear: both;
    margin-bottom: 20px;
    color: white;
    background: #66ccff;
    overflow: hidden; }
    #info div.blue h3,
    #info div.pink h3 {
      margin: 20px 20px 20px 0; }
    #info div.blue p,
    #info div.pink p {
      margin-right: 20px; }
    #info div.blue img,
    #info div.pink img {
      float: left;
      display: inline;
      margin: 0 32px 0 0; }
  #info div.pink {
    height: 198px;
    background: #ff66cc; }
  #info h3 {
    margin: 0 0 20px 0;
    font-size: 18px;
    font-weight: bold; }