html, body{
	width: 100%;
	height: 98%;
	margin: 0px;
	padding: 0px;
}
body {
  background: #2D649C url('images/background.jpg') repeat-x fixed top;
  font-family: Verdana, Arial, Helvetica;
  font-size: 16pt;
}
Input,textarea{
	font-size: 16pt;
}
buttonearea {
	display: block;
	width: 80%;	
	margin-left:10%;
	margin-right:10%;
	margin-top: 20px;

}
contentdiv{
	background: #D2EFFF url('images/content.jpg') repeat-x;
	background-size: 100% 100%;
	display: block;
	width: 80%;	
	height: 80%;
	margin-left:10%;
	margin-right:10%;
	padding: 5px;
	overflow-y: scroll;
}
contentdiv.login{
	display: block;
	position: absolute;
	top: 20%;
	width: 40%;
	margin-left: 30%;
	height:50%;
}
.title{
	font-size: 200%;
	font-weight: bold;
	color: #3060AA;
}
mybutton {
	background-color: grey;
	border-style: solid;
	padding: 10px;
	margin: 1px;	
	cursor: pointer;
	-webkit-user-select: none;
	user-select: none;
}
img.Icon {
	width: 30px;
	height: 30px;
	border: 1px solid black;
	border-radius: 8px;
}
div.activebutton {
	text-align:center;
	background-color: #CCCCCC;
	border-style: solid;
	border-color: #888888;
	color: black;
	padding: 3px;
	cursor: pointer;
	-webkit-user-select: none;
	user-select: none;
}
div.disabledbutton {
	text-align:center;
	background-color: #EEEEEE;
	border-style: solid;
	border-color: #AAAAAA;
	color: #AAAAAA;
	padding: 3px;
	pointer-events: none;
	cursor: not-allowed;
	-webkit-user-select: none;
	user-select: none;	
}
TH.DefaultTable, TD.DefaultTable {
	padding: 7px;
	text-align: left;
	border-top: 2px solid black;
	border-collapse: collapse;
	border-color: #AAAAAA;
	border-spacing: 0;
	overflow-wrap: break-word;
}

Table.DefaultTable {	
	border: 2px solid;
	border-color: #AAAAAA;
	border-spacing: 0;
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
}
.DefaultTable {
	border-radius: 5px;
}

col.Naam{
	width: 6em;
}
col.Kort{
	width: 12em;
}
col.Jaar{
	width: 5em;
}
col.Button{
	width: 60px;
}
div.black_overlay {
  display: block;
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 1001;
  -moz-opacity: 0.6;
  opacity: .60;
  filter: alpha(opacity=60);
}
div.popup{
	display: block;
  position: absolute;
  top: 25%;
  left: 25%;
  width: 50%;
  height: 50%;
  padding: 16px;
  border: 6px solid #2D649C;
  background-color: white;
  z-index: 1002;
  overflow: auto;
}
input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  transform: scale(2);
}
@media only screen and (min-resolution: 1.7dppx) {
	html,body,table,tr,td{
		font-size: 20pt;
		width: 100%;
	}
	contentdiv{
		margin: 2%;
		width: 96%;
		height: 90%;
	}
	contentdiv.login{
		position:absolute;
		width: 80%;
		top: 20%;
		margin-left: 10%;
		height: 40%;
		padding: 20px;
	}
	input.login,td.login{
		font-size: 40pt
	}
	textarea,Input{
		font-size: 20pt;
	}
	input[name="naam"],input[name="wachtwoord"]{
		width : 9em;
		font-size:40pt;
	}
	col.Naam{
		width: 4em;
	}
	col.Kort{
		width: 8em;
	}
	col.Jaar{
		width: 2em;
	}
	div.popup{
		top: 25%;
		left: 5%;
		width: 80%;
	}
}


.MenuItem{
	float:left;
	text-align:center;
	background-color: #CCCCCC;
	border-style: solid;
	border-color: #888888;
	border-radius: 5px;
	color: black;
	padding: 3px;
	cursor: pointer;
	-webkit-user-select: none;
	user-select: none;
}
.SubmenuItem{
    width:auto;
	text-align:left;
	background-color: #CCCCCC;
	border-style: solid;
	border-color: #888888;
	border-radius: 5px;
	color: black;
	padding: 3px;
	cursor: pointer;
	-webkit-user-select: none;
	user-select: none;
}
.foldoutHide{
	display:none;
}
.foldoutShow{
	display:block;
	position:absolute;
}