@import url('https://cdnjs.cloudflare.com/ajax/libs/typicons/2.0.8/typicons.min.css');

/* typicons */
[class*="typicons-"]:before {
  font-family: 'Typicons', sans-serif;
  font-size: 25px;
  vertical-align: -7px;
  padding-right: 7px;
  margin-left: -7px;
}

#info b
{
font-weight: 600;
}

#info a
{
font-weight: 600;
color: #8F8F8F;
}

#cursusaanbod1,#cursusaanbod2,#cursusaanbod3,#cursusaanbod4
{
width: 867px;
}

#cursusaanbod2 a,#cursusaanbod4 a
{
/** margin-top: 20px; **/
}

.cursusItems ul
{
margin-top: 20px;
margin-left: 10px;
}

#cursusaanbod ul:last-child
{
margin-bottom: 0px;
}

#cursusaanbod1 li
{
margin-bottom: 10px;
}

#cursusaanbod1 li span
{
/**margin-left: 36px; **/
}

#ehboLink
{
color: #8cc440;
background-color: transparent;
width: auto;
padding: 0px;
font-size: 14px;
display: inline;
text-decoration: underline;
}

.cursistenItems #btnVerstuur
{
margin-top: 10px;
}

.lesgevers
{
background: white;
box-shadow: 0 1px 0 rgba(0,0,0,0.05);
border: 1px solid #ededed;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-top: 20px;
width: 236.5px;
padding: 30px;
padding-top: 32px;
padding-bottom: 19px;
margin-left: 16px;
text-transform: uppercase;
font-size: 14px;
color: #8f8f8f;
font-weight: 600;
float: left;
text-align: center;
background-image: url('../img/werknemersWatermark.png');
background-size: 80px auto;
background-position: right bottom;
background-repeat: no-repeat;
}

.lesgevers img
{
width: 100px;
height: 100px;
border-radius: 50%;
margin: 0 auto;
display: block;
}

.lesgeverNaam
{
margin-top: 20px;
display: block;
text-transform: capitalize;
}

.functie
{
text-transform: capitalize;
margin-top: 5px;
margin-bottom: 20px;
display: block;
font-weight: 500;
}

#opleidingsprojecten
{
background: white;
box-shadow: 0 1px 0 rgba(0,0,0,0.05);
border: 1px solid #ededed;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-top: 20px;
width: 180px;
padding: 30px;
padding-top: 32px;
padding-bottom: 19px;
margin-left: 16px;
text-transform: uppercase;
font-size: 14px;
color: #8f8f8f;
font-weight: 600;
float: left;
}

.erkenningh2margin
{
margin-top: 20px;
}

#erkenningInset
{
margin-left: 10px;
}

.cursusItems, #bhvInfo,.cursistenItems,.erkenningItems
{
background: white;
box-shadow: 0 1px 0 rgba(0,0,0,0.05);
border: 1px solid #ededed;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-top: 20px;
width: 394.5px;
padding: 30px;
margin-left: 15px;
float:left;
font-size: 14px;
color: #8f8f8f;
font-weight: 400;
line-height: 22px;
background-image: url('../img/cursusWatermark3.png');
background-size: 109px auto;
background-position: right bottom;
background-repeat: no-repeat;
}

.erkenningItems li
{
margin-bottom: 10px;
}

#bhvInfo li
{
margin-bottom: 11px;
margin-left: 10px;
}

#dvLogin span
{
font-size: 11px;
}

#dvLogin span a
{
font-size: 11px;
display: block;
width: 120px;
margin: 0 auto;
margin-bottom: 7px;
color: #8cc440;
text-decoration: none;
}

#dvLogin
{
background: white;
border: 1px solid #ededed;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-top: 20px;
width: 350px;
padding: 30px;
margin: 0 auto;
font-size: 14px;
color: #8f8f8f;
font-weight: 400;
line-height: 22px;
margin-top: 25px;
padding-top: 40px;
height: 190px;
box-shadow: 0 1px 0 rgba(0,0,0,0.05);
}

#dvAlgVoorwaarden
{
display: block;
margin: 0 auto;
width: 250px;
margin-top: 10px;
margin-bottom: -10px;
}

#dvAlgVoorwaarden label
{
font-size: 12px;
}

