/* ©2017 TRAVIS - INVENS B.V. - HTTPS://WWW.INVENS.NL
NIETS VAN DEZE PAGINA OF DEZE WEBSITE MAG WORDEN OVERGENOMEN, HERGEBRUIKT OF WORDEN GEKOPIERD
IN WELKE VORM DAN OOK ZONDER SCHRIFTELIJKE TOESTEMMING VAN INVENS BV.
V1.1 03/2017 - SVEN EN BART */

/* travis.css */
@media screen,print
{

html { height:100%;}

em {
  font-style: normal;         
  text-decoration: underline; 
}

body {
 font-size: 1.0em;
 background-color: #EFEFEF;
 color: #000000;
 margin: 0px;
 padding: 0px;
 font-family: "Trebuchet MS", Arial, Verdana;
 height: 100%;

}

body.white {
 background-color: #FFFFFF;
}

div.menubar {
  position:relative;
  left:0px;
  top:0px;
  border-bottom:1px solid #CCCCCC;
  width:100%;
  min-height:80px; /* height:80px; */
  background:#DDDDDD url("../../img/logo_bovenhoek.png") right top no-repeat;
}

table {
 font-size: 0.85em;
 font-family: "Trebuchet MS", Arial, Verdana;
 color: #000000;
}

table.normal {
 font-size: 1.0em;
 font-family: "Trebuchet MS", Arial, Verdana;
 color: #000000;
}

table.normaloverzicht {
 font-size: 1.0em;
 font-family: "Trebuchet MS", Arial, Verdana;
 color: #000000;
 background-color: #FFFFFF;
 border:1px solid gray;
 border-collapse: collapse;
}

th {
 font-size: 1.0em;
 font-weight:normal;
 text-align:left;

}

tr.header {
  background-color:#004db8;
  color:#FFFFFF;
}

tr.overzicht {
  background-color:#004db8;
  color:#FFFFFF;
}

input,select,textarea,ul, button {
 font-size: 1.0em;
 font-family: "Trebuchet MS", Arial, Verdana;
 color: #000000;
}

textarea{resize: none}


input.noborder, a.noborder, img.noborder {
 border:0px none;
}

a {
 text-decoration: none;
 font-weight: normal;
 color: #FFFFFF;
}

a:link{
       color: #FFFFFF;
}

a:visited
     { color: #FFFFFF;
}

a:active {
 color: #05c3dc;
 text-decoration: underline;
}

a:hover {
 color: #FFFFFF;
 text-decoration: underline;
}

a.textlink:link {
      color: #000000;
}

a.textlink:visited {
      color: #000000;
}

a.textlink:active {
       color: #000000;
       text-decoration:underline;
}

a.textlink:hover {
      color: #000000;
      text-decoration: underline;
}

.bgcf {
       background-color:#b0cbf2;
}

.bgcb {
       background-color:#FFFFFF;
}

.bgdark {
       background-color:#CDCDCD;
}

/* achtergrondkleur verplicht veld */
.bgrf {
       background-color:#ed9cad;
}

.position {
 margin: 5px 0px 0px 5px;
 border: 0px solid white;
 /*overflow-y: hidden;
 overflow-x: hidden;*/
}


/* context menu */
.menuitem
     {
 font-family: "Trebuchet MS", Arial, Verdana;
 font-size: 0.85em;
 margin: 0;
 padding: 0;
 width: 110px;
 text-indent: 10px;
 background-color: #004db8;
 color: #000000;
 overflow: hidden;
}

#ContextMenu {
 position:absolute;
 background-color:#CCCCCC;
 border:outset 2px;
}

#ContextMenu hr {
 margin: 0;
 padding: 0;
 width: 110px;
}

.ContextMenuItemGrayedOut {
 font-family: "Trebuchet MS", Arial, Verdana;
 font-size: 0.85em;
 margin: 0;
 padding: 0;
 width: 110px;
 text-indent: 15px;
 background-color: #CCCCCC;
 color: #AAAAAA;
}

