/* ======================= */
/* = Stylesheets for DNB = */
/* = Geld moet rollen    = */
/* ======================= */

html{
  min-height: 100%;
}

body{
  font-size: 62.5%;
  font-family: verdana, helvetica, arial, sans-serif;
  color: #333;
  background: url(../images/backgrounds/bottom-background.jpg) #fff 50% 100% no-repeat;  
}

#background{
  background: url(../images/backgrounds/top-background.jpg) 50% 0 no-repeat; 
  min-height: 260px; 
}

#wrapper{
  position: relative;
  width: 980px;
  margin: 0 auto 0 auto;
  padding-top: 15px;
}

#content{
  width: 785px;
  margin-left: 205px;
  margin-top: 30px;
}

#footer{
  padding-bottom: 10px;
  padding-right: 10px;
  line-height: 50px;
  vertical-align: middle;
}

#footer.big{
  margin-top: 100px;
}

#footer img{
  vertical-align: middle;
  float: right;
}

#footer a{
  color: #333;
  padding-left: 17px;
  text-decoration: none;
}

/* ======== */
/* = Home = */
/* ======== */

#home{
  line-height: 1.3;
  background: url(../images/backgrounds/body-home.jpg) #fff 50% 0 no-repeat;
}

#home #wrapper{
  padding-top: 0;
}

#home #content{
  padding: 0;
  margin: 0;
}


#home h1{
  z-index: 2;
  position: absolute;
  background: none;
  padding: 0;
  margin: 0;
}

#home h2,
#home h3{
  text-indent: -10000px;
  overflow: hidden;  
}

#home #girl{
  z-index: 3;
  position: absolute;
  width: 684px;
  height: 694px;
  background: url(../images/content/home/girl.gif) 0 0 no-repeat;
  top: 151px;
  left: 286px;
  font-size: 1.1em;
}

#home #bankbiljetten{
  position: absolute;
  left: 38px;
  top: 261px;
  width: 120px;
  color: #4a4a4a;  
}

#home #bankbiljetten h3{
  background: url(../images/content/home/bankbiljetten.gif) 0 0 no-repeat;
  width: 118px;
  height: 17px;
}

#home #betaalrekening{
  position: absolute;
  left: 499px;
  top: 191px;
  width: 170px;
  color: #333;  
}

#home #betaalrekening h3{
  background: url(../images/content/home/betaalrekening.gif) 0 0 no-repeat;
  width: 130px;
  height: 17px;  
}

#home #start{
  position: absolute;
  width: 334px;
  height: 201px;
  left: 599px;
  top: 0;
  z-index: 4;
  background: url(../images/content/home/start.jpg) 0 0 no-repeat;  
  padding: 37px 0 0 69px;
  font-size: 1.1em;
}

#home #start h2{
  background: url(../images/content/home/wat_weet_jij_over.gif) 0 0 no-repeat;  
  width: 262px;
  height: 46px;
  margin-bottom: 10px;    
}

#home #start p{
  width: 122px;
}

#home #panel h2{
  background: url(../images/content/home/inleiding.gif) 0 0 no-repeat;
  width: 118px;
  height: 25px;
  margin-bottom: 10px;  
}

#home #panel{
  font-size: 1.2em;
  z-index: 3;
  position: absolute;
  width: 253px;
  height: 354px;
  left: -30px;
  top: 247px;
  z-index: 4;
  background: url(../images/content/home/panel.png) 0 0 no-repeat;  
  padding: 57px 60px 83px 45px;     
}

#home #docenten{
  position: absolute;
  top: 298px;
  padding-top: 14px;
  width: 162px;
}

#home #panel h3{
  text-indent: 0;
  color: #fff;
}

#start_ob,
#start_bb{
  text-indent: -10000px;
  overflow: hidden;
  position: absolute;
  background: url(../images/content/home/buttons.gif) 0 0 no-repeat;
  width: 180px;
  height: 33px;
  left: 193px;
  top: 104px;
}

#start_bb{
  background-position: 0 -33px;
  top: 137px;  
}

#start_bb:hover{
  background-position: 0 -99px;
}

#start_ob:hover{
  background-position: 0 -66px;  
}


#home #footer{
  position: absolute;
  top: 740px;
  margin-top: 0;
  line-height: 1.5;
  z-index: 4;
  width: 100%;
}

#home #footer #dnb{
  width: 155px;
  position: absolute;
  top: -87px;
  right: 0;
}


/* ======== */
/* = Menu = */
/* ======== */

#menu{
  position: absolute;
  top: 0;
  left: -7px;
  width: 206px;
}
#menu a.homelink{
  display: inline;
  background: none;
}
#menu img{
  display: block;
}

#dices{
  z-index: 1;
  position: absolute;
  top: 46px;
  left: 110px;
}

#menu ul{
  height: 267px;
  padding-top: 7px;
  padding-left: 7px;
  background: url(../images/backgrounds/menu.png) 0 0 no-repeat;
}

#menu a{
  display: block;
  background: url(../images/backgrounds/menu-li.gif) 0 0 no-repeat;
  height: 20px;
  width: 162px;
  text-indent: -10000px;
}

#mVoorDocenten{
  margin-top: 40px;
}

.ob #mVoorDocenten{
  margin-top: 80px;
}

#mIntro a {           background-position: 0 -7px; }
#mDeEuro a {          background-position: 0 -27px; }
#mMunten a {          background-position: 0 -47px; }
#mBankbiljetten a {   background-position: 0 -67px; }
#mBetaalrekening a {  background-position: 0 -87px; }
#mWisselkoersen a {   background-position: 0 -107px; }
#mInflatie a {        background-position: 0 -127px; }
#mExtraOpdrachten a { background-position: 0 -147px; }
#mEindtoets a {       background-position: 0 -167px; }
#mBeoordeling a {     background-position: 0 -187px; }
#mVoorDocenten a {    background-position: 0 -227px; }