#dvRegistreer
{
background: white;
border: 1px solid #ededed;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-top: 20px;
width: 450px;
padding: 30px;
margin: 0 auto;
font-size: 14px;
color: #8f8f8f;
font-weight: 400;
line-height: 22px;
margin-top: 25px;
padding-top: 40px;
height: 310px;
box-shadow: 0 1px 0 rgba(0,0,0,0.05);
}

#dvBevestiging
{
background: white;
border: 1px solid #ededed;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-top: 20px;
width: 590px;
padding: 30px;
margin: 0 auto;
font-size: 14px;
color: #8f8f8f;
font-weight: 400;
line-height: 22px;
margin-top: 25px;
padding-top: 40px;
height: 100px;
box-shadow: 0 1px 0 rgba(0,0,0,0.05);
text-align: center;
}

#dvRegistreer #boxAlgVoorwaarden
{
margin:0;
vertical-align: -2px;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
height: 14px;
width: 14px;
padding: 0;
margin-right: 5px;
}

#dvRegistreer #boxAlgVoorwaarden:hover
{
cursor: pointer;
}

#dvRegistreer #boxAlgVoorwaarden:checked
{
background-image: url('../img/check.jpg');
background-repeat: no-repeat;
background-position: center center;
background-size: 10px 10px;
background-color: white;
}

#dvRegistreer input
{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
border: none;
border: 1px solid #ededed;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 10px;
width: 200px;
margin: 0 auto;
margin-bottom: 10px;
height: 13px;
}

#dvRegistreer input:focus
{
outline: none;
}

#dvRegistreer span
{
margin-bottom: 15px;
display: block;
text-align: center;
font-size: 12px;
}

#dvLogin input
{
padding: 10px;
width: 200px;
}

.video
{
background: white;
box-shadow: 0 1px 0 rgba(0,0,0,0.05);
border: 1px solid #ededed;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-top: 20px;
width: 926px;
margin-left: 15px;
float:left;
height: 520px;
overflow: hidden;
}

#dvEmail,.registrerenBedrijf
{
background: white;
box-shadow: 0 1px 0 rgba(0,0,0,0.05);
border: 1px solid #ededed;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-top: 20px;
width: 394.5px;
padding: 30px;
margin-left: 15px;
float:left;
font-size: 14px;
color: #8f8f8f;
font-weight: 400;
line-height: 22px;
background-image: url('../img/inschrijvenWatermark3.png');
background-size: 209px auto;
background-position: right bottom;
background-repeat: no-repeat;
}

#cursisten1
{
height: 180px;
}

#cursisten3
{
margin-top: -195px;
}

#cursisten2
{
height: 390px;
display: block;
background-image: url('../img/inschrijvenWatermark3.png');
background-size: 209px auto;
background-position: right bottom;
background-repeat: no-repeat;
}

#erkenning1
{
width: 866px;
}

.registrerenBedrijf
{
height: 365px;
position: relative;
}

.footer
{
margin-bottom: 50px;
}

#dvAdres
{
background: white;
box-shadow: 0 1px 0 rgba(0,0,0,0.05);
border: 1px solid #ededed;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-top: 20px;
width: 394.5px;
padding: 30px;
margin-left: 15px;
float:left;
font-size: 14px;
color: #8f8f8f;
font-weight: 400;
line-height: 22px;
background-image: url('../img/adresboekWatermark.png');
background-size: 109px auto;
background-position: right bottom;
background-repeat: no-repeat;
}

#btnVerstuur
{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
border: none;
background: #8cc440;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: white;
font-size: 12px;
height: 32px;
display: inline;
font-family: 'Open Sans', sans-serif;
padding-left: 10px;
padding-right: 10px;
}

#dvLogin #btnLogin:focus
{
outline: none;
}

#dvLogin #btnLogin
{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
padding: 10px;
border:none;
background: #8cc440;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: white;	
height: 35px;
width: 222px;
font-size: 11px;
}

#dvBtw
{
width: 220px;
display: inline-block;
border: 1px solid #ededed;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
height: 33px;
margin-bottom: 10px;
margin-top: 0px;
}

#dvRegistreer #btwNummerInput
{
width: 160px;
border:none;
margin-left: 5px;
background-color: transparent;
padding: 0;
}

