body { margin:0; padding:0; background-image:url(../images/bgSite.jpg); font-family:Arial, Helvetica, sans-serif; font-size:0.80em;}
ul, ul li { margin:0; padding:0; list-style-type:none; }
h1,h2,h3,h4,h5,h6 { margin:0;padding:0; }.formbox

p { margin:2px; }

#siteContainer { width:945px; padding:0 20px 14px 16px; background-image:url(../images/containerBG.png); background-repeat:repeat-y; margin:0 auto; background-position:bottom; _background-image:none; }

#header { width:950px; height:230px; background-image:url(../images/header.jpg); background-color:#FFFFFF; background-position:top; background-repeat:no-repeat; }
#header ul { width:500px; height:112px;   padding-top:131px; margin-left:250px;  }
#header ul li { display:block; float:left; height:112px; text-indent:-9999px; margin-left:5px;   }

#header ul li a { display:block; height:112px; background-image:url(../images/menuImages.jpg); background-position: left -5000px; background-repeat:no-repeat; }

#header ul li a#home { width:75px; background-position:left top;}
#header ul li a#home.active, #header ul li a#home:hover { background-position:left -112px; }

#header ul li a#info { width:120px;background-position:-75px top;}
#header ul li a#info.active, #header ul li a#info:hover { background-position:-75px -112px; }

#header ul li a#rijschoolLijst { width:104px;background-position:-205px top;}
#header ul li a#rijschoolLijst.active, #header ul li a#rijschoolLijst:hover { background-position:-205px -112px; }

#header ul li a#rijschool { width:104px;background-position:-318px top;}
#header ul li a#rijschool.active, #header ul li a#rijschool:hover { background-position:-318px -112px; }

#header ul li a#examen { width:104px;background-position:-422px top;}
#header ul li a#examen.active, #header ul li a#examen:hover { background-position:-422px -112px; }

#header ul li a#instelling { width:104px;background-position:-526px top;}
#header ul li a#instelling.active, #header ul li a#instelling:hover { background-position:-526px -112px; }

#header ul li a#dossier { width:100px;background-position:-625px top;}
#header ul li a#dossier.active, #header ul li a#dossier:hover { background-position:-625px -112px; }

#header ul li a#admin { width:104px;background-position:-318px top;}
#header ul li a#admin.active, #header ul li a#admin:hover { background-position:-318px -112px; }

