/* ********************************************************************************************************************************************************* *//* editable style options */
/* ********************************************************************************************************************************************************* */

/* tekst font */
body { 
	font-family: "sans-serif"; 
	/*background-image:url(../icon/caplaTransperant.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; */
}

/* grootte van icoontjes op pagina */
img.icon 		{ width: 40px; height: 40px; }
img.addicon 	{ width: 30px; height: 30px; }
img.deleteicon 	{ width: 20px; height: 20px; }

/* login and change pass text input */
input.inputform {
	height:40px;
	width:500px;
}

/* kleine schermen */
@media only screen and (max-device-width : 480px) {	
	img.icon 		{ width: 30px; height: 30px; }
	img.addicon 	{ width: 20px; height: 20px; }
	img.deleteicon 	{ width: 20px; height: 20px; }
	input.inputform { width: 250px; font-size: 1.25em; }
	img.logo		{ width: 250px; }
	table.menubar   { font-size: 0.75em; } /* set font size small */ 
}

/* ********************************************************************************************************************************************************* */
/* afblijven */
/* ********************************************************************************************************************************************************* */
/* menubar in invoer en overzicht */
table.menubar {
	position: fixed;
	width: 100%;
	border-spacing: 0px 0px;
	z-index: 10000;
	left: 0px; top: 0px;
} 
tr.menubar {
	height: 40px;
}
td.menubar {
	text-align: center;
}

table.newselectbar { /* select menu, bar */
	position: fixed; 
	visibility: hidden;
	z-index: 20000;
	cursor: pointer;
}
tr.newselectbar { 
	height: 50px; 
	text-align: center;
	font-weight: bold;
}
td.newselectbar {
	background-clip:padding-box; 
	border-radius:5px;
}

table.newselect { /* select menu, option */
	table-layout: fixed;
	visibility: hidden;
	border-spacing: 1px;
	position: absolute;
	z-index: 1100;
}
tr.newselect { 
	height: 35px; 
	font-weight: bold;
}
td.newselect {
	background-clip:padding-box; 
	border-radius:2px;
	cursor: pointer;
}

td { /* verberg teveel tekst */
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap; 
}

div.cancel { /* cancel element when giving menu options */
  width: 100%;
  height: 100%;
  left:0px;
  position: fixed;
  display: none;
}

form { /* input form minimal html appearance */
  display: inline;
  margin: 0px;
  padding: 0px;
}