/*

Common colors

        #000000 - headers
        #58575a - grey

2-column layout

  left          padding-right: 50px;

  hdivider      width:         19px;

  right         padding-left:  50px;


*/

.landingbanner a,
.landingbanner img
{
  display:        block;
}
.pagelayout .landingbanner_twocol_bar
{
  width:          457px; /* 482 - 20 */
  height:         49px;

  vertical-align: middle;
  text-align:     right;
  padding-top:    5px;   /* compensatie voor schaduw onderaan, voor uitlijning */
  padding-right:  20px;
}

.landingbanner_left a { margin: 0 auto 0 0; }
.landingbanner_right a { margin: 0 0 0 3px; }

.landingbar_left
{
  background:     transparent url('../images/landingbanner_2c_bar.png ') no-repeat scroll left top;
}

.landingbar_right
{
  background:     transparent url('../images/landingbanner_2c_bar.png ') no-repeat scroll right top;
}

.pagelayout .landingbanner_twocol_bar form
{
  display:        inline; /* so vertical alignment isn't messed up */
}

/**********************************

Homepage

**********************************/

#homepagelayout
{
  border-collapse: collapse;
}
#homepagelayout td
{
  vertical-align: top;
}

#welcome
{
  padding-right:  20px;     /* design initially used 45px */

  overflow:       hidden;   /* also contain margins */
}
#welcome h1
{
  margin-top:     13px;
  font-size:      21px;
}

/* license 2 liberty afleveringen link */
a#videoplayerpanel
{
  display:        block;

  position:       relative;
  left:           4px;

  width:          318px;
  height:         249px;
  background:     transparent url('../images/homepage/videoplayer_info_panel.placeholder.png') no-repeat scroll left top;
}
/* de winnaar link. zodra deze live is, vervalt het nut van bovenstaande klasse */
div#videoplayerpanel
{
  display:        block;

  position:       relative;
  left:           4px;

  width:          318px;
  height:         238px;
  background:     transparent url('../images/homepage/the_winner_is.png') no-repeat scroll left top;
  /*
  background:     transparent url('../images/homepage/herhalingen_license_to_liberty.png') no-repeat scroll left top;
  */
}
div#videoplayerpanel a#videoplayerpanel_reactie
{
  display:block;
  position: absolute;
  top: 159px;
  left: 18px;
  width: 164px;
  height: 23px;
}
div#videoplayerpanel a#videoplayerpanel_seizoen
{
  display:block;
  position: absolute;
  top: 185px;
  left: 18px;
  width: 164px;
  height: 23px;
}

/* Geslaagd rijbewijs */
div#geslaagdpanelholder
{
  position:       relative;
  height:         309px;
/*  left:           4px;*/
}
div#geslaagdlinkpanel
{
  position: absolute;
  width: 312px;
  height: 80px;
  margin: 222px 0 0 2px;
  background: url(../images/homepage/geslaagd.gif) no-repeat top left;
}

div#geslaagdpanel
{
  position:absolute;
  width: 318px;
  height: 229px;
  z-index: 5;
}
div#geslaagdlinkpanel a
{
  position:absolute;
  left:245px;
  top:53px;
  width:42px;
  height:14px;
}


/**********************************
actionbar
**********************************/

#actionbar
{
  position:      relative;

  color:         #ffffff;

  overflow:      hidden; /* cut off our abs.positioned gradient */

  /* compensate for shadows */
  margin-top:    2px;
  margin-left:   5px;

  /* full width is 323px... 329x743 with shadow */
  width:         315px;
  padding:        4px 7px 5px 7px;
  background:    #3d3d3d url('../images/homepage/actionbar_bg.o.png') repeat-y scroll left top;
}

#actionbar .gradient
{
  position:      absolute;
  left:          3px;
  top:           3px;
  width:         323px;
  height:        857px;
  background:    #3d3d3d url('../images/homepage/actionbar_gradient.o.png') no-repeat scroll left top;
}

#actionbar .top
{
  position:      absolute;
  left:          0;
  top:           -2px;
  width:         329px;
  height:        5px;
  background:    transparent url('../images/homepage/actionbar_top.o.png') no-repeat scroll left top;
}

#actionbar .bottom
{
  position:      absolute;
  left:          0;
  bottom:        -2px;
  width:         329px;
  height:        6px;
  background:    transparent url('../images/homepage/actionbar_bottom.png') no-repeat scroll left top;
}

