table {
	border-collapse: separate;
	line-height:10pt;
	vertical-align:middle;
	font-size: 9pt;
	font-weight:normal;
	color:#000000;
	font-family:verdana;
	
}

input[type="text"], input[type="numeric"], input[type="password"], input[type="submit"], input[type="button"] {
	height:	14pt;
	vertical-align:middle;
	font-size: 8pt;
	font-family: Verdana, Geneva, sans-serif;
	line-height:8pt;
}

hr {

    margin-top: 3px;
    margin-bottom: 3px;
}
p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12pt;
	color: #333;
	padding-top: 15px;
}

/******	inspringen ***************************/
	.pad1 {padding-top:1pt;}		
	.pad3 {padding-top:3pt;}
	.pad4 {padding-top:4pt;}	
	.pad5 {padding-top:5pt;}
	
/******* kleuren ******************************/ 
	cb {color:#0000FF;}
	cr {color:#FF0000;}
	cz {color:#000000;}
	cw {color:#FFFFFF;}
	cg {color:#F8F8F8;}	

	.bcg {background-color:#DDDDDD;}
	bcg {background-color:#F0F0F0;}	
	bcw {background-color:#FFFFFF;}	
	
/******	fonts *******************************************/

	ws8 {font-size:  8pt;}
	ws10{font-size: 10pt;}
	ws12{font-size: 12pt;}
	ws14{font-size: 14pt;}
	ws16{font-size: 16pt;}

	.textLeft {text-align: left;}
	.textCenter {text-align: center;}
	.textRight {text-align: right;}

/******	algemeen deel **************************************************************************/	   
		body {
			font-family: Verdana, Geneva, sans-serif;
			font-size: 9pt;
			color: #000000;
			background-color: #F0F0F0;
			width:100%;
			margin-top:0;
		}	
		
		#topline {
			position: fixed;
			font-size:10pt;
			font-family:verdana;	
			margin-top: 0px;
			text-align:right;
			width: 96%;
			margin-left: auto;
			height: 15px;
			background-color: #F0F0F0;
			z-index: 110;
		}	
		
		#footer {
			clear: both;
			position: relative;	
			color:#FFFFFF;	
			font-size: 10pt;
			width: 100%;
			height:18pt;
			padding-top: 0pt;
			background-color: #B0B0B0 ;
			vertical-align:middle;
		}	
		
		.rowEven {
			background-color: #E8E8E8 ;
			font-weight:normal;
			color:#000000;
		}
	
		.rowOneven {
			background-color: #FFFFFF;
			font-weight:normal;
			color:#000000;
		}	

		#maincontent a {
			text-decoration: none;
			color:#0000FF;
			border-bottom: 0px;
		}		

		#helpcontent {
			position: relative;
			width: 96%;
			padding-left: 0px;
			margin-left: 2%;
			margin-right: auto;
			color:#000000;
			font-family: Verdana, Geneva, sans-serif;
			font-size: 12px;	
			line-height:1.2em;
			z-index:50;
		}	
		
		a img {
			border: none;
			font-size:8pt;
		}

		.show-pc {
			display:none;
		}	
		
/******	Mobiel staand *****************************************************************************/		
	@media only screen and (max-width: 809px)
	{	 
		#header {
			position:fixed;
			width:94%;
			z-index:100;
		}
 
		#wrapper {
			position:relative;
			width:100%;  
			z-index: 90;
			color:#FFFFFF;
			background-image: url(../_logo/logo_2025.jpg);
			background-repeat: no-repeat;
			background-size: cover;
			margin-top:10pt;
			height: 58px;
		}
	
		.wrapper_col_l {
			display:none;
			
		}
		
		.wrapper_col_m {
			display:none;
		}

		.wrapper_col_r {
			display:none;
		}

		#witte_lijn {
			position:relative;
			height:5px;
			background-color:#FFFFFF;
			z-index: 100;
		}
		
		#oranje_lijn {
			position:relative;
			height:5px;
			background-color: #ff7f00;
			z-index:100;
		}	

		#grijze_lijn {
			position:relative;
			height:5px;
			background-color: #F0F0F0;
			z-index: 100;
		}	
		
		#button_regel {
			position:relative;
			height:25px;
			background-color: #F9F9F9;
			padding: 0 1% 0 1%;
			z-index: 100;
		}
		
		#main_header {
			position:relative;
			height:25px;
			padding: 0 1% 0 1%;
			color:#0000FF;
			background-color: #FFFFFF;
			font-size:12pt;	
			z-index: 100;			
		}

		#maincontent {
			position: relative;
			margin-top:120px; 
			font-family:verdana;
			color:#000000;
			background-color: #F9F9F9;
		}

		#maincontent-form {
			position: relative;
			margin-top:120px; 
			padding: 2pt 0% 2pt 1%;
			font-size:8pt;
			font-family:verdana;
			width: 100%;
			color:#000000;
			background-color: #F9F9F9;
		}
		
		.form-col-3 {
			flex: 0 0 95%;
			max-width: 95%;
		}
		
		.form-col-3z {
			flex: 0 0 95%;
			max-width: 95%;
		}
		
		.form-col-spatie {
			flex: 0 0 95%;
			max-width: 95%;
		}
		
		.form-col-r {
			flex: 0 0 95%;
			max-width: 95%;
			margin-top:10px;
		}	

		.form-col-tot {
			flex: 0 0 95%;
			max-width: 95%;
		}
		
		.form-det-col-1 {
			flex: 0 0 50%;
			max-width: 50%;
			padding-top:5pt;
		}	

		.form-det-col-2 {
			flex: 0 0 25%;
			max-width: 25%;
		}

		.form-det-cat {
			flex: 0 0 25%;
			max-width: 25%;
			font-size:8pt;
			text-align:center;
			height:19pt
		}

		.event-col-1 {
			flex: 0 0 15%;
			max-width: 85%;
		}
		
		.event-col-5 {
			flex: 0 0 80%;
			max-width: 80%;
		}	
		
		#footer {
			font-size:8pt;
			height: 14pt;			
			margin:4pt 0 0 0;
			padding-top:1pt;
		}


		input, select {
			max-width: 280px;
		}

		input, textarea {
			max-width: 100%;
		}
		
		select {
			padding-top:2px;
			padding-bottom:2px;
		}

		.btn_sub_mob {
			width:90%;
			height:17pt;
			margin:5pt 5pt 5pt 5pt;
		}

		.btn_select {
			width:70%;
			height:17pt;
			font-size: 10pt;
			margin-top:5pt;
			margin-bottom:5pt;
			margin-left:10%
		}
		
	}