#btwLand
{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
padding: 6px;
border: 1px solid #ededed;
color: #a9a9a9;
margin-left: 2px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: inline-block;
margin-right: 0;
margin-top: 2px;
height: 29px;
}

#btwLand:hover
{
cursor: pointer;
}

#btwLand:focus
{
outline: none;
}

#dvRegistreer #btnRegistreer2
{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
padding: 10px;
border:none;
outline: none;
background: #8cc440;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: white;	
display: block;
height: 35px;
width: 200px;
font-size: 11px;
margin: 0 auto;
margin-top: 5px;
}

#btnRegistreer2:hover
{
cursor: pointer;
}

#backHome
{
text-align: center;
display: block;
margin-top: 15px;
font-size: 11px;
text-decoration: none;
font-family: 'Open Sans', sans-serif;
color: #c5c5c5;
}

#btnRegistreer
{
padding-top: 7px;
padding-bottom: 14px;
border:none;
background: #8f8f8f;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: white;	
height:13px;
width: 222px;
font-size: 11px;
display: block;
text-decoration: none;
text-align: center;
margin: 0 auto;
margin-top: 5px;
}

#dvLogin #wachtwoordVergeten
{
margin-top: 15px;
color: #8f8f8f;
}

#dvLogin #btnLogin:hover
{
cursor: pointer;
}

#dvLoginContent
{
width: 222px;
margin: 0 auto;
}

#btnVerstuur:hover
{
cursor: pointer;
}

#cursistenForm
{
margin-top: 20px;
}

#inputNaam,#inputEmail,#dvEmail textarea,#inputNaamWerknemer,#inputNaamBedrijf,#inputEmailWerknemer
{
border: none;
border: 1px solid #ededed;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 10px;
width: 200px;
margin-bottom: 10px;
}

#inputOndernemingsnummer:focus,#inputWachtwoord:focus
{
outline: none;
}

#loginFields
{
border: 1px solid #ededed;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-bottom: -10px;
}

#inputOndernemingsnummer
{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
border:none;
}

#loginHr
{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
border: none;
height: 1px;
width: 100%;
background-color: #ededed;
padding: 0;
margin: 0;
}

#inputWachtwoord
{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
border:none;
}

#dvEmail textarea
{
height: 75px;
}

#bedrijvenContent
{
display: block;
height: 1270px;
}

.registrerenBedrijf a
{
padding: 10px;
padding-top: 5px;
padding-bottom: 5px;
border:none;
background: #8cc440;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: white;
text-decoration: none;
position:absolute;
bottom:30px;
display: inline-block;
font-size: 12px;
}

.registrerenBedrijf ul
{
margin-top: 20px;
}

.registrerenBedrijf ul li
{
margin-bottom: 10px;
}

.cursusItems a,.cursistenItems a
{
padding: 10px;
padding-top: 5px;
padding-bottom: 5px;
border:none;
background: #8cc440;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: white;
text-decoration: none;
margin-top: 20px;
display: inline-block;
font-size: 12px;
}

#info
{
background: white;
box-shadow: 0 1px 0 rgba(0,0,0,0.05);
border: 1px solid #ededed;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-top: 20px;
width: 865px;
padding: 30px;
margin-left: 15px;
float:left;
font-size: 14px;
color: #8f8f8f;
font-weight: 400;
line-height: 22px;
background-image: url('../img/watermark.png');
background-size: 119px auto;
background-position: right bottom;
background-repeat: no-repeat;
}

#partners
{
background: white;
box-shadow: 0 1px 0 rgba(0,0,0,0.05);
border: 1px solid #ededed;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-top: 20px;
width: 700px;
padding: 30px;
padding-top: 36px;
padding-bottom: 35px;
margin-left: 15px;
float:left;
font-size: 14px;
color: #8f8f8f;
font-weight: 400;
line-height: 22px;
margin-bottom: 20px;
}

#partnersErkenning
{
background: white;
box-shadow: 0 1px 0 rgba(0,0,0,0.05);
border: 1px solid #ededed;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-top: 10px;
width: 867px;
padding: 30px;
padding-top: 36px;
padding-bottom: 35px;
margin-left: 15px;
float:left;
font-size: 14px;
color: #8f8f8f;
font-weight: 400;
line-height: 22px;
margin-bottom: 20px;
}

