* {
	font-family: Calibri, Trebuchet MS, Arial, Geneva, Helvetica, sans-serif;
	font-size: 15px;
	-ms-overflow-style: none;
	overflow: -moz-scrollbars-none;
}

body::before {
	content: "";
	display: block;
	width: 100%;
	height:100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: -10;
	background-image: url("../afbeeldingen/Waalkroon achtergrond.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left top;
	background-color: gray;
}

body {
	font-family: Arial, Trebuchet MS, Calibri, Geneva, Helvetica, sans-serif;
	background-color: grey;
	height:90%;
	padding: 0px;
	font-size:15px;
	-webkit-text-size-adjust: 80%;
}

*.tabel {display:table;}
*.trow 	{display:table-row;}
*.tcel 	{display:table-cell;}

*.f12bi {font-style:italic;font-weight:bold;font-size:12px;}
*.fbi 	{font-style:italic;font-weight:bold;}
*.fb 	{font-weight:bold;}
*.f11 	{font-size:11px;}
*.f12 	{font-size:12px;}
*.f13 	{font-size:13px;}
*.f14 	{font-size:14px;}
*.f14b 	{font-size:14px;font-weight:bold;}
*.f14bi {font-size:14px;font-style:italic;font-weight:bold;}
*.f13bi {font-size:13px;font-style:italic;font-weight:bold;}
*.f15 	{font-size:15px;}
*.f11i 	{font-size:11px;font-style:italic;}
*.f12i 	{font-size:12px;font-style:italic;}
*.f13i 	{font-size:13px;font-style:italic;}
*.f18b 	{font-size:18px;font-style:normal;font-weight:bold;}
*.fi 	{font-style:italic;}

*.rond 	{-webkit-border-radius:7px;border-radius:7px;}
*.rond5	{-webkit-border-radius:5px;border-radius:5px;}
*.rand	{border-width: 2px; border-color: gray; border-style: solid; }

h1 		{font-size: 28px;font-weight: bold;color: maroon;text-align: center;}
h2 		{text-align: left;font-size: 18px;font-weight: bold;color : maroon;}

a				{color : #222222;}
a:hover 		{color : #006bb3;}
a:active 		{color : #222222;}
a:visited 		{color : #222222;}

hr 				{color: #EEEEEE;}
img				{border: 0px;}
select 			{font-size:12px;}

*.onzichtbaar 	{display:none}

*.tar		  	{text-align:right}
*.tal		  	{text-align:left}
*.tac		  	{text-align:center}
*.vat		  	{vertical-align:top}

*.sticky      	{position: sticky;position: -webkit-sticky;}
table thead  	{position:sticky;position: -webkit-sticky;top : 0;}
table tbody th 	{position: sticky;left: 0;background: #ddd9d9;z-index: 1;}
table thead th 	{padding: 3px;top: 0;z-index: 1;background: var(--kl-geel-kop); -webkit-border-radius: 7px;border-radius: 7px;}
table tfoot td 	{background: rgb(124, 128, 0);}
table thead th first-child 	{position: sticky;left: 0;z-index: 2;background-color:#fefefe;}
first-child-sticky 	{position: sticky;left: 0;z-index: 2;background-color:#fefefe;}
	
A.nav:link    { color: #222222 ; text-decoration: none ; }
A.nav:visited { color: #222222 ; text-decoration: none ; }
A.nav:hover   { color: #006bb3 ; text-decoration: none ; }
 
A.nav1g:link    { color: green; text-decoration: none ; }
A.nav1g:visited { color: green; text-decoration: none ; }
A.nav1g:hover   { color: #006bb3 ; text-decoration: none ; }

A.nav1r:link    { color: red; text-decoration: none ; }
A.nav1r:visited { color: red; text-decoration: none ; }
A.nav1r:hover   { color: #006bb3 ; text-decoration: none ; }

A.nav2:link    { color: #222222 ; text-decoration: none ; font-size:13px; }
A.nav2:visited { color: #222222 ; text-decoration: none ; font-size:13px; }
A.nav2:hover   { color: #006bb3 ; text-decoration: none ; font-size:13px; }

A.nav3:link    { color: #222222 ; text-decoration: none ; font-size:14px; }
A.nav3:visited { color: #222222 ; text-decoration: none ; font-size:14px; }
A.nav3:hover   { color: #006bb3 ; text-decoration: none ; font-size:14px; }

A.nav4:link    { color: maroon ; text-decoration: none ; font-size:13px; }
A.nav4:visited { color: maroon ; text-decoration: none ; font-size:13px; }
A.nav4:hover   { color: #006bb3 ; text-decoration: none ; font-size:13px; }

A.voet:link    { color: var(--kl-font-voetregel) ; text-decoration: underline ; font-size:11px;}
A.voet:visited { color: var(--kl-font-voetregel) ; text-decoration: underline ; font-size:11px;}
A.voet:hover   { color: var(--kl-font-voetregel) ; text-decoration: underline ; font-size:11px;}
 			
input[type=submit] {
    width:90px;
    height:20px;
    margin:0px 0px 10px 0px;
    border:1px;
    border-style:solid;
    border-color:#888888;        
    -webkit-border-radius:7px;
    border-radius:7px;
    -webkit-box-shadow:0px 0px 0px 0px rgba(0,0,0,0.2);
    box-shadow:0px 0px 0px 0px rgba(0,0,0,0.2);
    background-color:var(--kl-knopkleur);
    color:#0B2161;
    font-size:12px;
		font-weight: bold;
    cursor:pointer;
		padding-left: 5px;
}

input[type=file] {
  width:250px;
  height:20px;
  margin:8px 0px 0px 0px;
  -webkit-border-radius:7px;
  border-radius:7px;
  -webkit-box-shadow:0px 0px 0px 0px rgba(0,0,0,0.2);
  box-shadow:0px 0px 0px 0px rgba(0,0,0,0.2);
  color:#0B2161;
  font-size:13px;
	font-weight: bold;
  cursor:pointer;
	padding-left: 5px;
}

input.grijs {
	background-color:#C3E3EF;
	color:#444444;
}

input.knop {
	border-width:thin;
	border-style:solid;
	border-color:#9C9D9E;
	font-size: 13px;
	color:#515D77 ;
	padding-left:5px;
	text-decoration: none;
}

input.blanko {
	background-color:var(--kl-selectievak);
	font-weight: 600;
}

*.geel {
	background-color :var(--kl-knopkleur);
	font-weight: 600;
}

input.licht {
	background-color :#A4BDF9;   
	color:black ;
}

input.donker {
	background-color :#184F8E;       /* #A7B4D6; */
	background-image :url("../afbeeldingen/waal_klein.png");
	color:white ;
	text-shadow: 2px 2px #444444;
}

input.knopje {
	background-color :#ABBACC;       /* #A7B4D6; */
	font-weight: 600;
	border-width:thin;
	border-style:solid;
	border-color:#9C9D9E;
  border-radius:2px;
	font-size: 13px;
	color:#515D77 ;
	padding-left:5px;
	text-decoration: none;
	width:22px;
	height:22px;
	margin:0px;
	padding:0px;
}

*.invoer {
	height:20px;
	border-width:2px;
	border-style:solid;
	border-color:var(--kl-invoerrand);
	background-color:var(--kl-invoervak);
	border-radius: 5px;
	color:#0B2161;
	font-weight: bold;
	font-size: 14px;
	padding-left: 5px;
}
	
textarea.invoer {
	height:250px;
	border-width:2px;
	border-style:solid;
	border-color:var(--kl-invoerrand);
	background-color:var(--kl-invoervak);
	border-radius: 5px;
	color:#0B2161;
	font-size: 14px;
	padding-left: 5px;
}
	
input.invoer2 {
	height:20px;
	border:1px;
	border-style:solid;
	border-color:#CEC6B5;
	background-color:white;
	border-radius: 5px;
	color:black;
	font-weight: normal;
	font-size: 13px;
	padding-left: 5px;
}

*.kaal {
	height:20px;
	background-color:var(--kl-basis-achtergrond);
	font-weight:bold;
	border:1px;
	font-size: 13px;
	color:#4777bf;
	padding-left:5px;
}

*.readonly {
	height:20px;
	background-color:var(--kl-geel3);
	font-weight:bold;
	border:0px;
	font-size: 13px;
	color:#4777bf;
	padding-left:5px;
}

input.teller {
	border:0px;
	font-size: 10px;
	padding-left: 3px;
	width: 55px;
	background-color: var(--kl-basis-achtergrond);
}
		
.knop {
	width:90px;
	height:20px;
	margin:0px 0px 0px 0px;
	border:0px;
	border-style:none;
	border-color:#888888;        
	-webkit-border-radius:15px;
	border-radius:15px;
	-webkit-box-shadow:0px 0px 0px 0px rgba(0,0,0,0.2);
	box-shadow:0px 0px 0px 0px rgba(0,0,0,0.2);
	background-color:var(--kl-knopkleur);
	background-color:#ADC5DD;
	color:#0B2161;
	font-size:13px;
	cursor:pointer;
}

.knopkaal {
	width:90px;
	height:20px;
	margin:0px 0px 0px 0px;
	border:0px;
	border-style:none;
	background-color:var(--kl-basis-achtergrond);
	color:maroon;
	font-size:13px;
	cursor:pointer;
}

input.knopklein {
    width:25px;
    height:16px;
    margin:5px 0px 0px 0px;
	-webkit-border-radius:8px;
	border-radius:8px;
    border:0px;
    border-style:none;
    border-color:#888888;        
    background-color:var(--kl-knopkleur);
    color:#0B2161;
    font-size:12px;
    cursor:pointer;
}

.links {float:left;}
.rechts {float:right;}

#kopje {
	font-weight : bold;
	margin-top: 18px;
	margin-bottom: 6px;
	color: #46618a;
	font-size: 16px;
}

a.doc:link    {
    color: black ;
    text-decoration: none;
	font-size:14px;
}

a.doc:visited {
    color: black ;
    text-decoration: none;
	font-size:14px;
}

a.doc:hover   {
    color: black ;
    text-decoration: underline;
	font-size:14px;
}

a.doc2:link    {
    color: maroon ;
    text-decoration: none;
}
a.doc2:visited {
    color: maroon ;
    text-decoration: none;
}
a.doc2:hover   {
    color: maroon ;
    text-decoration: underline;
}

div.infovak 	{
	width:500px;
	padding:10px;
	position:absolute;
	margin-left:150px;
	border:2px solid maroon;
	visibility:hidden;
	background-color:white;
	text-align:center;
}