/* reset  */
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,blockquote,th,td {
margin:0;
padding:0;
}

table {
border-collapse:collapse;
border-spacing:0;
font-size:inherit;
font-size:100%;
}

fieldset,img {
border:0;
}

address,caption,cite,code,dfn,th,var {
font-style:normal;
font-weight:400;
}

th {font-weight:700; cursor:pointer;}

ul {
margin:0 0 0 15px;
padding:0;
}

ol {
margin:0 0 0 30px;
padding:0;
}

caption,th {
text-align:left;
}

h1,h2,h3,h4,h5,h6 {
font-size:100%;
}

form {
display:inline;
}

:focus {
outline:none;
}


/* main styles */

body {
background:#e8f1ff;
text-align:center;
margin:0;
padding:0;
font: 77%/150% Arial, Helvetica, sans-serif;
color: #000544;
}

a {
color:#ff9000;
text-decoration:underline;
font-weight:700;
outline:none;
}

a:hover {
color:#121751;
text-decoration:underline;
font-weight:700;
}

h1, h2, h3, h4, h5, h6 {
margin: 0px;
padding: 4px 0px 8px;
color:#655ba3;
}

h1 {
font-size: 170%;
padding: 0px 0px 15px;
margin-bottom:15px;
border-bottom: 1px dotted #a8c0e2;
color:#000544;
}

h2 {
font-size: 130%;
}

h3 {
font-size: 110%;
}

h4 {
font-size: 100%;
}

h5 {
font-size: 100%;
}

h6 {
font-size: 100%;
}

p {
margin:0;
padding: 0px 0px 12px;
}

#header {
width:100%;
height:69px;
background:#000544;
}

#headercell {
width:980px;
margin:auto;
height:69px;
text-align:left;
}

#logo h1 {
margin: 0px;
padding: 0px;
overflow:hidden;
float: left;
border:none;
}

#logo h1 a {
margin: 0px;
background: url(../images/logo.jpg);
text-indent:-9999px;
height: 69px;
width: 500px;
overflow:hidden;
display:block;
float: left;
}

#menubg {
width:100%;
height:45px;
background:url(../images/menubg.jpg) repeat-x
}

#menucell {
width:980px;
margin:auto;
height:45px;
text-align:right;
}

#contentcell {
width:100%;
height:auto;
background:#FFF;
border-bottom: 1px solid #c7cbd0;
padding: 15px 0px;
}

#contentbackend {
width:980px;
height:auto;
margin:auto;
text-align:left;
}

#content2 {
padding-left:30px;
;
width:950px;
height:auto;
margin:auto;
text-align:left;
}

#footer {
color:#7e85a9;
width:auto;
padding:10px;
}

#footer a {
color:#7e85a9;
font-weight:400;
text-decoration:none;
}

#footer a:hover {
text-decoration:underline;
}

div.divide {
color: #f2f3f4;
background-color: #f2f3f4;
height: 1px;
border:0;
margin: 15px 0px;
padding: 0px;
line-height:0.1em;
}

#logout a {
width:88px;
height: 23px;
float:right;
display:block;
text-indent:-9999px;
background: url(../images/uitloggen.gif) no-repeat;
margin-top:4px;
margin-right:8px;
}

#logout a:hover {
background: url(../images/uitloggen_over.gif) no-repeat;
}

/*   */

#contentbackend table {
border-top: 1px solid #bbd6ff;
width: 100%;
}

#contentbackend table.profieltbl, #contentbackend table.profieltbl2, #contentbackend table.opdrachttbl {
border-top: 1px dotted #ddd;
width: 100%;
}

#contentbackend table tr th {
background: #000544;
padding: 0px 15px;
height: 25px;
line-height: 25px;
border-bottom: 1px solid #fff;
color:#FFF;
}

#contentbackend table.lopende tr th {
background: #3a7600;
padding: 0px 15px;
height: 25px;
line-height: 25px;
border-bottom: 1px solid #fff;
color:#FFF;
}

#contentbackend table.kandidaten tr th {
background: #ff9000;
padding: 0px 15px;
height: 25px;
line-height: 25px;
border-bottom: 1px solid #fff;
color:#FFF;
}

#contentbackend table tr td {
background: #e8f1ff;
padding: 0px 15px;
height: 25px;
line-height: 25px;
border-bottom: 1px solid #bbd6ff;
}

#contentbackend table.profieltbl tr td, #contentbackend table.profieltbl2 tr td, #contentbackend table.opdrachttbl tr td {
background: #fbfbfb;
padding: 0px 15px;
height: 25px;
line-height: 25px;
border-bottom: 1px dotted #ddd;
}

#contentbackend table tr.odd td {
background: #eff5ff;
}

#contentbackend table.profieltbl tr.odd td, #contentbackend table.profieltbl2 tr.odd td, #contentbackend table.opdrachttbl tr.odd td {
background: #fbfbfb;
}


#contentbackend table tr:hover td {
background: #fdfcf6;
}

