/**********	algemene container ****************************************************/

/******	Mobiel staand *****************************************************************************/		
	@media only screen and (max-width: 809px)
	{
		.algemeen_container {
			position: relative;
			float: left;
			display: block;
			width: 94%;
			margin: 0px 0% 0 auto; 
		}		
	}
	
	/****** Ipad ****************************************************************************************/		
	@media only screen and (min-width: 810px) and (max-width: 1090px)
	{
		
		.algemeen_container {
			position: relative;
			float: left;
			display: block;
			width: 97%;
			margin: 15px 1% 0 1%; 
		}		
	}
	
/****** PC ****************************************************************************************/		
	@media only screen and (min-width: 1091px)
	{

		.algemeen_container {
			position: relative;
			float: left;
			display: block;
			width: 97%;
			margin: 15px 1% 0 1%; 
		}
	}


	.algemeen_container .row {
		display: -ms-flexbox;
		display: flex;
		flex-wrap: wrap;
		padding-top:3px;
	}	
	
	.algemeen_container .col-12 {
		flex: 0 0 100%;
		max-width: 100%;
	}
	
	.algemeen_container .col-11 {
		flex: 0 0 91%;
		max-width: 83.%;
	}	
	
	.algemeen_container .col-10 {
		flex: 0 0 83%;
		max-width: 83.%;
	}
	
	.algemeen_container .col-9 {
		flex: 0 0 74%;
		max-width: 66.%;
	}	
	
	.algemeen_container .col-8 {
		flex: 0 0 66.66%;
		max-width: 66.%;
	}

	.algemeen_container .col-7 {
		flex: 0 0 58.30%;
		max-width: 58.%;
	}
	
	.algemeen_container .col-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}
	
	.algemeen_container .col-5 {
		flex: 0 0 41.66%;
		max-width: 41.55%;
	}
	
	.algemeen_container .col-4 {
		flex: 0 0 33.0%;
		max-width: 33.0%;
	}	

	.algemeen_container .col-3 {
		flex: 0 0 25.0%;
		max-width: 25.0%;
	}	

	.algemeen_container .col-2 {
		flex: 0 0 16.66%;
		max-width: 16.66%;
	}
	
	.algemeen_container .col-1 {
		flex: 0 0 8.33%;
		max-width: 8.33%;
	}

	.algemeen_container .rij-10 {
		flex: 0 0 12%;
		max-width: 12%;
	}
	
	.algemeen_container .col-kw3 {
		flex: 0 0 6%;
		max-width: 6%;
	}
	
	.algemeen_container .col-half {
		flex: 0 0 4%;
		max-width: 4%;
	}
	
	.algemeen_container .col-column {
		flex: 0 0 2.8%;
		max-width: 2.8%;
	}

	.algemeen_container .col-spat {
		flex: 0 0 1%;
		max-width: 1%;
	}
	
	.algemeen_container .bez-column {
		flex: 0 0 2.8%;
		max-width: 2.8%;
	}
	
	.algemeen_container .bez-tijd {
		width: 40pt;
	}
	
	.algemeen_container .bez-veld {
		width: 164pt;
		height:14pt;
	}
	
	.algemeen_container .bez-sub {
		width: 40pt;
	}
	
	.algemeen_container .pad1 {
		padding-top:1pt;
	}

	.algemeen_container .pad2 {
		padding-top:2pt;
	}
	
	.algemeen_container .pad3 {
		padding-top:3pt;
	}	

	.algemeen_container .pad5 {
		padding-top:5pt;
	}
	
	.algemeen_container textarea, input[type=text], input[type=password], input[type=date], input[type=file], 
		input[type=number], select {
/*		display: block;  */
		height:20px;
		width: 90%;
		font-size: 9pt;
		font-family: verdana;
		color: #495057;
		background-color: #fff;
		background-clip: padding-box;
		border: 1px solid #ced4da;
		border-radius: .60rem;
		transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	}

	.algemeen_container select {
		height:22px;
	}
	
	.algemeen_container button, input[type=submit], input[type=button] {
		display: block;
		text-align: center;
		background-clip: padding-box;
		border-radius: .60rem;
		background-color: #f1f1f1;
		border: 1px solid #ced4da;
		color: #495057; 

	}
	
	.algemeen_container button:hover,input[type=button]:hover, input[type=submit]:hover {
		background-color: #6c757d;
		color: #FFFFFF;
		border: 1px solid #ced4da;
		border-radius: .60rem;
	}
	
	.algemeen_container  button:disabled, input[type=button]:disabled, input[type=submit]:disabled  {
 		color: #b3b3b3; 
		background-color: #F8F8F8;
		border-radius: .60rem;
		border: 1px solid #ced4da;		
		
	}

	.algemeen_container textarea {
		height:34pt;
	}

	.algemeen_container .btn_full {
		width:100%;
		height:30pt;
		margin:3pt 10pt 3pt 10pt;
		font-size: 10pt;
	}
	
	.algemeen_container .btn_small {
		height:30pt;
		font-size: 10pt;
		margin:3pt 10pt 3pt 10pt;
	}
	
	.algemeen_container .btn_sub {
		width:80%;
		height:17pt;
		margin:5pt 10pt 5pt 10pt;
		font-size: 8pt;
	}

	.algemeen_container .btn_free {
		padding-left:10pt;
		padding-right:10pt;
		height: 17pt;
		margin: 3pt 10pt 3pt 10pt;
		font-size: 10pt;
	}
	
	.algemeen_container .btn {
		width:80%;
		height:30pt;
		margin:3pt 10pt 3pt 10pt;
		font-size: 10pt;
	}
	
	.algemeen_container .btn_low {
		width:80%;
		height:17pt;
		margin:1pt 0 1pt 0;
		font-size: 10pt;
	}

	.algemeen_container .btn_portal {
		height:20pt;
		margin:2pt 1pt 2pt 1pt;
		font-size: 10pt;
		background-color:#476999;
		width:95%;
		color:#FFFFFF;
	}
	
	.algemeen_container .btn_90 {
		width:90%;
		height:17pt;
		margin:3pt 10pt 3pt 10pt;
		font-size: 10pt;
	}
	
	.algemeen_container .text-left {
		text-align: left !important;
	}
	
	.algemeen_container .text-right {
		text-align: right !important;
	}
	
	.algemeen_container .text-center {
		text-align: center !important;
	}
	
	.algemeen_container hr {
		color:#F0F0F0;
		z-index:100;
	}
	
	.algemeen_container .light hr {
		margin-top:5px;
		margin-bottom:8px;
		color:#000000;
		opacity:0.1;

	}	
	
	.algemeen_container a {
		color: #007bff;
		text-decoration: none;
		background-color: transparent;
	}

	.algemeen_container .kader {
		style=padding:3pt;
		background-color:#F0F0F0;
		border:1pt;border-style:solid;
	}
	
	.algemeen_container td {
		vertical-align:top;
/*		font-size: 9pt;
/*		word-wrap: break-word;        Internet Explorer 5.5+, Chrome, Firefox 3+ */
/*		overflow-wrap: break-word;    CSS3 standard: Chrome & Opera 2013+ */
	}

	.algemeen_container .th{
		background-color:#D8D8D8; 
		vertical-align:middle;
		color:#000000;
		text-align:left;
		border-width: 1px; 
		border-style: solid;
		border-color: #FFFFFF;
		font-weight: bold;
	}
	
	.algemeen_container th{
		background-color:#D8D8D8; 
		vertical-align:middle;
		color:#000000;
		text-align:left;
		border-width: 1px; 
		border-style: solid;
		border-color: #FFFFFF;
 /*		word-wrap: break-word;       
		overflow-wrap: break-word;   
		white-space: -moz-pre-wrap; 
		white-space: -pre-wrap;      
		white-space: -o-pre-wrap;   
		white-space: pre-wrap;       */
	}	
	
	.table8 {
		font-family: Verdana, Geneva, sans-serif;
		color:#000000;	
	}

	.table8 td {
		font-size: 8pt;	
	}	
	
	.table8 th {
		font-size: 8pt;	
	}
	
	.myBericht {
		position: fixed;
		display: inline-block;
		top:30px;
		left:50%;
		z-index:0;
		text-align:center;
		margin:auto;
		z-index:200;
	}

/* The actual popup */
	.myBericht .myBericht-text {
		visibility: visible;
	  	position:relative;
		background: #F8F8F8;
		color:#FF0000;
		display:block;
		margin-left:-200px;
		margin-right:200px;
		width:450px;
		padding:10px 20px 10px 20px;
		border: 2px solid #73604C;
		border-radius: 2em;
		z-index:200;
		cursor: pointer;
	}

/* Popup arrow */
	.myBericht .myBericht-text::after {
	  content: "";
	  position: absolute;
	  top: 100%;
	  left: 50%;
	  margin-left: -5px;
	  border-width: 5px;
	  border-style: solid;
	  border-color: #555 transparent transparent transparent;
	}

/* Toggle this class - hide and show the popup */
	.myBericht .show {
	  visibility: hidden;
	}

    table.page_header {width: 100%; border: none; background-color: #DDDDFF; border-bottom: solid 1mm #AAAADD; padding: 2mm }
    table.lex_page_footer {width: 100%; border: none; background-color: #DDDDFF; border-top: solid 1mm #AAAADD; padding: 2mm}