.highlightItem {
 font-family: "Trebuchet MS", Arial, Verdana;
 font-size: 0.85em;
 margin: 0;
 padding: 0;
 width: 110px;
 text-indent: 15px;
 background-color: #DC0C26;
 color: #000000;
}

.bginput{
     background-color:#CDCDCD;
}

.btn_inset {
  border: groove #AAAAAA 1px;
}

.btn_outset {
  border: outset #AAAAAA 1px;
}

.underline {
 text-decoration: underline;
}


ul {
  font-size:0.85em;
  color: black;
}

h2 {
  font-size:0.85em;
}

caption {
 display: none;
}


.gbdr {
  border:0px solid gray;
}

A.textlinkblack:link {
  color: #000000;
}

A.textlinkblack:visited {
  color: #000000;
}

A.textlinkblack:active {
  color: #000000;
  text-decoration: underline;
}

A.textlinkblack:hover {
  color: #000000;
  text-decoration: underline;
}

label { cursor: help; }

.noscript {
 font-size: 0.80em;
 font-weight: bold;
 background-color:#FFFF00;
}

.kop {
  font-size:1.5em;font-weight:bold;
}

.bordered {
  border: 1px solid red;
  background-color: #F78EC5;
}

input,select,textarea {
  border: 1px solid #999;
}

/* Search container */

div#searchfield_container {
  position: fixed;
  top: 0;
  background-image: url(../../img/transparent.png);
  height: 100%;
  width: 100%;

  z-index: 4999;
}

div#searchfield {
  border: 1px solid #666;
  background-color: #ddd;
  width: 450px;
  height: 100px;
  position: absolute;
  overflow: hidden;

  /* CENTERING */
  margin-left: -225px;
  left: 50%;
  margin-top: 120px;

  z-index: 5000;
}

div#searchfield form table {
  margin-top: 10px;
  margin-bottom: 10px;
}

div#searchheader {
  height: 22px;
  text-align: right;
  background-color: #004db8;
}

div#searchheader img {
  margin: 3px;
}

/* End if search container */


a.searchlink {
  color: #000;
  text-decoration: underline;
  font-weight: bold;
}

tr.trheader {
 background-color: #004db8;
}

tr.trheader td, tr.trheader th {
  color: white;
}

th { text-align:center;}


/* Gevonden records in details */
.gevonden {
  font-size:11px;
  color:#AAAAAA;
}


.bgTableHeader {
 background-color: #004db8;
 margin-bottom: 10px;
 color: #ffffff;
}


/*-------------------
      OVERZICHT
-------------------*/
table.overzicht {
  border-collapse: collapse;
  border-spacing: 0;
  margin-left: 1px;
  background-color: #FFFFFF;
  font-size: 11px;
}

table.overzicht a:hover {
  text-decoration: underline;
}

table.overzicht th,
table.overzicht td {
  line-height: 20px;
  padding: 0 10px;
}

table.overzicht th {
  border: 1px solid #999999;
  background-color: #004db8;
  color: #FFFFFF;
}

table.overzicht th a {
  color: #FFFFFF;
}

table.overzicht td {
  border: 1px solid #999999;
  color: #000000;
}

table.overzicht td a {
  color: #000000;
}

table.overzicht td a img {
  margin: 3px 0px -3px 0px;
}

table.overzicht td.numeriek {
  text-align: right;
}

table.overzicht tr.totaal_regel td {
 background: #BBBBBB;
}

table.overzicht tr.totaal_regel:hover td {
 background: #BBBBBB;
}

table.overzicht tr:hover td,
table.overzicht .hover {
  background: #EEEEEE;
}

a.filter {
  padding-right: 15px;
  background: url('../../img/filter.png') no-repeat 100% 50%;
}
/*-------------------
     /OVERZICHT
-------------------*/



