html, body  {
 height: 100hv;
}
	
body  {
 padding: 1px;
 margin: 1px;
 color: #aaa;
 font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
 margin-left: 5px;
 margin-right: 5px;
 padding: 0px;
 background-color: #6e917a; 
 /*background: #FFF; */
 color: #000000;
}
	
h1, h2, h3  {
 margin: 0;
 padding: 0;
}
	
p, ol, ul {
 margin-top: 0;
}
	
ol, ul {
 padding: 0;
 list-style: none;
}
	
p {
 line-height: 105%;
}
	
strong {

}
	
a {
 color: #454545;
}
	
a:hover {
 text-decoration: none;
}
	
.container {
 overflow: hidden;
 margin-right: 10px;
 margin-left: 20px;
 width: 100hw;
}

.container2c {
 overflow: hidden;
 margin-right: 10px;
 margin-left: 20px;
 width: 50%;
}

/* Control the left side */
.left {
  left: 10px;
}

/* Control the right side */
.right {
  right: 10px;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.header {
 padding: 5px;
 line-height: .8; 
}

.grafiek {
 width: auto;
 height: auto;
 margin-left: 1px;
 padding: 5px;
}

.imcenter {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    height: 450px; 
}

#images{
    text-align:center;
}
/*********************************************************************************/
/* Slideshow                                                                     */
/*jssor slider loading skin spin css                                             */                                           
/*********************************************************************************/
.jssorl-009-spin img {
 animation-name: jssorl-009-spin;
 animation-duration: 1.6s;
 animation-iteration-count: infinite;
 animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
 from { transform: rotate(0deg); }
 to { transform: rotate(360deg); }
}

/*jssor slider bullet skin 072 css*/
.jssorb072 .i {position:absolute;color:#000;font-family:"Helvetica neue",Helvetica,Arial,sans-serif;text-align:center;cursor:pointer;z-index:0;}
.jssorb072 .i .b {fill:#fff;opacity:.3;}
.jssorb072 .i:hover {opacity:.7;}
.jssorb072 .iav {color:#fff;}
.jssorb072 .iav .b {fill:#000;opacity:.5;}
.jssorb072 .i.idn {opacity:.3;}

/*jssor slider arrow skin 073 css*/
.jssora073 {display:block;position:absolute;cursor:pointer;}
.jssora073 .a {fill:#ddd;fill-opacity:.7;stroke:#000;stroke-width:160;stroke-miterlimit:10;stroke-opacity:.7;}
.jssora073:hover {opacity:.8;}
.jssora073.jssora073dn {opacity:.4;}
.jssora073.jssora073ds {opacity:.3;pointer-events:none;}

/*********************************************************************************/
/* List Styles                                                                   */
/*********************************************************************************/

ul.style2 {
 margin: 0;
 padding-top: 1em;
 list-style: none;
}
	
ul.style2 li {
 border-top: 1px solid rgba(0,0,0,0.08);
 padding: 0.80em 0 0.80em 0;
 font-family: 0.80em;
}
	
ul.style2 li:before {
 display: inline-block;
 padding: 4px;
 background: #DB3256;
}
	
ul.style2 a {
 display: inline-block;
 color: #35514f;
}
	
ul.style2 li:first-child {
 border-top: 0;
 padding-top: 0;
}

/*********************************************************************************/
/* Button Style                                                                  */
/*********************************************************************************/

.button {
  background-color: #e7e7e7; /* Gray */
  border: none;
  color: black;
  height : 45px;
  padding: 15px 15px;
  border-radius: 8px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
  cursor: pointer;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}

.button:hover {
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}

.bgreen {
  background-color: #90ED7D; /* Green */
  border: none;
  color: black;
  padding: 15px 15px;
  border-radius: 8px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
  cursor: pointer;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}
	
.bgreen:hover {
  box-shadow: 0 12px 16px 0 rgba(183,255,158),0 17px 50px 0 rgba(217,255,196);
}

.bsmall {
  background-color: #e7e7e7; /* Gray */
  border: none;
  color: black;
  height : 45px;
  padding: 15px 15px;
  border-radius: 8px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  align-items: center ;
  margin: auto;
  cursor: pointer;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}
	
.bsmall:hover {
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}

/*********************************************************************************/
/* Table                                                                         */
/*********************************************************************************/

#tabel {
	font-family: Verdana, Geneva, sans-serif;
	border-collapse: collapse;
}
#tabel td, #tabel th {
	font-size: 12px;
	border: 1px solid #ffffff;
	padding: 3px 7px 2px 7px;
	text-align: left;
	border-bottom-color: #ffffff;
}
#tabel th {
	font-size: 12px;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 4px;
	background-color: #09F;
	color: #ffffff;
}
#tabel tr.alt td {
	color: #ffffff;
	background-color: #9CF;
}

/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/

#footer {
 position: fixed ;
 left: 0 ;
 bottom: 0 ;
 margin-right: 10px;
 margin-left: 20px;
 overflow: hidden;
 padding: 1em 0em;
 font-size: 0.75em;
 border-top: 1px solid rgba(0,0,0,0.08);
 border-bottom: 1px solid rgba(0,0,0,0.08);
 width: 100% ;
}

/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/

.rGauge {
  width: 200px;
  height: 145px;
}

.rGauge-base {
  stroke: #edebeb;
  fill: none;
}

.rGauge-progress {
  fill: none;
}

.rGauge-val {
  font-weight: 700;
  font-size: 1.3em;
}

.rGauge-min-val, .rGauge-max-val {
  fill: #b3b3b3;
}

.vGauge {
  width: 145px;
  height: 145px;
}

.vGauge-base {
  fill: #edebeb;
}

.vGauge-progress {
  
}

.vGauge-val {
  font-weight: 700;
  font-size: 1.3em;
}

.vGauge-min-val, .vGauge-max-val {
  fill: #b3b3b3;
}