/* Stylesheet voor matching  */

*:focus {
	-moz-outline:none;
	outline:none;
	height: 20px;
}

body {
	position: relative;
	margin: auto;
	font-family: Calibri, Arial;
	font-size: 12px;
	color: #2F5077;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	width: 995px;
}

a:link, a:visited {
	text-decoration: none;
	font-family: Calibri, Arial;
	color: #2F5077;
	font-size: 12px;
}

a:active, a:hover {
	text-decoration: underline;
	font-family: Calibri, Arial;
	color: #2F5077;
	font-size: 12px;
}

h1 {
	font:Calibri; 
	font-size:14px; 
	color: #2F5077;
}

h2 {
	font:Calibri; 
	font-size:16px; 
	color: #2F5077;
}

h3 {
	font:Calibri; 
	font-size:18px; 
	color: #2F5077;
}

select {
	font-family: Calibri, Arial;
	font-size: 12px;
}

.tab {
	width: 100px;
	height: 20px;	
	background-image: url(../images/tabo.gif);
	font-family: Calibri, Arial;
	font-size: 12px;
	text-align:center;
	/*color: #2F5077;	*/
	color: #FFFFFF;
	cursor: pointer;	
}

.tabb {
	width: 100px;
	height: 20px;	
	background-image: url(../images/tabb.gif);
	font-family: Calibri, Arial;
	font-size: 12px;
	text-align:center;
	color: #FFFFFF;
	cursor: pointer;	
}

.tab a:link, a:visited {
	text-decoration: none;
	font-family: Calibri, Arial;
	color: #FFFFFF;
	font-size: 12px;
}

.tab a:active, a:hover {
	text-decoration: underline;
	font-family: Calibri, Arial;
	color: #FFFFFF;
	font-size: 12px;
}

.tabb a:link, a:visited {
	text-decoration: none;
	font-family: Calibri, Arial;
	color: #FFFFFF;
	font-size: 12px;
}

.tabb a:active, a:hover {
	text-decoration: underline;
	font-family: Calibri, Arial;
	color: #FFFFFF;
	font-size: 12px;
}

.strp {
	border-top: solid #d8cac2 1px; 
	width: 810px; 	
	border-left: solid #d8cac2 1px;
}

.tekst {
	border-left: solid #d8cac2 1px;
}

.input_btn_100 {
	font-weight:normal;
	background-image: url(../images/buto_100.png);
	color: #FFFFFF;
	width: 100px;
	border:0px;
	cursor: pointer;
	font-family: Calibri, Arial;
	font-size: 12px;
	height: 20px;
}

.input_btn_180 {
	font-weight:normal;
	background-image: url(../images/buto_180.png);
	color:#FFFFFF;
	width: 180px;
	border:0px;
	cursor: pointer;
	font-family: Calibri, Arial;
	font-size: 12px;
	height: 20px;
}

.input_btn_290 {
	font-weight:normal;
	background-image: url(../images/butg_290.png);
	color:#FFFFFF;
	width: 290px;
	border:0px;
	cursor: pointer;
	font-family: Calibri, Arial;
	font-size: 12px;
	height: 20px;
}

.input_btnb_100 {
	font-weight:normal;
	background-image: url(../images/butb_100.png);
	color: #FFFFFF;
	width: 100px;
	border:0px;
	cursor: pointer;
	font-family: Calibri, Arial;
	font-size: 12px;
	height: 20px;
}

.input_btnb_180 {
	font-weight:normal;
	background-image: url(../images/butb_180.png);
	color:#FFFFFF;
	width: 180px;
	border:0px;
	cursor: pointer;
	font-family: Calibri, Arial;
	font-size: 12px;
	height: 20px;
}

.input_file {
	border-top:solid #B66D31 1px;
	border-bottom:solid #B66D31 1px;
	border-left:solid #B66D31 1px;
	border-right:solid #B66D31 1px; 
	background: #FDEADA;
	width:310px;
	font-family: Calibri;
	font-size: 12px;	
}

.input_regel {
	border-top:solid #B66D31 1px;
	border-bottom:solid #B66D31 1px;
	border-left:solid #B66D31 1px;
	border-right:solid #B66D31 1px; 
	background: #FDEADA;
	width: 295px;
    height:15px;
	font-family: Calibri, Arial;
	font-size: 12px;
	margin-bottom: 3px;
}

.input_regelb {
	border-top:solid #385d8a 1px;
	border-bottom:solid #385d8a 1px;
	border-left:solid #385d8a 1px;
	border-right:solid #385d8a 1px; 
	width: 295px;
    height:15px;	
	font-family: Calibri, Arial;
	font-size: 12px;
	background-color: #c8dcf5;
	margin-bottom: 3px;	
}

.input_radio {
	border: none;
	color: #FDEADA;
	width: 20px;
}