/*-------------------
      AANMELDEN
-------------------*/
#aanmelden {
 background: url("../../img/aanmelden.png");
 width: 324px;
 height: 441px;
 position: absolute;
 top: 50%;
 left: 50%;
 margin: -221px 0 0 -162px;
 overflow: hidden;
 z-index: 99;
 color: #ffffff;
 font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
 font-size: 0.85em;
}

#aanmelden input {
 border: none;
 padding: 1px;
}

#aanmelden .logo {
 display: block;
 width: 269px;
 height: 56px;
 position: absolute;
 left: 28px;
 top: 68px;
}

#aanmelden #gebruikersnaam {
 position: absolute;
 left: 48px;
 top: 226px;
}

#aanmelden #gebruikersnaam label {
 display: block;
 font-size: 12px;
 text-transform: uppercase;
}

#aanmelden #gebruikersnaam label span {
 display: inline-block;
}

#aanmelden #gebruikersnaam input {
 position: absolute;
 top: 19px;
}

#aanmelden #wachtwoord {
 position: absolute;
 left: 48px;
 top: 283px;
}

#aanmelden #wachtwoord label {
 display: block;
 font-size: 12px;
 text-transform: uppercase;
}

#aanmelden #wachtwoord label span {
 display: inline-block;
}

#aanmelden #wachtwoord input {
 position: absolute;
 top: 19px;
}

#aanmelden #gebruikersnaamOpslaan {
 position: absolute;
 left: 78px;
 top: 340px;
}

#aanmelden #gebruikersnaamOpslaan input {
 display: inline-block;
 vertical-align: top;
 margin: 2px 2px 0px 0px;
 padding: 0px;
}

#aanmelden #gebruikersnaamOpslaan label {
 display: inline-block;
}

#aanmelden .btnAanmelden {
 position: absolute;
 left: 190px;
 top: 394px;
 display: block;
 border: none;
 background: none;
 cursor: pointer;
 padding: 2px 10px;
 margin: 0px;
 text-transform: uppercase;
 border: 1px solid #FFFFFF;
 border-radius: 5px;
 color: #FFFFFF;
 font-weight: normal;
 font-size: 12px;
 max-width: 113px;
}
/*-------------------
     /AANMELDEN
-------------------*/


/*-------------------
      WACHTWOORD VERGETEN
-------------------*/
#wachtwoordvergeten {
 background: url("../../img/aanmelden.png");
 width: 324px;
 height: 441px;
 position: absolute;
 top: 50%;
 left: 50%;
 margin: -221px 0 0 -162px;
 overflow: hidden;
 z-index: 99;
 color: #ffffff;
 font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
 font-size: 0.85em;
}

#wachtwoordvergeten input {
 border: none;
 padding: 1px;
}

#wachtwoordvergeten .logo {
 display: block;
 width: 269px;
 height: 56px;
 position: absolute;
 left: 28px;
 top: 68px;
}

#wachtwoordvergeten #gebruikersnaam {
 position: absolute;
 left: 48px;
 top: 226px;
}

#wachtwoordvergeten #gebruikersnaam label {
 display: block;
 font-size: 12px;
 text-transform: uppercase;
}

#wachtwoordvergeten #gebruikersnaam label span {
 display: inline-block;
}

#wachtwoordvergeten #gebruikersnaam input {
 position: absolute;
 top: 19px;
}

#wachtwoordvergeten #captcha {
 position: absolute;
 left: 48px;
 top: 283px;
}

#wachtwoordvergeten #captcha label {
 display: block;
 font-size: 12px;
 text-transform: uppercase;
 top: 19px;
}

#wachtwoordvergeten #captcha label span {
 display: inline-block;
}

#wachtwoordvergeten #captcha input {
 position: absolute;
}

#wachtwoordvergeten #captcha img {
 display: block;
}


#wachtwoordvergeten .g-recaptcha {
  padding-left: 11px;
  padding-top: 293px;
}