body.intro #mIntro a,                      #mIntro a:hover {           background-position: -165px -7px; }
body.de_euro #mDeEuro a,                   #mDeEuro a:hover {          background-position: -165px -27px; }
body.munten #mMunten a,                    #mMunten a:hover {          background-position: -165px -47px; }
body.bankbiljetten #mBankbiljetten a,      #mBankbiljetten a:hover {   background-position: -165px -67px; }
body.betaalrekening #mBetaalrekening a,    #mBetaalrekening a:hover {  background-position: -165px -87px; }
body.wisselkoersen #mWisselkoersen a,      #mWisselkoersen a:hover {   background-position: -165px -107px; }
body.inflatie #mInflatie a,                #mInflatie a:hover {        background-position: -165px -127px; }
body.extra_opdrachten #mExtraOpdrachten a, #mExtraOpdrachten a:hover { background-position: -165px -147px; }
body.eindtoets #mEindtoets a,              #mEindtoets a:hover {       background-position: -165px -167px; }
body.beoordeling #mBeoordeling a,          #mBeoordeling a:hover {     background-position: -165px -187px; }
body.voor_docenten #mVoorDocenten a,       #mVoorDocenten a:hover {    background-position: -165px -227px; }

/* =========== */
/* = Submenu = */
/* =========== */

#submenu{
  position: absolute;
  top: 340px;
  left: -7px;
  width: 206px;
}
#submenu ul {
  padding-top: 7px;
  padding-left: 7px;
}
#submenu a{
  display: block;
  background: url(../images/backgrounds/submenu-li.png) 0 0 no-repeat;
  height: 20px;
  width: 170px;
  text-indent: -10000px;
}
#mVoorDocenten-hoe a{               background-position: 0 0;}
#mVoorDocenten-examenonderwerpen a{ background-position: 0 -22px;}
#mVoorDocenten-meer-informatie a {  background-position: 0 -44px;}
#mVoorDocenten-colofon a {          background-position: 0 -66px;}
#mVoorDocenten-beoordeling a {      background-position: 0 -88px;}

body#hoe_de_les_te_gebruiken #mVoorDocenten-hoe a,          #mVoorDocenten-hoe a:hover {                background-position: -180px 0; }
body#examenonderwerpen #mVoorDocenten-examenonderwerpen a,  #mVoorDocenten-examenonderwerpen a:hover {  background-position: -180px -22px; }
body#meer_informatie #mVoorDocenten-meer-informatie a,      #mVoorDocenten-meer-informatie a:hover {    background-position: -180px -44px; }
body#colofon #mVoorDocenten-colofon a,                      #mVoorDocenten-colofon a:hover {            background-position: -180px -66px; }
body#beoordeling #mVoorDocenten-beoordeling a,              #mVoorDocenten-beoordeling a:hover {        background-position: -180px -88px; }

/* =========== */
/* = Columns = */
/* =========== */
.col5,
.col10,
.col20,
.col30,
.col40,
.col50,
.col50nomargin,
.col60,
.col70,
.col80,
.col80nomargin,
.col90{
  position: relative;
  float: left;
  margin-right: 8px;  
}
.col5{
  width: 25px;
}

.col10{
  width: 55px;
}

.col20{
  width: 188px;
}

.col30{
  width: 253px;
}

.col40{
  width: 302px;
}

.col50{
  width: 384px;
}

.col50nomargin{
  width: 392px;
  margin-right: 0;
}

.col50right {
  width: 384px;
  float:right;
}

.col60{
  width: 430px;
}

.col70{
  width: 515px;
}

.col80{
  width: 580px;
}

.col80nomargin{
  width: 588px;
  margin-right: 0;
}

.col90{
  width: 671px;
}

/* ============= */
/* = Autoclear = */
/* ============= */

div.columns:after{
	content: ".";
	visibility: hidden;
	clear: both;
	display: block;
	height: 0px;
}

/* ========== */
/* = Player = */
/* ========== */

.right div.player{
  float: right;
}

div.player{
  float: left;
  color: #fff;
}

div.player .top-left{
  background: url(../images/backgrounds/player-top-left.gif) 0 0 no-repeat;
}

div.player .bottom-left{
  background: url(../images/backgrounds/player-bottom-left.gif) 0 100% no-repeat;  
}

div.player .top-right{
  background: url(../images/backgrounds/player-top-right.gif) 100% 0 no-repeat;    
}

div.player .bottom-right{
  min-height: 200px;
  padding: 17px 15px 13px 15px;  
  background: url(../images/backgrounds/player-bottom-right.gif) 100% 100% no-repeat;      
}

div.player .foot{
  float: left;
  padding-bottom: 77px;
  background: url(../images/backgrounds/player-foot.png) 50% 100% no-repeat;        
}

/* ============= */
/* = Buttons = */
/* ============= */
a.next {
  width: 119px;
  height: 28px;
  text-indent: -10000px;
}
a.next{
  background: url(../images/texts/ga_verder.gif) 0 0 no-repeat;
}
a.next:hover{
  background: url(../images/texts/ga_verder.gif) 0 -28px no-repeat;
}
/* ============= */
/* = Questions = */
/* ============= */

div.questions{
  margin-left: -9px;
}

div.questions .small{
  font-size: .95em;
}

div.questions .content{
  min-height: 75px;
  padding: 22px 22px 1px 22px;
  background: url(../images/backgrounds/questions.png) 0 0 no-repeat;
}

div.questions .footer{
  position: relative;
  background: url(../images/backgrounds/questions-footer.png) 0 100% no-repeat;  
  height: 43px;
  min-height: 0;
}

