/* Basics */

body {

background-color: #d2eef5;	 
font-family: arial;
font-size: 13px;
line-height: 21px;	

background-image: url("../img/bck.jpg");
background-attachment: fixed;
background-size: cover;
}

.w-50 {

width: 50px;	
}

.w-100 {

width: 100px;	
}

.check,
.check li {

margin-left: 0px;
padding: 0px;	
}

.check li {

list-style: none;
color: #444;
font-size: 13px;
padding-bottom: 5px;	
}

.check li:before {
	
content: "\2713\0020";
color: green;
}

.error {

color: #F00;	
}

p {

line-height: 21px;
clear: both;	
}

hr {

all: unset;
border-bottom: 1px solid #ccc;
width: 100%;
clear: both;
margin: 20px 0px;
display: inline-block;
float: left;
}

.in-de-min {

color: red;	
}

.in-de-plus {

color: green;	
}

.ctent a {

color: #8bc34a;	
}

.pointer {

cursor: pointer;	
}

.standaard,
.default {

cursor: default;	
}

.content a {

color: #03A9F4;	
}

.holder {

float: left;
width: 100%;	
}

.blok {

float: left;
clear: both;
width: 100%;
margin-bottom: 15px;
background-color: #FFF;

border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;	

overflow: hidden;
}

.blok,
.schaduw-standaard {
	
-webkit-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.1);
box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.1);	
}

.schaduw-middel {
	
-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.4);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.4);	
}

.schaduw-groot {
	
-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.8);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.8);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.8);	
}

.inn-10 {

margin-left: 2.5%;
margin-right: 2.5%;
margin-top: 15px;
margin-bottom: 15px;
float: left;
clear: both;
width: 95%;	
}

.bora-3 {

border-radius: 3px;	
-moz-border-radius: 3px;	
-webkit-border-radius: 3px;	
}

.bora-5 {

border-radius: 5px;	
-moz-border-radius: 5px;	
-webkit-border-radius: 5px;	
}

.bora-10 {

border-radius: 10px;	
-moz-border-radius: 10px;	
-webkit-border-radius: 10px;	
}

.bora-15 {

border-radius: 15px;	
-moz-border-radius: 15px;	
-webkit-border-radius: 15px;	
}

.t-center {

text-align: center;	
}



.left {

float: left;	
}

.center {

text-align: center;	
}

.right {

float: right;	
}

.mright-5 {

margin-right: 5px;	
}

.breaker,
.breaker-10 {

width: 100%;
clear: both;
height: 10px;
float: left;	 
}

.breaker-20 {

width: 100%;
clear: both;
height: 20px;
float: left;	
}

.breaker-30 {

width: 100%;
clear: both;
height: 30px;
float: left;	
}

.popa {
	
position: fixed;
top: 20%;
left: 50%;
transform: translateX(-50%);
z-index: 9999;
background-color: #4CAF50;
color: white;
padding: 15px;
border-radius: 5px;
box-shadow: 0px 4px 6px rgba(0,0,0,0.2);
opacity: 1;
transition: opacity 2s; /* Pas aan hoe snel de melding verdwijnt */
}

.flip-horizontaal {

display: inline-block; /* Anders werkt het niet op chrome */
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}