#popup_container {
  width: 873px;
  height: 531px; }

#opdracht {
  width: 514px;
  height: 531px;
  background-image: url("../img/bg_wit.png");
  float: left;
  position: relative; }
  #opdracht #content {
    width: 380px;
    height: auto;
    position: relative;
    left: 85px;
    top: 30px;
      float: none;
    font-size: 14px; }
  #opdracht h3 {
    font-size: 30px;
    line-height: 28px;
    letter-spacing: -0.3pt;
    color: #fe3405; 
    width:auto;
    height:auto;
    padding:0px;
    float:none;
    }
  #opdracht table td {
    height: 22px;
    width: 190px; }
  #opdracht table .antwoord {
    text-align: right;
    font-weight: bold; }
  #opdracht .breaker {
    height: 1px;
    width: 380px;
    background-color: #cccccc;
    margin: 18px 0px; }
  #opdracht #tijd 
  {
     margin-top:15px;
    font-size: 12px; }
    #opdracht #tijd span 
    {
        font-size:16px;
      font-weight: bold;
      font-style: italic; }
  #opdracht #btn_reageer {
    width: 241px;
    height: 50px;
    position: relative;
    bottom: -15px;
    margin-top: 15px; }
    #opdracht #btn_reageer a {
      display: block;
      width: 241px;
      height: 43px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      font-weight: bold;
      font-style: italic;
      font-size: 18px;
      text-decoration: none; }
      #opdracht #btn_reageer a span {
        display: block;
        width: auto;
        text-align: center;
        padding-top: 10px; }
    #opdracht #btn_reageer a.non_active {
      border: solid 1px #cacaca;
      color: #aeabab;
      cursor: default;
      background: url("../img/btn_inner_schaduw.png") top center no-repeat;
      background-color: #dbdbdb; }
    #opdracht #btn_reageer a.active {
      border: solid 1px #2e8010;
      color: white;
      text-shadow: 1px 1px 1px #2e8010;
      filter: dropshadow(color=#2e8010, offx=1, offy=1);
      background-color: #3cb10b; }
      #opdracht #btn_reageer a.active:hover {
        background-color: #31900a; }

#upgraden {
  width: 358px;
  height: 531px;
  background-image: url("../img/bg_groen.png");
  float: left;
  position: relative; }
  #upgraden #content {
    width: 270px;
    height: auto;
    position: relative;
    top: 50px;
    left: 25px;
    color: white; }
    #upgraden #content #close_popup {
      height: 59px;
      width: 59px;
      background-image: url("../img/close.png");
      position: absolute;
        cursor: pointer;
       top: -37px;
      left: 260px; }
    #upgraden #content h2 
    {
        color:White;
        padding:0px;
      font-weight: lighter;
      font-size: 21px;
      letter-spacing: -0.7pt;
      line-height: 25px;
      text-align: left;
      text-shadow: -1px -1px 2px #175300;
      filter: dropshadow(color=#175300, offx=-1, offy=-1); }
      #upgraden #content h2 span {
        font-size: 26px;
        font-style: italic; }
    #upgraden #content #volledigoverzicht {
      font-size: 11px;
      font-weight: normal;
      font-style: italic;
      text-align: center;
      margin-top: 10px; }
      #upgraden #content #volledigoverzicht a {
        text-decoration: none;
        color: #113e00; }
    #upgraden #content ul {
      font-size: 12px;
      line-height: 12px;
      letter-spacing: 0px;
      font-weight: bold;
      font-style: italic;
      padding: 0px;
      margin: 10px 0px; }
      #upgraden #content ul li {
        list-style: none;
        border-top: solid 1px #51bc2b;
        border-bottom: solid 1px #248100;
        padding: 7px 0px;
        padding-left: 35px;
        background: url("../img/check.png") left center no-repeat; }
      #upgraden #content ul li:last-child {
        border-bottom: none; }
      #upgraden #content ul li:first-child {
        border-top: none; }
    #upgraden #content #btn_upgrade {
      width: 241px;
      height: 50px;
      position: relative;
      left: 10px;
      bottom: -5px;
      margin-top: 15px; }
      #upgraden #content #btn_upgrade a {
        display: block;
        width: 241px;
        height: 43px;
        background-color: #fe3405;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        border: solid 1px #752614;
        color: white;
        font-weight: bold;
        font-style: italic;
        font-size: 18px;
        text-decoration: none; }
        #upgraden #content #btn_upgrade a:hover {
          background-color: #c02400; }
        #upgraden #content #btn_upgrade a span {
          display: block;
          width: auto;
          text-align: center;
          padding-top: 10px;
          text-shadow: 1px 1px 2px #752614;
          filter: dropshadow(color=#752614, offx=1, offy=1); }
      #upgraden #content #btn_upgrade .btn_schaduw {
        height: 7px;
        width: 241px;
        background: url("../img/btn_schaduw.png") center no-repeat; }
       #upgraden #content #benefits {
          font-size: 14px;
          font-weight: bold;
          font-style: italic;
           text-shadow: -1px -1px 2px #175300;
      filter: dropshadow(color=#175300, offx=-1, offy=-1);
          text-transform: capitalize;

      }