div.footer{
  position: relative;
  min-height: 75px;
}

div.questions .asterix{
  font-size: 2em;
  color: #0051a9;
}

div.footer a.next,
div.questions .footer a.next{
  position: absolute;
  left: 30px;
  bottom: 14px;
}

div.footer a.next{
  left: auto;
  right: 0;
}

h2.question{
  width: 82px;
  height: 25px;
  margin-bottom: 1em;
  text-indent: -100000px;
  background: url(../images/texts/vraag.gif) 0 0 no-repeat;
}

.questions ol{
  color: #0051a9;
  font-weight: bold;
  list-style: decimal outside;
}

.questions ol li{
  margin-left: 1.7em;
  margin-bottom: 1.3em;
  display: list-item;
}

.questions ol li li{
  margin-bottom: 0;
}

.questions ol li div{
  font-weight: normal;
  color: #333;
}

.questions ol li ol {
  margin-top: 1em;
  color: #333;
  font-weight: normal;
}

.questions ol ol.subitems, 
.questions ol ol.options{
  color: #0051a9;
  font-weight: bold;
}
.questions ol ol.subitems, 
.questions ol ol.options{
  list-style: lower-alpha outside;
}
.questions ol.subitems li,
.questions ol.options li, 
.questions ol.choices li {
  margin-bottom: 0;
}

.questions ol.options{
  margin: 0;
}

.questions ol.choices{
  margin-top: 0;
}

.questions ol li ol.subitems{
  margin-top: 0;
}

/* ============= */
/* = Feedback = */
/* ============= */

div.feedback{
  margin-left: 0;
  margin-bottom: 3em;
}

div.feedback .small{
  font-size: .95em;
}

div.feedback .content{
  padding: 22px 22px 1px 22px;
  background: url(../images/backgrounds/feedback.png) 0 0 no-repeat;
}

div.feedback .footer{
  position: relative;
  background: url(../images/backgrounds/feedback-footer.png) 0 100% no-repeat;  
  height: 43px;
  min-height: 0;
}

div.feedback .footer a.send{
  position: absolute;
  left: 26px;
  bottom: 12px;
}

/* ========== */
/* = Slider = */
/* ========== */

div.slider{
  position: relative;
}

div.slider div.window{
  overflow: hidden;
  height: 350px;
  position: relative;  
}

div.slider ul.images{
  width: 100000px;
  position: relative;  
  margin: 0 40px;
  left: 0px;
}

div.slider a.next,
div.slider a.previous{
  overflow: hidden;
  position: absolute;
  height: 354px;
  width: 41px;
  z-index: 100;
  top: 0;  
}

div.slider a.next span,
div.slider a.previous span{
  display: block;
  position: relative;
  text-indent: -1000px;  
  width: 41px;
  height: 354px;
  background: #fff;
  background: url(../images/buttons/slider-arrows.gif) #fff 0 50% no-repeat;
}

div.slider a.previous span{
  background-position: 0 50%;
}

div.slider a.next span{
  background-position: -45px 50%;  
}

div.slider a.previous:hover span{
  background-position: -180px 50%;
}

div.slider a.next:hover span{
  background-position: -105px 50%;  
}

div.slider a.previous{
  padding-right: 12px;
  left: 0;
  background: url(../images/buttons/billy-slider-previous.png) 100% 50% no-repeat;
}

div.slider a.next{
  padding-left: 12px;  
  right: 0;
  background: url(../images/buttons/billy-slider-next.png) 0 50% no-repeat;  
}

/* ========= */
/* = Fonts = */
/* ========= */

div.footer{
  font-size: 0.95em;
}

div.questions,
div.text{
  font-size: 1.2em;
  line-height: 1.3;
}

div.text p.intro{
  font-size: 1.08em; /* 13px */
}

p.intro{
  font-weight: bold;  
}

div.text ol{
  margin-bottom: 1em;
  list-style: decimal outside;
}

div.text ol li{
  margin-left: 1.7em;
}

div.text ul{
  margin-left: 1.7em;
  margin-bottom: 1em;
  list-style: disc;
}

h1{
  font-family: georgia, serif;
  font-weight: bold;
  font-size: 2.4em;
  margin-bottom: 30px;
}

div.text p, div.questions p, div.questions table{
  margin-bottom: 1em;
}
/* extra info */
.extra{
  font-size: .9em;
  font-style: italic;
  margin-bottom: 1em;
}
.shift-left{
  margin-left: -10px;
}
.extra a{
  color: #2067b4;
}

/* boxes */
div.box255, div.box255-pointer, div.box220, div.box163{
  line-height: 1.6em;
}
div.box220{
  margin-left: 35px;
  margin-bottom: 28px;
}
div.box255-pointer a, div.box255 a, div.box220 a, div.box163 a{
  display:block;
  text-decoration: none;
  color: #333;
}
div.box255-pointer a, div.box255 a{
  padding: 11px 5px 42px 40px;
}
div.box220 a{
  padding: 13px 5px 12px 43px;
}
div.box163 a{
  padding: 13px 5px 15px 43px;
}

div.box255-pointer a{
  background: url(../images/backgrounds/box255.gif) 0 0 no-repeat;
}
div.box255-pointer a:hover, div.box255-pointer a.active{
  background: url(../images/backgrounds/box255.gif) 0 -74px no-repeat;
}
div.box255 a{
  background: url(../images/backgrounds/box255.gif) 0 -148px no-repeat;
}
div.box255 a:hover, div.box255 a.active{
  background: url(../images/backgrounds/box255.gif) 0 -223px no-repeat;
}
div.box220 a{
  background: url(../images/backgrounds/box220.gif) 0 -50px no-repeat;
}
div.box220 a:hover, div.box220 a.active{
  background: url(../images/backgrounds/box220.gif) 0 0 no-repeat;
}
div.box163 a{
  background: url(../images/backgrounds/box163.gif) 0 -48px no-repeat;
}
div.box163 a:hover, div.box163 a.active{
  background: url(../images/backgrounds/box163.gif) 0 0 no-repeat;
}
div.box255-pointer a img, div.box255 a img, div.box220 a img{
  float: right;
  padding-right: 50px;
  margin-top: -6px;
}

