body					{ 
							 background-color: #efefef;
							 font-family: verdana;
							 font-size: 11px;
							 margin: 0;
							}
/** tabellen en lijsten ------------------------------------------------------------------------------ **/
table.lijst { width: 100%; border-spacing: 0; border-collapse: collapse; }
table.lijst th { text-align: left; background: linear-gradient(#9c9c9c,#dedede); border-top: 1px solid black; font-weight: bold; font-size: 13px; padding: 3px; }
table.lijst td { font-size: 12px; padding: 3px; }
table.lijst tr.grijs { background: linear-gradient(#ffffff,#eeeeee); }
table.lijst tr.grijs:hover { background: linear-gradient(#eeeeee,#dddddd); }
table.lijst tr.grijs td { border-bottom: 1px solid #c8c8c8; }
table.lijst tr.oranje { background: linear-gradient(#ffbf00,#ff8000); }
table.lijst tr.oranje:hover { background: linear-gradient(#eeeeee,#ff8000); }
table.lijst tr.hover { background: linear-gradient(#eeeeee,#ff8000); }
table.lijst tr.oranje td { border-bottom: 1px solid #c8c8c8; }
table.lijst a { display: block; text-decoration: none; color: black; }
table.lijst a.knop, span.knop { display: inline-block; background: linear-gradient(#ffffff,#eeeeee); text-decoration: none; color: black; margin-top: 10px; margin-left: 20px; border: 1px solid black; border-radius: 4px; padding: 2px 4px 2px 4px; }
span.armatuur { display: inline-block; margin-top: 10px; margin-left: 20px; border: 1px solid black; border-radius: 4px; padding: 2px 4px 2px 4px; background: linear-gradient(#ffffff,#eeeeee);  }

a img					{
							 border-style: none;
							}
div.container {
							 width: 100%;
							 text-align: left;
							}
div.header{
							 width: 100%;
							 height: 80px;
							 float: left;
							}
div.logo			{
							 width: 700px;
							 height: 80px;
							}

div.menu			{
							 height: 100%;
							 width: 250px;							 
							 background-color: #ffffff;
							 float: left;							 
							}
div.menu ul		{ list-style-type: none; margin: 0; padding: 0; display: block;} // 
div.menu li		{ float: left; margin: 0; padding: 0; width: 100%;}
div.menu a.hoofd		{ display: block; 
				 			  padding-top: 3px; 
								padding-left: 5px; 
								padding-bottom: 3px; 
								margin-left: 0px;  
								text-decoration: none; 
								font-weight: bold; 
								font-size: 17px; 
								border-style: solid solid none solid; 
								border-width: 1px; 
								border-color: #a8a8a8; 
								color: #4d4d4d;
								background: linear-gradient(#ffffff,#a8a8a8); 
								width: calc(100% - 7px);}
div.menu a:hover { color: #000000; background: linear-gradient(#ffffff,#c8c8c8); }
div.menu a.actief{ color: #000000; background: linear-gradient(#ffffff,#e0e0e0); }
div.headerright{
							 width: 299px;
							 height: 105px;
							 background-color: #c8c8c8;
							 float: left;
							 border-left: 1px solid #a8a8a8;
							 position: relative;
							 }
div.headerright ul		{ list-style-type: none; margin: 0; padding: 0;}
div.headerright li		{  } /** float: left; **/
div.headerright a		{ display: block; 
				 			  padding-top: 2px; 
								padding-left: 5px; 
								padding-right: 5px; 
								padding-bottom: 2px;
								margin-top: 3px; 
								margin-left: 10px; 
								margin-right: 10px; 
								height: 16px; 
								text-decoration: none; 
								font-weight: bold; 
								font-size: 13px; 
								border-style: solid solid solid solid; 
								border-width: 1px; 
								border-radius: 5px;
								border-color: #a8a8a8; 
								color: #4d4d4d;
								background: linear-gradient(#ffffff,#c8c8c8); }
div.headerright a:hover { background: linear-gradient(#ffffff,#a8a8a8); }
div.headerright a.actief{ color: #000000; background: linear-gradient(#ffffff,#e0e0e0); }
div.headerright img	{ border: 0px; width: 14px; height: 14px; vertical-align:text-top;}
div.submenu		 {
							 width: 1000px;
							 height: 25px;
							 background-color: #e0e0e0;
							 clear: both;
							 }
div.submenu ul  { list-style-type: none; margin: 0; padding: 0;}
div.submenu li	 { float: left; }
div.submenu a	 { display: block; 
								padding-top: 5px;
								padding-left: 5px; 
								padding-right: 13px;
								padding-bottom: 3px;  
								margin-left: 5px; 
								margin-right: 5px; 
								height: 17px; 
								text-decoration: none; 
								font-weight: bold; 
								font-size: 12px;  
								color: #4d4d4d;
								}
div.submenu a:hover{color: #000000;}
div.submenu img	{ border: 0px; width: 15px; height: 15px; vertical-align:text-top;}
div.content		 {
					width: calc(100% - 270px);
					padding: 10px 10px 35px 10px;
					float: left;
							 }
div.left1			 {
							 width: 680px;
							 padding-right: 10px;
							 float: left;
							 }
div.leftitem	 {
							 color: #000000;
							 font-family: verdana;
							 padding: 10px 10px 10px 0px;
							 float: left;
							 }
div.right1		 {
							 width: 290px;
							 float: left;
							 }
div.rightitem  {
							 width: 280px;
							 border-radius: 5px;
							 border-color: #4d4d4d;
							 border-style: solid;
							 border-width: 1px;
				 			  padding-top: 2px; 
								padding-left: 5px; 
								padding-right: 5px; 
								padding-bottom: 2px;
								margin-top: 3px; 
							 background: linear-gradient(#ffffff,#c8c8c8);
							 }
.popup_bg { opacity: 0.85; background-color: black; width: 100%; height: 100%; position: fixed; top: 0; left: 0; }
.ingelogdblijven_bg { opacity: 0.85; background-color: black; width: 100%; height: 100%; position: fixed; top: 0; left: 0; animation: ingelogdblijvenbg 32s ease infinite;}
@keyframes ingelogdblijvenbg {
    0%{opacity: 0;background-color: black;}
	10%{opacity: 0.25;background-color: black;}
	20%{opacity: 0.5;background-color: black;}
	30%{opacity: 0.75;background-color: black;}
	40%{opacity: 0.85;background-color: black;}
    50%{opacity: 0.90;background-color: black;}
    69%{opacity: 0.95;background-color: black;}	
	70%{opacity: 1;background-color: black;}
	71%{opacity: 0;background-color: black;}
	72%{opacity: 1;background-color: red;}
	73%{opacity: 1;background-color: black;}
	76%{opacity: 1;background-color: black;}
	77%{opacity: 0;background-color: black;}
	78%{opacity: 1;background-color: red;}
	79%{opacity: 1;background-color: black;}
	81%{opacity: 1;background-color: black;}
	82%{opacity: 0;background-color: black;}
	83%{opacity: 1; background-color: black;}
    100%{opacity: 1; background-color: red;}
}	
.popup 				 {			 
			 				 position: fixed;
							 top: 40%;
							 left: 50%;
							 margin-top: -75px;
							 margin-left: -200px;
							 width: 400px;
							 height: 400px;
							 border: 1px solid #a8a8a8;
							 background-color: white;
							 padding: 3px;
							 box-shadow: 0px 0px 10px 5px rgba(107,107,107,1);
							 }
.popup_groot 				 {			 
			 				 position: fixed;
							 top: 40%;
							 left: 50%;
							 margin-top: -200px;
							 margin-left: -370px;
							 width: 750px;
							 height: 475px;
							 border: 1px solid #a8a8a8;
							 background-color: white;
							 padding: 0px;
							 box-shadow: 0px 0px 10px 5px rgba(107,107,107,1);
							 }
.extragroot 				 {			 
			 				 position: fixed;
							 top: 40%;
							 left: 50%;
							 margin-top: -200px;
							 margin-left: -450px;
							 width: 900px;
							 height: 475px;
							 border: 1px solid #a8a8a8;
							 background-color: white;
							 padding: 0px;
							 box-shadow: 0px 0px 10px 5px rgba(107,107,107,1);
							 }
.popup .basis { width: 100%; }
.extragroot .basis { width: calc(30% - 5px); margin-left: 5px; float: left; }
.popup .extra { display: none; }
.extragroot .extra { display: inline-block; width: calc(70% - 36px); border-left: 1px solid #a8a8a8; margin-left: 20px; padding-left: 10px; padding-right: 5px; float: left; background-color: #e6e6e6; }
.popup_groot_sidebar { height: calc(100% - 26px); overflow-y: auto; width: 259px; border-right: 1px solid #a8a8a8; float: left; background-color: #e6e6e6; }
.popup_groot_content { height: calc(100% - 56px); overflow-y: auto; width: calc(100% - 290px); padding: 15px; float: left; background-color: white; }							 
.popup_groot_content h1 { font-size: 15px; font-weight: bold; }	
.popup_groot a { color: inherit; text-decoration: none;}
.popup_groot ul { list-style-type: none; }
.popup_groot li { position: relative; }
.popup_groot li img { position: absolute; top: 5px; left: -25px; width: 18px; height: 18px; }
.popup_groot label { width: 200px; display: block; }						 
.popup a.sluiten, .popup_groot a.sluiten, .extragroot a.sluiten		{ position: absolute; top: -15px; right: -15px; }
.popup img.sluiten, .popup_groot img.sluiten, .extragroot img.sluiten		{ width: 25px; height: 25px; border: none; }
.popup h3 			 {
			 				background: linear-gradient(#ffffff,#a8a8a8); 
								font-size: 13px;
								color: black;
								padding: 3px;
								margin: -3px;
							  }
.popup_groot h3 {
			 				background: linear-gradient(#ffffff,#a8a8a8); 
								font-size: 13px;
								color: black;
								padding: 3px;
								margin: 0px;
								height: 20px;
							  }	
.extragroot h3 {
			 				background: linear-gradient(#ffffff,#a8a8a8); 
								font-size: 13px;
								color: black;
								padding: 3px;
								margin: 0px;
								height: 20px;
}
a.inlogdblijven { display: block; text-align: center; padding: 5px; background-color: #43ca1b; background: linear-gradient(90deg, #43ca1b,#ca1b1b);
background-size: 400% 100%; color: black; text-decoration: none; border: 2px solid black; border-radius: 8px; font-size: 20px; animation: ingelogdblijven 30s ease infinite; animation-delay: 5s; animation-iteration-count: 1;}
@keyframes ingelogdblijven {
    0%{background-position:0% 100%}
    25%{background-position:40% 100%}
    50%{background-position:60% 100%}
    75%{background-position:100% 100%}
    100%{background-position:100% 100%}
}							  
ul.knoppen		 { list-style-type: none; margin: 0; padding: 0;}
ul.knoppen li  {  } /** float: left; **/
ul.knoppen a	 { 
					 		  width: 220px;
								display: block; 
				 			  padding-top: 2px; 
								padding-left: 5px; 
								padding-right: 5px; 
								padding-bottom: 2px;
								margin-top: 3px; 
								height: 18px; 
								text-decoration: none; 
								font-weight: bold; 
								font-size: 12px; 
								border-style: solid solid solid solid; 
								border-width: 1px; 
								border-radius: 5px;
								border-color: #a8a8a8; 
								color: #4d4d4d;
								background: linear-gradient(#d8d8d8,#eeeeee); }
ul.knoppen a:hover { background: linear-gradient(#eeeeee,#ffffff); }
ul.knoppen a.actief{ color: #000000; background: linear-gradient(#eeeeee,#ffffff); }
ul.knoppen img	{ border: 0px; width: 16px; height: 16px; vertical-align:text-top;}
div.clear			 {
							 clear: both;
							 }
div.footer		 {
							 width: 100%;
							 height: 20px;
							 background: linear-gradient(#ffffff,#a8a8a8); 
							 border-top: 1px solid #a8a8a8;
							 padding-top: 5px;
							 padding-bottom: 5px;
							 position: fixed;
							 bottom: 0;
							 }
div.footer ul  { list-style-type: none; margin: 0; padding: 0;}
div.footer li	 { float: left; }
div.footer a	 { display: block; 
								padding-left: 5px; 
								padding-right: 13px;  
								margin-left: 5px; 
								margin-right: 5px; 
								height: 20px; 
								text-decoration: none; 
								font-weight: bold; 
								font-size: 10px;  
								color: #4d4d4d;
								}
div.footer a:hover { text-decoration: underline; }
div.footer img { border: 0px; width: 16px; height: 16px; vertical-align:text-top; margin-right: 6px; }
fieldset	    {
							  border-radius: 5px;
								border-color: #a8a8a8;
								margin: 5px 0px 5px 0px;
								padding: 7px;
								background: linear-gradient(#ffffff,#c8c8c8);
								max-width: 738px;
							}
legend					{
							  font-weight: bold;
								color: #000000;
							}
input[type=submit] , a.knop, button.knop {
				 			  padding-top: 0px; 
								padding-left: 5px; 
								padding-right: 5px; 
								padding-bottom: 4px;
								height: 22px;  
								font-weight: bold; 
								font-size: 12px; 
								border-style: solid solid solid solid; 
								border-width: 1px; 
								border-radius: 5px;
								border-color: #a8a8a8; 
								color: #4d4d4d;
								background: linear-gradient(#ffffff,#c8c8c8); 
								cursor: pointer;
								text-decoration: none; }
input[type=submit]:hover , a.knop:hover, button.knop:hover {
								background: linear-gradient(#ffffff,#a8a8a8);
						}
a.knop img { width: 15px; height: 15px; }
input[type=text], input[type=password], input[type=file], textarea, select	{
							background: linear-gradient(#ffffff,#e0e0e0);
							border: 1px solid #a8a8a8;
							color: #4d4d4d;
							font-family: verdana;
							font-size: 11px;
							line-height: 16px;
							border-radius: 3px;
							}
input[type="text"][disabled] {  color: #727272; background: linear-gradient(#eeeeee,#e0e0e0); cursor: not-allowed;}
input:disabled { color: #d0d0d0; }
input[type=text]:focus, input[type=password]:focus, input[type=file], textarea:focus, select:focus {
							background: linear-gradient(#ffffff,#efefef);
							}
input.s		 		{
							 width: 60px;
							}
input.n				{
							 width: 160px;
							}
input.b				{
							 width: 230px;
							}
input.zoek[type=text]	{
							height: 23px;
							width: 552px;
							background: url('/sys/images/icons/zoeken.png') no-repeat left, linear-gradient(#ffffff,#e0e0e0); 
							border: 1px solid #a8a8a8;
							color: #4d4d4d;
							font-family: verdana;
							font-size: 14px;
							line-height: 20px;
							border-top-left-radius: 5px;
							border-bottom-left-radius: 5px;
							border-top-right-radius: 0px;
							border-bottom-right-radius: 0px;
							font-weight: bold;
							padding-left: 50px;
							padding-right: 10px;
							margin: 0px;
							}
input.zoek[type=text]:focus {
							background: url('/sys/images/icons/zoeken.png') no-repeat left, linear-gradient(#ffffff,#c8c8c8);
							} 
input.zoek[type=submit]	 {
							height: 27px;
							width: 65px;
							background: linear-gradient(#ffffff,#e0e0e0);  
							border: 1px solid #a8a8a8;
							border-left: 0px;
							color: #4d4d4d;
							font-family: verdana;
							font-size: 15px;
							border-top-left-radius: 0px;
							border-bottom-left-radius: 0px;
							border-top-right-radius: 5px;
							border-bottom-right-radius: 5px;
							font-weight: bold;
							padding-top: 2px;
							padding-bottom: 5px;
							margin: 0px;
							}
input.zoek[type=submit]:hover  {
							background: linear-gradient(#ffffff,#a8a8a8);
							color: #4d4d4d;
							}
input.bewerk[type=submit]	{
							width: 280px;
							text-align: left; 
				 			padding-top: 2px; 
							padding-left: 25px; 
							padding-right: 5px; 
							padding-bottom: 2px;
							margin-top: 3px; 
							margin-left: 10px; 
							margin-right: 10px; 
							height: 25px; 
							text-decoration: none; 
							font-weight: bold; 
							font-size: 14px; 
							border-style: solid solid solid solid; 
							border-width: 1px; 
							border-radius: 5px;
							border-color: #a8a8a8; 
							color: #4d4d4d;
							background: url('/sys/images/icons/klein/aanpassen.png') no-repeat 6px 3px, linear-gradient(#ffffff,#c8c8c8);							
							}
input.bewerk[type=submit]:hover {
							background: url('/sys/images/icons/klein/aanpassen.png') no-repeat 6px 3px,linear-gradient(#ffffff,#a8a8a8);
							color: #4d4d4d;
							}
select.groot	{
								width: 280px; 
								padding-top: 2px; 
								padding-left: 5px; 
								padding-right: 5px; 
								padding-bottom: 2px;
								margin-top: 3px; 
								margin-left: 10px; 
								margin-right: 10px; 
								height: 25px; 
								text-decoration: none; 
								font-weight: bold; 
								font-size: 14px; 
								border-style: solid solid solid solid; 
								border-width: 1px; 
								border-radius: 5px;
								border-color: #a8a8a8; 
								color: #4d4d4d;
								background: linear-gradient(#ffffff,#c8c8c8);; 
								cursor: pointer;}
select.groot:hover { background: linear-gradient(#ffffff,#a8a8a8); }
select.groot option{background: #efefef;}
input[type=radio] {
								margin: 3px;
								}
label 		 		{
    					 display: block;
    					 float: left;
    					 margin: 2px 4px 6px 0px;
    					 text-align: left;
							}
br 						{ 
							 clear: left; 
							}
span.waarschuwing {
							 background-color: #ff7c7c;
							 background-image: url('/images/icons/waarschuwing.png'),url('/images/overgang_rood_20.png');
							 background-repeat:  no-repeat,repeat-x;
							 background-position: left,top;
							 border-style: solid solid solid solid; 
							 border-width: 1px; 
							 border-radius: 5px;
							 border-color: #bc0000;
							 display: block;
							 padding: 7px 5px 7px 50px;
							 margin-bottom: 10px;
							 font-weight: bold;
							 max-width: 700px;
							 }
span.waarschuwing a { text-decoration: none; color: black; }
span.waarschuwing a:hover { text-decoration: underline; color: black; }
span.goed {
							 background-color: #6cff6c;
							 background-image: url('/images/icons/akkoord.png'),url('/images/overgang_groen_20.png');
							 background-repeat:  no-repeat,repeat-x;
							 background-position: left,top;
							 border-style: solid solid solid solid; 
							 border-width: 1px; 
							 border-radius: 5px;
							 border-color: #008000;
							 display: block;
							 padding: 7px 5px 7px 50px;
							 margin-bottom: 10px;
							 font-weight: bold;
							 max-width: 700px;
							 }
span.goed a { text-decoration: none; color: black; }
span.goed a:hover { text-decoration: underline; color: black; }
span.melding {
							 background-color: #bdedff;
							 background-image: url('/images/icons/info.png'),url('/images/overgang_blauw_20.png');
							 background-repeat:  no-repeat,repeat-x;
							 background-position: left,top;
							 border-style: solid solid solid solid; 
							 border-width: 1px; 
							 border-radius: 5px;
							 border-color: #00baff;
							 display: block;
							 padding: 7px 5px 7px 50px;
							 margin-bottom: 10px;
							 font-weight: bold;
							 max-width: 700px;
							 }
span.melding a { text-decoration: none; color: black; display: block; }		
span.melding a:hover { text-decoration: underline; color: black; }					 
span.algemeen {
							 background-color: #c8c8c8; 
							 background-image: url('/images/icons/zoeken.png'),url('/images/menubg.png');
							 background-repeat:  no-repeat,repeat-x;
							 background-position: left,top;
							 border-style: solid solid solid solid; 
							 border-width: 1px; 
							 border-radius: 5px;
							 border-color: #a8a8a8; 
							 display: block;
							 padding: 4px 5px 4px 50px;
							 margin-bottom: 10px;
							 font-weight: bold;
							 max-width: 700px;
							 }	
span.algemeen a { text-decoration: none; color: black; }		
span.algemeen a:hover { text-decoration: underline; color: black; }	 
span.standaard {
							 background-color: #c8c8c8; 
							 background-image: url('/images/menubg.png');
							 background-repeat:  repeat-x;
							 background-position: top;
							 border-style: solid solid solid solid; 
							 border-width: 1px; 
							 border-radius: 5px;
							 border-color: #a8a8a8; 
							 display: block;
							 padding: 4px 5px 4px 5px;
							 margin-bottom: 10px;
							 font-weight: bold;
							 max-width: 700px;
							 }	
span.standaard a { text-decoration: none; color: black; }		
span.standaard a:hover { text-decoration: underline; color: black; }	 
img.vlag			 {
							 width: 18px;
							 height: 18px;
							 border-style: none;
							 }
img.vlagactief {
							 width: 17px;
							 height: 17px;
							 border: 1px solid black;
							 }
h1						 {
							 margin: 0px;
							 padding: 0px;
							 margin-bottom: 10px;
							 color: #000000;
							 font-size: 18px;
							 font-weight: bold;
							 /* border-bottom: 1px solid #4d4d4d; */
							 }
h2						 {
							 margin: 0px;
							 padding: 0px;
							 padding-bottom: 10px;
							 font-size: 15px;
							 font-weight: bold;
							 color: #a8a8a8;
							 }
h3						 {
							 margin: 0px;
							 padding: 0px;
							 padding-bottom: 10px;
							 font-size: 13px;
							 font-weight: bold;
							 color: #000000;
							 }		 
hr						 {
							 color: #4d4d4d;
							 background-color: #4d4d4d;
							 height: 1px;
							 border: none;
							 }
div.infotip { position:relative; display: inline; padding-top: 3px; }
div.infotip img { width: 15px; height: 15px; }
div.infotip span { display: none; }
div.infotip:hover { cursor: help; }
div.infotip:hover span { display: block;
		 position:absolute;
		 top:20px; 
		 left:20px; 
		 width:250px;
		 padding: 3px;
		 border:1px solid #a8a8a8;
		 background: linear-gradient(#ffffff,#efefef);
		 text-align: left;
		 z-index:24;
		 border-radius: 5px;
}
div.infotip2 { position:relative; display: inline; }
div.infotip2 span { display: none; }
div.infotip2:hover { cursor: help; }
div.infotip2:hover span { display: block;
		 position:absolute;
		 top:15px; 
		 left:55px; 
		 width:200px;
		 padding: 3px;
		 border:1px solid #a8a8a8;
		 background: linear-gradient(#ffffff,#efefef);
		 text-align: left;
		 z-index:24;
		 border-radius: 5px;
}
div.kleurblokje {
							 width: 12px; 
							 height: 12px; 
							 float: left;
							 margin-right: 2px;
							 }
td div.kleurblokje { margin-top: 3px; }
div.grafiek { background-color: #efefef;
						  border: 1px solid #a8a8a8;
						}
/* calendar */
table.calendar		{ border-left:1px solid #999; }
tr.calendar-row	{  }
td.calendar-day	{ min-height:100px; font-size:11px; position:relative; } * html div.calendar-day { height:80px; }
td.calendar-day:hover	{ background:#eceff5; }
td.calendar-day-np	{ background:#eee; min-height:100px; } * html div.calendar-day-np { height:80px; }
td.calendar-day-head { background:#ccc; font-weight:bold; text-align:center; width:130px; padding:5px; border-bottom:1px solid #999; border-top:1px solid #999; border-right:1px solid #999; }
div.day-number		{ background:#999; padding:5px; color:#fff; font-weight:bold; float:right; margin:-5px -5px 0 0; width:20px; text-align:center; }
/* shared */
td.calendar-day, td.calendar-day-np { width:120px; padding:5px; border-bottom:1px solid #999; border-right:1px solid #999; }	

div.paginamenu			{
							width: 980px;
							height: 21px;
							border-style: none none solid none; 
							border-width: 1px; 
							border-color: #a8a8a8;
							margin-bottom: 15px;
							}
div.paginamenu ul		{ list-style-type: none; margin: 0; padding: 0;}
div.paginamenu li		{ float: left; }
div.paginamenu a		{ display: block; 
				 			  padding-top: 2px; 
								padding-left: 5px; 
								padding-right: 10px; 
								padding-bottom: 2px; 
								margin-left: 5px; 
								margin-right: 5px; 
								height: 16px; 
								text-decoration: none; 
								font-weight: bold; 
								font-size: 12px; 
								border-style: solid solid none solid; 
								border-width: 1px; 
								border-top-left-radius: 5px; border-top-right-radius: 5px; 
								border-color: #a8a8a8; 
								color: #4d4d4d;
								background: linear-gradient(#ffffff,#a8a8a8); }
div.paginamenu a:hover { color: #000000; background: linear-gradient(#c8c8c8,#e0e0e0); }
div.paginamenu a.actief{ color: #000000; background: linear-gradient(#e0e0e0,#ffffff); padding-bottom: 3px;}					
table.uren_totaal { width: 100%; border: 1px solid black; margin-bottom: 10px; border-collapse: collapse;}
table.uren_totaal th { margin: 0; padding: 3px; border: 1px solid black; }	
table.uren_totaal th.rotate { margin: 0; padding: 3px; border: 1px solid black; height: 180px; white-space: nowrap; vertical-align: bottom;}
table.uren_totaal th.rotate > div { width: 17px; transform: rotate(-90deg); padding: 2px; }
table.uren_totaal td { margin: 0; padding: 3px; border: 1px solid black; }	
#mailbox { position: absolute; top: 45px; left: 115px; width: 80px; height: 70px; margin: 0; padding: 0; background: none; border: none; }
#mailbox img { width: 68px; height: 45px; border: none; }
@keyframes blink { 0% { background: none; } 33% { background-color: white;} 66% { background-color: #FF9933;}}
@-webkit-keyframes blink { 0% { background: none; } 33% { background-color: white;} 66% { background-color: #FF9933;}}
#mailbox img.ongelezen { animation: blink 1s step-start 0s infinite; -webkit-animation: blink 1s step-start 0s infinite; }
#mailbox img:hover { background-color: #FF9933; }
#ongelezen { position: absolute; top: 35px; left: 170px; width: 30px; text-align: center; height: 25px; border-radius: 10px; background-color: #FF9933; border: 1px solid #FF9933; color: white; font-size: 20px;}						 

div.bedrag_container { width: calc(100% - 22px); height: 40px; position: relative; margin: 10px; border-radius: 5px; border: 1px solid grey; background: linear-gradient(#ffffff,#c8c8c8); }
div.bedrag_container a { text-decoration: none; display: block;}
div.bedrag_container span { font-size: 1.9em; position: absolute; top: 6px; left: 10px; font-weight: bold; color: black; display: block; width: 100%;}
div.bedrag_container img { position: absolute; top: 7px; right: 5px; width: 25px; height: 25px; }
div.bedrag_container input[type=image] { position: absolute; top: 7px; right: 5px; width: 25px; height: 25px; }
div.bedrag_container input[type=text]{ font-size: 1.3em; width: 170px; font-weight: bold; color: black; border: 1px solid grey;}

.tooltip {
  position: relative;
  /* display: inline-block;
  border-bottom: 1px dotted black; */
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 200px;
  background-color: #262626;
  color: #f2f2f2;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: -1px;
  left: 105%;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent #262626 transparent transparent;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
}