/* MAX 480PX BREED*/
@media only screen and (max-width : 480px) {
	
	.header_logo, .header_logo_bck, #headercolumns, .header_logo .image-area, .header_logo .image-area img {
    height: auto;
	}
	/*.header_logo {width:88%}
	.header_logo img {width:100%;}*/
	
	.header_logo {
	    width: auto;
	    margin: 10px;
	    height: 106px;
	    padding: 10px 0;
	}
	
	.header_logo .image-area {
	    height: 100%;
	    width: auto;
	    text-align: center;
	}
	
	.header_logo .image-area img {
		height: 100%;
    	width: auto;
	}
	
	.header_center {width: 100%;font-size:12px}
	.sponsoricon {display:none;}
	.page .section_intro {background-position: center 0px;margin-top: 140px;}
	.section_intro, .carousel {height:240px;max-height:240px;min-height:240px;}
	.home-background-slider .slider-slide-description {
		max-width: 90%;
		font-size: 2em;
		padding-top: 20px;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.form-group-firstname, .form-group-lastname {
    width: 80%;
	}
	.form-group-gender {
    width: 50%;
	}
	ul.nav .menu-header {display:none;}
	
	.backgroundsliders .text-simpleimage {
    	font-size: 12px;
    	left: 1%;
    	border-radius: 100px 100px 100px 100px;
	}
	.home-background-slider .text-simpleimage {
    	margin-top: 20px;
    	text-align: center;
	}
	
	.home-background-slider1 .text-simpleimage {
    	margin-left: 0px;
    	margin-top: 20px;
    	width: 48%;
    	text-align: center;
	}
	
	.home-background-slider .bx-wrapper .bx-controls-direction a {
		height: 100px;
		top: 46%;
	}
	
	.home-background-slider {
		padding-top: 130px;
	}
	
	#bxslider .article_ct .article_introtext img {
		max-width: 100%;
		width: auto;
		height: auto !important;
	}
	div#headercolumns.row{
		margin-right: 0px!important;
		margin-left: 0px!important;
		background-color: #ffffff;
		
	}
	#articles_list_50 td {
    	float:none; 
    	display:block; 
	}
	
	.megarichmenubutton {
    display: none;
	}
	.header_right {
    float: none;
	}
	.navbar-menu button.navbar-toggle{
    top: 3px;
    right: 55px;
    z-index: 9999;
    border: 0;
    margin: -20px 20px 0 0px;
    background-color: none;
	}
	.header-menu-wrapper{
	top: 166px;
    width: 100%;
    z-index: 9000;
	}
	.mainmenu{display:none
	}
	.menublock{
	position: absolute;
    top: 128px;
    left: 0;
    right: 0;
    background: #e5126f;
    height: 38px;
	}
	
	.club .menublock {background: ##e5126f}
	
	.navbar-menu .navbar-toggle:hover{
	background-color: unset;
	}
	.navbar-menu .navbar-toggle:hover .icon-bar {
    background-color: #ffffff;
	}
	.navbar-collapse.in{
		overflow: none;
		margin-top: 0%;
		border-bottom: 1px solid red;
	}
	.bottom-wrapper .home_dackus_button a {
    position: absolute;
    z-index: 10;
    left: 38%;
	}
	.header_login{display:none}
	
	.form_fields {
	    position: relative;
	    margin-top: 20px;
	    /*width: 320px;*/
	   width: 100%;
	}
	
	.header_right {
	    float: none;
	    width: 100%;
	}
	
	.header_right .dit-menu-button {
		width: 40px;
		margin: 0 auto;
	}
	
	.header_right .dit-menu-button .navbar.navbar-menu {
		width: 40px;
	}
	
	.header_right .dit-menu-button .navbar.navbar-menu button.navbar-toggle {
		margin-right: 0;
		right: 0;
	}
	
	.module-resultaat.wrapper {
		margin-top: 0;
	}
}
/* MIN 480 EN MAX 768PX BREED*/
@media only screen and (min-width : 480px) and (max-width : 768px) {
	
	.header_logo, .header_logo_bck, #headercolumns, .header_logo .image-area, .header_logo .image-area img {
    	height: auto;
	}
	/*.header_logo {
		width: 55%;
		margin: 10px 75px;
	}
	

	.header_logo img {width:100%}*/
	
	.header_logo {
	    width: auto;
	    margin: 10px;
	    height: 158px;
	    padding: 10px 0;
	}
	
	.header_logo .image-area {
	    height: 100%;
	    width: auto;
	    text-align: center;
	}
	
	.header_logo .image-area img {
		height: 100%;
    	width: auto;
	}
	
	.header_center {width: 100%;font-size:12px;padding-left:0}
	.sponsoricon {display:none;}
	
	.home-background-slider .slider-slide-description {
		max-width: 90%;
		font-size: 2em;
		padding-top: 20px;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.home-background-slider .bx-wrapper .bx-controls-direction a {
		height: 100px;
		top: 46%;
	}
	
	.home-background-slider {
		padding-top: 130px;
	}
	
	#bxslider .article_ct .article_introtext img {
		max-width: 100%;
		width: auto;
		height: auto !important;
	}
	div#headercolumns.row{
		margin-right: 0px!important;
		margin-left: 0px!important;
		background-color: #ffffff;
	}
	
	.megarichmenubutton {
    	display: none;
    }
	.header_right {
    	float: none;
	}
	.navbar-menu button.navbar-toggle{
    	top: 4px;
    	right: 55px;
    	z-index: 9999;
    	border: 0;
    	margin: -12px 110px 0 0px;
    	background-color: none;
	}
	.header-menu-wrapper{
		top: 166px;
    	width: 100%;
    	z-index: 9000;
	}
	.mainmenu{display:none
	}
	.menublock{
	position: absolute;
    top: 180px;
    left: 0;
    right: 0;
    background: #e5126f;
	}
	
	.club .menublock {background: #fa6b02}
	
	.navbar-menu .navbar-toggle:hover{
	background-color: unset;
	}
	.navbar-menu .navbar-toggle:hover .icon-bar {
    background-color: #ffffff;
	}
	.navbar-collapse.in{
		overflow: none;
		margin-top: 0%;
	}
	.header_center .article_introtext{
		font-size: 30px;
	}
	.dit-menu-button {
		display: block;
	}
	.navbar-toggle {
    	display: block;
	}
	.navbar-collapse.collapse {
       	display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
        margin-top: 10%;
        width: 100%;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
    .dit-menu-wrapper {
    	display: block;
	}
	.navbar-nav>li {
   		float: none;
	}
	
	.header_login {
	    display: none;
	}
	
	.header_right {
	    float: none;
	    width: 100%;
	}
	
	.header_right .dit-menu-button {
		width: 40px;
		margin: 0 auto;
	}
	
	.header_right .dit-menu-button .navbar.navbar-menu {
		width: 40px;
	}
	
	.header_right .dit-menu-button .navbar.navbar-menu button.navbar-toggle {
		top: -3px;
		margin-right: 0;
		right: 0;
	}
}


@media only screen and (min-width: 769px) and (max-width:769px)
{
	.	.page .section_intro
	{
		background-repeat:no-repeat;
		margin-top: 171px;
	}
	
}

/* 768PX BREED*/

/* weg ermee


@media only screen and (min-width : 768px) and (max-width : 1023px) {
	
	.header_logo, .header_logo_bck, #headercolumns, .header_logo .image-area, .header_logo .image-area img {
    	height: auto;
	}
	.header_logo {
		width:55%;
		margin: 10px 75px;
	}
	
	.header_logo img {width:100%}
	.header_center {width: 100%;font-size:12px;padding-left:0}
	.sponsoricon {display:none;}
	
	.home-background-slider .slider-slide-description {
		max-width: 90%;
		font-size: 2em;
		padding-top: 20px;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.home-background-slider .bx-wrapper .bx-controls-direction a {
		height: 100px;
		top: 46%;
	}
	
	.home-background-slider {
		padding-top: 130px;
	}
	
	#bxslider .article_ct .article_introtext img {
		max-width: 100%;
		width: auto;
		height: auto !important;
	}
	div#headercolumns.row{
		margin-right: 0px!important;
		margin-left: 0px!important;
		background-color: #ffffff;
	}
	
	.megarichmenubutton {
    	display: none;
    }
	.header_right {
    	float: none;
	}
	.navbar-menu button.navbar-toggle{
    	top: 4px;
    	right: 55px;
    	z-index: 9999;
    	border: 0;
    	margin: -12px 110px 0 0px;
    	background-color: none;
	}
	.header-menu-wrapper{
		top: 180px;
    	width: 100%;
    	z-index: 9000;
	}
	.mainmenu{display:none
	}
	.menublock{
	position: absolute;
    top: 180px;
    left: 0;
    right: 0;
    background: #e5126f;
	}
	.navbar-menu .navbar-toggle:hover{
	background-color: unset;
	}
	.navbar-menu .navbar-toggle:hover .icon-bar {
    background-color: #ffffff;
	}
	.navbar-collapse.in{
		overflow: none;
		margin-top: 0%;
	}
	.header_center .article_introtext{
		font-size: 18px;
	}
	.dit-menu-button {
		display: block;
	}
	.navbar-toggle {
    	display: block;
	}
	.navbar-collapse.collapse {
       	display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
        margin-top: 10%;
        width: 100%;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
    .dit-menu-wrapper {
    	display: block;
	}
	.navbar-nav>li {
   		float: none;
}
}

@media only screen and (max-width : 1024px) and (orientation:landscape) {
	.header_logo {
    width: 100%;
    margin: 10px 0px;
	}
	.menublock
	{
		position: absolute;
		top: 40px;
		left: 0;
		background: transparent
	}
	.category-menu-wrapper {position: absolute;top: 0;margin-top: -20px;}
	.navbar-menu button.navbar-toggle {position: absolute;	left: 300px;margin-top:95px;height: 52px;z-index:9999}
}

*/