#wachtwoordvergeten #gebruikersnaamOpslaan {
 position: absolute;
 left: 78px;
 top: 340px;
}

#wachtwoordvergeten #gebruikersnaamOpslaan input {
 display: inline-block;
 vertical-align: top;
 margin: 2px 2px 0px 0px;
 padding: 0px;
}

#wachtwoordvergeten #gebruikersnaamOpslaan label {
 display: inline-block;
}

#wachtwoordvergeten .btnOpvragen {
 position: absolute;
 left: 190px;
 top: 394px;
 display: block;
 border: none;
 background: none;
 cursor: pointer;
 padding: 2px 10px;
 margin: 0px;
 text-transform: uppercase;
 border: 1px solid #FFFFFF;
 border-radius: 5px;
 color: #FFFFFF;
 font-weight: normal;
 font-size: 12px;
 max-width: 113px;
}
/*-------------------
     /WACHTWOORD VERGETEN
-------------------*/


/*-------------------
      WACHWOORD INSTELLEN
-------------------*/
#wachtwoordinstellen {
 background: url("../../img/aanmelden.png");
 width: 324px;
 height: 441px;
 position: absolute;
 top: 50%;
 left: 50%;
 margin: -221px 0 0 -162px;
 overflow: hidden;
 z-index: 99;
 color: #ffffff;
 font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
 font-size: 0.85em;
}

#wachtwoordinstellen input {
 border: none;
 padding: 1px;
}

#wachtwoordinstellen .logo {
 display: block;
 width: 269px;
 height: 56px;
 position: absolute;
 left: 28px;
 top: 68px;
}

#wachtwoordinstellen #gebruikersnaam {
 position: absolute;
 left: 48px;
 top: 216px;
}

#wachtwoordinstellen #gebruikersnaam label {
 display: block;
 font-size: 12px;
 text-transform: uppercase;
}

#wachtwoordinstellen #gebruikersnaam label span {
 display: inline-block;
}

#wachtwoordinstellen #gebruikersnaam input {
 position: absolute;
 top: 19px;
}

#wachtwoordinstellen #wachtwoord {
 position: absolute;
 left: 48px;
 top: 273px;
}

#wachtwoordinstellen #wachtwoord label {
 display: block;
 font-size: 12px;
 text-transform: uppercase;
}

#wachtwoordinstellen #wachtwoord label span {
 display: inline-block;
}

#wachtwoordinstellen #wachtwoord input {
 position: absolute;
 top: 19px;
}



#wachtwoordinstellen #wachtwoordherhalen {
 position: absolute;
 left: 48px;
 top: 330px;
}

#wachtwoordinstellen #wachtwoordherhalen label {
 display: block;
 font-size: 12px;
 text-transform: uppercase;
}

#wachtwoordinstellen #wachtwoordherhalen label span {
 display: inline-block;
}

#wachtwoordinstellen #wachtwoordherhalen input {
 position: absolute;
 top: 19px;
}


#wachtwoordinstellen #gebruikersnaamOpslaan {
 position: absolute;
 left: 78px;
 top: 340px;
}

#wachtwoordinstellen #gebruikersnaamOpslaan input {
 display: inline-block;
 vertical-align: top;
 margin: 2px 2px 0px 0px;
 padding: 0px;
}

#wachtwoordinstellen #gebruikersnaamOpslaan label {
 display: inline-block;
}

#wachtwoordinstellen .btnAanmelden {
 position: absolute;
 left: 130px;
 top: 394px;
 display: block;
 border: none;
 background: none;
 cursor: pointer;
 padding: 2px 10px;
 margin: 0px;
 text-transform: uppercase;
 border: 1px solid #FFFFFF;
 border-radius: 5px;
 color: #FFFFFF;
 font-weight: normal;
 font-size: 12px;
 max-width: 163px;
}
/*-------------------
     /WACHWOORD INSTELLEN
-------------------*/