/****** Ipad ****************************************************************************************/		
	@media only screen and (min-width: 810px) and (max-width: 1090px)
	{


		#header {
			position:fixed;
			width:97%;
			z-index:90;
		}

/* ---------- wrapper voor witte achter grond over de hele --------- */
		#wrapper {
			position:relative;
			width:100%;
 			height: 180px;   
			z-index: 90;
			color:#FFFFFF;
			background-image: url(../_logo/logo_2025.jpg);
			background-repeat: no-repeat;
			background-size: cover;	
			line-height: 110px; 
			margin-top:10px;
		}

		.wrapper_col_l {
			width: 15%;
			text-align:right;
			background-image: url(../_logo/logo.png);
			background-repeat: no-repeat;
			background-position:top; 
			background-size: 105px;
			z-index: 110;
			
		}
		
	.wrapper_col_m {
			flex: 0 0 70%;
			padding-left:25%;
			text-align:left;
			font-size:26pt;
			font-weight: 600;
			letter-spacing: 0px;
			font-style:normal;
			line-height: 120px; 
			font-family:arial narrow;
		}

		.wrapper_col_r {
			width: 35%;
			font-size:16pt;
		}

		.wrapper_menucol_1 {
			flex: 0 0 0%;
			max-width: 0%;	
		}

		.wrapper_menucol_2 {
			flex: 0 0 100%;
			max-width: 100%;	
		}
		
		#witte_lijn {
			position:relative;
			height:5px;
			background-color:#FFFFFF;
			z-index: 100;
		}
		
		#oranje_lijn {
			position:relative;
			height:5px;
			background-color: #ff7f00;
			z-index:100;
		}	

		#grijze_lijn {
			position:relative;
			height:5px;
			background-color: #F0F0F0;
			z-index: 100;
		}	

		#main_header {
			position:relative;
			height:25px;
			padding: 0 1% 0 1%;
			color:#0000FF;
			background-color: #FFFFFF;
			font-size:12pt;	
			z-index: 100;			
		}
		
		#button_regel {
			position:relative;
			height:35px;
			background-color: #F9F9F9;
			padding: 0px 1% 1px 1%;
			z-index: 100;
		}

		
		#maincontent {
			position:relative;
			margin-top:300px;
			padding: 0pt 1% 2pt 1%;
			background-color: #F9F9F9;
			z-index: 80;
			padding-top:4px;
		}


		/* --------- binnen werk --------------------------- */
		#maincontent-form {
			position:relative;
			margin-top:270px;  
			padding: 2pt 0% 2pt 1%;
			background-color: #F9F9F9;
			z-index: 80;
		}
		
		.bewerk-hoofd-li {
			flex: 0 0 25%;
			max-width: 25%;
		}

		.bewerk-hoofd-re {
			flex: 0 0 73%;
			max-width: 73%;
		}
		
		.bewerk-col-3 {
			flex: 0 0 32%;
			max-width: 32%;
		}
		
		.form-col-3 {
			flex: 0 0 35.0%;
			max-width: 35.0%;
		}
		
		.form-col-3z {
			flex: 0 0 35.0%;
			max-width: 35.0%;
		}
		.form-col-spatie {
			flex: 0 0 6%;
			max-width: 6%;
		}
		
		.form-col-r {
			flex: 0 0 55%;
			max-width: 55;
		}

		.form-col-tot {
			flex: 0 0 95%;
			max-width: 95%;
		}
		
		.form-det-col-1 {
			flex: 0 0 50%;
			max-width: 50%;
			padding-top:5pt;
		}
		
		.form-det-col-2 {
			flex: 0 0 25%;
			max-width: 25%;
		}

		.form-det-col-3 {
			flex: 0 0 45%;
			max-width: 45%;
		}
		
		.form-det-cat {
			flex: 0 0 20%;
			max-width: 20%;
			font-size:8pt;
			text-align:center;
			height:19pt
		}
		
		.opstelling-col-1 {
			flex: 0 0 9%;
			max-width: 9%;
		}

		.opstelling-col-kw3 {
			flex: 0 0 6%;
			max-width: 6%;
		}		
		.event-col-1 {
			flex: 0 0 15%;
			max-width: 85%;
		}
		
		.event-col-5 {
			flex: 0 0 80%;
			max-width: 80%;
		}	
		
		#blankline {
			position: relative;
			width: 97%;
			margin-left: 1%;
			height: 5px;
			z-index:100;
			background-color: #F0F0F0;
		}
		
		#maincontent a img {
			border: none;
		}

	}

