/* #Site Styles
================================================== */

/* #Font-Face
================================================== */

@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800italic,800);
/* ### general ### */
* { margin: 0px; padding: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html, body { font-family: 'Open Sans', sans-serif; font-size: 12px; color: #000; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #000; }
body { background: #000000; }
img { border: 0px; display: block; }
ul, li { list-style: none; }
:focus { outline: none; }
a{
 color: #a49265;
}
/* ### global classes ### */
.clear { clear: both; visibility: hidden; line-height: 0; height: 0; }
.center { margin: 0 auto; max-width: 1600px; position: relative; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }

		/* ### main container ### */
		#mainCntr { width: 100%; }
	
			/* ### header container ### */
			#headerCntr { padding: 42px 0px; position: relative; overflow: hidden; width: 100%;  }
			#headerCntr .logo { float:left; }
			#headerCntr .logo img { max-width: 100%; }
			#headerCntr .right { padding: 22px 0px 0px 0px; float: right; }
			#headerCntr ul.buttons { margin-right: -16px; float: right; }
			#headerCntr ul.buttons li { padding: 0px 16px 0px 0px; float:left; }
			#headerCntr ul.buttons li a { width: 160px; height: 40px; line-height: 40px; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #fff; text-decoration: none; text-transform: uppercase; text-align: center; display: block; border-radius:2px; background: rgb(30,87,153);
background: -moz-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(73,80,82,1) 0%, rgba(42,43,43,1) 100%);
background: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(73,80,82,1) 0%,rgba(42,43,43,1) 100%);
background: linear-gradient(to bottom, rgba(30,87,153,1) 0%,rgba(73,80,82,1) 0%,rgba(42,43,43,1) 100%); 
}
		#headerCntr ul.buttons li a.gray { color: #000; background: rgb(30,87,153);
background: -moz-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(252,252,252,1) 0%, rgba(113,119,120,1) 100%); 
background: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(252,252,252,1) 0%,rgba(113,119,120,1) 100%); 
background: linear-gradient(to bottom, rgba(30,87,153,1) 0%,rgba(252,252,252,1) 0%,rgba(113,119,120,1) 100%);}

		#headerCntr ul.buttons li a.yellow {color: #000; background: rgb(30,87,153);
