@font-face {
    font-family: 'icons';
    src: url('font/icons.eot?2510952');
    src: url('font/icons.eot?2510952#iefix') format('embedded-opentype'),
        url('font/icons.woff?2510952') format('woff'),
        url('font/icons.ttf?2510952') format('truetype'),
        url('font/icons.svg?2510952#icons') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: 'icons';
        src: url('../font/icons.svg?2510952#icons') format('svg');
    }
}
*/
 
[class^="icon-"]::before, [class*=" icon-"]::before,.success::before,.error::before,.info::before {
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    speak: none;

    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;

    font-variant: normal;
    text-transform: none;
    line-height: 1em;

    display: block;
}

[class^="icon-menu-"]::before, [class*=" icon-menu-"]::before {
    font-size: 50px;
    margin: 0 auto 10px auto;
    color: #0a4589;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.2),0px -1px 0px rgba(0,0,0,0.35);
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    -ie-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}

[class^="icon-menu-"]:hover::before, [class*=" icon-menu-"]:hover::before {
    color: #0e54a5;
}



[class^="icon-menu-"].current::before, [class*=" icon-menu-"].current::before {
    color: #eef7ff;
    text-shadow: 0px 1px 2px rgba(0,0,0,0.4);
}
 
.icon-menu-afrekenen::before { 
    content: '\e800'; /* '' */
    font-size: 60px;

} 
.icon-menu-restitutie::before { 
    content: '\e802';/* '' */
    text-indent: -3.6em;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.2),0px -1px 0px rgba(0,0,0,0.35);
} 

.icon-menu-opwaarderen::before { 
    content: '\e801'; /* '' */
    text-indent: -3.6em;
} 

.icon-menu-administratie::before { 
    content: '\e803'; /* '' */
} 


.icon-search::before { 
    content: '\e804'; /* '' */
    position: absolute;
    z-index: 99;
    font-size:21px;
    margin: 15px 0 0 15px;
    color: #999;
} 

.icon-user::before { 
    content: '\e805';/* '' */ 
    position: absolute;
    z-index: 99;
    font-size:21px;
    margin: -37px 0 0 15px;
    color: #999;
}

.icon-password::before { 
    content: '\e806';/* '' */
    position: absolute;
    z-index: 99;
    font-size:21px;
    margin: -36px 0 0 15px;
    color: #999;
} 


.icon-success::before, .success::before { 
    content: '\e807'; /* '' */
    display: inline-block;
    padding: 0 0.3em 0 0;
    font-size: 20px;
    line-height: 12px;
} 

.icon-error::before, .error::before { 
    content: '\e808'; /* '' */
    display: inline-block;
    padding: 0 0.3em 0 0;
    font-size: 20px;
    line-height: 12px;
} 

.icon-info-circled:before, .info::before { 
    content: '\e810'; 
    display: inline-block;
    padding: 0 0.3em 0 0;
    font-size: 20px;
    line-height: 12px;
} /* '' */



.icon-pencil-circled:before { content: '\e80a'; } /* '' */
.icon-cw-circle:before { content: '\e809'; } /* '' */
.bijsponsoren:before { content: '\f0aa'; } /* '' */