#actionbar .content
{
  position:      relative; /* make positioned so gradient doesn't get z-index priority */
}

#actionbar .hr
{
  height:        2px;
  background:    transparent url('../images/homepage/actionbar_divider.png') repeat-x scroll left top;
  margin:        9px 0 9px 0;
}

.actionblock
{
  margin:        9px 0 9px 0;
  padding:       0px 20px 5px 20px;
}

#actionbar h1
{
  font-size:     18px;
  color:         #fff;
}

h1.shadedheader
{
  background:    transparent url('../images/headerfade.png') repeat-x scroll top left;
  height:        44px;
  line-height:   38px;
  text-indent:   17px;

  margin-bottom: 0px;
}

/**********************************
Poll
**********************************/


#rijbewijspoll
{
  background-color: #232322;

  padding:          0 15px 15px 15px;

  font-size:        12px;
  font-weight:      bold;
  zoom:             1;     /* without hasLayout, IE won't align .btnandinfo because of line-height */
}

#rijbewijspollform
{
  margin:           0;
}

#rijbewijspoll .divider
{
  height:           1px;
  background:       transparent url('../images/homepage/actionblock_darkgrey_divider.png') repeat-x top left;
  margin:           9px 0;
}

#rijbewijspoll h1
{
  margin:           0 -15px 15px -15px;
  line-height:      38px;
  text-indent:      13px;
  background-image: url('../images/homepage/pollheader.png');
}

.pollchoices.pollvote
{
  margin-bottom:    10px; /* a little room between choices and vote button */
}

.pollchoices table
{
  width:            100%;

  margin:           10px 0 0 0;
  border-collapse:  collapse;
}