background: -moz-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(252,247,209,1) 0%, rgba(175,143,70,1) 100%); 
background: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(252,247,209,1) 0%,rgba(175,143,70,1) 100%);
background: linear-gradient(to bottom, rgba(30,87,153,1) 0%,rgba(252,247,209,1) 0%,rgba(175,143,70,1) 100%);
}

			#headerCntr ul.buttons li a:hover { text-decoration: underline; }
	
						/* ### menu box ### */
						#headerCntr .menuBox { float: left; }
						#headerCntr .menuBox ul { float: left;  }
						#headerCntr .menuBox li { padding: 0px 22px 0px 22px; float:left; position: relative; }
						#headerCntr .menuBox li a { font-size: 12px; color: #fff; text-decoration: none; text-transform: uppercase; font-weight: 700; }
						#headerCntr .menuBox li a span { position: absolute; right: 0px; top: 0px; width: 20px; height: 20px; border-radius: 100%; line-height: 20px; text-align: center; display: inline-block; background: #a39163; }
						#headerCntr .menuBox li a:hover, #headerCntr .menuBox li.active a { color: #a39163;}
						#headerCntr .menuBox li a:hover span, #headerCntr .menuBox li.active a span { color: #fff;}
		  
				#headerCntr .search { margin: 0px 26px; float:left; width: 17px; height: 17px; display: block;  background: url(search.png) left top no-repeat; }
				#headerCntr .mobileMenu { display: none; float:left; }
	
			/* ### content container ### */
			#contentCntr { width: 100%; }
	                                       .topbuttonlink{ margin-top: -10px; background: url('postbutton.png');width:160px; height: 40px; display:block; float: right; color: #000000; text-decoration: none; text-transform: uppercase; font-size: 14px; padding-top: 10px; text-align:center; font-weight:bold;}

						/* ### intro box ### */
						.introBox { width: 100%; overflow: hidden; background: #212121; }
						.introBox .block { width: 50%; float:left; }
						.introBox .video { position: relative; height: 446px; overflow: hidden;}
		                                         /* background: url(video.jpg) left top no-repeat; background-size: cover;*/
						.introBox .video .play { width: 124px; height: 124px; display: block; position: absolute; left: 50%; top: 50%; margin: -62px 0px 0px -62px; background: url(play.png) left top no-repeat;}
						.introBox .intro { padding: 50px 90px 50px 48px; overflow:hidden; }
						.introBox .intro h1 { padding: 0px 0px 30px 0px; font-family: 'geared_slabbold'; font-size: 60px; color: #fff; line-height: 60px; }
						.introBox .intro p { padding: 0px 0px 37px 0px; font-size: 16px; color: #fff; line-height: 20px; }
						.introBox .intro .button { float:left; width: 240px; height: 60px; line-height: 60px; font-family: 'Open Sans', sans-serif; font-size: 14px;  text-decoration: none; text-transform: uppercase; text-align: center; display: block; color: #000; border-radius: 3px; font-weight: 600; background: rgb(30,87,153);
background: -moz-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(252,247,209,1) 0%, rgba(175,143,70,1) 100%); 
background: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(252,247,209,1) 0%,rgba(175,143,70,1) 100%);
background: linear-gradient(to bottom, rgba(30,87,153,1) 0%,rgba(252,247,209,1) 0%,rgba(175,143,70,1) 100%);}
		
		
						/* ### text box ### */
						.textBox { width: 100%; overflow: hidden; }
						.textBox .block { height: 500px; overflow: hidden; position: relative; width: 50%; float:left; }
						.textBox .block.bg1 {position: relative; background: url(add_img.jpg) left top no-repeat; background-size: cover;}
						.textBox .block.bg2 {position: relative; background: url(img2.jpg) left bottom no-repeat; background-size: cover;}
						.textBox .advertentie { width: 100%; height: 100%; }
						.textBox .advertentie .strip { width: 100%; height: 140px; display: block; position: absolute; left: 0px; top: 50%; margin-top: -58px; background: url(strip.jpg) left top no-repeat; background-size: 100%; }
						.textBox .about { width: 50%; padding: 30px 80px 20px 30px; position: absolute; right: 0px; bottom: 0px; overflow: hidden; background: #fff;  }
						.textBox .title { padding-bottom: 14px; font-family: 'geared_slabbold'; font-size: 42px; color: #000000; line-height: 35px;}
						.textBox p { font-size: 16px; color: #000000; line-height: 20px; }
		
							/* ### Events box ### */
							.eventBox { width: 100%; overflow: hidden; }
							.eventBox ul { list-style: none;  display: flex; align-items: stretch; flex-wrap: wrap; }
							.eventBox li { width: 50%; float: left; background: #2e2e2e; }
							.eventBox .image { float: right; width: 50%; position: relative;  }
							.eventBox .image img { width: 100%; }
							.eventBox .detail { padding: 24px 90px 24px 30px;  width: 50%; float:left; }
							.eventBox .title { min-height: 111px; font-family: 'geared_slabextrabold'; font-size: 30px; color: #ec5e04; line-height: 25px; }
							.eventBox p { min-height: inherit; font-size: 16px; font-weight: bold; color: #fff; }
							.eventBox .overlay { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background:rgba(0,0,0,0.5);}
							.eventBox .arrow { position: absolute; left: 50%; top: 50%; margin: -9px 0px 0px -17px; width: 34px; height: 17px; background: url(arrow.png) left top no-repeat; }
			
							/* ### slider box ### */
							.sliderBox { width: 100%; height: 418px; overflow: hidden; position: relative; }
							.sliderBox .slider { width: 100%; height: 418px; position: relative; }
							.sliderBox .slider ul { list-style: none; width: 100%; height: 418px; overflow: hidden; }
							.sliderBox .slider li { width: 100%; height: 100%; background-size: cover; }
							.sliderBox a.prev { width: 17px; height: 34px; text-indent: -9999px; display: block; position: absolute; left: 15px; top: 17px; background: url(prev.png) left top no-repeat; }
							.sliderBox a.next { width: 17px; height: 34px; text-indent: -9999px; display: block; position: absolute; right: 15px; top: 17px; background: url(next.png) left top no-repeat; }
							.sliderBox .social { padding: 28px 62px 28px 32px; width: 25%; position: absolute; left: 0px; bottom: 0px; background: #fff; }
							.sliderBox .social .title { margin-bottom: 15px; font-family: 'geared_slabextrabold'; font-size: 42px; color: #000; text-transform: uppercase; }
							.sliderBox .social p { margin-bottom: 20px; font-size: 16px; color: #000; line-height: 24px; }
							.sliderBox .social ul { list-style: none; } 
							.sliderBox .social li { margin-right: 10px; float: left; }
							.sliderBox .social li a { display: block; }
			
							/* ### profile box ### */
							.profileBox { width: 100%; overflow: hidden; }
							.profileBox ul { list-style: none; display: flex; align-items: stretch; flex-wrap: wrap; }
							.profileBox li { width: 25%; position: relative; background: #9e8d60; }
							.profileBox .title { padding: 38px 25px; font-family: 'geared_slabextrabold'; font-size: 42px; color: #fff; text-transform: uppercase; text-align: left; } 
							.profileBox .overlay { padding: 10px 0; width: 100%; position: absolute; left: 0px; bottom: 0px; background:rgba(0,0,0,0.5); }
							.profileBox p { font-size: 14px; color: #fff; text-transform: uppercase; text-align: center; }
							.profileBox img { width: 100%; }
			
	/* ### inner page ### */
						/* ### wall box ### */
						.wallBox { width: 100%; overflow: hidden; }
						.wallBox ul { margin-right: -17px; list-style: none; display: flex; align-items: stretch; flex-wrap: wrap; }
						.wallBox li { padding: 0 17px 17px 0; width: 25%; }
						.wallBox li .block { width: 100%;
                                                     min-height: 100%;

    height: 100% !important;
                                                }

						/* ### member box ### */
						.memberBox { width: 100%; overflow: hidden; background: #fff; }
						div.carbon{background: #aaa; }
						.memberBox .img { width: 100%; }
						.memberBox .img img { width: 100%; }
						.memberBox .detail { padding: 25px 12px; overflow: hidden; }
						.memberBox .detail .title { padding-bottom: 0px; font-family: 'geared_slabextrabold'; font-size: 25px; color: #000; line-height: 25px; text-transform: uppercase; }
						.memberBox p, .profileblock p { padding: 0 10px 15px 10px; font-size: 16px; color: #1d1d1b; line-height: 24px; }
						 a.moreinfo { margin-left: 10px; width: 21px; height: 5px; display: block; text-indent: -9999px; background: url(moreinfoBtn.png) left top no-repeat; }
						.memberBox .profile, .profileblock { padding: 16px 0 0 0; width: 100%; overflow: hidden; }
						.memberBox .profileImg, .profileblock .profileImg { width: 75px; height: 75px; float: left; border-radius: 100px; overflow: hidden; }
						.memberBox .info, .profileblock .info { padding: 5px 0 0 10px; overflow: hidden; }
						.memberBox .info .title, .profileblock .info p.title{ padding: 5px 0 0 0; font-size: 16px; color: #a49265; font-family: 'Open Sans', sans-serif; font-weight: bold; line-height: 16px; text-transform: none; font-weight: normal; }
						.memberBox .info .title a, .profileblock .info .title a { text-decoration: none; display: block; font-size: 14px; color: #000; font-weight: 200; }
						.memberBox .info .title a:hover, .profileblock .info .title a:hover { text-decoration: underline; }

		                        	/* ### advertise box ### */
						.advertiseBox { width: 100%; overflow: hidden; }
						.advertiseBox .advertentie { width: 100%; height: 100%; overflow: hidden; position: relative; background: url(add_img1.jpg) left top no-repeat; background-size: cover; }
						.advertiseBox .advertentie .strip { width: 100%; height: 116px; display: block; position: absolute; left: 0px; top: 26px; background: url(strip1.jpg) center center no-repeat; }
		 
						/* ### eventsblock box ### */
						.eventsblockBox { width: 100%; overflow: hidden; background: #2e2e2e; }
						.eventsblockBox .image { width: 100%; position: relative; height:230px; overflow:hidden; }
						.eventsblockBox .image img { width: 100%; }
						.eventsblockBox .detail { padding: 24px 90px 24px 30px;  width: 100%; float:left; }
						/*111*/
						.eventsblockBox .title { min-height: 75px; font-family: 'geared_slabextrabold'; font-size: 30px; color: #ec5e04; line-height: 31px; }
						.eventsblockBox p { min-height: inherit; font-size: 16px; font-weight: bold; color: #fff; line-height: 24px; }
						.eventsblockBox .overlay { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background:rgba(0,0,0,0.5);}
						.eventsblockBox .arrow { position: absolute; left: 50%; top: 50%; margin: -9px 0px 0px -17px; width: 34px; height: 17px; background: url(arrow.png) left top no-repeat; }

						/* ### memberprofile box ### */
						.memberprofileBox {  width: 100%; height: 100%; overflow: hidden; background: #fff; }
						.memberprofileBox .detail {padding: 25px;}
						.memberprofileBox .profileImg { margin-bottom: 25px; width: 54px; height: 54px; float: left; border-radius: 100px; overflow: hidden; }
						.memberprofileBox .title { padding-bottom: 0px; font-family: 'geared_slabextrabold'; font-size: 35px; color: #000; line-height: 25px; text-transform: uppercase; }
						.memberprofileBox p { padding-bottom: 15px; font-size: 13px; color: #1d1d1b; line-height: 20px; }
						.memberprofileBox p a { color: #1d1d1b; text-decoration: none; }
						.memberprofileBox p a:hover { text-decoration: underline; }
						.memberprofileBox a.moreinfo { margin-left: 10px; width: 21px; height: 5px; display: block; text-indent: -9999px; background: url(moreinfoBtn.png) left top no-repeat; }

						/* ### event detail box ### */
						.eventDetailBox { padding: 0px 0px 30px 0px; width: 100%; overflow: hidden; }
						.eventDetailBox .holder { margin-right: -15px; display: flex; align-items: stretch; flex-wrap: wrap; }
						.eventDetailBox .block { padding: 26px 26px 16px 26px; width: calc(50% - 15px); margin-right: 15px; float:left; background: #fff; }
						.eventDetailBox .title { padding: 0px; font-family: 'geared_slabextrabold'; font-size: 30px; color: #ec5e04; line-height: 25px; text-transform: uppercase; }
						p.title { padding: 0px; font-family: 'geared_slabextrabold'; font-size: 30px; color: #ec5e04; line-height: 25px; text-transform: uppercase; }
						.eventDetailBox p { padding: 25px 0px 25px 0px; font-size: 16px; color: #000000; line-height: 24px; }
						 a.button { padding: 0px 33px; height: 40px; line-height: 40px; float:left; font-size: 14px; color: #fff; text-transform: uppercase; display: block; text-decoration: none; border-radius:3px; background: #ec5e04;}
					 a.button:hover { text-decoration: underline; }
						.eventDetailBox ul { list-style: none; }
						.eventDetailBox li, .eventDetailBox td { padding: 12px 0px; border-bottom: 1px solid #cccccc; font-size: 15px; color: #000000;  }

                                                .eventDetailBox li:last-child { border: none; }

						.popupBox {height:100%;}
						.popupBox .overlay { position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.5); min-height: 100%; height: auto!important; height: 100%; min-width: 100%; width: auto!important; width: 100%; z-index: 98; }
						.popupBox .popup { box-sizing: border-box; width: 100%;  height:100%;
                                            /*    position: absolute; top: 100px; left: 50%; margin: 0 0 0 -336px;
                                                z-index: 99;  */
                                                padding: 20px 20px 15px 25px; border: 1px solid #ec5e04; background: #000; }
                                                 .popupBox .popup td{ color:#ffffff; font-size: 16px;}
						.popupBox .title {  padding: 0px; font-family: 'geared_slabextrabold'; font-size: 25px; color: #ec5e04; line-height: 25px; text-transform: uppercase; }
						.popupBox fieldset { overflow: hidden; border: none; }
		
						.popupBox p { padding: 15px 0px 0px 0px; font-size: 16px; color: #fff; }
						.popupBox strong { display: block; }
						.popupBox input[type="text"], .popupBox input[type="password"] { margin-top: 12px; font-size: 12px; font-style: italic; color: #000;  width: 176px; height: 21px; inset 0px 1px 7px #878787; border: none; padding: 0px 10px; line-height: 21px; }
						.popupBox .label { padding: 10px 0px 15px 0px; font-size: 12px; color: #fff; display: block; }
		                                .popupBox a{ color:#ffffff; }
						.popupBox input[type="button"] , .popupBox input.button { width: 170px; text-align: center; height: 30px; line-height: 30px; float:left; font-size: 12px; color: #fff; text-transform: uppercase; display: block; text-decoration: none; border-radius:3px; background: #ec5e04; border: none; cursor: pointer; }
						.popupBox input.button:hover { text-decoration: underline;  }
                                                input.btn { width: 170px; text-align: center; height: 30px; line-height: 30px; float:left; font-size: 12px; color: #fff; text-transform: uppercase; display: block; text-decoration: none; border-radius:3px; background: #ec5e04; border: none; cursor: pointer; }
                                                .cartitle { height:48px; }
                                                div.centernav{ margin: 10px auto; color: #ffffff; text-align: center; font-size: 16px; }
                                                div.tabs{ margin: 10px auto; color: #ffffff; text-align: center; font-size: 16px; }
                                                div.tabs a{ color: #ffffff;  padding: 10px 33px; height: 40px; line-height: 40px;  font-size: 14px; color: #fff; text-transform: uppercase; text-decoration: none; border-radius:3px; background: #ec5e04;}
                                                div.messagetabs{ background-color:#2e2e2e; margin: 0 auto; padding: 20px 0 20px 0; color: #ffffff; text-align: center; font-size: 16px; }
                                                div.messagetabs a{ font-weight: bold; color: #000000;  padding: 10px 33px; height: 40px; line-height: 40px;  font-size: 14px; text-transform: uppercase; text-decoration: none; border-radius:3px; background: #ec5e04;}
                                                div.messagetabs a.selected{  font-weight: bold; color: #000000;  padding: 10px 33px; height: 40px; line-height: 40px;  font-size: 14px; text-transform: uppercase; text-decoration: none; border-radius:3px; background: #ffffff;}
                                                div.messagetabs a.inactive{  font-weight: bold; color: #000000;  padding: 10px 33px; height: 40px; line-height: 40px;  font-size: 14px; text-transform: uppercase; text-decoration: none; border-radius:3px; background: #d5d5d5;}
                                                #navtabstop{ float:right; margin-top:-55px; color: #ffffff; margin-right: 15px;}
                                                #navtabstop a{ color: #ffffff;}
                                                #boxtable{margin-top:0px; border: 0; border-collapse: collapse;}
                                                #boxtable th{color: #ffffff; background-color:#2e2e2e; font-weight: normal; padding: 15px;text-align:left;}
                                                #boxtable .row0 td{background-color:#f1f1f1; font-weight: normal; padding: 25px 10px;}
                                                #boxtable .row1 td{background-color:#ffffff; font-weight: normal; padding: 25px 10px;}
                                                #boxtable .subject{font-weight: bold; text-decoration: none; color: #000000;}
                                                #boxtable a{text-decoration: none; color: #000000;}
                                                #boxtable p.title{font-weight: bold; text-decoration: none; color: #000000;}

                  /*
						#TB_window {}
						#TB_overlay { position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.5); min-height: 100%; height: auto!important; height: 100%; min-width: 100%; width: auto!important; width: 100%; z-index: 98; }
						#TB_window { width: 674px; position: absolute; top: 100px; left: 50%; margin: 0 0 0 -336px; z-index: 99; padding: 20px 20px 15px 25px; border: 1px solid #ec5e04; background: #000; }

						#TB_window .title {  padding: 0px; font-family: 'geared_slabextrabold'; font-size: 25px; color: #ec5e04; line-height: 25px; text-transform: uppercase; }
						#TB_window fieldset { overflow: hidden; border: none; }
		
						#TB_window p { padding: 15px 0px 0px 0px; font-size: 12px; color: #fff; }
						#TB_window strong { display: block; }
					 #TB_window input[type="text"] { margin-top: 12px; font-size: 12px; font-style: italic; color: #000;  width: 176px; height: 21px; inset 0px 1px 7px #878787; border: none; padding: 0px 10px; line-height: 21px; }
						#TB_window .label { padding: 10px 0px 15px 0px; font-size: 12px; color: #fff; display: block; }
		
						#TB_window input[type="button"] { width: 170px; text-align: center; height: 30px; line-height: 30px; float:left; font-size: 12px; color: #fff; text-transform: uppercase; display: block; text-decoration: none; border-radius:3px; background: #ec5e04; border: none; cursor: pointer; }
						#TB_window input[type="button"]:hover { text-decoration: underline;  }
                                                   */

/* #Media Queries
================================================== */

@media only screen and (max-width: 1599px) {
	.center { padding: 0px 10px; }
	.profileBox p  { font-size: 12px; }
	.eventBox .title { font-size: 25px; }
	.eventBox p  { font-size: 13px; }
	.sliderBox .social .title { font-size: 35px; }
	.sliderBox .social p { font-size: 13px; line-height: 20px; }
	.profileBox .title { font-size: 35px; }
	.introBox .intro h1 { font-size: 49px; line-height: 49px; }
	.introBox .intro p { font-size: 13px; }
	.textBox .title { font-size: 35px; }
	.textBox p { font-size: 13px; }
	.memberBox p { font-size: 13px; }
	.memberBox .info .title { font-size: 15px; }
	.memberBox .info .title a { font-size: 11px; }
	.eventsblockBox .title { font-size: 28px; line-height: 28px; }
	.eventsblockBox p { font-size: 13px; } 
	.eventDetailBox p { font-size: 13px; }
	.eventDetailBox .title { font-size: 28px; }
	.eventDetailBox li { font-size: 13px; }
}

@media only screen and (max-width: 1279px) {
	.center { padding: 0px 10px; }
	.introBox .intro { padding:19px 90px 28px 34px;}
	.introBox .intro h1 { font-size: 45px; padding-bottom: 20px;  }
	.textBox .advertentie .strip { background-size: 100%; }
	.eventBox .detail { padding: 24px; }
	.eventBox .title {min-height: 64px; font-size: 22px; }
	
	.profileBox .title { padding: 17px 20px; font-size: 30px;  }
	.sliderBox .social { width: 250px; padding: 20px; }
	.profileBox p { font-size: 11px; }
	
	#headerCntr .menuBox li { padding: 0px 22px 0 18px; }
	
	.wallBox li { width: 33.3%; }
	
}
.mboxlinks{float:left; width: 40%;}
.mboxnew{float:left; width: 200px;}
@media only screen and (max-width: 979px) {
	#headerCntr .logo { width: 275px; }
	#headerCntr .right { padding-top: 16px; }
	.introBox .intro h1 { font-size: 34px; line-height: 44px; }
	.introBox .intro { padding: 20px; }
	.textBox .about { padding: 20px; }
	.eventBox .image { width: 100%; float: none;}
	.eventBox .detail { width: 100%; }
	.eventBox .title { font-size: 25px; line-height: 35px; }
	
	.profileBox li { width: 50%; }
	
	#headerCntr { padding: 20px 0px; }
	#headerCntr .menuBox li { display: none; }
	#headerCntr .menuBox li:last-child { display: block;}
	#headerCntr .menuBox li:nth-last-child(2){ display: block;}
	#headerCntr .mobileMenu { display: block; }
	.wallBox li { width: 50%; }
	#headerCntr ul.buttons li a { width: 135px; }
	.eventDetailBox p { padding-bottom: 30px; }
        .mboxlinks{float:left; width: 100%;}
        .mboxlinks a{}
        .mboxnew{float:left; width: 100%;}
         .hidemob{display: none; visibility:hidden;}
         .showmobile{
 display: block;
 visibility: visible;
}

}

@media only screen and (min-width: 979px) {

         .showmobile{
 display: none;
 visibility: hidden;
}
}

@media only screen and (max-width: 767px) {

	
	.introBox .block { width: 100%; }
	.textBox .block { width: 100%; }
	.eventBox .title { min-height: 111px; line-height: 31px; }
	.advertiseBox .advertentie .strip { background-size: 100%; }
	.memberBox .detail { padding: 15px 30px; }
	.eventsblockBox .detail { padding: 15px; }
	.memberBox .profile { padding-left: 10px; }
	.wallBox ul { margin-right: -10px; }
	.wallBox li { padding: 0px 10px 10px 0px;}
	
	
	.eventDetailBox .block { margin: 0px; }
	.eventDetailBox .block { width: 100%; margin-right: 0px; margin-bottom: 15px;}
	
	.popupBox .popup { width: 100%; left: 0px; top: 0px; margin: 0px; }
		#headerCntr .menuBox li:last-child { display: none;}
	#headerCntr .menuBox li:nth-last-child(2){ display: none;}
	
}

@media only screen and (max-width: 479px) {
	#headerCntr .logo { width: 198px; margin: 0 auto; float: none;}
	#headerCntr ul.buttons { /*margin-right: -10px;*/ margin: 0 auto; text-align:left; float: none;  margin:0;
    padding:0;
    display:inline-block;
    list-style: none; }
	#headerCntr ul.buttons li { padding-right: 10px;    float: left;
    margin-right: 3px;margin-left: 3px; /*this is the usual*/
    padding: 0;}
	#headerCntr ul.buttons li a { width: 90px; }
        #headerCntr div.right{ width:100%; text-align:center; }
          /* height: 380px; margin-top:-180px;*/
	.introBox #videoframe {

         width: 100%;
             height: 220px;
         /*    margin-top:-56%;  */
/*  background:gold;
  overflow: scroll;    */
        }
/*	.introBox .video .play { background-size: 100%; width: 80px; height: 80px; margin: -40px 0px 0px -40px; }
	  */
	.introBox .intro h1 { font-size: 31px; line-height: 40px; }
	.textBox .about { width: 100%; }

	.eventBox li { width: 100%; }
	.profileBox li { width: 100%; }
	.eventsblockBox .title { min-height: 70px; }
	.wallBox ul { margin: 0px; }
	.wallBox li { width: 100%; padding: 0px 0 10px 0; }
	.eventDetailBox .block { padding: 15px; }
	
}

#profileform{
 width:100%;
 background-color: #ffffff;
 margin: 0 auto;
 padding: 20px;
 font-size: 16px;
}
#profileform td, #profileform p, #profileform input, #profileform select{
 font-size: 16px;

}

#whitebox{width:100%; background-color:#ffffff;padding: 26px 26px 16px 26px;
font-size: 16px;
color: #000000;
line-height: 24px;}

#whitebox h2{ padding: 0px;
font-family: 'geared_slabextrabold';
font-size: 30px;
color: #ec5e04;
line-height: 25px;
text-transform: uppercase;
}

div.profileBox p.title{
 line-height: normal; 
}


@media only screen and (max-width: 680px) {
.resptable td{
   float:left;
  clear: both;
  width: 90%;
}
.hidemobile{
 display: none;
 visibility: hidden;
}
.showmobile{
 display: block;
 visibility: visible;
}
.popup  td{
  float:left;
  clear: both;
  width: 90%;
 }
 div.popup{
  overflow-y: auto;
 }
}

.popup #profileform{
 padding-left:0px;
}