html, body 
{
   height:100%;
   margin: 0px 5px 0px 5px;
   font-family:Arial,verdana;
   font-size:12px;
   color:Black;
}

h1 {
    color: #FFF;
    font-weight: bold;
    font-family: Arial,verdana;
    font-size: 14px;
    margin: 0;
}

.saveButton{
    height:25px;
    display: inline-block; 
    margin-left: 10px !important;
    background-image:url('/Pages/Images/save_16.png');
    background-repeat:no-repeat;
}

.float-left{
    float:left !important;
}
.float-right{
    float:right !important;
}

.rolddl
{
    font-family: Arial,verdana;
    font-size: 10px;
}

.titel2
{
    color: #000000;
    font-weight: bold;
    font-family: Arial,verdana;
    font-size: 12px;
}  

th{ text-align:left; }

fieldset 
{
	padding: 1em;
	margin-right:2em;
}

legend
{
	font-weight:bold;
	color: #334455;
	font-size:1.2em;
}

#fsPerson 
{
	float: left;
}

.homemenu {
    background-color: Black;
    color:White;
}

.homeitems {
    border: 1px solid black;
    background-color: #F9F9F9;
}

.tabwrapper
{
	margin-top:5px;
    margin-bottom: 20px;
    border: 0px solid #bccbdd;
}

.RadGrid, .InsertForm
{
	margin:15px;
}

.InsertForm 
{
	color: #334455;
}

.RadTab 
{
	
}

.errordiv{
    border:1px solid #ff0000;
    padding:8px;
    margin:5px 0;
    background-color:#ffd0d0;
    color:#000;
}
 
.multiPage
{
    display: -moz-inline-box;
    display: inline-block;
    position: relative;
    margin-bottom: -3px;
    border: 1px solid #bccbdd;
    border-top: 0px;
    width:100%;
}

.labelstandard{
    float: left;
    width: 130px;
    margin: 5px;
	font-family:Arial,verdana;
	font-size:12px;
}

.labelstandardshort{
    float: left;
    width: 80px;
    font-weight: bold;
    margin: 5px;
	font-family:Arial,verdana;
	font-size:12px;
}

.labelstandardshort2{
    float: left;
    width: 60px;
    font-weight: bold;
    margin: 5px;
	font-family:Arial,verdana;
	font-size:12px;
}
.labelstandardshort3{
    float: left;
    width: 70px;
    font-weight: bold;
    margin: 5px;
	font-family:Arial,verdana;
	font-size:12px;
}

.labelTitle{
    float:left;
    margin:0px 10px;
    font-weight:bold;
    font-family:Arial, Verdana;
    font-size:12px;
}

.labelstandardlong{
    font-weight: bold;
    margin: 5px;
}

.selectStatus{
    height:33px;
}

.inputstandard{
    width: 215px;
    /*margin-top: 5px;
    margin-bottom: 3px;*/
	font-family:Arial,verdana;
	font-size:12px;
}

.inputstandardlang3{
	width: 250px;
	/*margin-top: 5px;
	margin-bottom: 3px;*/
	font-family:Arial,verdana;
	font-size:12px;
}

.inputstandardlang2{
    width: 469px;
    /*margin-top: 5px;
    margin-bottom: 3px;*/
	font-family:Arial,verdana;
	font-size:12px;
}

.inputstandardlang{
    width: 542px;
    margin-top: 5px;
    margin-bottom: 3px;
	font-family:Arial,verdana;
	font-size:12px;
}

.inputstandardmid{
    width: 78px;
    /*margin-top: 5px;
    margin-bottom: 3px;*/
	font-family:Arial,verdana;
	font-size:12px;
}

.inputstandardshort{
    width: 50px;
    /*margin-top: 5px;
    margin-bottom: 3px;*/
	font-family:Arial,verdana;
	font-size:12px;
}
.inputstandardshort2{
    width: 90px;
    /*margin-top: 5px;
    margin-bottom: 3px;*/
	font-family:Arial,verdana;
	font-size:12px;
}

.selectstandardlang{
    width: 580px;
    margin-top: 5px;
    margin-bottom: 3px;
	font-family:Arial,verdana;
	font-size:11px;
}

.selectstandard{
    width: 220px;
    /*margin-top: 5px;
    margin-bottom: 3px;*/
	font-family:Arial,verdana;
	font-size:11px;
}


.selectstandardshort{
    width: 100px;
    /*margin-top: 5px;
    margin-bottom: 3px;*/
	font-family:Arial,verdana;
	font-size:11px;
}

.selectstandardmid{
    width: 78px;
    margin-top: 5px;
    margin-bottom: 3px;
	font-family:Arial,verdana;
	font-size:11px;
}

.errorstandard 
{
    display: inline;
    left: 0px;
}

.errormessage 
{
    border: 1px solid red;
    width: 100%;
}

.errormessage1
{
    color: red;
}

.statusmessage 
{
    border: 1px solid red;
}

br{
    clear: left;
}

.clijst
{
    border-right:1px solid #000000;
    border-bottom:1px solid #000000;
    padding:1px 1px 1px 1px;
    text-align:center;
}

.submitstandard
{
	text-align: right;
    margin-left: 150px;
    margin-top: 15px;
    margin-bottom: 10px;
}

