body.n {
	font-family: verdana,helvetica;
	color: #0060AF;
	background-color: #CAD8E7; 
	margin-left:-8px; 
	margin-top:-8px;
	font-size: 10px;
}
body.grey {
	font-family: verdana,helvetica;
	color: #000000;
	background-color: #d3d3d3;
	font-size: 12px;
}
body.white {
	font-family: verdana,helvetica;
	color: #000000;
	background-color: #ffffff;
	font-size: 12px;
}
body {
	font-family: verdana,helvetica;
	color: #000000;
	background-color: #CAD8E7;
	font-size: 12px;
}
a {
	font-family: verdana,helvetica;
	font-size: 12px;
}
.white {
	font-family: verdana,helvetica;
	color: #ffffff;
	font-weight: bold;
	font-size: 12pt;
}
.tabval {
	font-family: verdana,helvetica;
	color: #000000;
	background-color: #ffffff;
	font-weight: plain;
	font-size: 10pt;
}
.tabhead {
	font-family: verdana,helvetica;
	color: #ffffff;
	font-weight: bold;
	font-size: 10pt;
}
.nh {
	font-family: verdana,helvetica;
	color: #ffffff;
	font-weight: bold;
	font-size: 10pt;
}

a.n:link:focus, a.n:visited:focus {-moz-outline:0px;}
a.n:link { font-size: 10pt; color: #0060af; font-weight:normal; text-decoration:none;}
a.n:visited { font-size: 10pt; color: #0060af; font-weight:normal; text-decoration:none;}
a.n:active { font-size: 10pt; background-color: #ffffff; color: #0060af; font-weight:normal; text-decoration:none;}
a.n:hover { font-size: 10pt; background-color: #ffffff; color: #0060af; font-weight:bold; text-decoration:none;}

a.nh:link:focus, a.nh:visited:focus {-moz-outline:0px;}
a.nh:link { font-size: 10pt; background-color: #ffffff; color: #fb7822; font-weight:normal; text-decoration:none;}
a.nh:visited { font-size: 10pt; background-color: #ffffff; color: #fb7822; font-weight:normal; text-decoration:none;}
a.nh:active { font-size: 10pt; background-color: #ffffff; color: #fb7822; font-weight:normal; text-decoration:none;}
a.nh:hover { font-size: 10pt; background-color: #ffffff; color: #fb7822; font-weight:bold; text-decoration:none;}

a:link { color: black; font-weight:bold; text-decoration:none;}
//a:link { color: #bb3902; font-weight:bold; text-decoration:underline;}
a:visited { color: black; font-weight:bold; text-decoration:none;}
//a:active { color: #bb3902; font-weight:normal; text-decoration:underline;}
a:hover { color: #0060af; font-weight:bold; text-decoration:none;}


h3,h4,h5 {color: #0060AF}

p
{
font-family: verdana,helvetica;
color: #0060AF;
font-size: 100%;
}
h1 
{
font-family: verdana,helvetica;
color: #0060AF;
font-size: 12pt;
}
h2 
{
font-family: verdana,helvetica;
color: black;
font-size: 12pt;
}
h3,th 
{
font-family: verdana,helvetica;
color: black;
font-size: 10pt;
}
h4
{
font-family: verdana,helvetica;
color: black;
font-size: 85%;
}
rd
{
font-family: verdana,helvetica;
color: #FF0000;
font-size: 16pt;
}
td 
{
font-family: verdana,helvetica;
color: black;
font-size: 10pt;
}

.readonly {
background-color: lightgrey;
}
.i {
bgcolor: #ffffff;
}

table.i {
border: 0;
cellspacing: 2;
cellpadding: 3;
}


h5 
{
font-family: verdana,helvetica;
color: black;
font-size: 65%;
}
h6 
{
font-family: verdana,helvetica;
color: red;
font-size: 120%;
}
h7 
{
font-family: verdana,helvetica;
color: black;
font-size: 55%;
}

maandbutton{width: 10em}

input[readonly] {
background-color: lightgrey;
}

#selectknop {
    width:15px;
}

/*
div.dropdown_list {
    width:15px;
}


/*select.my_dropdown {
//    width:auto;
//}

/*IE FIX */

#my_dropdown{
width:auto;
}

#my_dropdown:focus{
width:200px;
}

select#my_dropdown: {
width:auto;
}

select:focus#my_dropdown {
width:200px;
}

.afkeur{
 background-color:red;
}

.redelijk{
 background-color:yellow;
}

.button {
    background-color: royalblue; 
    color: lightgrey;
}
button:hover, .button:hover, button:focus, .button:focus, input[type="button"]:hover, input[type="submit"]:hover {
    background-color: navy; 
    color: lightgrey;
}
input:invalid {
	background-color: lightpink;
  }
datalist {
  display: none;
}

/*aanpassing voor tabs in stamgegevens
/* Style the tab */
.tabs {
	overflow: hidden;
	border: 3px solid grey;
	background-color: lightgrey;
  }
  
  /* Style the buttons that are used to open the tab content */
  .tabs button {
	background-color: #ccc;
	font-weight: bold;
	color: navy;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 14px 16px;
	transition: 0.3s;
  }
  
  /* Change background color of buttons on hover */
  .tabs button:hover {
	background-color: #ddd;
  }
  
  /* Create an active/current tablink class */
  .tabs button.active {
	background-color: darkgrey;
  }
  
  /* Style the tab content */
  .tabcontent {
	height: 250px; /* 100% van de viewport hoogte */
	overflow-y: auto;
	display: none;
	padding: 6px 12px;
	border: 3px solid grey;
	border-top: none;
  }