/*-------------------
       ALERT
-------------------*/
#alertcontainer {
 position: absolute;
 background-image: url("../../img/transparent.png");
 border: 0px solid red;
 width: 100%;
 height: 100%;
 top: 0px;
 left: 0px;
 z-index: 9999;
}

#alertcontainer #alertmsg {
 background: url("../../img/bgAlert.png") no-repeat;
 width: 309px;
 height: 325px;
 margin: 0px auto;
 border: none;
 position: relative;
 top: 34px;
 z-index: 100;
}

#alertcontainer #alertmsg.alert {
 cursor: default;
}

#alertcontainer #alertmsg.alert_red {
 background: url("../../img/bgAlertRed.png") no-repeat;
}

#alertcontainer #alertmsg.alert_green {
 background: url("../../img/bgAlertGreen.png") no-repeat;
}

#alertcontainer #alertmsg #close {
 position: absolute;
 right: 14px;
 top: 15px;
 height: 11px;
 width: 11px;
 display: block;
 cursor: pointer;
}

#alertcontainer #alertmsg #dragAndDropTop {
 position: absolute;
 left: 10px;
 top: 4px;
 display: block;
 height: 10px;
 width: 289px;
 cursor: move;
 z-index: 999;
}

#alertcontainer #alertmsg #dragAndDropRight {
 position: absolute;
 right: 4px;
 top: 10px;
 display: block;
 height: 306px;
 width: 10px;
 cursor: move;
 z-index: 999;
}

#alertcontainer #alertmsg #dragAndDropBottom {
 position: absolute;
 left: 10px;
 bottom: 4px;
 display: block;
 height: 10px;
 width: 289px;
 cursor: move;
 z-index: 999;
}

#alertcontainer #alertmsg #dragAndDropLeft {
 position: absolute;
 left: 4px;
 top: 10px;
 display: block;
 height: 306px;
 width: 10px;
 cursor: move;
 z-index: 999;
}

#alertcontainer #alertmsg #txtAlertTitle {
 position: absolute;
 top: 4px;
 left: 4px;
 width: 253px;
 height: 20px;
 line-height: 20px;
 padding: 12px 0px 12px 20px;
 text-transform: uppercase;
 color: #f89829;
 font-weight: bold;
 font-size: 18px;
}

#alertcontainer #alertmsg.alert_red div#txtAlertTitle {
 color: #FF0000;
}

#alertcontainer #alertmsg.alert_green div#txtAlertTitle {
 color: #62bd19;
}

#alertcontainer #alertmsg .txtAlert {
 position: absolute;
 top: 46px;
 left: 4px;
 height: 200px;
 width: 253px;
 padding: 20px 20px 0px 20px;
 font-family: "Trebuchet MS", Arial, Verdana;
 font-size: 0.85em;
 line-height: 16px;
 font-weight: normal;
 color: #FFFFFF;
 overflow: auto;
 border: 0px;
}

#alertcontainer #alertmsg .myButtons {
 position: absolute;
 bottom: 15px;
 left: 4px;
 padding: 0px 20px;
 text-align: center;
 width: 253px;
 text-align: center;
}

#alertcontainer #alertmsg .myButtons .btnalert {
 border: 1px solid #FFFFFF;
 text-transform: uppercase;
 vertical-align: top;
 background: none;
 height: 24px;
 cursor: pointer;
 font-weight: normal;
 border-radius: 5px;
 color: #FFFFFF;
 min-width: 100px;
}

#alertcontainer #alertmsg img {
 margin-top:5px;
 margin-right: 5px;
 border: 3px solid #FFFFFF;
}
/*-------------------
      /ALERT
-------------------*/
}

@media print
{
 div.menubar {
  position: absolute;
  left: 0px;
  top: 0px;
  border-bottom: 2px solid #FFFFFF;
  width: 100%;
  height: 80px;
  color: white;
  z-index: 1;
  display: block;
 }

}










/*  menu.css  */