/****** PC ****************************************************************************************/		
	@media only screen and (min-width: 1091px)
	{
	
		#header {
			position:fixed;
			width:97%;
			z-index:90;
		}
		
/* ---------- wrapper voor witte achter grond over de hele ---------*/  
 		#wrapper {
			position:relative;
			width:100%;
 			height: 150px;   
			z-index: 90;
			color:#FFFFFF;
			background-image: url(../_logo/blauwveld.jpg);
			background-repeat: no-repeat;
			background-size: cover;	
 			line-height: 90px;  
			margin-top:5px;
		}

		.wrapper_col_l {
			width: 15%;
			height: 150px;  
			text-align:right;
			vertical-align:middle;
			background-image: url(../_logo/logo.png);
			background-repeat: no-repeat;
			background-position:top; 
			background-size: 50%;
			z-index: 110;
			
		}
		
		.wrapper_col_m {
			flex: 0 0 55%;
			padding-left:15px;
			text-align:left;
			font-size:28pt;
			font-weight: 600;
			letter-spacing: 0px;
			font-style:normal;
 /*			line-height: 50px;   */
			font-family:arial narrow;
		}

		.wrapper_col_r {
			width: 20%;
			font-size:16pt;
		}
 
		.wrapper_menucol_1 {
			flex: 0 0 12%;
			max-width: 12%;	
		}

		.wrapper_menucol_2 {
			flex: 0 0 85%;
			max-width: 85%;	
		}
		
		#witte_lijn {
			position:relative;
			height:5px;
			background-color:#FFFFFF;
			z-index: 100;
		}
		
		#oranje_lijn {
			position:relative;
			height:5px;
			background-color: #ff7f00;
			z-index:100;
		}	

		#grijze_lijn {
			position:relative;
			height:10px;
			background-color: #F0F0F0;
			z-index: 100;
		}	

		#main_header {
			position:relative;
			height:25px;
			padding: 0 1% 0 1%;
			color:#0000FF;
			background-color: #FFFFFF;
			font-size:12pt;	
			z-index: 100;			
		}
		
		#button_regel {
			position:relative;
			height:35px;
			background-color: #F9F9F9;
			padding: 0px 1% 0 1%;
			z-index: 100;
		}

		
		#maincontent {
			position:relative;
			margin-top:270px;
			padding: 0pt 1% 2pt 1%;
			background-color: #F9F9F9;
			z-index: 80;
		}


		/* --------- binnen werk --------------------------- */
		#maincontent-form {
			position:relative;
			margin-top:230px;  
			padding: 2pt 0% 0 1%;
			background-color: #F9F9F9;
			z-index: 80;
		}

		.bewerk-hoofd-li {
			flex: 0 0 25%;
			max-width: 25%;
		}

		.bewerk-hoofd-re {
			flex: 0 0 73%;
			max-width: 73%;
		}
		
		.bewerk-col-3 {
			flex: 0 0 23.8%;
			max-width: 23.8%;
		}