.knop_or {
	font-size: 10px;
	font-family: Calibri, Arial;
	background-color: #F79646;
    border-top: 1px solid #B66D31;
    border-left: 1px solid #B66D31;
    border-bottom: 1px solid #B66D31;
    border-right: 1px solid #B66D31;
	cursor: pointer;	
}

.knop_bl {
	font-size: 10px;
	font-family: Calibri, Arial;
	background-color: #4F81BD;
	border-top: 1px solid #3C6392;
	border-left: 1px solid #3C6392;
	border-bottom: 1px solid #3C6392;
	border-right: 1px solid #3C6392;
	cursor: pointer;
	color: #FFFFFF;
}

.knop_gr {
	font-size: 10px;
	font-family: Calibri, Arial;
	background-color: 6FBC20;
	border-top: 1px solid #4C8116;
	border-left: 1px solid #4C8116;
	border-bottom: 1px solid #4C8116;
	border-right: 1px solid #4C8116;
	cursor: pointer;
	color: #FFFFFF;
}

.error_msg {
	font-size: 12px;
	font-family: Calibri;
	color: #FF0000;
	width: 355px;
	height: 30px;
}

.reg_error_msg {
	font-size: 12px;
	font-family: Calibri;
	color: #FF0000;
	width: 290px;
	height: 30px;
}

.opdr_err_msg {
	font-size: 12px;
	font: Verdana;
	color: #FF0000;
	width: 700px;
	height: 70px;
	padding:3px 0px 3px 0px;
}


/* Login Form */

.login {
	width: 400px;
	position: relative;
	left: 240px;
	top: 35px;
	padding-bottom: 100px;
	font-family: Calibri;
	font-size: 12px;
	height: 290px;
}

.login input {
	font-family: Calibri;
	font-size: 12px;
}

.login table {
   margin: 10px;
}

.login td {
   padding: 10px;
}

.login p {
   margin: 10px;
}

.register {
	width: 370px;
	padding: 25px 0px 55px 0px;
}

.register input {
	font-family: Calibri;
	font-size: 12px;
}

.register td {
   padding: 5px;
}

.tekst {
   margin: 20px 0 0 20px;
}

.tekst h2 {
   color: #FE7D19;
}

.tekst ul {
   margin-left: 0;
   padding-left: 0;
}

.tekst h3 {
   font-size: 12px;
   margin: 2px 0;
}

fieldset {
   border: 1px solid #2F5077;
   border-bottom: 2px solid #2F5077;
   border-right: 2px solid #2F5077;
   padding: 5px;
   margin-bottom: 5px;
}

legend {
   color: #2F5077;
   border: 1px solid #2F5077;
   padding: 2px;
   background: #eee;
}

/*======================================*/
.user {
	margin-left: 5px;
}

.usrkopje {
	font-size: 12px;
	background-color: #e67417;
	font-family: Calibri, "MS Reference Serif";
	padding-left: 5px;
	color: #FFFFFF;
}

.opdrkopje {
	font-size: 12px;
	background-color: #4f81bd;
	font-family: Calibri, "MS Reference Serif";
	font-weight: normal;
	padding-left: 5px;
	color: #FFFFFF;
}

.kand {
	height:600px;
	overflow:auto;
	background-color:#FDEADA;
	border: 2px solid #B66D31;
	width: 260px;
	margin-left: 5px;
	padding-left: 5px;
	margin-bottom: 15px;	
	float: right;
}

.opdr_opdr {
	height:530px;
	background-color:#DCE6F2;
	border: 2px solid #385D8A;
	width: 250px;
	margin-left: 5px;
	padding-left: 5px;
	margin-bottom: 15px;
}

.usr_opdr {
	height:630px;
	background-color:#FDEADA;
	border:2px solid #B66D31;
	width:300px;
	margin-left:5px;
	padding-left:5px;
	margin-bottom:15px;
}

.opd_kand_lst {
	height:630px;
	background-color:#DCE6F2;
	border:2px solid #385D8A;
	width:300px;
	margin-left:5px;
	padding-left:5px;
	margin-bottom:15px;
}

.usr_opdr_map {
	display:block; 
	height:570px; 
	width:515px; 
	padding:0px 0px 0px 0px; 
	background-color:#FDEADA; 
	z-index:0;
}

.opdr_map {
	display:block; 
	height:590px; 
	width:515px; 
	padding:0px 0px 0px 0px; 
	background-color:#c8dcf5; 
	border:2px solid #385d8a; 
	z-index:0;
}

.prof {
	height:420px;
	overflow:auto;
	background-color:#FDEADA;
	border:2px solid #B66D31;
	width: 275px;
	margin-left: 5px;
	padding-left: 5px;
	margin-bottom: 15px;	
}

.prof_xtra {
	height:450px;
	overflow:auto;
	background-color:#FDEADA;
	border:2px solid #B66D31;
	width: 275px;
	margin-left: 5px;
	padding-left: 5px;
	margin-bottom: 15px;	
}