/* Navigation-Bar */

div.navigation-bar{
height: 53px;
}
div.navigation-bar ul li{
  background: url(../images/backgrounds/navigation-bar-item.png) 0 -53px no-repeat;
  float: left;
  padding-top: 6px;
  padding-bottom: 6px;
}
div.navigation-bar ul li.first{
  background: url(../images/backgrounds/navigation-bar-item.png) 0 -107px no-repeat;
  padding-left: 8px;
}
div.navigation-bar ul li.last{
  background: url(../images/backgrounds/navigation-bar-item.png) right 0 no-repeat;
  padding-right: 6px;
}
div.navigation-bar ul li a{
  display: block;
  background: url(../images/backgrounds/navigation-bar-item-link.png) right 0 no-repeat;
  font-size: 1.2em;
  text-decoration: none;
  color: #333;
  padding: 10px 10px 10px 10px;
  line-height: 1.6em;
}
div.navigation-bar ul li.last a{
  padding-right: 12px;
}
div.navigation-bar ul li a:hover, div.navigation-bar ul li a.active{
  background: url(../images/backgrounds/navigation-bar-item-link.png) right -45px no-repeat;
}
 
/* ============================ */
/* = Custom page local styles = */
/* ============================ */

/* General Table Style */

table.blue{
  font-size: .95em;
  border-width: 0px;
  border-collapse:collapse;
  margin-top: 1em;
  margin-bottom: 1em;
}

table.blue tr td{
  background-color: #d1e4ed;
  border-top: 2px solid #fff;
  border-bottom: 1px solid #d1e4ed;
  padding-right: 20px;
  line-height: 1.95em;
}

div.white-div{
  width: 100%;
  height: 1.95em;
  margin-top: -2px;
  background-color: #fff;
}

/* Page Geld tellen */
#geld_tellen #content table {
  font-size: .95em;
  border-width:0px;
  border-style:solid;
  border-color:#ff9900;
  border-collapse:collapse;
}

#geld_tellen #content table tr {
  background-color: #d1e4ed;
  border-top: 1px solid #fff;
}
#geld_tellen #content table tr td {
  border: 0px;
  border-top: 1px solid #fff;
}

#geld_tellen #content table tr td.col1{
  width: 120px;
  padding: 2px 5px 2px 5px;
}

#geld_tellen #content table tr td.col2{
  width: 60px;
  text-align: right;
  padding: 2px 5px 2px 0;
}

#geld_tellen #content table tr td.col3{
  width: 100px;
  text-align: right;
  padding: 2px 5px 2px 0;
}

#geld_tellen #content table tr.total {
  background-color: #e1edf3;
  font-weight: bold;
  height: 1.1em;
}
#geld_tellen #content table tr.total td {
  border-top: 3px solid #fff;
}

#geld_tellen #content .questions table tr td.col1{
  width: 90px;
  padding: 2px 5px 2px 10px;
}

#geld_tellen #content .questions table tr td.col2{
  width: 60px;
  text-align: right;
  padding: 2px 5px 2px 0;
}

#geld_tellen #content .questions table tr td.col3{
  width: 70px;
  text-align: right;
  padding: 2px 25px 2px 0;
}

/* Page Het eurogebied */

#het_eurogebied #content .columns ol{
  list-style-type:decimal;
  margin-bottom: 3em;
}

#het_eurogebied #content .columns ol li {
  padding: 0pt; 
  line-height: 1.3em;
  font-size: .9em;
}

#het_eurogebied #content .columns ol li.topitem{
  margin-top: -23.4em;
}

#het_eurogebied #content .columns ol li.col1{ 
  margin-left: 3em;
}

#het_eurogebied  #content .columns ol li.col2{
  margin-left: 13em;
}

/* Geschiedenis van munten */

#geschiedenis_van_munten #timeline,
#geschiedenis_van_munten #timeline .description,
#geschiedenis_van_munten #timeline{
  position: relative;
}

#geschiedenis_van_munten #timeline .line{
  position: relative;  
  background: url(../images/content/munten/timeline.gif) 0 0 no-repeat;
  width: 587px;
  height: 169px;
}

#geschiedenis_van_munten #timeline .content{
  background: url(../images/content/munten/content.jpg) 0 0 no-repeat;
  margin-top: -30px;
  margin-left: -13px;
  margin-right: -20px;
  padding: 27px 45px 20px 20px;
  height: 250px;
  width: 546px;
  position: relative;
  zoom: 1;
}

#geschiedenis_van_munten #timeline .content img,
#geschiedenis_van_munten #timeline .content .text{
  float: left;
  display: block;
}

#geschiedenis_van_munten #timeline .content .text{
  margin-top: 33px;
  width: 280px;
}

#geschiedenis_van_munten #timeline .description{
  display: none;
  zoom: 1;
}

#timeline.y3000bc #y3000bc,
#timeline.y32bc #y32bc,
#timeline.y1521ad #y1521ad,
#timeline.y2002ad #y2002ad{ 
  display: block;
}

#geschiedenis_van_munten #timeline img.arrow{
  float: none;
  position: absolute;
  width: 44px;
  height: 64px;
  top: -71px;
  text-indent: 0;
}

