@media (max-width: 768px) {
	body {
		background-image: url(/libs/Dr.eGate/images/background_m.jpg);
		background-size: cover;
		position: center center;
		
	}
	
	form#inlog br {
		display: none;
	}

	form#inlog {
		display: block;
		border: 1px solid lightgray; 
		border-radius: 20px;
		box-shadow: 0px 10px 34px -5px rgba(0,0,0,0.7);
		width: 80%;
		font-size: 12px;
		margin: 20px auto;
		background-color: rgba(255,255,255,.8);
	}
	
	h1 {
		font-size: 12px;
		font-weight: bold;
		text-align: center;
	}
	
	#emailform {
		display: none;
	}
	.forgot {
		padding: 20px;
	}
	
	.ok {
		text-align:center; margin-top: 20px;
	}
	
	form#emailform {
		text-align: left;
	}
}
@media (min-width: 769px) {

	.ok {
		text-align:right; margin-top: 20px;
	}
	
	#inlogscherm {
	background-image:url(/libs/Dr.eGate/images/logon.png); width: 523px;  text-align: left; height: 252px; display: block; border: 0px solid red;
	}

	#inlogscherm p, #inlogscherm h1 {
		font-family: verdana, sans;
		margin-left: 200px;
	}
	#inlogscherm p {
		font-size: 9px;
		margin-top: 0px;
		margin-bottom: 0px;
		width: 280px;
	}

	#inlogscherm h1 {
		margin-top: 20px;
		font-size: 11px;
	}
	.forgot {
		cursor: pointer;
	
	}
	.forgot:hover {
		text-decoration: underline;
	
	}

	#inlogscherm p.error {
		font-weight: bold;
		color: red;
		margin-top: 10px;
		font-size: 11px;
		background-color: white;
	}

	#emailform  {
		padding: 20px;
		 width: 523px;  text-align: left; height: 252px; display: none; border: 1px solid red;
	}
	#emailform *, #mainerror *  {
		font-family: verdana, sans;
		font-size: 12px;
	}
	#result {
		font-weight: bold;
	}

	#mainerror {
		display: block;
		width: 400px;
		height: 200px;
		left: 50%;
		top: 150px;
		margin-left: -200px;
		border: 2px solid red;
		position: fixed;
		background-color: white;
		padding: 20px;

	}


}