/* CSS Document */
body,td,input,select{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
body{ text-align:center; margin:0px 0px 0px 0px; }



h1{ font-size:14px; }
a{ color:#000000; }
a:hover{ color:#000000; }

.header{ padding:25px 10px 10px 10px;  text-align:right; vertical-align:top; height:99px; }
.footer_version{ background-color:#C0BFBF; text-align:center; font-size:9px; color:#666666; height:1px; padding:1px 0px 1px 0px; }

.main{ padding:0px 0px 0px 0px; vertical-align:top;}
.login .main, .login .mainpane{ text-align:center; width:962px;}
.mainpane{ vertical-align:top; width:782px; height:100%;}

.content{padding:0px 9px 0px 10px; vertical-align:top; width:100%;}
.content .theorie td,th{ vertical-align:top;}
.content .theorie h1{ color:#0C273A; }
.content .theorie p,li{ line-height:18px; }
.content .theorie p{ text-align:justify;}
.content .theorie div{ overflow:auto; overflow-y:auto; overflow-x:hidden; padding-right:0px; padding-left:0px; width:100%; height:100%;}
.content .theorie{overflow:auto; overflow-x:hidden;}

.foutmelding{ color:#FF0000; }

/***HOOFDMENU SCHERM KEUZELIJST OBJECTEN***/
.lijst{ height:20px; width:100%; }
.lijst .tdNr{ color:#000000; background-color:#FFFFFF; padding:0px 5px 0px 5px; width:17px; text-align:center; }
.lijst .tdNrDisabled{ color:#777777; background-color:#DDDDDD; padding:0px 5px 0px 5px; width:17px; text-align:center; }
.lijst .tdTitle{ color:#FFFFFF; background-color:#999999; padding:0px 5px 0px 5px; }
.lijst .tdTitleDisabled{color:#FFFFFF; background-color:#AAAAAA; padding:0px 5px 0px 5px;}

.auto    .lijst .over .tdNr{    color:#3177B5; }
.auto    .lijst .over .tdTitle{ background-color:#3177B5; }
.brommer .lijst .over .tdNr{    color:#F6D14D; }
.brommer .lijst .over .tdTitle{ background-color:#F6D14D; }
.motor 	 .lijst .over .tdNr{    color:#9CC449; }
.motor   .lijst .over .tdTitle{ background-color:#9CC449; }

.car    .lijst .over .tdNr{    color:#3177B5; }
.car    .lijst .over .tdTitle{ background-color:#3177B5; }
.moped 	.lijst .over .tdNr{    color:#F6D14D; }
.moped 	.lijst .over .tdTitle{ background-color:#F6D14D; }
.motorcycle 	.lijst .over .tdNr{    color:#9CC449; }
.motorcycle  .lijst .over .tdTitle{ background-color:#9CC449; }

.list{ width:100%; height:100%; border:1px solid #000000;}
.list .listheader{ padding:3px 3px 3px 3px; height:26px; border:1px solid #FFFFFF; background-color:#464646; color:#FFFFFF; font-weight:bold; text-align:center; }
.list .listfooter{ padding:3px 3px 3px 3px; height:26px; border:1px solid #FFFFFF; background-color:#464646; color:#FFFFFF; text-align:right; }
.auto .listitem{ padding: 3px 3px 3px 3px; color:#000000;}
.auto .listitemover{ padding: 3px 3px 3px 3px; background-color:#6099CB; cursor:pointer; }
.auto .listitemselected{ padding: 3px 3px 3px 3px; background-color:#186AB3; cursor:pointer; }
.brommer .listitem{ padding: 3px 3px 3px 3px; color:#000000; }
.brommer .listitemover{ padding: 3px 3px 3px 3px; background-color:#F2DC84; cursor:pointer; }
.brommer .listitemselected{ padding: 3px 3px 3px 3px; background-color:#F2C200; cursor:pointer; }
.motor .listitem{ padding: 3px 3px 3px 3px; color:#000000; }
.motor .listitemover{ padding: 3px 3px 3px 3px; background-color:#9CC449; cursor:pointer; }
.motor .listitemselected{ padding: 3px 3px 3px 3px; background-color:#488400; cursor:pointer; }
/***HOOFDMENU SCHERM KEUZELIJST  OBJECTEN***/

/***EXAMEN SCHERM OBJECTEN***/
.vraagscherm{ position:relative; width:100%; height:561px; vertical-align:top;}
.vraagscherm .vraag_tekst{ padding-left:9px; padding-right:10px; font-size:13px; color:#9B0020; font-weight:bold; width:100%; vertical-align:middle; text-align:left;}
.vraagscherm .vraagnummer_tekst{width:60px; font-size:24px; color:#FFFFFF; font-weight:bold; text-align:center; }

.vraagscherm .antwoordmogelijkheid_outer{ border:0px; width:100%;}
.vraagscherm .antwoordmogelijkheid_letter{ border:0px; text-align:center; font-weight:bold; height:26px; width:26px; color:#FFFFFF;}
.vraagscherm .antwoordmogelijkheid_tekst{ border:0px; background-color:#E7E6E6; height:26px; vertical-align:middle; text-align:left; padding-left:5px;}
.vraagscherm .soortvraag{ vertical-align:middle; color:#FFFFFF; text-align:center; font-size:11px; font-weight:bold;}
.vraagscherm .antwoord_panel{ padding: 0px 0px 0px 10px; vertical-align:middle;}
.vraagscherm .antwoordveld_outer{color:#FFFFFF; background-color:#999999; width:100%; height:50px;}
.vraagscherm .antwoordveld_tekst{ padding-left:10px; padding-right:20px; font-size:30px; color:#FFFFFF; text-align:right;} 

.vraagscherm .motivatie{color:#FFFFFF; text-align:left; font-size:11px; font-weight:bold; padding:10px 10px 10px 10px; background-color:#9C0003;}
.vraagscherm .motivatiepicture{ padding-left:10px; padding-right:0px; padding-bottom:0px; }
.vraagscherm .motivatiehoeken{height:13px; background-color:#9C0003;}
/***EXAMEN SCHERM OBJECTEN***/

/***DOCENTEN SCHERM OBJECTEN***/
.docent .main, .docent .mainpane{ height:100%; width:962px; }
.docent .list{ width:100%; height:100%; border:1px solid #000000; }
.docent .list .listheader{ padding:3px 3px 3px 3px; height:26px; border:1px solid #FFFFFF; background-color:#464646; color:#FFFFFF; font-weight:bold; text-align:center; }
.docent .list .listfooter{ padding:3px 3px 3px 3px; height:26px; border:1px solid #FFFFFF; background-color:#464646; color:#FFFFFF; text-align:right; }
.docent .listitem{ padding: 3px 3px 3px 3px; color:#000000; }
.docent .listitemover{ padding: 3px 3px 3px 3px; background-color:#D3DAFE; cursor:pointer; }
.docent .listitemselected{ padding: 3px 3px 3px 3px; background-color:#B1B8EF; cursor:pointer; }
/***DOCENTEN SCHERM OBJECTEN***/

#divPageLoading{ position:absolute; width:100%; height:100%; top:0; left:0; text-align:center; background-color:#FFFFFF; font-family:arial,helvetica; font-weight:bold; color:#000000; z-index:100; }