#y3000bc .arrow{
  left: 22px;
}

#y32bc .arrow{
  left: 126px;
}

#y1521ad .arrow{
  left: 393px;
}

#y2002ad .arrow{
  left: 462px;
}

#timeline .line a{
  position: absolute;
  text-indent: -10000px;
  background: url(../images/content/munten/timeline-a-hover.gif) -100px -100px no-repeat;
}

#timeline .line a:hover{
  background-position: 0 100%;
}

#timeline .line .y3000bc{
  width: 111px;
  height: 114px;
  left: 37px;
  top: 8px;
}

#timeline .line .y32bc{
  width: 65px;
  height: 67px;
  left: 141px;
  top: 55px;
}

#timeline .line .y1521ad{
  width: 49px;
  height: 51px;
  left: 408px;
  top: 71px;
}

#timeline .line .y2002ad{
  width: 49px;
  height: 51px;
  left: 477px;
  top: 71px;
}


/* Page Billy Bankbiljet*/

#billy{
  width: 740px;
  margin: 0 auto;
}

#billy div.window{
  width: 740px;
}

#billy ul.images li{
  text-align: center;
  padding: 0 30px;
  padding-top: 60px;
  width: 600px;
  float: left;
}

#billy .title{
  position: absolute;
  left: 81px;
  top: 30px;
}

/* Bankbiljetten in omloop */

#bankbiljetten_in_omloop .bankbiljetten_in_omloop{
  background: url(../images/backgrounds/bankbiljetten_in_omloop.png) 0 0 no-repeat;
}
#bankbiljetten_in_omloop #content div.buttons {
  padding-top: 22px;
}
#bankbiljetten_in_omloop #content div.buttons p{
  margin-bottom: 1.1em;
}

/* Bankbiljetten controleren */
#bankbiljetten_controleren #content .bankbiljetten_controleren{
  background: url(../images/backgrounds/bankbiljetten_controleren.png) 0 0 no-repeat;
  padding-bottom: 2em;
}
#bankbiljetten_controleren #content div.buttons{
  padding-top: 6px;
}

/* Bankbiljetten echtheidskenmerken*/

.movienav{
  float: left;
  margin-top: 30px;
  background: url(../images/backgrounds/movienav.gif) 100% 0 #a1a1a1 no-repeat;
  padding-top: 12px;
  width: 150px;
  font-size: 1.2em;
}

.movienav li{
  padding-right: 15px;
  margin-bottom: 3px;
}

.movienav a{
  padding: 8px 15px 8px 38px;
  background: #fff;
  display: block;
  color: #3d3e3f;
  text-decoration: none;
  background: url(../images/buttons/bullet-gold.gif) #fff 9px 6px no-repeat;
}

.movienav li.active a,
.movienav a:hover{
  background: url(../images/buttons/bullet-silver.gif) #d1e4ed 9px 6px no-repeat;
}

.movienav li.last{
  margin-bottom: 0;
  background: url(../images/backgrounds/movienav-li-last.gif) 100% 100% no-repeat;
  padding-bottom: 15px;
}

/* Betalen met een pinpas */
#betalen_met_een_pinpas #content img.pin{
  position: absolute;
  left: -89px;
  top: 200px;
  
}

/* Betalen met chipknip */
#betalen_met_chipknip #content img.right {
  float: right;
  margin-bottom: 1em;
}

/* Betalen via internet */
#betalen_via_internet .laptopplayer{
  width: 776px;
  height: 395px;
  padding: 51px 0 0 180px;
  background: url(../images/backgrounds/player-laptop.jpg) 0 0 no-repeat;
}

#betalen_via_internet #content .questions div.factuur-adres{
  width: 147px;
  font-size: .9em;
  padding: 6px 11px 6px 11px;
  border: 2px solid #374470;
  margin: 1em 0 1em 0;
}
#betalen_via_internet #content .questions table.invoice-info {
  width: 220px;
  border-width:0px;
  border-style:solid;
  border-collapse:collapse;
  margin-left: 0;
}
#betalen_via_internet #content .questions table.invoice-info th{
  text-align: left;
}
#betalen_via_internet #content .questions table {
  width: 730px;
  border-width:0px;
  border-style:solid;
  border-collapse:collapse;
  margin-left: -5px;
}
#betalen_via_internet #content .questions table tr th {
  text-align: left;
}
#betalen_via_internet #content .questions table tr .col1{
  width: 234px;
  padding-left: 5px;
}

#betalen_via_internet #content .questions table tr .col2{
  width: 105px;
}

#betalen_via_internet #content .questions table tr .col3{
  width: 140px;
}

#betalen_via_internet #content .questions table tr .last{
  padding-right: 30px;
}
#betalen_via_internet #content .questions table tr .sum {
  text-align: right;
  padding-right: 22px;
}
#betalen_via_internet #content .questions table .right {
  text-align: right;
}
#betalen_via_internet #content .questions table tr.productrow {
  background-color: #e3eafc;
}

#betalen_via_internet #content .questions table tr td.totalrow {
  background-color: #e4fae3;
}
#betalen_via_internet div.factuur {
  position: absolute;
  bottom: 360px;
  left: 770px;
  font-size: 3em;
  color: #ededed;
  font-style: italic;
  font-weight: bold;
}
/* Wisselkoers van de euro */
#wisselkoers_van_de_euro #content table{
  width: 485px;
  margin-left: -10px;
}
#wisselkoers_van_de_euro #content table tr th{
  text-align: left;
}
#wisselkoers_van_de_euro #content table tr .col1{
  width: 135px;
  padding-left: 10px;
}
#wisselkoers_van_de_euro #content table tr .col2{
  width: 140px;
}
#wisselkoers_van_de_euro #content table tr .col3{
  width: 90px;
}