.opd_prof {
	height:450px;
	overflow:auto;
	background-color:#DCE6F2;
	border:2px solid #385D8A;	
	width: 275px;
	margin-left: 5px;
	padding-left: 5px;
	margin-bottom: 15px;	
}

.opd_kand {
	height:473px;
	overflow:auto;
	background-color:#DCE6F2;
	border:2px solid #385D8A;
	width: 300px;
	margin-left: 5px;
	padding-left: 5px;
	margin-bottom: 0px;	
}

.hl_yellow {
    /*border-left: 2px solid Yellow;*/
	background-color: Yellow;
	color: white;
}
.hl_red {
	/*border-bottom: 2px solid #F60;*/
	background-color: #f60;
	color: white;
}
.hl_green {
	/*border-bottom: 2px solid #50BE50;*/
	background-color: #50BE50;
	color: white;
}


/*======================================*/
.opdr_data {
	width: 490px;
	height: 630px;
	background-color:#FDEADA;
	border:solid #B66D31 2px;
	position:absolute;
	top:189px;
	left:182px;
	z-index: 5;
}

.kand_data {
	width: 490px;
	height: 630px;
	background-color:#DCE6F2;
	border:solid #385D8A 2px;
	position:absolute;
	top:215px;
	left:182px;
	z-index: 5;
}

.opd_prof_data {
	width: 490px;
	height: 650px;
	background-color:#DCE6F2;
	border:solid #385D8A 2px;
	position:absolute;
	top:215px;
	left:182px;
	z-index: 5;
}

.usr_prof_data {
	width: 490px;
	height: 650px;
	background-color:#FDEADA;
	border:solid #B66D31 2px;
	position:absolute;
	top:190px;
	left:182px;
	z-index: 5;
}

.usr_prof_data_xtra {
	width: 490px;
	height: 650px;
	background-color:#FDEADA;
	border:solid #B66D31 2px;
	position:absolute;
	top:3px;
	left:3px;
	z-index: 5;
}

.ovg_opdr_data {
	width: 490px;
	height: 630px;
	background-color:#FDEADA;
	border:solid #B66D31 2px;
	position:absolute;
	top:165px;
	left:182px;
	z-index: 5;
}

.opdr_txt { 
	padding: 3px 0px 0px 3px;
}
/*======================================*/
.suggestieBox {
	position: relative;
	left: 30px;
	margin: 10px 0px 0px 0px;
	width: 250px;
	background-color: #F79646;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 2px solid #2F5077;	
	font-family: Helvetica;
	font-size: 11px;		
	color: #2F5077;
}

.suggestieBoxb {
	position: relative;
	left: 30px;
	margin: 10px 0px 0px 0px;
	width: 250px;
	background-color: #c8dcf5;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 2px solid #2F5077;	
	font-family: Helvetica;
	font-size: 11px;		
	color: #2F5077;
}

.suggestieLijst {
	margin: 0px;
	padding: 0px;
}

.suggestieLijst li {
	
	margin: 0px 0px 3px 0px;
	padding: 3px;
	cursor: pointer;
}

.suggestieLijst li:hover {
	background-color: #FFFFFF;
}

/*======================================*/


/*======================================*/
button.btng {
      display:inline-block;
      margin:0;
      padding:0;
	  font-weight:normal;	  
      color: #FFFFFF;
      white-space:nowrap;
      text-align:center;
      vertical-align:middle;
      cursor:pointer;
      border:0;
      background:none;
 }
 
button.btng span {
      float:left;
	  padding:0 0 0 5px;
      vertical-align:middle;
      background:url(./images/but_leftg.png) left top no-repeat;
}

button.btng span span {
	  padding:0 5px 0 0;
      background:url(./images/but_rightg.png) right top no-repeat;
}

button.btng span span span {
	height:20px;
	width: 150px;
	background:url(./images/but_midg.png)  top right repeat-x;
}


* html button {width:0; overflow:visible;}
*:first-child+html button {overflow:visible;}

/* ****************************************************************************************************** */
/* PRINT STYLESHEET */
/* ****************************************************************************************************** */

@media print {
#header, #left, #sidebar, h1, #dividerLogo, #tabs a, #tabs span, 
.col_formverplicht, .icon, .noprint, .divNavAndSort, #documentButtons,
#footerlinks, #footer, .navigatie, .actie, #rechtermenu, .formButtons {
display:none;
}
body, td, li  {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000;
}
#main a:link, #main a:visited, #main a:active  {
text-decoration:none;
color:#000;
}
#main {
width:auto;
}
/* Specifiek */
.edit td {
padding-top:2px;
padding-bottom:2px;
border-bottom:0px;
}
.edit caption  {
padding-top:4px;
padding-bottom:4px;
}
#main .edit th  {
padding-top:4px;
padding-bottom:4px;
border-bottom:2px solid #ccc;
}
}