/*The flex shorthand allows you to set the three values in this order — flex-grow, flex-shrink, flex-basis. */
		/*borderset = class-set*/
		   *  {font-family: "Comic Sans MS";  }
		   table, th, td { border-collapse: collapse; }

		.borderset-1 {border: 2px solid red; background-color: lightblue; }
		.borderset {border: none;	background-color: black; }

		/* .maintablestyle { width: 100vw; height: 100dvh; color: white; background-color: black; } */
		/* .centertable { height: 300px; width: 300px;	 } */

		.fullbox {
			display: flex;
			width: 100vw;
			flex-wrap: wrap;
			flex-direction: column;
			/* justify-content: center drukt vertical alles naar midden ipv bovenaan*/ 
			/* justify-content: center; */
			align-items: center;
			height: 100dvh;
		}

		/* .content {display: flex;width: calc(100% - 1px);max-width: 800px;margin: 0px;} */
		.centerbox {
			display: flex;
			flex-wrap: wrap;
			flex-direction: column;
			/* hieronder: alles naar bovenkant van blok */
			justify-content: start;
			/* align-items: start; */
			align-items: flex-start;			
			align-content: flex-start;			
			width: 300px;
			max-width: 400px;
			padding-top: 0px;
			margin-top: 0px;
			/* height: 100dvh; */
			/* min-height: 450px; */
		}
		.centerbox img {
		    max-width: 100%;
			height: auto;
			/* Maintain aspect ratio */
			flex: 1 1 auto;
			/* Allow images to grow and shrink */
			object-fit: cover;
		}	
		/* .image {display: block;object-fit: cover;flex: 1 1 auto;width: 100%;height: auto;} */

		.img_basis   { background-size: 100% 100%; height: 220px; width: 100%; background-repeat: no-repeat; }
		.mid_wolf     { background-image: url("https://ronjanet.nl/wp-content/uploads/0-logo/go/wolf.png"); }				
			
			
		.td_input { width: 300px;height: 30px;  background-color: black; padding: 0; margin: 0;	}
		.td_logintxt { font-size: 13px; background-color: black; margin-left: 5 ;}
		input {background-color:yellow ;  }
		.frm-subm-btn       { ;}
		.frm-subm-btn:hover { ;}

		.login_block {width: 100%;height: 40px;object-fit: contain;border-radius: 4px;}
		.labeltxt {display: inline;color: white;font-size: 1.2em;padding-left: 7px;padding-right: 7px;}
		.formcss {height: 40px; margin: 0px; padding: 0px; }
		input[type=text], select {
			background-color: orange;
			width: 25%;
			height: 25px;
			padding: 5px;
			margin: 1px 0;
			display: inline-block;
			border: 1px solid #ccc;
			border-radius: 4px;
			box-sizing: border-box;
			/* maak password zonder chrome psw-opslag */
			-webkit-text-security:disc;
			font-family: 'Comic Sans MS';
			font-size: 1.3em;
			padding-top: 12px;
			vertical-align: bottom;
			/*filter: blur(1.5rem);*/
			/*filter: contrast(10%);*/
			}			

		input[type=button] {
			width: 20%;
			height: 25px;
			background-color: #4CAF50;
			color: white;
			padding: 4px 20px 0px 20px;
			/*margin: 8px 0;*/
			margin: 8px 0 0 10px;
			border: none;
			border-radius: 4px;
			cursor: pointer;
			}

		input[type=button]:hover {background-color: #45a049;color: red;	}
		/* @media (max-width: 100vw) {.box img {font-size: 2em;flex: 1 1 800px;}}	 */
		/* maintablestyle is het totale window met 3 kolommen er in */