/* Wisselkoersen veranderen */
#wisselkoers_veranderen #content div.navigation-bar ul li a{
  width: 97px;
}

#wisselkoers_veranderen div.window div{
  display: none;
}

#wisselkoers_veranderen div.window div.active{
  display: block;
}

/* Valuta wisselen */

#valuta_wisselen #content .questions table{
  width: 500px;
}
#valuta_wisselen #content .questions table tr th{
  text-align: left;
  padding-left: 20px;
}
#valuta_wisselen #content .questions table tr td{
  padding-right: 20px;
  padding-left: 20px;
}
#valuta_wisselen #content .questions table.breuk tr td{
  width: 150px;
  text-align: left;
}
#valuta_wisselen #content span.yellow{
  background-color: #fbf306;
}
#valuta_wisselen #content span.green{
  background-color: #adfb06;
}

/* Vijf voorbeelden */

#vijf_voorbeelden #examples,
#meten_van_prijzen #meten{
  margin-bottom: 20px;
}

#vijf_voorbeelden div.window img{
  display: none;
}

#vijf_voorbeelden div.window img.active{
  display: block;
}

#vijf_voorbeelden #content div.navigation-bar ul li a{
  width: 150px;
}
#vijf_voorbeelden #content table.prijzen{
  width: 683px;
  margin-left: -1.7em;
}
#vijf_voorbeelden #content table.prijzen tr th{
  text-align: left;
}
#vijf_voorbeelden #content table.prijzen tr .col1{
  padding-left: 1.7em;
}
#vijf_voorbeelden #content table.prijzen tr .col2{
  width: 115px;
}
#vijf_voorbeelden #content table.prijzen tr .col3{
  width: 130px;
}
#vijf_voorbeelden #content table.prijzen tr .col4{
  width: 114px;
}
#vijf_voorbeelden #content table.prijzen tr td.col5{
  padding-right: 70px;
}

#vijf_voorbeelden #content table.prijsontwikkeling{
  width: 540px;
  margin-left: -1.7em;
}
#vijf_voorbeelden #content table.prijsontwikkeling tr th{
  text-align: left;
}
#vijf_voorbeelden #content table.prijsontwikkeling tr .col1{
  width: 95px;
  padding-left: 1.7em;
}
#vijf_voorbeelden #content table.prijsontwikkeling tr .col2{
  width: 105px;
}
#vijf_voorbeelden #content table.prijsontwikkeling tr .col3{
  width: 140px;
}
#vijf_voorbeelden #content table.prijsontwikkeling tr .col4{
  padding-right: 20px;
}
#vijf_voorbeelden #content table.prijsontwikkeling tr td{
  padding-right: 35px;
}

/* Meten van prijzen */


#reken_met_procenten div.window img,
#meten_van_prijzen div.window img{
  display: none;
}

#reken_met_procenten div.window img.active,
#meten_van_prijzen div.window img.active{
  display: block;
}

#meten_van_prijzen #content div.navigation-bar ul li a{
  width: 200px;
}
/* Hyperinflatie  */

#biljetten h2{
  margin-bottom: 10px;
  font-weight: normal;
}

#biljetten{
  width: 762px;
  margin: 0 auto;
}

#biljetten div.window{
  width: 762px;
}

#biljetten a.previous{
  background-image: url(../images/buttons/inflatie-slider-previous.png);
}

#biljetten a.next{
  background-image: url(../images/buttons/inflatie-slider-next.png);  
}

#biljetten div.window,
#biljetten a.next span,
#biljetten a.previous span,
#biljetten a.next,
#biljetten a.previous{
  height: 510px;
}

#biljetten ul.images li{
  background: #f7f7f7;
  text-align: left;
  padding: 15px 30px;
  width: 620px;
  height: 430px;
  overflow: hidden;
  margin: 30px 0;
  float: left;
}

#biljetten .title{
  position: absolute;
  left: 81px;
  top: 30px;
}
#reken_met_procenten div.questions a {
  color: #0051a9;
}
#reken_met_procenten div.questions div.answer{
  color: #0051a9;
  margin: 1em 1em 1em 0;
  padding-bottom: 1em;
  border-bottom: solid 1px #a6a6a6;
}
#reken_met_procenten li.hide_answer div.answer{
  display: none;
}

#valuta_in_de_wereld div.questions div.content div.info{
  position: absolute;
  font-style: italic;
  bottom: 210px;
  left: 600px;
}
/* =============== */
/* = form fields = */
/* =============== */
span.checkbox {
   width: 26px;
   height: 25px;
   padding: 0 5px 0 0;
   background: url(../images/buttons/checkbox.gif) no-repeat;
   display: block;
   clear: left;
   float: left;
 }

/* Minder kopen */

#minder_kopen #content table{
  width: 380px;
}
#minder_kopen #content table tr th{
  text-align: left;
  padding-left: 10px;
}
#minder_kopen #content table tr th.col1{
  width: 113px;
}
#minder_kopen #content table tr th.col2{
  width: 20px;
}
#minder_kopen #content table tr th.col3{
  width: 60px;
}
#minder_kopen #content table tr th.col4{
  padding-right: 20px;
}
#minder_kopen #content table tr td{
  padding-left: 10px;
  padding-right: 35px;
}
#minder_kopen #content .questions table{
  width: 520px;
}
#minder_kopen #content .questions table tr th{
  text-align: left;
  padding-left: 10px;
}
#minder_kopen #content .questions table tr .col1{
  width: 120px;
  padding-left: 1.7em;
}
#minder_kopen #content .questions table tr .col2{
  width: 144px;
}

