/*
 * Standaard instellingen
 */

.Pagina {
 font-family            : Mulish, "Open Sans", Arial, Verdana, Helvetica, sans-serif;
 -webkit-font-smoothing : antialiased;
 color                  : #606060; 
 font-size              : 20px; 
 font-weight            : normal; 
 text-decoration        : none; 
 line-height            : 24px; 
 margin-bottom          : 0px;
 margin-top             : 0px;
 margin-left            : auto;
 margin-right           : auto;
 padding                : 0px;
 max-width              : 1200px;
 }

a,
a:link,
a:active,
a:visited {
  color           : #606060;
  text-decoration : none;
  font-family     : Mulish,Arial,Helvetica;
  }

a:hover { 
 color : #19bcb9; 
 }

table {
 font-size       : 20px; 
 line-height     : 24px; 
 }

td {
 font-size       : 20px; 
 line-height     : 24px; 
 }

/*
 * Pagina vormgeving
 */

.LogoImageBackground { 
 height              : 60px;
 width               : 2000px;
 text-align          : top;
 background-image    : url(/images/background.png); 
 background-position : right; 
 background-repeat   : no-repeat;
 } 

.LogoImage { 
 margin-top  : 15px; 
 margin-left : 15px; 
 height      : 60px;
 }

.LogoOnderschrift { 
 margin-left : 15px; 
 color       : #505050;
 font-size   : 16px; 
 }

.PaginaTitel { 
 color         : #008ea3; 
 font-size     : 30px;
 font-weight   : bold; 
 border-width  : 0px; 
 margin-top    : 12px;
 margin-bottom : 25px;
 line-height   : 34px;
 }

.SubTitel {
 color           : #008ea3; 
 font-size       : 20px; 
 font-weight     : normal; 
 text-decoration : none; 
 line-height     : 24px; 
 }

.Tekst {
 font-size       : 20px; 
 font-weight     : normal; 
 text-decoration : none; 
 line-height     : 24px; 
 }

.Status {
  border-style  : solid; 
  border-width  : 1px; 
  border-radius : 8px; 
  padding       : 20px; 
  }

.StatusOk {
  border-color     : #71bf60;
  background-color : #71bf60;
  color            : #ffffff;
  font-weight      : bold; 
  }

.StatusOnderhoud {
  border-color     : #60bfb2;
  background-color : #60bfb2;
  color            : #ffffff;
  font-weight      : bold; 
  }

.StatusWarning {
  border-color     : #e57716;
  background-color : #e57716;
  color            : #ffffff;
  font-weight      : bold; 
  }

.StatusSystemcheck {
  border-color     : #e57716;
  background-color : #e57716;
  color            : #ffffff;
  font-weight      : bold; 
  }

.StatusCritical {
  border-color     : #fc0d1b;
  background-color : #fc0d1b;
  color            : #ffffff;
  font-weight      : bold; 
  }

.StatusMededeling {
  border-color     : #71bf60;
  background-color : #71bf60;
  color            : #ffffff;
  font-weight      : bold; 
  }

.Detail { 
  border-style  : solid; 
  border-width  : 1px; 
  border-radius : 8px; 
  padding       : 20px; 
 }

.DetailTijdstip { 
 font-size    : 20px; 
 font-weight  : normal;
 font-style   : italic;
 }

.DetailTekst { 
 font-size       : 20px; 
 font-weight     : normal; 
 text-decoration : none; 
 line-height     : 24px; 
 padding-left    : 20px;
 padding-bottom  : 20px;
 }

.DetailSoort { 
 font-size       : 20px; 
 font-weight     : normal; 
 text-decoration : none; 
 line-height     : 24px; 
 padding-left    : 20px;
 }

.BackgroundRows > tr:hover {
  background-color : #bbe4e3;
  }

.MarginLeft {
  padding-left   : 10px;
  vertical-align : text-top;
  }

.MarginRight {
  padding-right  : 10px;
  text-align     : right;
  vertical-align : text-top;
  }

/*
 * Footer
 */

.Footer {
  font-size     : 18px;
  font-weight   : normal;
  padding-left  : 20px;
  padding-right : 20px;
  text-align    : right;
  height        : 25px;
  width         : 100%;
  text-align    : right;
  }

.Footer a {
  color       : #606060;
  font-weight : normal;
  }

.Footer a:hover {
  color : #06b7b1;
  }

.Footer .Separator {
  color : #06b7b1;
  }