body {
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 10pt;
  margin: 0 0;
  padding: 0 0;
  background-color: #eeeeee;
  color: #484848;
  /*line-height: 1.25em; */
}
div#container {
  background-color: #eeeeee;
  width: 100%;
  text-align: center;
  padding: 10px 0;
}
div#topbox {
	background: url(/static/img/topbox.png);
	padding-bottom: 30px;
}
div#menu {
	text-align: left;
	background: white;
}
div#hte-toolbar {
	float: right;
	padding: 10px 10px;
}
div#content {
  position: relative;
  min-height: 800px;
  display: inline-block;
  padding: 5px 10%;
  background-color: white;
  background-image: none;
  text-align: left;
}

div.disclaimer {
	padding: 5px 5px;
	border: 1px solid black;
	background-color: #ffdddd;
	font-style: italic;
}


h1, .h1 {
	font-size: 48px;
	font-weight:100;
}
.h1 {
	vertical-align: top;
	display:inline-block;
	margin: 20px 0 0 10px;
}

.knop {
	background-color: #E1E4E5;
	display: block;
	border-radius: 5px;
	padding: 5px 10px;
	font-size: 12pt;
	text-shadow: 0 1px 1px #F1F1F1;
	text-align: center;
	cursor: pointer;
	color: #484848;
margin: 4px;
}
a.knop {
	color: #484848;
}
/* flavor-class bij .knop */
.active {
background-color: #CCCCCC;
font-weight: bold;
}

::selection {
	background: #0098EB;
	color: white;
	text-shadow: none;
}
#foutmelding {
	padding: 3px 3px;
	background-color:#FF0000;
	color:#FFFFFF;
}
#toestelinfo {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 400px;
	height: 400px;
	margin-left: -200px;
	margin-top: -200px;
	display:none;
	z-index: 10000;
	background-color: #F5F5DC;
	padding: 2px 5px 5px;
	border: 2px solid #484848;
}
#toestelinfo-title {
	font-weight:bold;
}
#toestelinfo-close {
	float: right;
}
#toestelinfo-content {
	clear: right;
	position: relative;
	height: 375px;
	overflow: scroll;
	background-color: #F9F9F9;
}
#toestelinfo-content table {
	border-collapse: collapse;
	border-spacing: 0;
}
#toestelinfo-content td {
	border: 1px solid #E1E4E5;
	padding: 2px 2px;
}
.info {
	background-color: #F5F5DC;
	padding: 3px 3px 0;
}
.knop:hover {
	color:#7a0000;
	box-shadow: 0px 5px 3px #373737;
}
a {
	transition: all 0.2s ease 0s;
	-webkit-transition: all 0.2s ease 0s;
	text-decoration: none;
	margin: 0;
	vertical-align: baseline;
}
a:hover, a:active {
	outline: none;
}
div#info, div#login {
	width: 400px;
	font-size: 12pt;
	font-weight: 200;
	margin: -50px 0 0 200px;
	padding: 20px 20px;
	border: 1px solid #E1E4E5;
	background-color: #f6f9fa;
}
div#logo {
}
/* GRID */
div#algoritme {
}

div#hoortoestellen, div#geschiedenis {
	width: 100%;
  font-family: arial;
  font-size: 8pt;
  background: white;
  outline: 0;
  border: 1px solid gray;
}

div#hoortoestellen {
height: 500px;
}

div#geschiedenis h2 {
padding-left: 2em;
}

.loading-indicator {
  display: inline-block;
  padding: 12px;
  background: white;
  -opacity: 0.5;
  color: black;
  font-weight: bold;
  z-index: 9999;
  border: 1px solid red;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-box-shadow: 0 0 5px red;
  -webkit-box-shadow: 0px 0px 5px red;
  -text-shadow: 1px 1px 1px white;
}

.loading-indicator label {
  padding-left: 20px;
  background: url('../js/slickgrid/images/ajax-loader-small.gif') no-repeat center left;
}
.cell-selection {
  border-right-color: silver;
  border-right-style: solid;
  background: #f5f5f5;
  color: gray;
  text-align: right;
  font-size: 10px;
}

.slick-row.selected .cell-selection {
  background-color: transparent; /* show default selected row background */
}
.slick-headerrow-column {
  background: #87ceeb;
  text-overflow: clip;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.slick-headerrow-column input {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}