/* --------- binnen werk --------------------------- */
		.form-col-3 {
			flex: 0 0 25%;
			max-width: 25%;
		}

/* --------- binnen werk --------------------------- */
		.form-col-3z {
			flex: 0 0 25%;
			max-width: 25%;
		}
		
		
		.form-col-spatie {
			flex: 0 0 6%;
			max-width: 6%;
		}
				
		.form-col-r {
			flex: 0 0 40%;
			max-width: 40%;
		}	

		.form-col-tot {
			flex: 0 0 70%;
			max-width: 70%;
		}
		
		.form-det-col-1 {
			flex: 0 0 50%;
			max-width: 50%;
			padding-top:5pt;
		}	

		.form-det-col-2 {
			flex: 0 0 20%;
			max-width: 20%;
		}

		.form-det-col-3 {
			flex: 0 0 40%;
			max-width: 40%;
		}
		
		.form-det-cat {
			flex: 0 0 20%;
			max-width: 20%;
			font-size:8pt;
			text-align:center;
			height:19pt
		}	
		
		.event-col-1 {
			flex: 0 0 5%;
			max-width: 5%;
		}
		.event-col-5 {
			flex: 0 0 41.66%;
			max-width: 41.55%;
		}
	
		#maincontent a img {
			border: none;
		}
	
		.show-pc {
			display:inline;
		}
	}