.pollchoices .selected.purple     { color: #b84183; }
.pollchoices .selected.smokeyblue { color: #4a98b7; }
.pollchoices .selected.yellow     { color: #cda434; }
.pollchoices .selected.red        { color: #ff4747; }
.pollchoices .selected.darkblue   { color: #5177a7; }

.pollchoices td
{
  vertical-align:   middle !important;
}

.polloption
{
  padding:          5px 0;
  padding-left:     25px;

  color:            #fff;
  font-size:        11px;
  font-family:     'VWHeadline Blk', Futura, Tahoma;
}

.pollvote .polloption
{
  cursor:           pointer;
}

/* pollbuttons aren't clickable in result view so don't show pointer cursor */
.pollresult .polloption .vwbutton
{
  cursor:           default;
}


/* test */
.pollvote .polloption:hover td
{
  background-color:   #2D2D2D;
}



.polloption .btnandinfo
{
  position:      relative;
  width:         60px;
  height:        25px;
  line-height:   25px;
  background:    transparent url('../images/homepage/poll_percentagefoldout_notsel.png') no-repeat top left;
}

.polloption.selected .btnandinfo
{
  background:    transparent url('../images/homepage/poll_percentagefoldout_selected.png') no-repeat top left;
}

.polloption .btnandinfo .percentage
{
  display:       block;
  position:      absolute;
  left:          1px;
  width:         35px;
  text-align:    center;

  font-size:     10px;
}

.polloption .description
{
  width:          100%;
  padding-left:   8px;
}

.polloption .vwbutton .btnmid
{
/*  padding:      0 3px;*/
  padding:        0;
  width:          15px;
  text-align:     center;
}

/**********************************
Poll voting
**********************************/

.polloption .btnandinfo .vwbutton
{
  position:       absolute;
  top:            2px;
  right:          0;

/*
  margin-top:     2px;
  float:          right;
*/
}

/**********************************
Poll result
**********************************/

.percentagebar
{
  margin-top:   10px; /* 12px-some under baseline */

  width:        212px;
  height:       9px;
  background:   transparent url('../images/homepage/poll_percentagebar.png') no-repeat top left;
}
.percentagebar .percentage
{
  position:     relative;
  height:       11px;
  background:   transparent url('../images/homepage/poll_perc_purple.m.png') repeat-x top left;
}
.percentagebar .left
{
  position:     absolute;
  left:         0;
  width:        4px;
  height:       11px;
  background:   transparent url('../images/homepage/poll_perc_purple.l.png') no-repeat top left;
}
.percentagebar .right
{
  position:     absolute;
  right:        0;
  width:        4px;
  height:       11px;
  background:   transparent url('../images/homepage/poll_perc_purple.r.png') no-repeat top left;
}

.percentagebar .percentage_smokeyblue
{
  background:   transparent url('../images/homepage/poll_perc_smokeyblue.m.png') repeat-x top left;
}
.percentagebar .percentage_smokeyblue .left
{
  background:   transparent url('../images/homepage/poll_perc_smokeyblue.l.png') no-repeat top left;
}
.percentagebar .percentage_smokeyblue .right
{
  background:   transparent url('../images/homepage/poll_perc_smokeyblue.r.png') no-repeat top left;
}

.percentagebar .percentage_yellow
{
  background:   transparent url('../images/homepage/poll_perc_yellow.m.png') repeat-x top left;
}
.percentagebar .percentage_yellow .left
{
  background:   transparent url('../images/homepage/poll_perc_yellow.l.png') no-repeat top left;
}
.percentagebar .percentage_yellow .right
{
  background:   transparent url('../images/homepage/poll_perc_yellow.r.png') no-repeat top left;
}

.percentagebar .percentage_red
{
  background:   transparent url('../images/homepage/poll_perc_red.m.png') repeat-x top left;
}
.percentagebar .percentage_red .left
{
  background:   transparent url('../images/homepage/poll_perc_red.l.png') no-repeat top left;
}
.percentagebar .percentage_red .right
{
  background:   transparent url('../images/homepage/poll_perc_red.r.png') no-repeat top left;
}



#activeerpas
{
  font-weight:   bold;
}

#activeerpas,
#checkwincode
{
  font-size:     12px;
  line-height:   150%;
}


.vwrijbewijs_big
{
/*
This works in all browsers but IE:
  margin-left:   -24px;
  margin-top:    -24px;
*/
  position:      relative;
  left:          -24px;
  top:           0px;
  xmargin-bottom: -24px;

  width:         323px;
  height:        219px;
  background:    transparent url('../images/homepage/vwrijbewijs_big.png') no-repeat scroll top left;
}

.vwrijbewijs_header
{
  font-size: 170%;
  line-height: 130%;

  text-align: center;
}

#checkwincode
{
  width:         285px; /* 315 - 15*2 */
  height:        157px; /* 172 - 15   */
  padding:       15px 15px 0 15px;

  position:      relative;
  background:    transparent url('../images/homepage/banner_check_wincode.png') no-repeat scroll top left;
  color:         #000;
}

#checkwincode h1
{
  margin-top:    0;
  color:         #2b60a0;
  font-size:     20px; /* normal 18, but wincode has a larger header */
}

#checkwincode form
{
  margin:        12px 0 0 0;

  /* ignore a few pixels overflow, just keep on a single line */
  white-space:   nowrap;
}

#checkwincode input
{
  width:         196px;
  margin-right:  10px;
}

#checkwincode .error
{
  text-align:    right;
  color:         #f00;
  font-weight:   bold;
  font-size:     11px;
}


/**********************************
news on homepage
**********************************/

.newslist
{
  width:           100%;
  border-collapse: collapse;
}

.newslist tr
{
  background:    transparent url('../images/generic/dotsline.png') repeat-x scroll bottom left;
}

.newslist td
{
  width: 137px;
  vertical-align: top;
  padding:        10px /*test*/
                   0
                  14px
                   0;
}

.newslist .newstitle
{
  display:         block;

  color:           #404040;

  font-size:       13px;
  font-weight:     bold;
  font-family:     'VWHeadline Blk', Futura, Tahoma;

  margin-left:    -10px;
  padding-left:   10px;
  background:     transparent url('../images/newspage/newsitem.hp.arrow.o.png') no-repeat scroll center left;
}

.newslist .newstext
{
  width:          auto;
  padding:        15px 0 0 10px;
}

.newslist a { display: block; text-decoration: none; }
.newslist a:focus { outline: none; }
.newslist img
{
  display:      block;
  margin-left:   2px;
  width:        115px;
}

#btnmorenews
{
  display:        block;
  margin-top:     12px;
  float:          right;
}



/**********************************

Newspage

**********************************/

#newspage
{
  width: 968px;
}

/* column 1 */
#fullnewsarticle
{
  color:         #58575a;

  width:         480px;
  max-width:     480px;
  overflow:      hidden;
}

/* IE won't let us stop stuff from sticking out of our table so let's use a div */
.iecontainer
{
  position:      relative;
  padding-right: 50px;
  padding-left:  1px; /* allow tables within worddocs to protrude 1px */

  width:         450px;
  max-width:     450px;
  overflow:      hidden;
}


/* column 2 */
#newspagedivider
{
  width:        19px;
  background:   transparent url('../images/newspage/newsfluffline.png') repeat-y scroll top left;
}
#newspagedivider img
{
  margin-top:   56px;
}

/* column 3 */
#newslist
{
  padding-left:   50px;
  width:          330px;
}


.newsdate
{
  display:       block;
  color:         #58575a;
  font-weight:   bold;
}

#fullnewsarticle .newsdate
{
  margin-bottom: 20px;
}

#fullnewsarticle h1
{
  margin:        0;
}


.newssummary
{
  width:          330px;
}
.newssummary td
{
  vertical-align:       top;
  padding-bottom:       16px;
}
.newssummary a,
.newssummary img
{
  display:      block;
  text-decoration: none;
}
.newssummary a:focus
{
  outline:      none;
}





.framedthumb
{
  position:     relative;
  padding:      7px 0 0 0;
  width:        130px;
  background:   transparent url('../images/newspage/newsitem_thumbframe_w115_bg.png') repeat-y scroll bottom left;
}
.framedthumb .top
{
  position:     absolute;
  top:          0px;
  left:         0px;
  width:        130px;
  height:       7px;
  background:   transparent url('../images/newspage/newsitem_thumbframe_w115_top.png') no-repeat scroll top left;
}
.framedthumb img
{
  display:      block;
  width:        115px;
  padding:      0 10px 9px 6px;
  background:   transparent url('../images/newspage/newsitem_thumbframe_w115_bottom.png') no-repeat scroll bottom left;
}




.newssummary .newsdate
{
  margin-bottom:    2px;
}

.selectednewsitem .newstext
{
  color:          #000;
  font-weight:    bold;
}

.newssummary .newstext
{
  width:          100%;
  padding-top:     13px;
  padding-left:    17px;
}



/**********************************

Zoek rijschool

**********************************/

.listnav
{
  margin-bottom:   30px;

  width: 100%;
  border-collapse: collapse;
}



#rijschoollijst .td.name a
{
  max-width: 138px;
}

.listnav .listfilter
{
  line-height:     23px;
  white-space:     nowrap;
}
.listbrowser
{
  text-align:      right;
  white-space:     nowrap;
}
#postcode
{
  width:           50px;
}
#rijscholenlijst td.name a
{
  /* FF2 can't apply max-width on a td */
  display:        block;
  max-width:      138px;
  overflow:       hidden;
}



.listnav .pagenumbers
{
  margin:          0px 5px;
}

.listnav form
{
  display:         inline;
}

.listnav input
{
  width:           110px;
}

a.pagenr
{
  display:         inline-block;
  width:           21px;
  height:          21px;
  line-height:     21px;

  text-align:      center;
  text-decoration: none;
  color:           #58575a;

  background:      transparent url('../images/regelen-rijschool/pagenr_bg.png') no-repeat left top;
}
a.currentpagenr
{
  color:           #FFFFFF;
  background:      transparent url('../images/regelen-rijschool/pagenr_selected_bg.png') no-repeat left top;
}

.rijscholenlijst_container
{
  margin-bottom:   21px;
}



#rijscholenlijst
{
  width:           100%;
}


.imgyes
{
  display:    block;
  margin:     0 auto;
  width:      8px;
  height:     8px;
  background: transparent url('../images/regelen-rijschool/img_yes.t.png') no-repeat left top;
}

.imgno
{
  display:    block;
  margin:     0 auto;
  width:      8px;
  height:     8px;
  background: transparent url('../images/regelen-rijschool/img_no.t.png') no-repeat left top;
}

.point_awarded
{
  display:      -moz-inline-box;
  display:      inline-block;
  width:        10px;
  height:       9px;
  background:   transparent url('../images/regelen-rijschool/point_awarded.t.png') no-repeat left top;
  margin-right: 1px;
  vertical-align: middle; /* baseline won't work cause of font-size: 0; on td.rating */
}

.point_faded
{
  display:      -moz-inline-box;
  display:      inline-block;
  width:        10px;
  height:       9px;
  background:   transparent url('../images/regelen-rijschool/point_faded.t.png') no-repeat left top;
  margin-right: 1px;
  vertical-align: middle; /* baseline won't work cause of font-size: 0; on td.rating */
}

.vwtable tr.unevenrow
{
  background:   #ffffff url('../images/generic/dotsline.png') repeat-x bottom left;
}

/* since we collapsed the borders we can't use a border */
.vwtable tr.headerrowtwo td,
.vwtable tr.unevenrow td
{
  background:   transparent url('../images/regelen-rijschool/td_uneven_border.png') repeat-y right top;
}

.vwtable tr.evenrow
{
  background:   #f2f2f3 url('../images/generic/dotsline.png') repeat-x bottom left;
}

.vwtable tr.evenrow td
{
  background:   transparent url('../images/regelen-rijschool/td_even_border.png') repeat-y right top;
}

.vwtable td.rating
{
  background-image: none !important;
  font-size:        0; /* kill any whitespace */
}

#rijscholenlijst td.lessons,
#rijscholenlijst td.ttt,
#rijscholenlijst td.herex
{
  padding: 10px 4px 10px 4px !important;
}

#rijscholenlijst td.price
{
  padding: 10px 4px 10px 10px !important;
}

#rijscholenlijst td.hourly,
#rijscholenlijst td.price,
#rijscholenlijst td.lessons
{
  white-space: nowrap;
}

#rijscholenlijst td.name
{
  font-weight:  bold;
  width:        100%;

  max-width:    138px;
}

#rijscholenlijst td.city
{
  width:        50%;
}

#rijscholenlijst th.name,
#rijscholenlijst th.city
{
  text-align:     left;
}

#rijscholenlijst .lessons { text-align: center; }
#rijscholenlijst .ttt     { text-align: center; }
#rijscholenlijst .herex   { text-align: center; }
#rijscholenlijst .exams   { text-align: center; }
#rijscholenlijst .theory  { text-align: center; }

#rijscholenlijst .price,
#rijscholenlijst .hourly
{
  text-align:     right;
}

#rijschooloverzichtuitleg
{
  width:          400px;
}


/**********************************

Rijschool aanmelden

**********************************/

#page_rijschoolaanmeldenlanding
{
  text-align:   center;
}
#page_rijschoolaanmeldenlanding h1
{
  margin:       30px 0;
}
#page_rijschoolaanmeldenlanding .vwbutton
{
  margin:       0 12px;
}


/* (918 - 19 - 50*2) / 2 */
#page_rijschoolaanmelden
{
  width: 800px;
}
#page_rijschoolaanmelden .leftcolumn
{
/*  width:        50%;*/
  width:   450px;
  max-width: 450px;
}

#page_rijschoolaanmelden .rightcolumn
{
  width:   300px;
  max-width: 300px;
}


.landingblock
{
  position:       relative;
  zoom:           1;
}

.landingblock img
{
  display:        block;
}

.landingblock .overlay
{
  position:       absolute;
  bottom:         3px;      /* above shadow */
  right:          15px;

  height:         48px;
  line-height:    48px;
}

.overlay td
{
  vertical-align: middle;
}



/**********************************

Vraag van de Week

**********************************/

table.weekquestion
{
  border:        none;
  border-collapse: collapse;
  margin:        0;
  padding:       0;
}
table.weekquestion td
{
  vertical-align: top;
}

#weekquestion
{
  background: transparent url('../images/weekquestion/questiondivider.png') no-repeat scroll right top;
  margin-right: 25px;
  padding: 0 40px 0 20px;
  width: 410px;
}

#weekquestion .question
{
  border:        none;
  border-collapse: collapse;
  height:        175px;
  margin:        0;
  padding:       0;
  width:         381px;
}
#weekquestion .question td
{
  background:    transparent url('../images/weekquestion/question_panel.png') no-repeat scroll left top;
  color:         #ffffff;

  padding:       0 15px;

  font-size:     19pt;
  font-weight:   bold;
  line-height:   normal;

  text-align:    center;
  vertical-align: middle;
}

#weekquestion .answerform
{
  border:        0;
  border-collapse: collapse;
  margin:        0;
  padding:       0;
  width:         380px;
}
#weekquestion .answerform tr
{
  height:        23px;
}
#weekquestion .answerform th
{
  font-weight:   bold;
  padding:       8px 0;
  text-align:    left;
}

#weekquestion .answersubmit
{
  text-align:    right;
}

#prevweekquestion
{
  padding:       25px;
}

#prevweekquestion .limitdate
{
  color:         #000000;
  font-size:     14pt;
  font-weight:   bold;
  line-height:   normal;
  margin-bottom: 30px;
  text-align:    center;
}

#prevweekquestion .question
{
  border:        none;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width:         419px;
}

#prevweekquestion .question .top
{
  background:    transparent url('../images/weekquestion/prevquestion_top.png') no-repeat scroll center bottom;
  font-size:     0;
  height:        150px;
  line-height:   0;
}

#prevweekquestion .question .content
{
  background:    transparent url('../images/weekquestion/prevquestion_back.png') repeat-y scroll center top;
  font-size:     12pt;
  font-weight:   bold;
  line-height:   normal;
  padding:       30px;
}
#prevweekquestion .question .content .title
{
  color:         #000000;
  margin-bottom: 15px;
}
#prevweekquestion .question .content .answertitle
{
  font-size:     11pt;
  margin:        15px 0;
}
#prevweekquestion .question .content .answer
{
  color:         #000000;
}
#prevweekquestion .question .content .winnertitle
{
  font-size:     11pt;
}
#prevweekquestion .question .content .winner
{
  color:         #000000;
}

#prevweekquestion .question .bottom
{
  background:    transparent url('../images/weekquestion/prevquestion_bottom.png') no-repeat scroll center top;
  font-size:     0;
  height:        10px;
  line-height:   0;
}



/**********************************

profiel_cursist

**********************************/


.profiel_cursist .leftcolumn
{
  padding-right: 50px;
}

.profiel_cursist .rightcolumn
{
  padding-left: 50px;
}

.profiel_cursist .vwbutton
{
}

.profiel_cursist .rijschoolinfo,
{
  width:         368px; /* 428-2*30 */
  height:        291px; /* 281-2*15 */
  padding:       15px 30px;
  background:    transparent url('../images/rcodeschoolbg.png') no-repeat scroll center top;
}

.rijschoolinfo h1
{
  margin-top:    0;
}

.rijschoolinfo td
{
/*  white-space:   nowrap;*/
}

.rijschoolinfo .geenrating,
.rijschoolinfo .rating
{
  font-size:        0; /* kill any whitespace */
  line-height:      19px;

  margin-top:       25px;

  cursor:           pointer;
}

.rijschoolinfo .rating strong,
.rijschoolinfo .geenrating strong
{
  font-size:        11px;
  margin-right:     15px;
}

.point_awarded_big, .point_faded_big
{
  display:      -moz-inline-box;
  display:      inline-block;
  width:        19px;
  height:       19px;

  padding-right: 4px; /* note: doesn't affect IE */
  /*margin-right:   4px;*/
  vertical-align: top;
}

.point_awarded_big
{
  background:   transparent url('../images/generic/point_awarded_big.t.png') no-repeat left top;
}

.point_faded_big
{
  background:   transparent url('../images/generic/point_faded_big.t.png') no-repeat left top;
}



/**********************************

profiel_rijschool.shtml

**********************************/

#schoolprofile .leftcolumn { width: 100%; }

/* use less padding since available room might not be so much when a picture is available */
#schoolprofile .leftcolumn { padding-right: 35px; }
#schoolprofile .rightcolumn { padding-left: 35px; }

#schoolprofile div.subheader
{
  font-size: 140%;
  font-weight: bold;
  padding: 0 0 20px 0;
}

#schoolprofile table.box td.value
{
  font-weight: bold;
  color: #000000;
}

#schoolprofile table.box td.header
{
  padding: 15px 0;
  font-weight: bold;
  color: #000000;
}

#schoolprofile table.box td.label
{
  padding: 0 20px 0 0;
  white-space:nowrap;
}

#schoolprofile table.box td.image_pdf
{
  vertical-align: top;
  text-align: right;
  padding: 0 0 0 50px;
}

.contact
{
  width:           100%;
  border-collapse: collapse;
}

.contact th
{
  text-align:    left;
  color:         #000;
}

.contact td
{
  padding-right: 25px;
  line-height:   150%;
}

#schoolprofile .geenrating
{
}
#schoolprofile .rating
{
  font-size:        0; /* kill any whitespace */
  margin-top:       1px;
}

#schoolprofile .framedthumb
{
  display:      block;
  margin-right:  -2px; /* compensate for shadow */

  position:     relative;
  padding:      12px 0 0 0;
  width:        245px;
  /*min-height:   186px;*/
  background:   transparent url('../images/generic/imageframe_middle.o.png') repeat-y scroll bottom left;
}

#schoolprofile .framedthumb .top
{
  position:     absolute;
  top:          0px;
  left:         0px;
  width:        245px;
  height:       12px;
  background:   transparent url('../images/generic/imageframe_top.o.png') no-repeat scroll top left;
}

/* image in design is 220x160 */
#schoolprofile .framedthumb img
{
  display:      block;
  position:     relative; /* needed in case top is large and starts to overlap the <img> */
  width:        220px;
  padding:      0 13px 14px 12px;
  background:   transparent url('../images/generic/imageframe_bottom.o.png') no-repeat scroll bottom left;
}

#schoolprofile .roundedborder
{
  color:                #000;
  font-weight:          bold;
  margin-bottom:        20px;
}

.roundedborder
{
  display:              block;
  position:             relative;
  padding-left:         14px;
  padding-right:        13px;

  margin-bottom:        3px;

  height:               41px;
  line-height:          41px;
  white-space:          nowrap;
  background:           transparent url('../images/generic/rounded_outline_left.png') no-repeat scroll center left;
}

.roundedborder .right
{
  display:              block;
  position:             absolute;
  /*right:                -6px;*/
  right:                0;
  top:                  0;

  width:                5px;
  height:               41px;
  background:           transparent url('../images/generic/rounded_outline_right.png') no-repeat scroll center left;
}

/**********************************

rijbewijs_activeren.doc

**********************************/

#page_rpasaanmelden
{
  margin-top:          25px;
}




#landing_rijschool .hr
{
  margin-bottom:       25px;
}



/**********************************

License To Liberty

**********************************/

#ltlvideopanel
{
  width:                933px; /* 973 - 20*2 */
  height:               165px; /* 205 - 20*2 */
  padding:              20px;

  background:           transparent url('../images/placeholders/ltl_video_panel.t.png') no-repeat scroll center left;
}

#ltlvideopanel .normaltext
{
  color: black;
  padding: 0 0 15px 0;
  font-weight: bold;
}


#ltlvideopanel td
{
  font-size:            12px;
  color:                #000;
  padding:              0px 15px 0px 15px;
  vertical-align:       top;
}

#ltlvideopanel h1
{
  margin-top:           0;
  margin-bottom:        5px;
  font-size:            15px;
  color:                #808080;
  font-weight: bold;
}
#ltlvideopanel h2
{
  margin-top:           0;
  font-size:            17px;
  color:                #000000;
}

#ltlvideopanel div.box
{
  border: 1px solid black;
  padding: 8px;
  margin-top: 15px;
  line-height: 150%;
}

.theme_ltl
{
  margin-left: -35px;
  margin-right: -35px;
  padding: 0 10px;

  margin-bottom:        -33px; /* eat away margin the #page has to #footer */
  margin-top:           0px;
  padding-bottom:       200px; /* 210px height - 200px from bottom to content */
  background:           transparent url('../images/licensetoliberty/theme_bg.png') no-repeat scroll bottom left;
}

#ltlvideopanel .dividerv
{
  width:                2px;
  height:               155px;
  background:           transparent url('../images/licensetoliberty/panel_divider_v.t.png') repeat-y scroll top left;
}




/**********************************

Misc

**********************************/

#rcodeform
{
  padding: 20px 0 0 0;
}
#rcodeform td.question
{
  padding: 0 10px 0 0;
}
#rcodesubmit
{
  padding: 5px 0 0 0;
}

#rcodeinput
{
  width: 180px;
}
#rcodeschool
{
  margin: 30px 0 0 0;
  width: 400px; /* 428 - padding */
  height: 271px; /* 281 - padding */
  background: url('../images/rcodeschoolbg.png') no-repeat top left;
  padding: 10px 0 0 28px;
}
#rcodeschool div.header
{
  font-size: 190%;
  font-weight: bold;
  color: black;
  padding: 10px 0 10px 0;
}
#rcodeschool div.name
{
  font-size: 150%;
  font-weight: bold;
  color: black;
  padding: 5px 0 5px 0;
}
#rcodeschool strong
{
  font-weight: bold;
  color: black;
}
#rcodeschool a       { text-decoration: none; }
#rcodeschool a:hover { text-decoration: underline; }

div.rating
{
  float: right;
  margin-left: 20px;
  width: 130px;
}

#theory_practice
{
  color: black;
}

#theory_practice div.button
{
  padding: 3px 0;
}
#theory_practice div.header
{
  font-size: 180%;
  font-weight: bold;
  padding: 0 0 25px 5px;
}

#theory_practice td.middlecol
{
  padding: 0 30px;
}

#theory_practice .text-header
{
  font-size: 160%;
  font-weight: bold;
  padding: 0 0 10px 0;
}

#theory_practice .text-subheader
{
  font-size: 150%;
  color: #58575a;
}

#theory_practice p
{
  color: #58575a;
  width: 300px;
}

#theory_practice a
{
  font-weight: bold;
}




#extrablocks
{
  margin-top:   30px;
}

#extrablocks td
{
  padding:      15px 0;
}

#rijdenlanding td.littlebannercell, #extrablocks td.littlebannercell
{
  padding: 20px 0 20px 20px;
}

.landingblocks .vdivider
{
  width:        1px;
  background:   transparent url('../images/generic/dotsline.ver.onwhite.o.png') repeat-y 2px 0;
}


#autolijstpagina
{
  padding:      40px;
}

#autolijst .name
{
  font-weight:  bold;
  color:        #000;
}

#autolijst .fuel
{
  text-align:   center;
}

#autolijst .costday,
#autolijst .costweekend,
#autolijst .costweek,
#autolijst .costkm
{
  text-align:   right;
}




.panelgeslaagd
{
  width:        388px; /* 428-15-25 */
  height:       228px; /* 258-30    */
  padding:      30px 15px 0 25px;

  background:   transparent url('../images/panel_geslaagd.png') no-repeat top left;
}
.panelgeslaagd h1
{
  margin-top:   0;
  font-size:    17px;
  font-family:          'VWHeadline Blk', Futura, Tahoma;
  font-weight:  bold;
}
.panelgeslaagd th
{
  padding-right: 20px;
  font-weight:   normal;
  text-align:    left;
}
.panelgeslaagd th,
.panelgeslaagd td
{
  font-family:     Tahoma !important;
  font-size:       11px !important;
}


.exampassingdateform
{
  padding: 15px 15px 0 40px;
}
.exampassingdateform th
{
  padding-right: 20px;
  font-weight:   normal;
  text-align:    left;
}
.exampassingdateform th,
.exampassingdateform td
{
  font-family:     Tahoma !important;
  font-size:       11px !important;
}



/* don't allow overflow of the table */
#page_rijschoolaanmelden .pagelayout
{
  table-layout: fixed;
}
#page_rijschoolaanmelden .pagelayout .leftcolumn
{
  width:  330px;
}
#page_rijschoolaanmelden .pagelayout .rightcolumn
{
  width:  470px;
}

/* Pas landing */
p.paslanding_explain
{
  height:95px;
}

/* Interviewpagina's */
div.interviewleft
{
  margin: 25px 0 25px 25px;
}
div.interviewright
{
  margin: 25px 25px 25px 0;
  text-align: right;
}
img.interviewimgleft
{
  float:left;
  margin: 25px 25px 25px 0;
}
img.interviewimgright
{
  margin: 25px 0 25px 25px;
  float:right;
}
p.interviewquestion, p.interviewanswer
{
  line-height: 200%;

  margin:0;
  padding:0;
  color: #535353;
}
p.interviewquestion
{
  font-weight: bold;
  margin: 9pt 0 0pt 0;
  padding:0;
}




#theorie_battle .threecolumnlayout .leftcolumn
{
  padding-right:  25px;
}
#theorie_battle .threecolumnlayout .rightcolumn
{
  padding-left:  25px;
}
#theorie_battle .papercard
{
  width:         368px; /* 428-2*30 */
  height:        291px; /* 281-2*15 */
  padding:       15px 30px;
  background:    transparent url('../images/leren/papercard_429x221.png') no-repeat scroll left top;
}
#theorydownloadform th
{
  text-align:    left;
  font-weight:   normal;
  white-space:   nowrap;

  font-family:   Tahoma, Arial, Sans-Serif;
  font-size:     11px;
  color:         #58575a;
}
#errorlistforform
{
  color:         #f00;
  margin-top:    15px;
}

b i u
{
  display: block;
  text-decoration: none;
  width:         400px;
  height:        2px;
  border-top:    1px solid #e5e5e5;
  margin:        9px 0 9px 0;
}