#nieuwsbrief
{
background: white;
box-shadow: 0 1px 0 rgba(0,0,0,0.05);
border: 1px solid #ededed;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-top: 20px;
width: 280px;
padding: 30px;
padding-bottom: 25px;
margin-left: 15px;
float:left;
font-size: 14px;
color: #8f8f8f;
font-weight: 400;
line-height: 22px;
margin-bottom: 50px;
display: block;
height: 76px;
}

#email
{
border: 1px solid #ededed;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding-top: 10px;
padding-bottom: 10px;
text-indent: 8px;
width: 190px;
}

#btnInschrijven
{
padding: 10px;
border:none;
background: #8cc440;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: white;
}

#btnInschrijven:hover
{
cursor: pointer;
}

#fodLogo
{
height: 54px;
}

#kmoLogo
{
height: 54px;
margin-left: 30px;
}

h2
{
font-weight: 600;
font-size: 16px;
margin-bottom: 15px;
}

#opleidingsprojecten li 
{
margin-bottom: 15px;
}

.logoIcon
{
width: 24px;
height: auto;
padding-right: 12px;
vertical-align: -6px;
}

#gradient
{
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f7f7f7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f7f7f7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
width: 100%;
height: 730px;
position: absolute;
top:0;
z-index: -1000;
}

body
{
background-color: #f7f7f7;
}

#menuLogin
{
height: 30px;
padding-bottom: 5px;
padding-top: 15px;
}

#login
{
width: 135px;
margin-left: 20px;
display: block;
float: left;
height: 52px;
margin-top: 20px;
}

#logo
{
width: 200px;
height: auto;
margin-left: 380px;
margin-top: 25px;
}

#logoLogin
{
width: 200px;
height: auto;
margin-left: 380px;
}

#logoRegistreer
{
width: 200px;
height: auto;
margin-left: 380px;
margin-top: 120px;
}

#dvCursusItems
{
margin-bottom: 50px;
display: block;
}

#main
{
width: 960px;
margin: 0 auto;
font-family: 'Open Sans', sans-serif;
}

#mainLogin,#mainRegistratieGeslaagd
{
left:0;
width: 100%;
font-family: 'Open Sans', sans-serif;
top:50%;
position: absolute;
margin-top: -240px;
}

#mainRegistreer
{
left:0;
width: 100%;
font-family: 'Open Sans', sans-serif;
top:50%;
position: absolute;
margin-top: -380px;
}

#loginCenter,#registreerCenter,#registratieGeslaagdCenter
{
width: 960px;
margin-left:auto;
margin-right: auto;
}

#menu
{
list-style-type: none;
margin-top: 20px;
height: 52px;
width: 772px;
display: block;
float: left;
}

#dvMenu
{
width: 927px;
margin: 0 auto;
}

nav li
{
float: left;
display: inline;
}

nav li a
{
padding: 20px 22px 18px 22px;
border-top: 1px solid #ededed;
border-bottom: 1px solid #ededed;
border-right: 1px solid #f2f2f2;
background: white;
display: block;
font-family: 'Open Sans', sans-serif;
text-decoration: none;
text-transform: uppercase;
font-size: 12px;
color: #8f8f8f;
font-weight: 600;
background-color: white;
-webkit-box-shadow: 0px 2px 1px #d1d1d1;
-moz-box-shadow: 1px 2px 1px #d1d1d1;
/** box-shadow: 0px 1px 1px #ededed; **/
box-shadow: 0 1px 0 rgba(0,0,0,0.05);
}

#selected
{
background-color: #8cc440;
color: white;
}

nav li a:hover
{
background-color: #8cc440;
color: white;
-webkit-transition-property: background-color, color;
-webkit-transition-duration: 0.1s;
-webkit-transition-timing-function: ease-in-out;
transition-property: background-color, color;
transition-duration: 0.1s;
transition-timing-function: ease-in-out;
}

nav > ul > li:first-child > a {
border-left: 1px solid #ededed;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}

nav > ul > li:last-child > a {
border-right: 1px solid #ededed;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}

#btwLand::-ms-expand{
  display:none;
}

.slider
{
overflow: hidden;
height: 300px;
width: 925px;
margin: 0 auto;
margin-top: 90px;
display: block;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #ededed;
}

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }  
.clearfix { display: inline-block; }  
   
html[xmlns] .clearfix { display: block; }  
* html .clearfix { height: 1%; }