h1#welcome { text-indent:-9999px; height:37px; background-image:url(../images/titleWelkom.gif); background-repeat:no-repeat; }
h2 { color:#ed1c24; font-size:14px; font-weight:bold; margin:10px 0; }
h3 { color:#FFFFFF; font-size:18px; font-weight:bold;  padding:2px 5px 2px 5px; height:24px;  }

#content { background-color:#FFFFFF; }
#content ul, #content ul li { list-style-type:square; list-style-position:outside }
#content ul li  { margin-left:15px; }

#content #left { width:560px;  float:left; margin-left:55px; padding-top:30px;  padding-bottom:30px; line-height:20px;}
#content #left #subLeft, #content #left #subRight { width:50%; float:left; margin-top:35px; }

#content #right {width:265px; float:right; margin-right:23px; padding-top:10px;padding-bottom:30px; }
#content #right p { padding:2px 10px; color:#FFFFFF}
#content #right label { display:inline-block;width:75px; margin-left:12px; color:#FFFFFF; text-align:right;}
#content #right input { width:100px; margin-left:5px;}


#content .actionBox { width:227px; background-image:url(../images/actionBoxTop.jpg); padding:15px 10px 1px 10px; margin:0 auto;  }
#content .actionBox.NoArrow { background-image:url(../images/actionBoxTopNoArrow.jpg); text-align:center}
#content .actionBoxFooter { width:247px; height:17px; background-image:url(../images/actionBoxBottom.jpg); margin:0 auto 10px ; }

#content .actionBox  a { display:inline-block; height:24px; padding-left:5px; color:#ffe400; background-image:url(../images/btnLeft.gif); background-repeat:no-repeat; margin:5px 0 0 5px; text-decoration:none; font-size:14px; font-weight:bold; line-height:24px; cursor:pointer; margin-left:92px;}
#content .actionBox  a span { display:inline-block;  padding:0 5px 0 0; height:24px; background-image:url(../images/btnRight.gif); background-repeat:no-repeat; background-position:right;}

#content .actionBox.NoArrow a { margin-left:50px; margin-top:15px; }
#content .actionBox.NoArrow img { position:absolute; margin-top:12px; margin-left:10px; }

#content .dossier_title{color:#0066b3; font-family:Arial, Helvetica, sans-serif; font-size:20px; padding:0; margin-bottom:15px;}
#content .dossier_subtitle{color:#0066b3; font-family:Arial, Helvetica, sans-serif; font-size:16px; padding:0; margin:10px 0;}


#footer { width:950px; height:129px; background-image:url(../images/footer.jpg); clear:both; }
#footer #footerholder { padding-top:38px; height:65px; }
#footer #footerholder #VSV { float:left; margin-left:30px; }
#footer #footerholder #VO { float:right; margin-right:30px; }
#footer p { text-align:center; color:#FFFFFF; font-size:10px; display:block; margin-top: 10px }
#footer a { text-decoration:none; color:#FFFFFF; }
#footer a:hover { text-decoration:underline; }


.formBox { line-height:18px; }
.formBox input, .formBox select { width:200px; }
.formBox .school { width:250px; }
.formBox input[type=checkbox] { width:15px; }
form label { display:inline-block; width:150px; }
form span.field-validation-error 
{ 
    display:block; 
    position:absolute; 
    margin-left:360px; 
    #margin-left:0px; 
    margin-top:-24px; 
    #margin-top:0px; 
    padding:0 3px; 
    background-color:#cc0000; 
    border:2px solid #ddd; 
    color:#FFFFFF; 
    font-size:11px; 
    width:200px 
}

/* 
#PersonalData_NumberBus { width:50px; }
#NumberBusLabel { display:inline-block; margin-left:18px; }
#ddlZip { width:100px; margin-right:68px; }
#ddlCity { width:100px; } */


.formBox { display:block;width:538px; background-color:#f0f0f0; margin:6px 10px 0 0; padding:5px; border:1px solid #dddddd; }

#holderDialog .formBox
{
    width: 490px;
}
.filterBox {width: 811px!important }
.filterButton {margin-left: 80px;}

.filterBox label { display:inline-block; width:100px;}

#accordion .formBox {width: 670px;}

label.disabled, span.disabled { color:#ddd }
input.disabled { background-color:#ddd; }

.detailLabel{width:150px;display:inline-block;}

.info { width:850px; line-height:20px; }
.info ul, .info ul li , .info ul ul, .info ul ul li 
{ 
    vertical-align:text-top;
    width:800px; 
}

.info ul ul 
{
    margin-left: 20px;
}

.username
{
    float: left;
    margin-left: 10px;
    margin-top: -35px;
    display:block;
}

.waiting
{
    float: left;
    margin-left: 10px;
    margin-top: -10px;
    display:block;
}

.spanForgottenPassword
{
    font-size: 0.6em;
    color: #FFFFFF;
    cursor:pointer; 
    display:block;
    clear:left;
    margin-left:95px;
    margin-top:6px;
}

.submitButton
{

background-color:#0066b3;
padding:5px 12px;
color:#FFFFFF!important;
font-size:12px; 
line-height:16px;
cursor:pointer;
display:inline-block;
border:none;
overflow:visible!important;


   /* margin: 10px 18px 0px 0px;
    background:transparent url(/images/knop.gif) no-repeat;
    color:Yellow;
    border:medium none;
    cursor:pointer;
    display:inline-block;
    height:22px;
    line-height:17px;
    overflow:visible;
    padding:3px 6px 3px;
    width:auto;
    text-align:center;
    vertical-align:middle;*/
}

.linkButton
{
background-color:#0066b3;
padding:5px 12px;
color:#FFFFFF!important;
font-size:12px; 
line-height:16px;
cursor:pointer;
display:inline-block;



/*
    margin: 10px 18px 0px 0px;
    background:transparent url(/images/knop.gif) no-repeat;
    text-align:center;
    vertical-align:middle;
    color:Yellow!important;
    border:medium none;
    cursor:pointer;
    display:inline-block;
    height:22px;
    line-height:17px;
    overflow:visible;
    padding:3px 6px 3px;
    width:83px;
	
	*/
}

.divButtons  
{
padding:5px 0;

}

.divButtons a
{
    cursor: pointer;
}
.ankerHolder { background-color:#f0f0f0; padding:5px 10px; font-size:12px; color:#999999;}

.ankerHolder a { color:#999999; text-decoration:none; }
.ankerHolder a:hover { color:#333333; }

.username { background-color:#f0f0f0; padding:7px; margin-left:55px; position:absolute; margin-top:-30px; border:1px solid white; }
#accordion h3 { cursor:pointer!important }


.accordionBox label { display:inline-block; width:125px; }

.adminTableBox
{
    width: 947px;
    margin-left: -44px;
}

.labelAlignRight
{
    text-align:right;
}

table.scroll tbody td
{
    padding-right: 0px!important;
}

.SurveyQuestion
{
    font-weight:bolder;
}

.SurveyAnswer
{
    padding-left: 20px;
}

.divTestExamQuestions
{
    padding-bottom: 20px;
}

.divTestExamQuestions
{
    padding-bottom: 20px;
}

.divTestExamQuestions table 
{
    width: 500px;
    background-color: #fafafa;
    border: 1px #000000 solid;
    border-collapse: collapse;
    border-spacing: 0px;
}

.divTestExamQuestions table thead
{
    background-color: #dadada;    
    text-align: center;
}

.divTestExamQuestions .data
{
    text-align: center;
}

.divTestExamQuestions .data input
{
    width: 100px;
}

.projectclosed
{
	font-weight: bold;
    background-color: #ffbbbb;
    color: #444444;
    border: solid 1 #222222;
    padding: 10px 10px 10px 10px; 
    margin: 10px 0px 10px 0px;    
}

.infosessionreminder
{
    background-color: #dddddd;
    color: #444444;
    border: solid 1 #222222;
    padding: 10px 10px 10px 10px;    
}

.sessionlist
{
    background-color: #cacaca;
    color: #444444;
    width: 700px;
}

.sessionlist thead
{
    font-weight: bolder;
}

.sessionlist td
{
    width: 150px;
}

.datecell
{
    width: 90px!important;
}

