/* BOXES */
#boxes { position: relative; float: left; width: 660px; }
#boxes h1 { height: 28px; color: #fff; font-size: 1.2em; padding: 0 0 0 8px; margin: 0; line-height: 2em;}
#boxes h4 { font-size: 1.0em; margin: 0; padding: 0 0px 0 8px; line-height: 1.5em; }
#boxes ul { float: left; padding-left: 15px; margin: 0 0 0 8px; list-style: bullet; }
#boxes li { line-height: 1.4em;  }
#boxes p { font-size: 11px; line-height: 1.5em; margin: 0 0 0 8px; } 

#box_col_left { float: left; width: 327px; margin: 0; }
#box_col_right { float: right; width: 327px; margin: 0; }

#box1 { position: relative; float: left; width: 660px; height: 184px; background: #fff url("../images/box_bg_184.gif") repeat-x; padding: 0; overflow: hidden;}
#box1 h1 { background: url("../images/boxhead_large_blue.gif") no-repeat; }
#box1 img { float: left; width: 249px; height: 140px; margin: 8px 0 8px 8px; padding: 0; border: 0;}
#box1 #text { float: left; width: 396px; height: 140px; padding: 0px; margin: 5px 0px 8px 0px; }
#box1 #button { float: left; margin: 10px 0 0 16px;  }

#box2 { position: relative; float: left; margin: 6px 0 0 0; width: 100%; height: 306px; background: #fff; padding: 0; overflow: hidden;}
#box2 h1 { background: url("../images/box_head_rijopleidingen.gif") no-repeat; }
#box2 h1.kaal { background: url("../images/boxhead_bg_blue.gif") repeat-x; }
#box2 #img { float: right; width: 109px; height: 81px; margin: 0;  padding: 0; border: 0; }
#box2 #text { float: left; width: 327px; height: 270px; padding: 0px; margin: 0px 0px 8px 0px; overflow: hidden; }
#box2 #text ul.geslaagdplan { margin: 5px 0 0 6px; float: none; }
div.geslaagdplan #text h2, div.geslaagdplan #text p { padding-left: 0; margin-left: 0; }
#box2 a {}

#box3 { position: relative; float: left; margin: 6px 0 0 0; width: 100%; height: 150px; background: #fff; padding: 0; overflow: hidden;}
#box3 h1 { background: url("../images/boxhead_bg_grey.gif") repeat-x; }
#box3 #img { float: left; width: 170px; height: 123px; margin: 0px 0 8px 0px; padding: 0; border: 0;}
#box3 #text { float: left; width: 150px; height: 113px; padding: 0px; margin: 5px 5px 8px 0px; overflow: hidden;  }
#box3 .size3 { color: #68676b; font-size: 20px; font-weight: bold; line-height: 100%; } 
#box3 .size2 { color: #68676b; font-size: 16px; font-weight: bold; line-height: 120%; } 
#box3 .size1 { color: #68676b; font-size: 12px; font-weight: bold; line-height: 120%; } 
#box3 .normal { font-size: 11px;  } 

#box4 { position: relative; float: left; margin: 6px 0 0 0; width: 100%; height: 183px; background: #fff; padding: 0; overflow: hidden;}
#box4 h1 { background: url("../images/boxhead_bg_blue.gif") repeat-x; }
#box4 img { float: left; width: 249px; height: 140px; margin: 8px 0 8px 8px; padding: 0; border: 0;}
#box4 #text { float: left; width: 308px; height: 170px; padding: 0px; margin: 5px 8px 8px 0px; overflow: hidden; }

#box5 { position: relative; float: left; margin: 6px 0 0 0; width: 100%; height: 117px; background: #fff; padding: 0; overflow: hidden;}
#box5 h1 { background: url("../images/boxhead_bg_blue.gif") repeat-x; }
#box5 img { float: right; width: 66px; height: 80px; margin: 4px 8px 8px 0px; padding: 0; }
#box5 #text { float: left; width: 220px; height: 78px; padding: 0px; margin: 5px 8px 8px 0px; overflow: hidden; }
#box5 .hspacer { float: left; height: 13px; width: 100%; }

.vspacer { float: left; width: 12px; }
.hspacer { float: left; height: 10px; width: 100%; }

/* Unique Boxes homepage */
#box2.kiesvoorais { height:220px; } 
#box2.actie { height:220px; } 
/*#box2.maakkennis { height:220px; } // gewijzigd ivm decemberactie op homepage */
#box5 { height: 127px; } /* toegevoegd ivm decemberactie op homepage */
#box2.maakkennis { height:250px; } 
#box2.geslaagdplan { height:250px; } 
#box2.geslaagdplan h2 { /*font-size:1.2em;*/ }
#box2.geslaagdplan #text { float:right; width:200px; margin-right:10px;}
#box4.gratisrijbewijs { height:127px; }