/*
  TABS
*/
div.tabs ul li a span {
  font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
  letter-spacing: 1px;
}

.tabs {
  float:left;
  font-size:15px;
  line-height:normal;
  /* border-bottom: 1px solid black; */
}

.tabssub {
  margin-bottom: 3px;
}

.tabs ul {
  margin:0;
  padding:0px 10px 0 0px;
  list-style:none;
}

.tabs li {
  display:inline;
  margin:0;
  padding:0;
}

.tabs span {
  float:left;
  margin:0;
  padding:4px 8px 0 0;
  text-decoration: none;
  color:#000;
}

.tabs a {
  float:left;
  background:url(../../img/tableft.gif) no-repeat left top;
  margin:0;
  padding:0 0 0 4px;
  text-decoration:none;
}

.tabs a span {
  float:left;
  display:block;
  background:url(../../img/tabright.gif) no-repeat right top;
  padding:5px 15px 4px 6px;
  color:#fff;
}

.tabssub a {
  background:url(../../img/tableft_sub.gif) no-repeat left top;
}

.tabssub a span {
  background:url(../../img/tabright_sub.gif) no-repeat right top;
}

.tabssub a span {
  padding:3px 15px 3px 6px;
  font-size:11px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabs a span {
  float:none;
}
/* End IE5-Mac hack */

.tabs a:hover span {
  color:#fff;
  text-decoration: underline;
}

.tabs a:hover {
  background-position:0% -42px;
}

.tabs a:hover span {
  background-position:100% -42px;
}

.tabs a.active {
  background-position:0% -42px;
}

.tabs a.active span {
  background-position:100% -42px;
  color:#fff;
  font-style: italic;
}

.tabs a span {
  font-weight: bold;
}

.tabssub a span {
  font-weight: normal;
}

span#displayname {
  color: #211f1f;
  /*display: block;*/
  font-size:0.9em;
  font-weight: bold;
  font-family: "Trebuchet MS", Arial, Verdana;
  letter-spacing: 1px;
  text-align: center;
  /*text-transform: uppercase;*/
}








/*  details.css  */

TABLE.details {
 font-size: 0.8em;
 font-family: "Trebuchet MS", Arial, Verdana;
 background: #FFFFFF;
 border-collapse: collapse;
 color: #000000;
}

SPAN.gevonden {
  font-size:11px;
  color:#AAAAAA;
}

TR.explorer {
 background: #004db8;
 color: white;
}

TD.columHL {
 background: #05c3dc;
 color: white;
}

TR.columRO {
 background: #A41984;
 color: black;
}

TD.pagenumber {
 background: #004db8;
 width: 20px;
 height: 20px;
 text-align: center;
 color: white;
}

TD.currentpagenumber {
 background: #05c3dc;
 width: 20px;
 height: 20px;
 text-align: center;
 color: white;
}

/* KOLOM WAAROP GESORTEERD IS*/
TD.currentcolum {
 background: #EEEEEE;
 color: black;
}


TR.trRR {
 background: #05c3dc;
 color: white;
}

TR.trRT {
 background: #FFFFFF;
 color: #000000;
}


/* */
A.details:link {
       color: #FFFFFF;
}

A.details:visited {
      color: #FFFFFF;
}

A.details:active {
       color: #000000;
       text-decoration: underline;
}

A.details:hover {
      color: #FFFFFF;
      text-decoration: underline;
}


/* URL AN E_MAIL LINK*/
A.link:link {
       color: #000000;
}

A.link:visited {
      color: #000000;
}

A.link:active {
       color: #000000;
       text-decoration: underline;
}

A.link:hover {
      color: #000000;
      text-decoration: underline;
}


A.textlinkblack:link {
       color: #000000;
}

A.textlinkblack:visited {
      color: #000000;
}

A.textlinkblack:active {
       color: #000000;
       text-decoration: underline;
}

A.textlinkblack:hover {
      color: #000000;
      text-decoration: underline;
}