@charset "utf-8";

.icon										{ vertical-align: middle; display: inline-block; background-repeat: no-repeat; background-image: url('../images/mi-icons.png') }

.icon-crown									{ width: 26px; height: 31px; background-position: -1040px -210px; }

.icon-mail									{ background-position: -860px -110px; width: 42px; height: 42px;  }
.icon-mail:hover,
.icon-mail.active							{ background-position: -860px -160px; }

.icon-mail-small							{ background-position: -630px -80px; width: 29px; height: 29px;  }
.icon-mail-small:hover,
.icon-mail-small.active						{ background-position: -630px -110px; }


.icon-login									{ background-position: -910px -110px; width: 42px; height: 42px;  }
.icon-login:hover,
.icon-login.active							{ background-position: -910px -160px; }
.icon-login.click							{ background-position: -960px -140px; height: 55px; position: absolute; }

.custom-icon-login                          { background:url('/assets/images/inlogbutton.png') no-repeat; display:block; height:53px; width:42px;  }
.custom-icon-login:hover                    { opacity: 0.8;  filter: alpha(opacity=80);  }


.icon-search								{ background-position: -1000px -10px ; height: 37px; width: 37px; }
.icon-search-green							{ background-position: -1040px -10px ; height: 37px; width: 37px; }
.icon-cart									{ background-position: -910px -10px ; height: 27px; width: 27px; }
.icon-plus									{ background-position: -1080px -10px ; height: 37px; width: 37px; }
.icon-plus-small							{ background-position: -460px -170px ; height: 23px; width: 23px; }

.icon-paste-small							{ background-position: -310px -170px ; height: 23px; width: 23px; }

.icon-download								{ background-position: -710px -10px ; height: 41px; width: 41px;}
.icon-pdf									{ background-position: -390px -170px; height: 25px; width: 25px; }

.icon-question								{ background-position: -350px -140px ; height: 27px; width: 28px;}
.icon-question-green						{ background-position: -390px -141px ; height: 27px; width: 28px;}

.icon-close									{ background-position: -550px -140px; height: 24px !important; width: 24px !important; }
:hover > .icon-close,
.icon-close:hover							{ background-position: -550px -169px; }
.icon-close-big								{ background-position: -1040px -110px; height: 42px; width: 42px; }
:hover > .icon-close-big,
.icon-close-big:hover						{ background-position: -1040px -160px; }
.icon-close-small							{ background-position: -490px -170px; height: 14px !important; width: 14px !important; }

.icon-logout								{ background-position: -960px -10px; height: 32px; width: 32px; }

.icon-video									{ background-position: -760px -60px; height: 40px; width: 41px;}

.icon-sort-up								{ background-position: -620px -140px; width: 15px; height: 12px; }
.icon-sort-down								{ background-position: -640px -140px ; width: 15px; height: 12px; }
:hover > .icon-sort-up,
.active > .icon-sort-up						{ background-position: -620px -160px; }
:hover > .icon-sort-down,
.active > .icon-sort-down					{ background-position: -640px -160px; }

/* FROGS */
.icon-frog									{ width: 252px; height: 175px; }
.frog-groep12								{ background-position: -10px -400px; }
.frog-groep34								{ background-position: -280px -400px; }
.frog-groep56								{ background-position: -10px -580px; }
.frog-groep78								{ background-position: -280px -580px; }

/* SQUARE */


/* LOGO */
.logo-small									{ background-position: -550px -400px; width: 113px; height: 90px; }
.logo-medium								{ background-position: -670px -400px; width: 230px; height: 182px; }

/* crkbo */
.crkbo-small								{ background-position: -1200px -360px; width: 71px; height: 61px; }
.crkbo-medium								{ background-position: -1200px -430px; width: 114px; height: 97px; }

/* SOCIAL */
.icon-social-facebook						{ background-position: -710px -110px; width: 34px; height: 34px; }
.icon-social-linkedin						{ background-position: -760px -110px; width: 34px; height: 34px; }
.icon-social-mail							{ background-position: -811px -110px; width: 34px; height: 34px; }

/* NAVI */
.icon-navi									{ height: 30px; width: 31px; }
.icon-navi-small							{ height: 15px; width: 12px; }

.icon-white-back							{ background-position: -470px -10px; }
.icon-white-back:hover						{ background-position: -470px -41px; }
.icon-white-forward							{ background-position: -510px -10px; }
.icon-white-forward:hover					{ background-position: -510px -41px; }

.icon-orange-back							{ background-position: -310px -10px; }
.icon-orange-back:hover						{ background-position: -310px -41px; }
.icon-orange-forward						{ background-position: -350px -10px; }
.icon-orange-forward:hover					{ background-position: -350px -41px; }