.submitmessage{
    margin-left: 130px;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #000000;
}

#left {
	float: left;
	width: 446px;
	margin: 5px;
}


#middle {
	float: left;
	margin: 0px 10px;
	padding-top: 10px;
}

#middlecijfer 
{
    position:absolute;
	left:350px;
	top:100px;
	margin: 0px 10px;
	padding-top: 10px;
}

#right {
    float: left;
	width: 224px;
	margin: 5px;
}

#left2 {
    float: left;
    left: 0px;
    width: 40%;
}

#middle2 {
    float: left;
	width: 10%;
	left: 40%;
}

#right2 {
    float: left;
	width: 40%;
	left: 50%;
}

.wrapper {
    margin: 5px;
    background-color:#ffffff;
}

#pnlWijzigCijfer{
    background-color:#bfd730;
    border:1px solid black;
    padding: 5px 5px 5px 5px;
}

#wrapperrol {
    width: 50%;
    margin: 5px;
}

.highlight, .HIGHLIGHT
{
    text-decoration:none;
    background-color:yellow;
    font-weight: bold;
}

.ColDetail {
      width: 100%;
      background-color:#eff5cb;
      margin: 10px 0 10px 0;
      padding: 0px;
}
 
.ColHeader{   
      width:100%;            
      height:30px;
      color: White;
      background-color: Black;
      float:none;
      padding:0px; 
      /*cursor: pointer; */
      vertical-align: middle;
}

.cslblDetail
{
      width: 150px;
      font-weight:bold;
}    

.normal
{
   font-family:Arial,verdana;
   font-size:12px;
   color:Black;
}

.normal1
{
   font-family:Arial,verdana;
   font-size:12px;
   color:White;
}


.titel1
{
   font-family:Arial,verdana;
   font-size:30px;
   font-weight:normal;
   color:White;
}

a, a:link, a:visited {font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; font-size: 12px; color: #000000;text-decoration:underline;}
a:hover  {text-decoration:none;}

a.onvoldoende, a.onvoldoende:link, a.onvoldoende:visited {font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; font-size: 12px; color: #FF0000;text-decoration:underline;}
a.onvoldoende:hover  {text-decoration:none;}

a.menulink, a.menulink:link, a.menulink:visited {font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; font-size: 12px; color: #FFFFFF;text-decoration:underline;}
a.menulink:hover  {text-decoration:none;}

.gemonvoldoende{font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; font-size: 12px; color: #FF0000;}

#fullheight{height:100%;overflow:hidden}   

#logo{
    float:left;
    width:253px;
    height:62px;
}

#information{
    background-color: #bfd730;
    height:62px;
}

.Zoekbalk
{
    float:left;
    margin-top:14px;
    height:30px;
}
#Progressbar
{
    float:left;
    height:30px;
}
#body {
   /*padding:10px;*/
   padding-bottom:1px;   /* Height of the footer */
   /*background-color:Red;*/
}
#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:1px;   /* Height of the footer */
}

.imageplace
{
    vertical-align:bottom;  
    margin-bottom:5px;
}

.imageplace2
{
    vertical-align:bottom;  
    margin-bottom:0px;
}

.flyOutDiv
{
     display: none; 
     position: absolute; 
     width: 600px; 
     z-index: 3; 
     /* opacity: 0;*/
     -moz-opacity:0;
     /* filter:(progid:DXImageTransform.Microsoft.Alpha(opacity=0)); */
     font-size: 14px; 
     border: solid 1px #e6e6e6; 
     background-color: #FFFFFF; 
     padding: 5px;
} 

.flyOutDivCloseX
{
 background-color: #e6e6e6; 
 color: #FFFFFF; 
 text-align: center; 
 font-weight: bold; 
 font-size: 11px;
 text-decoration: none; 
 border: outset thin #FFFFFF; 
 padding: 2px 4px 2px 4px; 
} 
a.flyOutDivCloseX, a.flyOutDivCloseX:link, a.flyOutDivCloseX:visited, a.flyOutDivCloseX:hover {font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #FFFFFF;text-decoration:none;}

/*position: relative;*/
/*
.ajax__calendar {
    left: 0px ;
    top: 0px ;
    visibility: visible; display: block;
    z-index:100;
}
.ajax__calendar iframe
{
    left: 0px;
    top: 5px;
    z-index:100;
}
*/

/*GRIDVIEW*/
.mGrid { width: 100%; background-color: #fff; margin: 5px 0 10px 0; border: solid 1px #525252; border-collapse:collapse; }
    .mGrid td { padding: 2px; border: solid 1px #c1c1c1; color: #717171; }
    .mGrid th { padding: 4px 2px; color: #fff; background: #424242 url(grd_head.png) repeat-x top; border-left: solid 1px #525252; font-size: 0.9em; }
.mGrid .alt { background: #fcfcfc url(grd_alt.png) repeat-x top; }
.mGrid .pgr {background: #424242 url(grd_pgr.png) repeat-x top; }
    .mGrid .pgr table { margin: 5px 0; }
    .mGrid .pgr td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; }   
    .mGrid .pgr a { color: #666; text-decoration: none; }
    .mGrid .pgr a:hover { color: #000; text-decoration: none; }
    
    .mDocTracking td { border: 0px; }