

.formulierZonder {
     background: ;
     border-radius: px;
     font: 12px Arial, Helvetica, sans-serif;
     color: #0B1D2B;
     padding: 10px 20px 10px 20px;
     margin-left:auto;
     margin-right:auto;
     max-width: 700px;
}

.formulierZonder select {
     -webkit-appearance:none; 
     background: #fbfbfb url('/img/icon_select.png') no-repeat right;
     appearance:none;
     -moz-appearance: none;
     outline: 0;
     text-overflow: '';
     width: 91%;
     padding: 0px 0px 0px 5px;
     border: 1px solid #C5E2FF;
     border-radius: 0px;
     margin: 2px 2px 2px 0px;
}

.formulier {
	background: ;
     border-radius: px;
  	font: 12px Arial, Helvetica, sans-serif;
	color: #0B1D2B;
	padding: 10px 20px 10px 20px;
	margin-left:auto;
	margin-right:auto;
	max-width: 700px;
}

.formulier input[type="text"], input[type="password"], .formulier input[type="email"], .formulier input[type="number"], .formulier textarea, .formulier select {
     -webkit-appearance:none; 
     width: 90%;
     padding: 0px 0px 0px 5px;
     border: 1px solid #C5E2FF;
     background: #FBFBFB;
     outline: 0;
     color: #0B1D2B;-webkit-box-shadow:inset 0px 1px 6px #ECF3F5;box-shadow: inset 0px 1px 6px #ECF3F5;font: 200 12px/25px Arial, Helvetica, sans-serif;
     height: 27px;
     margin: 2px 2px 2px 0px;
}

.formulier textarea{
     height:300px;
     padding: 5px 0px 0px 5px;
     width: 90%;
     line-height: 15px;
}

.formulier select {
	-webkit-appearance:none; 
	background: #fbfbfb url('/img/icon_select.png') no-repeat right;
	appearance:none;
	-moz-appearance: none;
     outline: 0;
	text-overflow: '';
	width: 91%;
     padding: 0px 0px 0px 5px;
     border: 1px solid #C5E2FF;
     border-radius: 0px;
     margin: 2px 2px 2px 0px;
}
.formulier input:focus, select:focus {
  outline: 1px solid #007BFF; 
  outline-offset: 1px;
}

.formulier .button{
	-webkit-appearance: none;
     border: none;
	padding: 6px 5px 6px 5px;
	background: ;
	color: ;
}

.formulier .button:hover{
    color:  ;  
    background-color: ;  
    cursor:hand;
}


.formulier table{
	width:100%;
	border-collapse: collapse;
}

.formulier td{
}


.formulierveld {
     -webkit-appearance:none; 
     color: #0B1D2B;
     padding: 0px 5px 0px 5px;
     border: 1px solid #C5E2FF;
     background: #FBFBFB;
     outline: 0;
     -webkit-box-shadow:inset 0px 1px 6px #ECF3F5;
     box-shadow: inset 0px 1px 6px #ECF3F5;
     font: 200 12px/25px Arial, Helvetica, sans-serif;
     height: 25px;
     margin: 1px 2px 1px 0px;
}

.formulier-kol1{
     color: ;
     width: 20%;
     text-align: right;
     padding-right: 15px;
     margin-top: 10px;
     font-weight: bold;
}

.button3{
     -webkit-appearance: none;
     border: none;
     padding: 6px 5px 6px 5px;
     background: ;
     color: ;
}

.button3:hover{
    color:  ;  
    background-color: ;  
    cursor:hand;
}

.button5{
	-webkit-appearance: none;
	padding: 10px 30px 10px 30px;
	background: ;
	border: none;
	color: #FFF;
	box-shadow: 1px 1px 1px #5B8220;
	-webkit-box-shadow: 1px 1px 1px #5B8220;
	-moz-box-shadow: 1px 1px 1px #5B8220;
	text-shadow: 1px 1px 1px #405C17;
	margin-right: 5px;
}

.button5:hover{
     background: #8DD324;
}

.titelIcon{
	position: absolute;
	left: 30px;
     top: 15px;
	font-size: 30px;
	color: ;
}


.invoerveld{
	  -webkit-appearance:none; 
     color: #0B1D2B;
     padding: 0px 5px 0px 5px;
     border: 1px solid #C5E2FF;
     background: #FBFBFB;
     outline: 0;
     -webkit-box-shadow:inset 0px 1px 6px #ECF3F5;
     box-shadow: inset 0px 1px 6px #ECF3F5;
     font: 200 12px/25px Arial, Helvetica, sans-serif;
     height: 25px;
     margin: 1px 2px 1px 0px;

}

.formselect {
     -webkit-appearance:none; 
     background: #fbfbfb url('/img/icon_select.png') no-repeat right;
     appearance:none;
     -moz-appearance: none;
     outline: 0;
     text-overflow: '';
     width: 91%;
     padding: 0px 0px 0px 5px;
     border: 1px solid #C5E2FF;
     border-radius: 0px;
     margin: 2px 2px 2px 0px;
     height: 25px;
}


a:link{ color: ; text-decoration: none; }
a:visited{ color: ; text-decoration: underline; }
a:hover{ color: ; text-decoration: none; }
a:active{ color: ; text-decoration: underline; }

.plusteken{
     font-size: 12px !important;
}

.alertmsg {
     padding: 10px;
     background-color: #2196F3;
     color: white;
     opacity: 1;
     transition: opacity 0.6s;
}

.alertmsg.alert_S {background-color: #4CAF50;}
.alertmsg.alert_I {background-color: #2196F3;}
.alertmsg.alert_W {background-color: #f44336;}

.closebtn {
     margin-left: 15px;
     color: white;
     font-weight: bold;
     float: right;
     font-size: 20px;
     line-height: 15px;
     cursor: pointer;
     transition: 0.3s;
}

.closebtn:hover {
     color: black;
}

.TSAslider {
     -webkit-appearance: none;
     width: 100%;
     height: 8px;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     background: #d3d3d3;
     outline: none;
     opacity: 0.7;
     -webkit-transition: .2s;
     transition: opacity .2s;
}

.TSAslider:hover {
     opacity: 1;
}

.TSAslider::-webkit-slider-thumb {
     -webkit-appearance: none;
     appearance: none;
     width: 20px;
     height: 20px;
     border-radius: 50%;
     background: ;
     cursor: pointer;
}

.TSAslider::-moz-range-thumb {
     width: 20px;
     height: 20px;
     border-radius: 50%;
     background: ;
     cursor: pointer;
}
