body, p , h1, table{
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
}

h1 {
font-size: 16px;
}

img {
border: none;
}

table {
border-spacing:0;
border-collapse:collapse;
}

A:link {
text-decoration: none; 
color: #0a7cba;
}

A:hover {
text-decoration: underline; 
color: #0a7cba;
}

input[type=text] {
width: 80%;
}
input[type=password] {
width: 80%;
}


.header {
 border-bottom: solid 1px #000000;
 height: 46px;
}

.header .imgleft {
float: left;
margin-left: 5px;
margin-top: 5px;
}

.header .imgright {
float: right;
margin-right: 5px;
margin-top: 5px;
}

/*CSS voor de inlogpagina hieronder*/

.emptytop {
height: 100px;
width: 100%;
float: left;
}

.emptymiddleleft{
width: 20%;
float: left;
}

.middlecenter{
width: 20%;
border: solid 1px #000000;
float: left;
padding-top: 25px;
padding-left: 1%;
padding-bottom: 25px;
padding-right: 5px;
}

.emptymiddleright{
width: 50%;
float: left;
}

.loginleft {
width: 40%;
}

.loginright{
width: 60%;
}

.loginbutton {
margin-left: 20%;
margin-top: 10px;
}
 
/*Overzicht CSS hieronder*/

.mainmenu {
height: 25px;
background-color: #bfbfbf;
position:relative;
}

.menu {
font-size: 18px;
color: #000000;
font-style: italic;
margin-left: 5px;
position:relative;
top: 2px;
}

.menuitem {
margin-left: 10px;
position:relative;
top:2px; 
}

.menuitem  a:link , .menuitem  a:visited  {
text-decoration: none;
font-size: 18px;
color: 0a7cba;
}

.menuitem  a:hover {
text-decoration: underline;
font-size: 18px;
color: 0a7cba;
}

.menuitem  a:active {
text-decoration: none;
font-size: 18px;
color: #054d74;
font-weight:bold;
}

.account {
float: right;
font-size: 12px;
font-weight: bold;
margin-top: 4px;
margin-right: 5px;
}

.account a{
color: #FFFFFF;
text-decoration: underline;
}

.account a:hover {
color: #FFFFFF;
text-decoration: none;
}

.filtermenu {
height: 40px;
background-color: #eeeeee;
position:relative;
border-bottom: 1px solid #000000;
}

.filter, .filterlabel, .leadbewerkenfilter {
margin-left: 5px;
font-size: 14px;
position:relative;
top:30%; 
}

.filter, .leadbewerkenfilter {
border: 1px #bfbfbf solid;
border-radius: 5px;
padding-left: 2px;
padding-right: 2px;
}

.leadbewerkenfilter a{
color: #ffffff;
}

.filter a {
color: #000000;
}

/*Hieronder CSS van de checkboxes*/

input[type=checkbox].css-checkbox {
display:none;
}

input[type=checkbox].css-checkbox + label.css-label {
padding-left:25px;
height:20px; 
display:inline-block;
line-height:20px;
background-repeat:no-repeat;
background-position: 0 0;
font-size:20px;
vertical-align:middle;
cursor:pointer;
}

input[type=checkbox].css-checkbox:checked + label.css-label {
background-position: 0 -20px;
}
						
label.css-label {
background-image:url(http://csscheckbox.com/checkboxes/u/csscheckbox_d7f28a7ecd92b3e016c7f7b0bae9539d.png);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

/*hieronder CSS van de tabel*/

.data {
width: 100%;
}

.data th {
background-color: #0a7cba;
height: 30px;
color: #FFFFFF;
font-size: 14px;
border-bottom: 1px solid #000000;
text-align: left;
}

.tableheadercheckbox {
min-width: 30px;
width: 3,3%;
}

.tableheaderbedrijf  {
min-width: 90px;
width: 10%;
}

 .tableheaderachternaam {
min-width: 60px;
width: 6,7%;
}
 
 .tableheadervoornaam {
min-width: 60px;
width: 6,7%;
}
 
 .tableheaderemail {
min-width: 95px;
width: 10,6%;
}
 
 .tableheaderorggr {
min-width: 40px;
width: 4,4%;
}
 
 .tableheaderplaats {
min-width: 80px;
width: 8,9%;
}
 
 .tableheaderfunctie {
min-width: 100px;
width: 11,1%;
}
 
 .tableheaderlaatsteaanvraag {
min-width: 60px;
width: 6,7%;
}
 
 .tableheaderinteresse {
min-width: 90px;
width: 10%;
}
 
 .tableheadertype {
min-width: 75px;
width: 8,3%;
}
 
 .tableheadertoegewezen {
min-width: 120px;
width: 13,3%;
}

.data td {
height: 40px;
color: #000000;
font-size: 12px;
}

.evenrij {
background-color: #ffffff;
}

.onevenrij {
background-color: #eaeaea;
}

.footer {
height: 60px;
background-color: #0a7cba;
position:fixed;
bottom: 0px;
width: 100%;
float: left;
}

.exportbutton {
padding: 10px 10px 10px 10px;
border-right: 1px solid #ffffff;
width: 150px;
float: left;
height: 100%
}

.exportbutton h1, .leadwijzigen h1, .footeralleleads h1 {
font-size: 14px;
color: #ffffff;
font-style: italic;
margin-bottom: 5px;
}

.leadwijzigen {
padding: 10px 10px 10px 10px;
width: 800px;
float: left;
height: 100%;
}

.footerfilters {
height: 100%;
float: left;
}

.footerfilters td {
color: #ffffff;
font-size: 12px;
height: 15px;
width: 120px;
text-align: left;
}

.footerlabel {
height: 100%;
float: left;
margin-right: 20px;
}

.toepassenbutton {
float: left;
padding-top: 21px;
}

.leadbewerkenlabels {
font-style: italic;
}

.footeralleleads {
float: right;
height: 100%;
width: 150px;
border-left: 1px solid #ffffff;
padding: 10px 10px 10px 10px;
}