.errclass { background-color: #FFFF00; color: #000000; text-align: center; }
.usraddTable {
	position:absolute;
	width:50%;
	height:6vh;
	margin-left:25%;
	margin-right:auto;
	background-color:transparent;
	color:white;
	border-collapse:collapse;
}
.usraddTable tr { background-color:black; }
.receptenDiv {
	position:absolute;
	height: 92%;
	width: 98%;
	margin: 0 auto 0 1%;
	padding: 0.4% 0 0.4% 0;
	background-color: transparent;
}
.receptenTableDiv {
	position:absolute;
	width: 100%;
	height: 95%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: none;
	border-collapse: collapse;
	background-color:transparent;
}
.outer {
	width:100%;
	height:100%;
}
.inner {
	width:99.9%;
	height:99.5%;
	border:thin solid transparent;
}
.loginTable {
/*	position:absolute;*/
	width:25%;
	height:30%;
	margin-top:40vh;
	margin-left:auto;
	margin-right:auto;
	border-collapse:collapse;
	background-color:black;
	color:white;
	border:solid thin white;
}
.menuTable {
/*	width:20%;*/
	height:30%;
	margin-top:40vh;
	margin-left:auto;
	margin-right:auto;
	border-collapse:collapse;
	background-color:transparent;
	color:white;
}
.menuTable tr { background-color:black; border-left:solid thin white; border-right:solid thin white; }
.settingsTable {
	width:20%;
	height:30%;
	margin-top:40vh;
	margin-left:auto;
	margin-right:auto;
	border-collapse:collapse;
	background-color:transparent;
	color:white;
}
.settingsTable tr { background-color:black; border-left:solid thin white; border-right:solid thin white; }
.usersTable {
	width:40%;
	height:30%;
	margin-top:40vh;
	margin-left:auto;
	margin-right:auto;
	border-collapse:collapse;
	background-color:transparent;
	color:white;
/*	border:solid thin white;*/
}
.usersTable tr { background-color:black; }
.recepTable {
	width: 100%;
	height: 100%;
	margin-top:0;
	margin-left:auto;
	margin-right:auto;
	border-collapse:collapse;
	background-color:transparent;
	color:white;
	border:solid thin white;
}
.recepTable td { background-color:black; }
.recepTitle {
	border-collapse: collapse;
	color: #FFFF00;
	font-size: calc((4vh + 3vw)/2);
	font-weight: bold;
	text-align: center;
}
.headTableIn {
	width: 100%;
	height: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: none;
	border-collapse: collapse;
	background-color: transparent;
}
.listDiv {
	width: 60%;
	line-height: 3vh;
	height: 52%;
	margin: 0.2% 0 0 0;
	padding: 0 0 0 0;
	font-size: calc((4vh + 3vw)/3.5);
	border: none;
	border-collapse: collapse;
	background-color: #E1E1E1;
	overflow-y: scroll;
}
.listTable {
	width: 100%;
	height:95%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #000000;
	text-align: left;
	border: none;
	border-collapse: collapse;
	background-color: transparent;
}
.listTable td { padding: 0.2% 0 0.2% 0.1%; }
.listTable tr:hover td {
	color: #FFFFFF;
	background-color: #736F6E;
}
.bottomDiv { position:fixed; width:100%; height:3%; text-align:center; bottom:1%; } /* menu.php recepten.php users.php*/
.button {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5vmin;
	background-color: #CCCCCC;
	cursor: pointer;
}
.editDiv {
/*	position: relative;*/
/*	height: 60%;*/
	width: 98%;
	margin: 0.2% auto 0 auto;
	padding: 0 0 0 0;
	border: none;
	border-collapse: collapse;
	background-color: #2C3539;
/*	border: thin solid yellow;*/
}
.editTable {
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #000000;
	text-align: left;
	border: none;
	border-collapse: collapse;
	background-color: transparent;
}
.editTable td { padding: 0.2% 0 0.2% 0.1%; }
.inpclass {
	height: 80%;
	padding: 0 0 0 2px;
	font-size: calc((1.3vh + 1.3vw + 1.3vmin)/3);
	color: #000000;
	background-color: #FFFFFF;
	border: none;
	border-collapse: collapse;
}
.inptd {
	background-color: #FFFFFF;
}
.edittextDiv {
	color: black;
	position: relative;
	height: 45%;
	width: 97%;
	margin: 0.2% auto 0 auto;
	padding:1% 0 0 1%;
	border: none;
	border-collapse: collapse;
	background-color: white;
	overflow: hidden;
	font-size: calc((1.4vh + 1.2vw)/2);
/*	border:thin solid white;*/
}

.textDiv {
	color: black;
	position: relative;
	height: 40%;
	width: 97%;
	margin: 0.2% auto 0 auto;
	padding:1% 0 0 1%;
	border: none;
	border-collapse: collapse;
	background-color: white;
	overflow: hidden;
	font-size: calc((1.4vh + 1.2vw)/2);
/*	border:thin solid white;*/
}
.idx_kopje {  }   /* receplogin.php  */
.input_table {  } /* receplogin.php */
.taright  { text-align: right; }
.mldclass {
	background-color: #FFFF00;
	color: #000000;
	text-align: center;
}
.look {  } /* recepten.php */
.picDiv {
	width: 100%;
	height: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.bottomTable {
	width: 100%;
	height: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
	background-color: transparent;
	border-collapse: collapse;
}
.label {  } /* users.php */
.text {  }  /* users.php */
#showimage {
	width:100%;
	height:100%;
	background-position:right;
	background-repeat:no-repeat;
	background-size:contain;
}
.headerTable { cursor: pointer; }

/* vanaf hier stond in recepten.php */
.inpclass {
	height: 80%;
	padding: 0 0 0 2px;
	font-size: calc((1.3vh + 1.3vw + 1.3vmin)/3);
	color: #FFFF00;
	background-color: #736F6E;
	border: none;
	border-collapse: collapse;
}
.inptd {
	color: #FFFF00;
	background-color: #736F6E;
}
#picture {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background-image: url("'.$picture.'");
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-ms-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}
.mldclass {
	background-color: #FFFF00;
	color: #000000;
	text-align: center;
}
.look {
	font-size: calc((4vh + 3vw)/4);
	cursor: pointer;
}
.weg {
	background-image: url("./img/delete.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left;
	cursor: pointer;
}
.edit {
	background-image: url("./img/edit.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left;
	cursor: pointer;
}
/* [ON SMALL SCREENS] */
@media (orientation: landscape ) {
	.loginTable {    width:25%; }
	.menuTable {     width:25%; }
	.settingsTable { width:25%; }
	.usersTable {    width:50%; }
}
@media (orientation: portrait ) {
	.loginTable {    width:40%; }
	.menuTable {     width:40%; }
	.settingsTable { width:40%; }
	.usersTable {    width:60%; }
}