/* Reken met procentent*/
#reken_met_procenten #content div.buttons{
  position: absolute;
  width: 163px;
  margin-top: 20px;
}

/* Leer alle begrippen */
#leer_alle_begrippen #content dl{
  border-bottom: 1px solid #bcbcbc;
  padding-bottom: 1em;
  margin-bottom: 1em;
  font-size: .95em;
}
#leer_alle_begrippen #content dl.bottom{
  border-bottom: none;
  margin-bottom: 3em;
}
#leer_alle_begrippen #content dl dt {
  padding-left: 10px;
  background: url(../images/backgrounds/definition-yellow.png) 0 center no-repeat;
}
#leer_alle_begrippen #content dl dt a{
  text-decoration: none;
  color: #333;
}
#leer_alle_begrippen #content dl dt.active a, #leer_alle_begrippen #content dl dd.active {
  color: #0051a9;
}
#leer_alle_begrippen #content dl dt.active {
  background: url(../images/backgrounds/definition-blue.png) 0 center no-repeat;
}
#leer_alle_begrippen #content dl dd {
  padding-left: 10px;
}
#leer_alle_begrippen #content dl dd.active {
  margin-bottom: 1em;
}
#leer_alle_begrippen #content a.next{
  float: left;
}

/* Maak kruiswoordpuzzel */
#maak_kruiswoordpuzzel #content iframe{
  width: 770px;
  height: 1500px;
  border: none;
  margin-bottom: 1em;
}

/* Beoordeling */
#boordeling #content p {
  vertical-align: middle;
}

#beoordeling #content input.grade{
  font-family: verdana, helvetica, arial, sans-serif;
  background-color: #f2f2f2;
  width: 40px;
  height:19px;
  margin-left: 10px;
  text-align: right;
  padding-right:1px;
  padding-top: 1px;
}

#beoordeling #content p.textarea label{
  display: block;
}

#beoordeling #content textarea{
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: .95em;
  background-color: #f2f2f2;
  width: 450px;
  height: 100px;
}

#beoordeling #content span.info {
  font-size: .95em;
  position: absolute;
  left: 175px;
  z-index: 100;
  width: 300px;
}

/* Examenonderwerpen */

#examenonderwerpen #content ul li{
  font-weight: bold;
  margin-left:0;
}
#examenonderwerpen #content ul li ul{
  list-style-image: url(../images/backgrounds/dash.gif);
  margin-bottom: 0;
}
#examenonderwerpen #content ul li ul li{
  margin-left: -1.7em;
  font-weight: normal;
}

/* waar komt de munt vandaan */

#waar_komt_de_munt_vandaan #content a.next{
  float: right;
}

/* Bekijk het inflatiefilmpje */ 
#bekijk_het_inflatiefilmpje #content div.player{
  padding-left: 100px;
}

/* Meer informatie */ 

#meer_informatie #content .text a {
  color: #0051a9;
}
#meer_informatie #content img.right {
  float: right;
  margin-top: 2em;
}
#meer_informatie #content .with-background {
  background: url(../images/backgrounds/column-background.png) 0 0 no-repeat;
  height: 570px;
  padding: 20px;
  margin-right: -10px;
  margin-bottom: 100px;
}
#meer_informatie #content .with-background p,  #meer_informatie #content .with-background h2 {
  padding-left: 10px;
  padding-right: 20px;
}
#meer_informatie #content div.player {
  margin-bottom: 1em;
}
#meer_informatie #content ul {
  list-style-image: url(../images/backgrounds/dash.gif);
  margin-bottom: 0;
  margin-top: 0;
}
#meer_informatie #content ul li{
  margin-bottom: 1em;
  margin-left: -10px;
}
/* Beoordeling Buttons */
button.send{
  width: 119px;
  height: 28px;
  border: none;
  text-indent: -10000px;
  background: url(../images/buttons/verzend.gif) 0 0 no-repeat;
  margin-left: 27px;
  margin-top: 5px;
}

/* Eindtoets Buttons */
button.doe-de-toets{
  width: 130px;
  height: 28px;
  border: none;
  text-indent: -10000px;
  margin-left: -5px;
  margin-top: 10px;
  background: url(../images/buttons/doe-de-toets.gif) 0 0 no-repeat;
}

button.doe-de-toets:hover{
  background: url(../images/buttons/doe-de-toets.gif) 0 -28px no-repeat;
}

button.ga-verder, button.check-antwoord{
  position: absolute;
  left: 800px;
  top: 200px;
  width: 165px;
  height: 28px;
  border: none;
  text-indent: -10000px;
}

button.ga-verder{
  background: url(../images/buttons/ga-verder.gif) 0 0 no-repeat;
}


button.check-antwoord{
  background: url(../images/buttons/check-antwoord.gif) 0 0 no-repeat;
}

button.hover,
button:hover{
  background-position: 0 -28px;
}


/* Eindtoets */

div.eindtoets{
  margin-left: -9px;
}

div.eindtoets .small{
  font-size: .95em;
}

div.eindtoets .content{
  font-size: 1.25em;
  height: 425px;
  padding: 60px 22px 1px 35px;
  background: url(../images/backgrounds/eindtoets.png) 0 0 no-repeat;
}

div.eindtoets .content-home{
  height: 425px;
  padding: 60px 22px 1px 22px;
  background: url(../images/backgrounds/eindtoets-home.png) 0 0 no-repeat;
}

div.eindtoets .content-home div{
  padding-left: 2em;
  width: 250px;
}

div.eindtoets h2{
  display: block;
  color: #0051a9;
  margin-bottom: 1.3em;
  margin-left: 1.3em;
  font-size: 1.4em;
  font-weight: bold;
  width: 500px;
}

div.eindtoets ul{
  margin-left: 1.7em;
  color: #0051a9;
}

