/*
** Style sheet - VMM stylesheet bijsturing lay-out IRCEL-pagina's voor VMM website.
** Update nieuwe huisstijl - 30/09/2016
*/


/* Standaard VMM huisstijl parameters */
@font-face {
  font-family: "FlandersArtSansLight";
  font-style: normal;
  font-weight: 200;
  src: url("FlandersArtSans-Light.woff") format('woff');
}

body {
  font: 90% FlandersArtSansLight, Arial, FreeSans, sans-serif;
  background-color: #fff;
  color: #000;
  margin: 0;
  padding: 0;
}
a {
  color: #1a6f8c;
  font-size: 80%;
  background-color: transparent;
}
img {
  border: none;
  vertical-align: middle;
}
p {
  margin: 0 0 0.75em 0;
  line-height: 1.5em;
}
p img {
  border: none;
  margin: 0;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: #000;
  text-decoration: none;
}

h1 {
  color: #1a6f8c;
  border: none;
  font-size: 1.7em;
  padding: 0 5px 3px 0;
  margin-bottom: 1em;
}

h2 {
  color: #1a6f8c;
  font-size: 1.5em;
  border: none;
}

h3 {
  color: #1a6f8c;
  font-size: 1.3em;
  font-style: italic;
  font-weight: bold;
  border-bottom: none;
}

h4, h5, h6 {
  color: #1a6f8c;
  text-decoration: underline;
  font-style: italic;
  font-weight: bold;
  border-bottom: none;
}
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }

hr {
    background-color:#1a6f8c;
    border:0 none;
    color:#1a6f8c;
    height:1px;
    margin:0.5em 0 1em;
}

ul {
  line-height: 1.5em;
  padding: 0;
  list-style-image: url(http://www.vmm.be/bullet.gif);
  list-style-type: square;
  margin: 0.5em 0pt 0pt 1.5em;
}

ol {
  line-height: 1.5em;
  padding: 0;
}

li {
  margin-bottom: 0.5em;
}

table {
  font-size: 100%;
  margin: 0px auto;
}

th {
  background-color: #1A6F8C;
  color: white;
  padding: 0.5em 0.5em 0.5em 0.5em;
  vertical-align: middle;
  position: sticky;
  top: 0; 
} 

td { vertical-align: middle; }

dt {
  font-weight: bold;
}
dd {
  line-height: 1.5em;
  margin-bottom: 1em;
}
abbr, acronym {
  border-bottom: 1px dotted #000;
  color: #000;
  background-color: transparent;
  cursor: help;
}
q {
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 120%;
}
blockquote {
  padding-left: 0.5em;
  margin-left: 0;
  border-left: 4px solid #1a6f8c;
  color: #000;
}
code, tt {
  font-family: Monaco, "Courier New", Courier, monospace;
  font-size: 120%;
  color: #000;
  background-color: #ccc;
  padding: 0 0.1em;
}
pre {
  font-family: Monaco, "Courier New", Courier, monospace;
  font-size: 100%;
  padding: 1em;
  border: 1px solid #1a6f8c;
  color: #000;
  background-color: #ccc;
  overflow: auto;
}
ins {
  color: #6f8c3b;
  text-decoration: none;
}
del {
  color: red;
  text-decoration: line-through;
}

/* AANPASSINGEN IRCEL SPECIFIEK */

blockquote {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
  border: none;
  color: #000;
}

a.irc_small {font-size: 8pt}

TD.irc {
  font-size: 8pt;
  font-family: FlandersArtSansLight, Arial, FreeSans, sans-serif;
  background: #ddd;
  color:#1a6f8c;
}

a:link.irc_black {
  text-decoration: none;
  color: #000;
}

a:link.irc_white {
  text-decoration: none;
  color: #fff;
}

div.left {
  margin-left: 10px;
}

div.foot {
  margin-left: 10px; font-size: 8pt;
}

.table-scroll {
	position:relative;
	max-width:100%;
	margin:auto;
	overflow:hidden;
	
}

.table-wrap {
	width:100%;
	overflow:auto;
}

#loader {
  position: absolute;
  top: 20;
  left: 150;
  width: 20px;
  height: 20px;
  margin: 5px 0 0 5px;
  border: 5px solid #EDF4F6;
  border-radius: 50%;
  border-top: 5px solid #3498db;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}