.icon-blue-back								{ background-position: -390px -10px; }
.icon-blue-back:hover						{ background-position: -390px -41px; }
.icon-blue-forward							{ background-position: -430px -10px; }
.icon-blue-forward:hover					{ background-position: -430px -41px; }

.icon-lightgreen-back						{ background-position: -550px -10px; }
.icon-lightgreen-back:hover					{ background-position: -550px -41px; }
.icon-lightgreen-forward					{ background-position: -590px -10px; }
.icon-lightgreen-forward:hover				{ background-position: -590px -41px; }

.icon-green-back							{ background-position: -630px -10px; }
.icon-green-back:hover						{ background-position: -630px -41px; }
.icon-green-forward							{ background-position: -670px -10px; }
.icon-green-forward:hover					{ background-position: -670px -41px; }

.icon-grey-back								{ background-position: -580px -140px; }
.icon-grey-back:hover						{ background-position: -580px -160px; }
.icon-grey-forward							{ background-position: -600px -140px; }
.icon-grey-forward:hover					{ background-position: -600px -160px; }

.press-orange,
.faq-orange								{ background-position: -510px -170px; width: 18px; height: 18px; }
:hover > .press-orange,
.active > .press-orange,
.active .faq-orange						{ background-position: -510px -140px; }

.press-blue,
.faq-blue								{ background-position: -530px -171px; width: 18px; height: 19px; }
:hover > .press-blue,
.active > .press-blue,
.active .faq-orange						{ background-position: -530px -141px; }


/* submenu */
 .icon-submenu-lightgreen					{ background-position: -510px -80px; width: 26px; height: 26px; }
.active > .icon-submenu-lightgreen,
:hover > .icon-submenu-lightgreen			{ background-position: -510px -111px; }

.icon-submenu-groep12,
.icon-submenu-orange					{ background-position: -350px -80px; width: 26px; height: 26px; }
.active > .icon-submenu-groep12,
:hover > .icon-submenu-groep12,
.active > .icon-submenu-orange,
:hover > .icon-submenu-orange			{ background-position: -350px -110px; }

 .icon-submenu-green					{ background-position: -310px -80px; width: 26px; height: 26px; }
.active > .icon-submenu-green,
:hover > .icon-submenu-green			{ background-position: -310px -110px; }

.icon-submenu-groep34,
.icon-submenu-red						{ background-position: -391px -80px; width: 26px; height: 26px; }
.active > .icon-submenu-groep34,
:hover > .icon-submenu-groep34,
.active > .icon-submenu-red,
:hover > .icon-submenu-red				{ background-position: -390px -110px; }

.icon-submenu-groep56,
.icon-submenu-blue						{ background-position: -430px -80px; width: 26px; height: 26px; }
.active > .icon-submenu-groep56,
:hover > .icon-submenu-groep56,
.active > .icon-submenu-blue,
:hover > .icon-submenu-blue				{ background-position: -430px -110px; }

.icon-submenu-groep78,
.icon-submenu-purple						{ background-position: -470px -80px; width: 26px; height: 26px; }
.active > .icon-submenu-groep78,
:hover > .icon-submenu-groep78,
.active > .icon-submenu-purple,
:hover > .icon-submenu-purple				{ background-position: -470px -110px; }

.icon-submenu-back							{ background-position: -670px -140px; width: 26px; height: 26px;}
.active > .icon-submenu-back,
:hover > .icon-submenu-back					{ background-position: -670px -171px; }


.icon-submenu-aboutus						{ background-position: -391px -80px; width: 26px; height: 26px; }
.active > .icon-submenu-aboutus,
:hover > .icon-submenu-aboutus				{ background-position: -390px -110px; }



/* FLAGS */
.icon-flag									{ width: 44px; height: 27px;  }
.flag-big-orange							{ background-position: -10px -290px; width: 52px; height: 32px;}
.flag-big-red								{ background-position: -70px -290px; width: 52px; height: 32px;}
.flag-big-blue								{ background-position: -130px -290px; width: 52px; height: 32px;}
.flag-big-purple							{ background-position: -190px -290px; width: 52px; height: 32px;}

.icon-flag-orange							{ background-position: -10px -331px; }
.icon-flag-red								{ background-position: -70px -331px; }
.icon-flag-blue								{ background-position: -130px -331px; }
.icon-flag-purple							{ background-position: -190px -331px; }

.flag-small									{ width: 26px; height: 16px; }
.flag-small.flag-groep12					{ background-position: -10px -360px; }
.flag-small.flag-groep34					{ background-position: -40px -360px; }
.flag-small.flag-groep56					{ background-position: -70px -360px; }
.flag-small.flag-groep78					{ background-position: -100px -360px; }