BODY {
	font-family: Arial;
	margin:10px;
	color:#0F1D5A;

}

TABLE,DIV,TR,TD {
	font-family: Arial;
	color:#0F1D5A;
}


input, textarea, select {
		font-family: Arial;
		font-size:20px;
		white-space:pre-wrap;
}

input[type="file"] {
	width:100%;
}

input[type="text"] {
		width:100%;
}

input[type="checkbox"] {
	width:30px;
	height:30px;
}




.loginwindow {
	display:block;
	margin: 0 auto;
	padding:40px;
	width:400px;
	box-shadow: 10px 5px 5px #CCCCCC;
	border-radius: 25px;
	border: 1px solid #0F1D5A;
}


#MainContent {
	font-family: Arial;
	color:#0F1D5A;
}

	#headline {
		font-size:32px;
		font-weight: bold;
	}

#borderstyle {
	margin-left:15px; 
	margin-right:15px;
}

.loginform {
		padding-left:10px;
		font-size:20px;
		height:50px;
		width:100%;
		border: 1px solid #0F1D5A;
}

.loginform::placeholder {
		font-size:20px;
}

.loginbutton {
	font-family: Arial;
	font-size:20px;
	background:#F8FDFE;
	height:50px;
	width:100%;
}


datalist {
        position: absolute;
		max-height: 20em;
        border: 0 none;
		overflow-x: hidden;
  		overflow-y: auto;
      }
  
#artikellijst {
		font-family: Arial;
		font-size:20px;
		height:50px;
		width:100%;
		}

#besteller,#afnemer,#datum {
		font-family: Arial;
		font-size:20px;
		height:50px;
		width:33%;
		padding:0px;
		margin-right:0px;
		}
#erp,#adres,#omschrijving,#opmerking {
		font-family: Arial;
		font-size:20px;
		height:50px;
		width:100%;
}
#latlon,#rdcoords,#gemeente,#provincie {
        display:inline-block;
		font-family: Arial;
		font-size:20px;
		height:50px;
		width:100%;
}
			
.infoinput {
		font-family: Arial;
		font-size:20px;
		height:50px;
		width:100%;
}
.infoinputshort {
		font-family: Arial;
		font-size:20px;
		height:50px;
		width:200px;
}
}
.infoinputtext {
		font-family: Arial;
		font-size:20px;
		height:150px;
		width:100%;
		border:1px;
		white-space:pre-wrap;

}
.NoInput {
		font-family: Arial;
		font-size:20px;
		height:50px;
		width:100%;
		border:0px;
}

.Aantal {
	    backgroud:#F8FDFE;
		font-family: Arial;
		font-size:20px;
		height:50px;
		width:100%;
		border:1px;
}

.InputItem {
        backgroud:#F8FDFE;
		width:100%;
		border:0px;
}

#logo {
	padding-bottom:20px;
	width:200px;
}

#plus {
	border:0px;
	margin:0px;
	padding:0px;
}		

label {
	font-size:20px;
}

#OpButton {
	font-family: Arial;
	font-size:20px;
	background:#F8FDFE;
	height:50px;
	width:100%;
	margin-bottom:2px;
}

#OpButton:hover {
	background:#EAF6F8;
}


#MenuButton {
	font-family: Arial;
	font-size:20px;
	background:#F8FDFE;
	height:50px;
	width:100%;
	margin-bottom:2px;
}

#MenuButton:hover {
	background:#EAF6F8;
}



.tablecol1 { width:80px; }
.tablecol2 { width:150px; }
.tablecol3 { }
.tablecol4 { width:100px; }

@media screen and (max-width: 600px){

	.tablecol1 { width:42px; }
	.tablecol2 { width:90px; }
	.tablecol3 { }
	.tablecol4 { width:100px; }

.loginwindow {
	width:70%;
}



#borderstyle {
	margin-left:0px; 
	margin-right:0px;
}
input, textarea, select {
		font-size:14px;
}

	#artikellijst {
		font-size:14px;
	}	
	#headline {
		font-size:24px;
	}
	#besteller,#afnemer,#datum {
		font-size:14px;
	}
	#erp,#adres,#omschrijving,#opmerking {
		font-size:14px;
	}
	#latlon,#rdcoords,#gemeente,#provincie {
		font-size:14px;
	}
	.Aantal {
			font-size:14px;
	}

label {
	font-size:18px;
}

.loginform {
		font-size:18px;
}
.loginform::placeholder {
		font-size:18px;
}

	#OpButton {
		font-size:14px;
	}

	.NoInput {
		font-size:14px;
	}
	#logo {
		padding-bottom:20px;
		width:100px;
	}
}



.beheerbtn:hover {
  background-color:#EAF6F8;
  text-decoration:none;
  color:#000000;
}

.beheerbtn {
	z-index:99;
	text-decoration:none;
	display:inline-block;
	font-size:10px;
	cursor:pointer;
	text-align:center;
	line-height: 15px;
	height:15px; 
	width:98px;
	border:#000000 solid 1px; 
	color:#000000;
}