div.eindtoets ul li{
  line-height: 1.8em;
  margin-bottom: .5em;
  color: #333;
  width: 400px;
}

div.eindtoets ul li.wide{
  width: 510px;
}

div.eindtoets #navigation{
  color: #fff;
  position: absolute;
  top: 127px;
  left: 225px;
  font-weight: bold;
}
div.eindtoets div.fout, div.eindtoets div.goed{
  position: absolute;
  top: 240px;
  left: 797px;
  width: 182px;
  height: 163px;
  text-indent: -10000px;
}
div.eindtoets div.fout{
  background: url(../images/backgrounds/fout.gif) 0 0 no-repeat;
}
div.eindtoets div.goed{
  background: url(../images/backgrounds/goed.gif) 0 0 no-repeat;
}
div.eindtoets .content div.answer{
  margin-top: 3em;
  margin-left: 2em;
}
div.eindtoets .content div.answer span{
  font-weight: bold;
  color: #0051a9;
}
div.eindtoets .content p, div.eindtoets .content table {
  margin-left: 2em;
  margin-bottom: 1em;
}
div.eindtoets .content p.extra-info{
  font-size: .95em;
  font-style: italic;
}
div.eindtoets input.answer{
  font-family: verdana, helvetica, arial, sans-serif;
  background-color: #f2f2f2;
  padding-left: 5px;
  font-size: 1.1em;
  height: 22px;
  width: 440px;
  height:20px;
}
/* Vraag 2*/
#vraag_2 .content img{
  float: left;
  margin-left: 50px;
  margin-top: 20px;
}
#vraag_2 .content span.info{
  position: absolute;
  left: 460px;
  bottom: 200px;
  font-style: italic;
}
/*vraag 3 */
#vraag_3 .content dl{
  clear: left;
  margin-left: 2em;
}
#vraag_3 .content dl dt{
  width: 180px;
}
#vraag_3 .content dl dt, #vraag_3 .content dl dd {
  float: left;
  padding-bottom: 3px;
}
#vraag_3 div.eindtoets ul {
  padding-top: 2.5em;
}
#vraag_4 .content img{
  float: left;
  margin-left: 100px;
  margin-top: 50px;
}
#vraag_4 .content span.info{
  position: absolute;
  left: 440px;
  bottom: 190px;
  font-style: italic;
}
#vraag_8 .content img.countries {
  position: absolute;
  left: 500px;
  bottom: 180px;
}
#vraag_8 .content img.legend {
  float: left;
  margin-top: 2em;
  margin-left: 1.8em;
}
#vraag_9 .content img.countries {
  position: absolute;
  left: 500px;
  bottom: 180px;
}
#vraag_9 .content img.legend {
  float: left;
  margin-top: 2em;
  margin-left: 1.8em;
}
#vraag_19_ob .content img {
  position: absolute;
  left: 330px;
  bottom: 190px;
}
#vraag_21_bb table{
  margin-top: -10px;
  width: 380px;
  margin-bottom: 2em;
}
#vraag_21_bb table th{
  text-align: left;
}
#vraag_23_bb .content img {
  position: absolute;
  left: 350px;
  bottom: 190px;
}
#vraag_23_bb .content div.answer{
  margin-top: 15em;
}
#vraag_26_bb img.inflatie{
  margin-left: 2em;
}
#vraag_26_bb img.prijspeil{
  position: absolute;
  left: 650px;
  bottom: 170px;
}

/* Result */
div.score{
  height: 185px;
  text-indent: -10000px;
}
div.number_1{
  background: url(../images/content/eindtoets/1.gif) 0 0 no-repeat;
}
div.number_2{
  background: url(../images/content/eindtoets/2.gif) 0 0 no-repeat;
}
div.number_3{
  background: url(../images/content/eindtoets/3.gif) 0 0 no-repeat;
}
div.number_4{
  background: url(../images/content/eindtoets/4.gif) 0 0 no-repeat;
}
div.number_5{
  background: url(../images/content/eindtoets/5.gif) 0 0 no-repeat;
}
div.number_6{
  background: url(../images/content/eindtoets/6.gif) 0 0 no-repeat;
}
div.number_7{
  background: url(../images/content/eindtoets/7.gif) 0 0 no-repeat;
}
div.number_8{
  background: url(../images/content/eindtoets/8.gif) 0 0 no-repeat;
}
div.number_9{
  background: url(../images/content/eindtoets/9.gif) 0 0 no-repeat;
}
div.number_10{
  background: url(../images/content/eindtoets/10.gif) 0 0 no-repeat;
}
div.comma{
  position: absolute;
  top: 327px;
  left: 375px;
  height: 185px;
  text-indent: -10000px;
}
div.comma_1{
  background: url(../images/content/eindtoets/comma_1.gif) 0 0 no-repeat;
}
div.comma_2{
  background: url(../images/content/eindtoets/comma_2.gif) 0 0 no-repeat;
}
div.comma_3{
  background: url(../images/content/eindtoets/comma_3.gif) 0 0 no-repeat;
}
div.comma_4{
  background: url(../images/content/eindtoets/comma_4.gif) 0 0 no-repeat;
}
div.comma_5{
  background: url(../images/content/eindtoets/comma_5.gif) 0 0 no-repeat;
}
div.comma_6{
  background: url(../images/content/eindtoets/comma_6.gif) 0 0 no-repeat;
}
div.comma_7{
  background: url(../images/content/eindtoets/comma_7.gif) 0 0 no-repeat;
}
div.comma_8{
  background: url(../images/content/eindtoets/comma_8.gif) 0 0 no-repeat;
}
div.comma_9{
  background: url(../images/content/eindtoets/comma_9.gif) 0 0 no-repeat;
}