#contentbackend table.profieltbl tr:hover td, #contentbackend table.profieltbl2 tr:hover td, #contentbackend table.opdrachttbl tr:hover td {
background: #fbfbfb;
}

#contentbackend table.profieltbl3 {border:1px dotted #d5d5d5; margin-bottom:10px; width:auto; background:#f2f2f2;}

#contentbackend table.profieltbl3  tr td{background:none;}

#contentbackend table.profieltbl3 tr td{ border:none;}


#contentbackend table .action {
text-align: right;


}

#contentbackend table tr .action a {
margin: 0 0 0 4px;
text-decoration: none;
color: #9b9b9b;
display:block;
float:left;
padding-left:4px;
padding-right:4px;
padding-top:2px;
padding-bottom:2px;
line-height:1em;




}

#contentbackend table tr:hover .action .accept {
color: #fff;
background:#000544;
}

#contentbackend table tr:hover .action .delete {
color: #fff;
background:#ef0000;
}

#contentbackend table tr:hover .action .view {
color: #fff;
background:#000544;
}

#contentbackend table tr:hover .action a:hover {
color: #fff;
background:#ff9000;
}

#contentbackend table.kenmerken_tbl {
width:auto;
border:none;
}

#contentbackend table.kenmerken_tbl tr td {
background: #fff;
padding: 0px 15px 0px 0px;
height: 25px;
line-height: 25px;
border-bottom: none;
}


#contentbackend table.mceLayout {width:700px;}

#contentbackend table.mceLayout td {background: none;border:0; padding:0; margin:0; }

#contentbackend table.mceLayout tr:hover td {
background: none;
}


#contentbackend fieldset {
border: 1px solid #ddd;
padding: 20px;
margin: 0 0 20px 0;
background: #fbfbfb;

}

#contentbackend fieldset p {
margin: 0 0 14px 0;
float: left;
width: 100%;
}

#contentbackend legend {
font-weight:700;
}

#contentbackend fieldset label {
display: block;
width: 140px;
vertical-align:middle;
float:left;
margin-top: 7px;
}

#contentbackend fieldset  label.toon {width:100px;}

#contentbackend fieldset input {
border: 1px solid #ddd;
font: 11px Arial, Helvetica, sans-serif;
color: #000544;
padding: 5px 7px;
margin: 4px 10px 4px 0;
vertical-align:middle;
}

#contentbackend fieldset select {
border: 1px solid #ddd;
font: 11px Arial, Helvetica, sans-serif;
color: #000544;
padding: 5px 7px;
margin: 4px 10px 4px 0;
vertical-align:middle;
}

#contentbackend fieldset .text-long {
width: 264px;
}

#contentbackend fieldset .text-medium {
width: 124px;
}

#contentbackend fieldset .text-small {
width: 44px;
}

#contentbackend fieldset input.radiobtn {
border:0;
margin: 4px 2px 4px 0;
vertical-align:middle;
}

#contentbackend fieldset textarea {
border: 1px solid #ddd;
color: #000544;
padding: 5px 7px;
width: 364px;
float: left;
margin: 4px 10px 4px 0;
height: 118px;
overflow: hidden;
}

#contentbackend fieldset textarea.wide {width:700px; overflow: auto;}

#contentbackend fieldset textarea.widedesc {
width:98%;
height:250px;
overflow: auto;
}

#contentbackend fieldset textarea.txt-short {height:50px;}

#contentbackend fieldset textarea.txt-long {height:150px;}

#contentbackend div.formleftcol {
width:450px;
float:left;
}

#contentbackend div.formrightcol {
width:450px;
float:left;
}

.button-submit {
font: 11px Arial, Helvetica, sans-serif;
color: #646464;
width: 94px;
height: 29px;
cursor: pointer;
border: none;
background: url(../img/button-submit.gif) no-repeat left top;
}

.radiocell {padding-top:3px;}

span.inputspan { margin-right:10px; margin-left:10px; float:left; display:block; padding-top:4px;}

#contentbackend fieldset input.date-pick  {float:left; width:70px;}

a.dp-choose-date {
float: left;
width: 16px;
height: 16px;
padding: 0;
margin: 8px 3px 0;
display: block;
text-indent: -2000px;
overflow: hidden;
background: url(../images/icons/calicon.png) no-repeat;
}



.disabled {background:#f0f0f0;}

#contentbackend  table.profieltbl {width:780px;}

.formleftcol-profiel {width:780px; float:left;}

.formrightcol-profiel {float:left; padding-left:5px}

div.fotolink {text-align:center;}
div.fotolink a {font-size:90%; font-weight:400;}



#contentbackend table.profieltbl2  label {
display: block;
width: 240px;
vertical-align:middle;
float:left;
margin-top: 7px;
}

#contentbackend div.zoekdiv label {
display: block;
width: 210px;
vertical-align:middle;
float:left;
margin-top: 7px;
}

