html, body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

body {
	background-color: #fff;
	font-family: 'Magra', sans-serif;
	font-size: 18px;
	color: #333;
  overflow-x: hidden;
}

div, h1, h2, p, form, label, input, textarea, img, span {
	margin: 0;
	padding: 0;
}

img {
  border: 0;
}

ul {
	margin: 0; 
	padding: 0; 
}

  #headerLeft h1 {
      margin:	0;
      font-size: 35px;
    color: #fff;
  }
  
  #content h1 {
    color: #ff5500;
    font-size: 25px;
    margin-bottom: 25px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #ff5500;
  }
  
#content p, #content li, #content td {
	margin-bottom: 15px;
	line-height: 1.3em;
  font-size: 16px;
}

#content td {
	padding-right: 10px;
	vertical-align: top;
}

#content p a, #content td a, #content li a {
	color: #202020;
	text-decoration: underline;
}

#content p a:hover, #content td a:hover, #content li a:hover {
	color: #000;
	text-decoration: none;
}

#content table {
	margin-bottom: 25px;
}

#content h2 {
	margin-bottom: 15px;
	font-size: 25px;
	color: #202020;
}

#content h3 {
	font-size: 20px;
	color: #202020;
	margin-bottom: 10px;
}

#content ul {
	margin-bottom: 55px;
	list-style-type: none;
}

#content ul li {
	list-style-type: none;
	font-size: 16px;
	line-height: 1.3em;
}

textarea {
	width: 98%;
	height:	150px;
}

select {
  height: 25px;
}

.invulveld {
	width: 100%;
  height: 25px;
  font-size: 15px;
}

.invulveld_nl {
	width: calc(100% - 35px);
  height: 25px;
  margin-bottom: 10px;
  padding-left: 35px;
  font-size: 15px;
  background: url(images/vlag_nl.png) center left 5px no-repeat;
  background-size: 25px 16px;
}

.area_nl {
  padding: 5px 5px 5px 35px;
  background: url(images/vlag_nl.png) top 5px left 5px no-repeat;
  background-size: 25px 16px;
	height:	150px;
  margin-bottom: 10px;
}

#username {
  padding-left: 30px;
  background: url(../images/icon_username.png) center left no-repeat;
}

#password {
  padding-left: 30px;
  background: url(../images/icon_password.png) center left no-repeat;
}


.loginveld {
  width: 100% !important;
  font-size: 15px !important;
  padding: 5px 10px !important;
  box-sizing: border-box !important;
}

.veld200 {
  width: 200px;
  height: 25px;
  font-size: 15px;
}

.knop {
  border: 1px solid #ff5500;
  background-color: #ff5500;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
	padding: 5px 10px;
  margin: 10px 0 15px 0;
}

.knop:hover {
  border: 1px solid #ff5500;
  background-color: #fff;
  color: #ff5500;
  cursor: pointer;
}

.knop_neg {
  border: 1px solid #ff5500;
  background-color: #fff;
  color: #ff5500;
  font-size: 15px;
  font-weight: bold;
	padding: 5px 10px;
  margin: 10px 0 15px 0;
}

.knop_neg:hover {
  border: 1px solid #ff5500;
  background-color: #ff5500;
  color: #fff;
  cursor: pointer;
}

.verborgen {
  display: none;
}

p.warning {
  padding-left: 25px !important;
  color: #ff0000 !important;
  background: url(../images/icon_warning.png) bottom left no-repeat !important;
}

p.advanced a {
  display: block;
  margin-top: 15px;
  padding: 10px 0 10px 30px;
  background: url(../images/icon_advanced.png) center left no-repeat;
  color: #ff5500 !important;
}

.status_offline {
  color: #ff0000 !important;
}

.linethrough {
    text-decoration: line-through;
}

.uitleg {
  color: #606060 !important;
  font-size: 13px !important;
  padding-left: 10px !important;
  font-style: italic;
}

.order-warning {
    display: inline-block;
    padding: 10px 14px;
    border: 1px solid #d9c27a;
    background: #fff8e5;
    color: #7a5a00;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.4em;
}

/* ************************************************************************* start tabel ***************************************************** */

.tableDiv {
  overflow-x: auto;
  margin-bottom: 25px;
}

.table_view {
  float: left;
  width: 100%;
  border-collapse: collapse;
	margin-bottom: 25px;
  border: 1px solid #073672;
  box-sizing: border-box;
}

.table_view td {
  padding: 10px 5px 10px 5px;
  vertical-align: middle !important;
  box-sizing: border-box;
}

.table_view tr:nth-child(odd) {
  background-color: #e2e2e2;
}

.td_head {
  background-color: #073672;
  color: #fff !important;
  font-weight: bold;
}

.td_10 {
  width: 10px;
  padding-right: 5px;
}

.td_50 {
  width: 50px;
  padding-right: 5px;
}

.td_100 {
  width: 100px;
  padding-right: 10px;
}

.td_200 {
  width: 200px;
  padding-right: 10px;
}

.td_300 {
  width: 300px;
  padding-right: 10px;
}

.td_400 {
  width: 400px;
  padding-right: 10px;
}

.td_455 {
  width: 455px;
  padding-right: 10px;
}

.td_500 {
  width: 500px;
  padding-right: 10px;
}

/* *********************************************************************** start tabel ************************************************** */

.impersonationBanner p {
    color: #fff;
    font-weight___: bold;
    text-align: right;
    font-size: 13px;
}

.impersonationBanner p a {
    color: #fff;
    text-decoration: underline;
}

.impersonationBanner p a:hover {
    color: #fff;
    text-decoration: none;
}