.center ul,ol{
text-align: center;
}
.center li{
text-align: left;
}

.list ul,ol{
display: inline-block;
}
.left{
	text-align: left;
	display: inline-block;
}
.left li{
text-align: left;
}

#hideAll
 {
   position: fixed;
   left: 0px; 
   right: 0px; 
   top: 0px; 
   bottom: 0px; 
   background-color: black;
   z-index: 99; /* Higher than anything else in the document */

 }
 .centervertical{
  margin: 0;
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.centerhorizontal{
  margin-left: auto;
  margin-right: auto;
  float: none; 
}
.centerhorizontal:after{
  position: relative;
}
.centerhorizontal:before{
  position: relative;
}

#logo-image{
	background-image: url("/img/rick_pijpers_square_transparent.png");
	background-size: cover;
	background-position: center;
}

.unselectable {
    /* For Opera and <= IE9, we need to add unselectable="on" attribute onto each element */
    /* Check this site for more details: http://help.dottoro.com/lhwdpnva.php */
    -moz-user-select: none; /* These user-select properties are inheritable, used to prevent text selection */
    -webkit-user-select: none;
    -ms-user-select: none; /* From IE10 only */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */

    -webkit-user-drag: none; /* Prevents dragging of images/divs etc */
    user-drag: none;
}

.zoom {
  transition: transform .2s, z-index .2s; /* Animation */
  z-index:2;
}
.zoom:hover {
  transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  z-index:3;
}
.container:after{
  content: ""; 
  display: table; 
  clear:both;
}


#loader{
  display:block !important;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 120px;
  height: 120px;
  margin: -76px 0 0 -76px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #6c6e04;
  -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); }
}
#loader.loaded{
  z-index: 0;
  opacity: 0;
    -webkit-animation: fadeout 0.25s ease-in-out, spin 2s linear infinite; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadeout 0.25s ease-in-out, spin 2s linear infinite; /* Firefox < 16 */
        -ms-animation: fadeout 0.25s ease-in-out, spin 2s linear infinite; /* Internet Explorer */
         -o-animation: fadeout 0.25s ease-in-out, spin 2s linear infinite; /* Opera < 12.1 */
            animation: fadeout 0.25s ease-in-out, spin 2s linear infinite;
}

#pagecontent{
  display:none;
}
#pagecontent.loaded{
display:block;
z-index: 1;
    -webkit-animation: fadein 0.25s ease-in-out; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 0.25s ease-in-out; /* Firefox < 16 */
        -ms-animation: fadein 0.25s ease-in-out; /* Internet Explorer */
         -o-animation: fadein 0.25s ease-in-out; /* Opera < 12.1 */
            animation: fadein 0.25s ease-in-out;
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}

@keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}

/* Firefox < 16 */
@-moz-keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}

/* Internet Explorer */
@-ms-keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}

/* Opera < 12.1 */
@-o-keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}

.checked {
  color: orange;
}