#contentbackend div.zoekinactive {background:#e8f1ff; padding-bottom:16px;}

span.status {vertical-align:middle;  font-weight:700;}

span.labelsub {font-size:90%;}

span.statusdesc {
font-style: italic;
color: #999999;
font-size: 90%;
}

img.status {vertical-align:middle; }

div.reden {background:#fff9e9; padding:20px; color:#920300; border: 1px solid #ffcfbe; margin-bottom:10px;}
div.reden a {color:#920300;}

a.toevoegen { color:#4ca707; text-decoration:none;}
a.toevoegen:hover {text-decoration:none;}
a.toevoegen img {vertical-align:middle;}

a.aanpassen { color:#ff9035; text-decoration:none;}
a.aanpassen:hover {text-decoration:none;}
a.aanpassen img {vertical-align:middle;}

a.verwijderen { color:#9e1d05; text-decoration:none;}
a.verwijderen:hover {text-decoration:none;}
a.verwijderen img {vertical-align:middle;}


.mpchoice {height:100px; width:250px;}

span.inputdesc {font-size:90%; color:#333; font-style:italic;}


div.zoek-cont {
width:940px;
border: 1px solid #ddd;
padding: 20px;
margin: 20px 0;
background: #fbfbfb;
position:relative;
}

.pagination a, span.sactive { width:10px; border: 1px solid #ff9000; padding:3px; background:#ff9000; color:#FFF; text-decoration:none;}

.pagination a:hover, span.sactive {background:#FFF;  color:#ff9000;} 


#contentbackend  table.proftbl {border:1px solid #ddd;}

#contentbackend  table.proftbl td {
border:0;
margin:0;
background: #fbfbfb;
padding: 2px 4px;
height: 20px;
line-height: 20px;
}

#contentbackend table.proftbl tr:hover td {
background-color:transparant; 
}

#contentbackend table.proftbl td.proftd1 {background:#eff5ff; }
#contentbackend table.proftbl td.proftd2 {background:#e8f1ff; }

#contentbackend  .zoek-cont h3 {margin:0; padding:0; height:auto; line-height:1em; width:500px; float:left;}
.controls { float:right;}

.controls a {
display:block;
background:#000544;
color:#FFF;
float:left;

padding:2px 4px;
margin:2px 2px 6px;
line-height:1em;
text-decoration:none;

}

.controls a.hidebtn {background:#666;}

.controls a.addcand {background:#3a7600;}

.controls a:hover {background:#ff9000; text-decoration:none; color:#FFF;}

.controls span.disabled_a {
display:block;
background:#666666;
color:#FFF;
float:left;

padding:2px 4px;
margin:2px 2px 6px;
line-height:1em;
text-decoration:none;
font-weight:700;
}

div.selectoption, div.selectaction {float:right; clear:both; line-height:28px;}

div.selectoption a{color: #000544; text-decoration:underline; font-weight:400;  font-size:90%;}
div.selectoption a:hover {text-decoration:none;}

div.backlink a{float:left; line-height:25px; border: 1px solid #ff9000; text-decoration:none; padding-left:4px; padding-right:4px;}

div.backlink a:hover {background:#ff9000; color:#FFF;}

#contentbackend input.incorrectfield {border: 1px solid #FF0000; background:#ffdada;}

/* admin area */

.admincont {width:980px; height:auto; display:table; clear:both;}

.adminleft {float:left; width:470px; padding-right:20px;}
.adminright {float:left; width:470px; padding-left:20px;}

.dashblock {background:#eff5ff; border:1px solid #e8f1ff; padding:6px; float:left; margin-bottom:10px; width:100%;}
.dashblock span.desc {line-height:16px;padding:4px; display:block; float:left; font-weight:700;}

span.orangeblock {
background:#ff9000;
color:#FFF;
display:block;
float:left;
vertical-align:middle;
padding:4px;
font-size: 16px;
font-weight: 700;
}

span.blueblock  {
background:#000544;
color:#FFF;
display:block;
float:left;
vertical-align:middle;
padding:4px;
font-size: 16px;
font-weight: 700;
}

span.totaldesc {width:190px; display:block;float:left; line-height:26px; font-weight:700;}
span.totals {line-height:26px; text-align:right;width:70px; display:block;float:left;}


/* profiel pagina */


.profilecell {}

#contentbackend .profilecell {
border: 1px solid #ddd;
padding: 20px;
margin: 0 0 20px 0;
background: #fbfbfb;

}

#contentbackend .profilecell p {
margin: 0 0 14px 0;
float: left;
width: 100%;
}



#contentbackend table.personal {border:1px dotted #fbb1b1;  width:100%; background:#fff0f0;}

#contentbackend table.personal  tr td{background:none; padding: 2px 4px;
height: 20px;
line-height: 20px;}

#contentbackend table.personal tr td{ border:none;}



#contentbackend table.showview td {padding: 2px 4px;
height: 20px;
line-height: 20px;}


#contentbackend table.profileview td {background:#fff0f0;}