/*common*/
ul{list-style: none;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
a:focus{outline:none !important;text-decoration: none !important;}
body{font-family: 'Saira Extra Condensed', sans-serif;font-size: 20px;}
p{font-size: 20px; line-height: 26px}
h1{color: #fff;font-size: 42px;}
h2{padding:15px 25px; margin: 0px;background: #fec524; color: #fff; font-size: 28px; font-weight: 700;}
h3{margin: 0px; color: #0068a8; font-size: 26px; font-weight: 700; float: left; width:100%;}
h4{margin: 0px; color: #0068a8; font-size: 24px; font-weight: 700;}
h5{color: #fff;font-size: 20px;}
h6{margin: 0px;color: #fec524;font-size: 20px;}
.btn{padding: 6px 43px; border: 2px solid #fff; color: #fff; font-size: 20px; border-radius: 0px;}
.btn:hover{padding: 6px 43px; border: 2px solid #fec524; color: #fff; background: #fec524; font-size: 20px;}
.link{color: #0068a8; font-size: 20px;}
.link:hover{color: #fec524; font-size: 20px; display: block;}
.handcursor{cursor: hand;}

.ajax-load.text-center {
    height: 30px;
    margin-top: 15px;
    float: left;
    width: 100%;
}

a#loadmore {
    background-color: #0068a8;
    color: #fff;
    padding: 2px 20px;
    margin: 15px 0 0 0;
}

.box ul {
    list-style: disc;
}

/*page-wrap*/
.clear{clear:both; height:0px; overflow: hidden;}
#page-wrap{position: relative;}
#wrap{position: relative; overflow:hidden;}


/*header-wrap*/
#header-wrap{position: relative;}

/*header-block*/
.header-block {border-bottom: 7px solid #fec524; height: 96px}
.header-block .bottom{padding: 0px; }
.header-block .bottom .logo-mobile{display: none;}
.header-block .bottom .navbar-brand{ height: auto; padding: 0px;position: relative;}
.header-block .bottom .navbar-nav{float: right; transition: all 0.3s ease 0s;}
.header-block .bottom .navbar-nav li a{padding: 36px 15px 28px 15px; font-size: 24px; color: #0068a8; transition: all ease-in-out .5s;font-weight: 400;border-bottom: 5px solid #fff;}
.header-block .bottom .navbar-nav li a .speace{padding-right: 0px;}
.header-block .bottom .navbar-nav li a:hover{ background: none; color: #fec524; text-decoration: none;    border-bottom: 5px solid #0068a8;}
.header-block .bottom .nav>li>a:hover, .nav>li>a:focus {text-decoration: none; background-color: transparent; outline: none;}
.header-block .bottom .nav>li{padding:0px;}
.header-block .bottom .nav li:last-child ul li:hover ul {left: auto;right: 197px; width: 197px}	

.header-block .bottom .nav .open>a{background: none;}
	/*submenu*/
.header-block .bottom .navbar-nav li ul {border: 0px; background: rgb(0, 102, 156);display: none;position: absolute;top: 89px;z-index: 1;width: 197px;box-shadow: 0 0 5px 0 #cccccc; padding: 0px;}
.header-block .bottom .navbar-nav li ul li{ padding: 5px 0px; border-bottom: 1px solid #1276ab;position:relative;}
.header-block .bottom .navbar-nav li ul li:hover{background: #1276ab;}
.header-block .bottom .navbar-nav li ul li .submenu-icon{float: right; line-height: 33px;color: #fff;font-size: 20px;}
.header-block .bottom .navbar-nav li ul li a{padding: 0px 15px;line-height: 30px; color: #fff; display:block; border-bottom: none;}
.header-block .bottom .navbar-nav li ul li a:hover{border-bottom:none;}
.header-block .bottom .navbar-nav li ul  li:last-child{border-bottom: none;}
.header-block .bottom .navbar-nav li:hover ul { display: block;}
.header-block .bottom .navbar-nav li:hover ul  ul { display: none;}
	/*sub - submenu*/
.header-block .bottom .navbar-nav li li ul{border: 0px;background: rgb(0, 102, 156);display: none;
 position: absolute;top: 0px;z-index: 1;width: 197px;box-shadow: 0 0 5px 0 #cccccc; padding: 0px;left: 197px;}
.header-block .bottom .navbar-nav li li:hover ul {display: block;}

/*toggle*/
.header-block .bottom .toggle {position: absolute;top: 42px; left: 25px;cursor: pointer;padding: 10px 35px 16px 0px; display: none; float: right;}
.header-block .bottom .toggle span { width: 30px; height: 3px; margin-bottom: 4px; display: block; background-color: #0068a8;}
.header-block .bottom .toggle span, .header-block .bottom .toggle span:before, .header-block .bottom .toggle span:after { cursor: pointer; border-radius: 1px; height: 3px; width: 25px; background: #0068a8; position: absolute; display: block; content: ''; }
.header-block .bottom .toggle span:before { top: -7px; }
.header-block .bottom .toggle span:after { bottom: -7px; }
.header-block .bottom .toggle span, .header-block .bottom .toggle span:before, .header-block .bottom .toggle span:after { transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; }
.header-block .bottom .toggle.active span { background-color: transparent; }
.header-block .bottom .toggle.active span:before, .header-block .bottom .toggle.active span:after { top: 0; }
.header-block .bottom .toggle.active span:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.header-block .bottom .toggle.active span:after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{    background: none;border: none;}
.navbar-default .navbar-toggle{background: none; border:none; cursor: pointer; width:25px;}
.navbar-default .navbar-toggle .icon-bar{background-color: #0068a8;}
	/* /toggle*/

/*banner-block*/
.banner-block{width: 100%; float:left;}
.banner-block img{width: 100%;}
.banner-block .item{width: 100%;}
.banner-block .carousel-control.left{background: url(../images/left-arrow.png)no-repeat;width: 50px;
opacity: 1;top: 38%;}
.banner-block .carousel-control.right{background: url(../images/right-arrow.png)no-repeat;width: 50px;
opacity: 1;top: 38%;}
.banner-block .item .overlay{ position: absolute; top: 0px; width: 100%; background: rgba(0,0,0,0.5); height: 100%;}
.banner-block .item .caption{ text-align: center; position: absolute; top: 0px; width: 100%; height: 100%; display: table; }
.banner-block .item .caption .box{ display: table-cell; vertical-align: middle; height: 500px;}
.banner-block .item .caption .box h1{line-height: 52px; text-transform: upperCase;}
.banner-block .item .caption .box h1 span{color: #fec524; display: block}
.banner-block .item .caption .box h5{ margin-top: 10px;color: #fec524;line-height: 52px; text-transform: upperCase;}
.banner-block .asting{background: #0068a8; padding: 10px 0px;}
.banner-block .asting p{color: #fff; margin-bottom: 0px;}
.banner-block .asting p span{color: #fec524; font-size: 24px; text-transform: upperCase;}
.banner-block .asting .alle{ text-align: right;}

/*content-wrap*/
#content-wrap{padding-top: 40px;position: relative;float: left;width: 100%;background: #f3f3f3;}
.nieuwsblok{background: #fff;width: 100%; float: left;}
.nieuwsblok .box {width:100%; float: left; border-bottom: 1px dotted #e1e1e1;padding: 25px 10px;}
.nieuwsblok .box img{max-width: 100%;}
.nieuwsblok .box h3{margin-bottom: 20px;}
.nieuwsblok .box h6{font-weight:700}
.nieuwsblok .box p{margin-bottom: 0px; color: #999999}
.nieuwsblok .news-more{width: 100%;float: left;padding: 10px 0px; text-align: center; color: #999999; font-size: 20px;display: block;}
.nieuwsblok .news-more:hover{color: #fec524;}

/*komende-wedstrijd-blok*/
.komende-wedstrijd-blok{background: #fff;width: 100%; float: left; text-align: left; margin-bottom: 20px;}
.komende-wedstrijd-blok .box{padding: 20px 15px 20px 15px;float: left;width: 100%;}
.komende-wedstrijd-blok .box .equal{vertical-align:middle;display: table-cell;float: none;}
.komende-wedstrijd-blok .box img{margin: 0px auto; max-width: 100px;}
.komende-wedstrijd-blok .box p {text-align: center;}
.komende-wedstrijd-blok .box b{font-size: 28px; color: #999999}
.komende-wedstrijd-blok .box .accommodatie{margin-top: 20px; text-align:center;}
.komende-wedstrijd-blok .box .accommodatie h3{font-weight: 400; text-transform:upperCase;}
.komende-wedstrijd-blok .box .accommodatie p{margin-bottom: 0px; color: #999999}

/*stand-blok*/
.stand-blok{margin-bottom: 20px;background: #fff;width: 100%; float: left;}
.stand-blok .box{padding:15px;float: left;width: 100%;}
.stand-blok .box img{max-width: 65%;margin: 0px auto}
.stand-blok .box .accommodatie h3{font-weight: 400; text-transform:upperCase;}
.stand-blok .box .accommodatie p{margin-bottom: 0px; color: #999999}
.stand-blok .box ul {padding: 0px; margin: 0px;}
.stand-blok .box ul li{ float: left;color: #666666; width: 100%; font-size: 20px; list-style: none;} 
.stand-blok .box ul li .equal{vertical-align:middle;display: table-cell;float: none;}
.stand-blok .box ul li .num{padding:7px; text-align: center; float: left; width: 10%; }
.stand-blok .box ul li .logo{padding:7px; float: left; width: 18%;text-align: center; }
.stand-blok .box ul li .name{padding:7px; float: left; width: 62%; }
.stand-blok .box ul li .status{padding:7px; text-align: center; float: left; width: 10%; }

/* hoofdsponsoren-blok */
.hoofdsponsoren-blok{background: #fff;width: 100%; float: left; margin-bottom:20px;}
.hoofdsponsoren-blok .box{padding:5px 0px 10px;float: left;width: 100%; text-align: center;}
.hoofdsponsoren-blok .box .equal{vertical-align:middle;display: table-cell;float: none;}
.hoofdsponsoren-blok .box img{margin: 7px auto}

/*agenda-blok*/
.agenda-blok{background: #fff;width: 100%; float: left; margin-bottom:20px;}
.agenda-blok .box{padding:0px 15px 0px 15px;float: left;width: 100%;text-align: center;}
.agenda-blok .box ul {padding: 0px; margin: 0px;}
.agenda-blok .box ul li{float: left;color: #666666; width: 100%; font-size: 20px;display: table;padding: 9px;border-bottom: 1px dotted #e1e1e1;} 
.agenda-blok .box ul li .equal{vertical-align:middle;display: table-cell;float: none;}
.agenda-blok .box ul li .date{padding:10px; text-align: center; float: left; width: 75px;height:75px; overflow:hidden; background:#fec524; border-radius:50%;}
.agenda-blok .box ul li .date span{font-size: 25px; color: #fff; display: block;line-height: 27px;}
.agenda-blok .box ul li .date .year{font-size: 33px; color: #fff;}
.agenda-blok .box ul li .title{padding:10px; width: 75%;text-align: left;}
.agenda-blok .box ul li .title a{ font-size: 22px; color: #0068a8; font-weight: bold;}
.agenda-blok .news-more{width: 100%;float: left;padding: 10px 0px; text-align: center; color: #999999; font-size: 20px;display: block;}
.agenda-blok .news-more:hover{color: #fec524;}

/*sponsorslide*/
.sponsorslide{width: 100%; float: left;}
.sponsorslide .logo{padding: 20px;max-width: 100%; float: left; background: #fff;
    margin: 50px 0px; width: 100%;}
.sponsorslide .logo .owl-carousel .owl-item img{width: auto; max-width: 100%; -webkit-filter: grayscale(100%);filter: grayscale(100%);transition: all ease-in-out 0.4s; margin: 0px auto}
.sponsorslide .logo .owl-carousel .owl-item .item{text-align: center;}
.sponsorslide .logo .owl-carousel .owl-item:hover img{-webkit-filter: grayscale(0%);filter: grayscale(0%);}

/*footer-wrap*/
#footer-wrap{width: 100%;  border-top: 7px solid #fec524;position: relative;float: left; background: #0068a8; padding: 20px 0px 40px 0px;}
.footer-block{width: 100%;}
.footer-block h5{font-size: 20px; margin-top: 20px;margin-bottom: 0px;color: #fec524; font-weight: 700;}
.footer-block a{color: #fff;font-size: 19px;font-weight: 400;}
.footer-block a:hover{color: #fec524}
.footer-block p{color: #fff;font-size: 20px;font-weight: 400; margin-bottom: 0px;}
.footer-block .top-speace{ margin-top: 25px;}
.footer-block ul{margin: 0px; padding: 0px;}
.footer-block li{float: left; margin-right: 15px;}
.footer-block li a{float: left;}
.footer-block .m-post{display: none;}
/*footer-wrap*/
.copy-block{width: 100%;float: left; background: #015581; padding: 20px 0px}
.copy-block p{color: #fff; font-size: 16px; margin: 0px; padding: 0px;}

	/*2nd pages css*/
/*innerbanner-block*/
.innerbanner-block{width: 100%; float:left; background:url(../images/inner-banner.jpg) no-repeat center; background-size: cover; min-height:285px; position:relative;}
.innerbanner-block .overlay{ position: absolute; top: 0px; width: 100%; background: rgba(0,0,0,0.5); height: 100%;}

/*afgelasting-block*/
.afgelasting{background: #0068a8; padding: 10px 0px;float: left;width: 100%;}
.afgelasting p{color: #fff; margin-bottom: 0px;}
.afgelasting p span{color: #fec524; font-size: 24px; text-transform: upperCase;}
.afgelasting .alle{ text-align: right;}
.afgelasting a { color: #fec524;}

/*beker-block*/
.beker-block{background: #f3f3f3;float: left;width: 100%;}
.beker-block h2{ padding: 0px 25px 34px 0px;background: none;color: #0068a8;}
.beker-block .stand{background: #fec524;float: left;width: 100%; border-bottom: 2px solid #0068a8;}
.beker-block .stand ul{float: left;padding: 0px;margin: 0px;}
.beker-block .stand ul li{ float: left; font-size:28px; color: #fff; font-weight: 700;padding: 7px 25px; cursor: pointer}
.beker-block .stand ul li.active{background: #0068a8}
	/*tab content one*/
.beker-block .boxtel{width: 100%; float: left;background:#fff}
.beker-block .boxtel .year{width: 100%; float: left; padding: 0px 25px 25px 25px;display: none}
.beker-block .boxtel .year.act{ padding: 0px 25px 25px 25px;width: 100%; float: left; display: block}
.beker-block .boxtel .wedstrijdenblok{padding-top: 25px;width: 100%; float: left; margin-bottom: 30px;}
.beker-block .boxtel .wedstrijdenblok.no-speace{ margin-bottom: 0px;}
.beker-block .boxtel .wedstrijdenblok h3{font-size: 22px;width: 100%; float: left;padding: 0px 0px 20px 0px;display: block;color: #999999;}
.beker-block .boxtel ul.kant{padding: 0px;margin: 0px; float: left; width: 100%; border-bottom: 2px solid #f3f3f3;}
.beker-block .boxtel ul.kant li{width: 100%; background: #f3f3f3; padding: 10px; float: left; cursor:pointer;}

.beker-block .boxtel ul li.active{background: #0068a8 !important}
.beker-block .boxtel ul.kant li.active p{color: #fff; font-weight:500}
/* .beker-block .boxtel ul.kant li:hover p{color: #0068a8; font-weight:700} 
.beker-block .boxtel ul.kant li:hover{background: #0068a8 !important}*/
.beker-block .boxtel ul.kant li:nth-child(even){width: 100%; background: #fff; padding: 10px; float: left;}
.beker-block .boxtel ul.kant li:nth-child(odd){width: 100%; background: #f3f3f3; padding: 10px; float: left;}
.beker-block .boxtel ul.kant li p{ font-size: 22px; color: #999999; font-weight: 300;margin-bottom: 0px;}
.beker-block .boxtel ul.kant li .game-icon{width: 5%; float: left; color: #999;}
.beker-block .boxtel ul.kant li .time{width: 5%; float: left;}
.beker-block .boxtel ul.kant li .gen{width: 25%; float: left;}
.beker-block .boxtel ul.kant li .status{width: 25%; float: left;}
.beker-block .boxtel ul.kant li .sport{width: 25%; float: left;}
.beker-block .boxtel ul.kant li .num{width: 5%; float: left;}

	/*tab content two*/
.beker-block .stand-box{width: 100%; float: left;background:#fff;padding-top: 15px;}
.beker-block .punten{border-top: 2px solid #f3f3f3; text-align: center;float: left;width: 100%;}
.beker-block .punten ul.ges{margin: 0px;padding: 15px 0px;padding: 30px 0px 9px 0px;display: inline-block;}
.beker-block .punten ul.ges li{float: left;}
.beker-block .punten ul.ges li a{ padding:0px 4px; border-right: 2px solid #ccc;line-height: 19px;display: block; color:#999999;}
.beker-block .stand-box table {width: 100%;border-collapse: collapse; }
/* Zebra striping */
.beker-block .stand-box tr:nth-of-type(odd) {background: #f3f3f3;  }
.beker-block .stand-box th {background: #fff; color: #999999; font-weight: 700; }
.beker-block .stand-box td, th { padding: 6px;text-align: left;cursor:pointer }
.beker-block .stand-box td:nth-child(2){width: 20%}
.beker-block .stand-box td:nth-child(4){width: 10%}
.beker-block .stand-box td:nth-child(7){width: 10%}
.beker-block .stand-box td:nth-child(10){width: 10%}
.beker-block .stand-box tr p{color: #999999; font-weight:300; margin-bottom: 0px; font-size: 22px;}
/* .beker-block .stand-box tr:hover{ background: #0068a8 !important;cursor:pointer}
.beker-block .stand-box tr:hover p{color: #0068a8; font-weight:700} */
.beker-block .stand-box tr.active{ background: #0068a8 !important;cursor:pointer}
.beker-block .stand-box tr.active p{color: #fff; font-weight:500}

/*tab content three*/
.beker-block .ver-peeld{width: 100%; float: left;background:#fff;padding-top: 25px;}
.beker-block .ver-peeld h2{padding-bottom: 10px;font-size: 26px;}
.beker-block .boxtel .wedstrijdenblok.program{ margin-top: 0px;}
.beker-block .boxtel .wedstrijdenblok.program h2{padding-bottom: 20px; font-size: 26px;}
.beker-block .boxtel .wedstrijdenblok.program h3{font-size: 22px;}
.beker-block .punten{border-top: 2px solid #f3f3f3; text-align: center;float: left;width: 100%;}
.beker-block .punten ul.ges{margin: 0px;padding: 15px 0px;padding: 30px 0px 9px 0px;display: inline-block;}
.beker-block .punten ul.ges li{float: left;}
.beker-block .punten ul.ges li a{ padding:0px 4px; border-right: 2px solid #ccc;line-height: 19px;display: block; color:#999999;}
.beker-block .ver-peeld table {width: 100%;border-collapse: collapse; }
/* Zebra striping */
.beker-block .ver-peeld tr:nth-of-type(odd) {background: #f3f3f3;  }
.beker-block .ver-peeld th {background: #fff; color: #999999; font-weight: 700; border-bottom: 2px solid #ccc;}
.beker-block .ver-peeld td, th { padding: 6px;text-align: left; }
.beker-block .ver-peeld td:nth-child(2){width: 20%}
.beker-block .ver-peeld td:nth-child(4){width: 10%}
.beker-block .ver-peeld td:nth-child(7){width: 10%}
.beker-block .ver-peeld td:nth-child(10){width: 10%}
.beker-block .ver-peeld tr p{color: #999999; font-weight:300; margin-bottom: 0px; font-size: 22px;}
/* .beker-block .ver-peeld tr:hover{ background: #0068a8 !important;cursor:pointer}
.beker-block .ver-peeld tr:hover p{color: #0068a8; font-weight:700} */
.beker-block .ver-peeld tr.active{ background: #0068a8 !important;cursor:pointer}
.beker-block .ver-peeld tr.active p{color: #fff; font-weight:500}

/* team block */
.team-block{ margin-top: 30px;}
.team-block .box{padding: 25px 0px;background: #fff;float: left;width: 100%;}
.team-block .box ul{ margin: 20px 0px 0px 0px; padding: 0px;}
.team-block .box img{max-width: 100%;}
.team-block .box ul li{padding: 45px 40px; background: #f3f3f3; margin-bottom: 28px;}
.team-block .box ul li:last-child{margin-bottom: 0px;}
.team-block .box1{padding: 0px;background: #fff;float: left;width: 100%; padding-bottom: 15px;}
.team-block .box1 p{color: #999999; margin-bottom: 20px;}
.no-padding-left{padding-left:0px !important;}

/*3rd page css*/
/*standaard-blok*/
.standaard-blok{background: #f3f3f3;float: left;width: 100%;}
.standaard-blok h2{ padding: 0px 25px 34px 0px;background: none;color: #0068a8;}
.standaard-blok .box{padding: 25px 25px 0px 25px;background:#fff; display: table}
/*.standaard-blok .box:last-child{padding: 25px;background:#fff; display: table}*/
.standaard-blok .box:last-child{background:#fff; display: table}
.standaard-blok .box .left{display: table-cell; vertical-align: top; width:100%;}
.standaard-blok .box .left.tospeace{padding: 25px 0px 0px 0px;float: left;width: 68%}
.standaard-blok .box .right{display: table-cell; vertical-align: top;padding-left: 20px;}
.standaard-blok .box .right div{margin-bottom: 20px;}
.standaard-blok .box h5{color: #0068a8; margin: 0px 0px 5px 0px; font-weight:700;}
.standaard-blok .box p{color: #999999;}
.standaard-blok .box .img-right{float: right;max-width: 100%;}
.standaard-blok .box .title{font-size:16px; color:#999; padding:3px 10px}


/*berichtenblok*/
.berichtenblok{background: #fff;width: 100%; float: left;margin-bottom: 20px;}
.berichtenblok .box {width:100%; float: left; border-bottom: 1px dotted #e1e1e1;padding: 20px 10px;}
.berichtenblok .box img{max-width: 100%;}
.berichtenblok .box h3{margin-bottom: 20px;}
.berichtenblok .box h6{font-weight:700}
.berichtenblok .box p{margin-bottom: 0px; color: #999999}
.berichtenblok .box .link{margin-top: 16px; display: inline-block;}
.equal-height{display:table-cell; vertical-align:top;}

/*gallery-block*/
.gallery-block{ padding: 45px 25px 0px 25px; margin-top: 50px; background: #fff; float: left; width: 100%;}
.gallery-block ul{list-style: none; text-align: center; margin:0px; padding: 0px;}
.gallery-block ul li{ width: 30%;margin:0px 5% 25px 0px; float: left;}
.gallery-block ul li:nth-child(3n){margin-right: 0px;}
.gallery-block ul li img{max-width: 100%;}
.gallery-block .title{font-size:16px; color:#999; padding:3px 10px;text-align: left;display: block;}

/* SPONSORPAGINA*/
ul.sponsorlijst {
    padding-left: 0;
    float: left;
    margin: 20px 0;
}

li.sponsorblokje {
    border: 1px solid #ccc;
    padding: 35px;
    float: left;
    margin: 0 15px 15px 0;
	display: table;
}

.sponsorblokje div {
    width: 177px;
    height: 111px;
    display: block;
    text-align: center;
    vertical-align: middle;
	display: table-cell;
}



/*feild-block*/
.feild-block{width: 100%;padding: 20px 0px 0px 10px; margin-top: 50px; background: #fff; float: left;}
.feild-block .feild{width: 100%; float: left;margin-bottom: 6px;}
.feild-block .feild label{font-size: 20px; color: #999; font-weight:400;}
.feild-block .feild span{font-size: 20px; color: #999; font-weight:400;display: block;padding: 15px 0px 0px 0px;}
.feild-block .feild .form-group input[type="text"]{font-size: 20px; color: #999; font-weight:400; border-radius:0px; box-shadow:none;height:37px;}
.feild-block .feild .form-group select{padding: 0px 10px;width: 100%;font-size: 20px; color: #999; font-weight:400; border-radius:0px;border:1px solid #ccc;-webkit-appearance: none;-moz-appearance: none;appearance: none; background:url(../images/arrow.png) no-repeat 99%;height: 37px;}
.feild-block .feild .form-group textarea{padding: 0px 10px;width: 100%;font-size: 20px; color: #999; font-weight:400; border-radius:0px;resize:none; box-shadow:none}
.feild-block .feild .form-group input[type="submit"]{padding:9px 55px;font-size: 20px; color: #fff; font-weight:700; border-radius:0px; background: #dadada; border: 0px;}
.feild-block .feild .form-group input[type="submit"]:hover{border:none; background: #b4afaf}
/*radio box*/
input[type=radio].css-checkbox {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}
 input[type=radio].css-checkbox + label.css-label, input[type=radio].css-checkbox + label.css-label.clr {padding-left:26px;height:21px; display:inline-block;line-height:21px;	padding-right: 30px;background-repeat:no-repeat;
background-position: 0 0;font-size:21px;vertical-align:middle;cursor:pointer;}
input[type=radio].css-checkbox:checked + label.css-label, input[type=radio].css-checkbox + label.css-label.chk {
background-position: 0 -21px;}
label.css-label {background-image:url(http://csscheckbox.com/checkboxes/u/csscheckbox_ff8e92a480d2d59cd9d47df21cc7c150.png);
-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;	-moz-user-select: none;
-ms-user-select: none;user-select: none;}
/*check box*/
.feild-block .feild .check-box input[type=checkbox].css-checkbox {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}
.feild-block .feild .check-box  input[type=checkbox].css-checkbox + label.css-label,.feild-block .feild .check-box input[type=checkbox].css-checkbox + label.css-label.clr {
padding-left:55px;height:21px; display:inline-block;line-height:21px;background-repeat:no-repeat;background-position: 0 0;font-size:21px;vertical-align:middle;cursor:pointer;}
.feild-block .feild .check-box  input[type=checkbox].css-checkbox:checked + label.css-label,.feild-block .feild .check-box input[type=checkbox].css-checkbox + label.css-label.chk {
background-position: 0 -21px;}
.feild-block .feild .check-box label.css-label {	background-image:url(http://csscheckbox.com/checkboxes/u/csscheckbox_79ebbe3c240691f541d493448a4a4ec8.png);
-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

li {
color: #999;
}


/*responsive css*/
@media only screen and (max-width: 1199px){
.header-block .bottom .navbar-nav li a{padding: 0px 10px;}

}
@media only screen and (max-width: 1023px){
.header-block .logo{width: 100%;}
.header-block .tagline{margin-left: 10px;margin-top: 46px;}
.banner-block .item .caption .box{height: 300px;}
.komende-wedstrijd-blok .box img{max-width: 100%;}
.footer-block a{font-size: 18px;}
.agenda-blok .box ul li .title a{font-size: 17px;}
}
@media only screen and (max-width: 991px){
h2{padding: 15px 15px;}
.header-block{height: auto;}
.header-block .logo{width: 100%;}
.header-block .bottom .navbar-brand{top: 3px;}
.header-block  .navbar-header{width: 32%;}
.header-block .nav-menu ul li{padding: 20px 2px;}
.header-block .bottom .navbar-nav li ul{top: 65px;}
.header-block .bottom .navbar-nav li a{padding: 0px 8px;font-size: 20px;line-height: 66px;}
.header-block .nav-menu ul li a{font-size: 18px;padding: 12px 2px;}
.banner-block .item .caption .box h1{line-height: 42px;}
.banner-block .item .caption .box{height: 235px;}
.nieuwsblok .box{padding: 22px 10px;}
.stand-blok .box ul li{font-size: 19px;}
.banner-block .asting p{font-size: 17px;}
.banner-block .asting p span{font-size: 17px;}
.hoofdsponsoren-blok .box img{max-width: 100%;}
.footer-block a{font-size: 14px;}
.footer-block p{font-size: 14px;}

/*2nd page*/
.beker-block .boxtel ul.kant li p{font-size: 19px;}
.beker-block .stand-box tr p{font-size: 19px;}
.beker-block .ver-peeld tr p{font-size: 19px;}
.beker-block .punten ul.ges li a{font-size: 13px;line-height: 12px;}
.team-block .box ul li{padding: 20px 18px;}
.afgelasting p{font-size: 15px;}
.afgelasting p span{font-size: 15px;}
/*3rd page css*/
.standaard-blok .box .left{padding-right: 20px;}
.standaard-blok .box .left.tospeace{padding: 0px;}
.berichtenblok{ margin-top: 35px;}

}
@media only screen and (max-width: 767px){
.header-block{height: auto;}
.header-block .navbar-header{width: 100%;text-align: center;margin: 0px;}
.header-block .logo{display: none;}
.header-block .bottom .logo-mobile{display: inline-block;top: 5px; position: relative;}
.navbar-collapse.in{overflow-y: inherit !important;}
.navbar-toggle{background: #d21917;position: absolute;left: 9px;bottom: 3px;}
.navbar-toggle .icon-bar{background: #fff;}
.header-block .bottom .navbar-brand{padding: 0px;width: 100%;}
.header-block .bottom .navbar-nav{float: none; margin: 0px 0 0 0%;width: 100%; background: #f8f8f8;}
.header-block .bottom  .navbar-collapse {padding: 0px; border: 0; position: absolute; left: 0; width: 100%; margin: 0;  top:97px;z-index: 9999;}
.header-block .bottom .nav>li{position: relative; display: block; padding: 10px;   border-bottom:1px solid #1376aa; width: 100%;}
.header-block .bottom .navbar-nav .dropdown-menu li{padding: 10px;}
.header-block .bottom .navbar-nav .dropdown-menu li:last-child{padding-bottom: 0px;}
.header-block .bottom .navbar-nav li { padding: 0;}
.header-block .bottom .navbar-nav li a{ padding: 8px 20px;font-size: 23px; line-height: 30px; background: #2484b7;    background: -webkit-linear-gradient(top, #0068a8 0%, #2484b7 100%); background: linear-gradient(to bottom, #0068a8 0%, #2484b7 100%); color: #fff;border-bottom: none;}
.header-block .bottom .navbar-nav li a:hover{ padding:8px 20px; line-height: 30px; background: #2484b7;    background: -webkit-linear-gradient(top, #0068a8 0%, #2484b7 100%); background: linear-gradient(to bottom, #0068a8 0%, #2484b7 100%); color: #fec524;border-bottom: none;}
.header-block .bottom .navbar-nav li li {padding: 0;}
.header-block .bottom .navbar-nav li:hover ul { display: none;}
.header-block .bottom .navbar-nav li ul {padding: 0px;position: relative; top: 0; box-shadow: none; width: 100%; background: #0068a8;}
.header-block .bottom .navbar-nav li ul li{padding: 0px 0px;background:#fff; border-bottom: 1px solid #c6dae4;}
.header-block .bottom .navbar-nav li ul li:hover{background:#fff;}
.header-block .bottom .navbar-nav li ul li a{width:100%;background: none;font-size: 21px;padding: 10px 23px;color: #0068a8;line-height: 23px;}
.header-block .bottom .navbar-nav li ul li a:hover{background: none; color:#ffe100;padding: 10px 23px;color: #0068a8;line-height: 23px;}
.header-block .bottom .navbar-nav li ul li .submenu-icon{display:none;}

.navbar-nav .submenu{width: 25px; height: 25px; background: #0b5780;position: absolute; top: 12px; right: 10px; border-radius:3px;}
.header-block .bottom .navbar-nav li .submenu:before { position: absolute; right: -2px; top: -6px; content: "+"; width: 20px; height: 20px; color: #fff;  z-index: 999; cursor: pointer; font-size: 24px; font-weight: bold;  }
.header-block .bottom .navbar-nav li .submenu-hide:before { position: absolute; right: -4px; top: -7px; content: "-"; width: 20px; height: 20px; color: #fff;  z-index: 999; cursor: pointer; font-size: 27px; font-weight: bold; }
.navbar-nav .submenu-level1 .submenu{width: 25px; height: 25px; background: #969494;position: absolute; top: 10px; right: 10px; border-radius:3px;}
.header-block .bottom .navbar-nav li .submenu:before { position: absolute; right: -2px; top: -6px; content: "+"; width: 20px; height: 20px; color: #fff;  z-index: 999; cursor: pointer; font-size: 24px; font-weight: bold;  }
.header-block .bottom .navbar-nav li .submenu-hide:before { position: absolute; right: -4px; top: -7px; content: "-"; width: 20px; height: 20px; color: #fff;  z-index: 999; cursor: pointer; font-size: 27px; font-weight: bold; }
.header-block .bottom .toggle {display: block; background: none;}
/*sub submenu*/
.header-block .bottom .navbar-nav li ul li ul li{padding: 0px 10px;background: #efefef;border-bottom: 1px solid #e0d7d7;}
.header-block .bottom .navbar-nav li ul li ul li a{color: #1073a8; line-height: 23px;}
.header-block .bottom .navbar-nav li ul li ul li a:hover{color:#fec524}
.header-block .bottom .navbar-nav li ul li ul { position: relative; left: 0px;width: 100%;}
.header-block .bottom .navbar-nav li ul li:hover ul { display: none;}
.header-block .bottom .nav li:last-child ul li:hover ul { left: auto;right: auto; width: auto;}

h1{font-size: 26px;}
h5{font-size: 16px;}
.sponsorslide .logo .owl-carousel .owl-item img{margin: 0px auto;}
.header-block .tagline{display: none;}
.header-block .logo{width: 100%; text-align: center;}
.banner-block .item .caption .box h1{line-height: 26px;margin-top: 10px;}
.banner-block .carousel-control.left{width: 30px;background-size: 28px;}
.banner-block .carousel-control.right{width: 30px;background-size: 28px;}
.banner-block .item .caption .box{height: auto;}
.banner-block .asting .wegens{display: none;}
.banner-block .item .caption .box h5{line-height:18px; margin-top: 0px;}
.banner-block .asting p span{font-size: 22px;text-align: center; display: block}
#content-wrap{padding: 20px 0px 0px 0px ;}
.agenda-blok .box ul li .title a{font-size: 22px;}
.sponsorslide .logo{margin: 25px 0px;}

/*2nd pages css*/
.beker-block .stand ul li{font-size: 22px;padding: 7px 10px;}
.beker-block .boxtel ul.kant li:nth-child(odd){padding:5px 10px;}
.beker-block .boxtel ul.kant li:nth-child(even){padding:5px 10px;}
.beker-block .boxtel ul.kant li .sport{display: none;}
.beker-block .boxtel ul.kant li .time{width: 15%;padding: 4px 0px;}
.beker-block .boxtel ul.kant li .gen{width: 35%;padding: 4px 0px;}
.beker-block .boxtel ul.kant li .status{width: 35%;padding: 4px 0px;}
.beker-block .boxtel ul.kant li .num{width: 10%;padding: 4px 0px;}

/*2nd tab*/
.beker-block .stand-box th.mobile-design{display: none;}
.beker-block .stand-box td.mobile-design{display: none;}
.beker-block .stand-box td:nth-child(1){width: 10%;padding: 0px 10px;}
.beker-block .stand-box td:nth-child(2){width: 50%;}
.beker-block .stand-box td:nth-child(3){width: 10%;}
.beker-block .stand-box td:nth-child(4){width: 10%;}
.beker-block .stand-box tr p{font-size: 19px;}
.beker-block .punten ul.ges li.mobile-design{display: none;}
.beker-block .punten ul.ges li a{font-size: 20px; line-height: 16px;}

.beker-block .ver-peeld th.mobile-design{display: none;}
.beker-block .ver-peeld td.mobile-design{display: none;}
.beker-block .ver-peeld td:nth-child(1){width: 10%;padding: 0px 10px;}
.beker-block .ver-peeld td:nth-child(2){width: 50%;}
.beker-block .ver-peeld td:nth-child(3){width: 10%;}
.beker-block .ver-peeld td:nth-child(4){width: 10%;}
.beker-block .ver-peeld tr p{font-size: 19px;}

.team-block h4{ margin-top: 20px;}
.team-block .box img{margin: 20px 0px;}
.team-block .box{padding: 0px 10px;}
.team-block .box ul{margin-bottom: 20px;}
.team-block .box ul li{padding: 0px 18px;}
.afgelasting .wegens{display: none;}
.afgelasting .alle{text-align: center;}
.innerbanner-block{min-height: 185px;}
.afgelasting p span{font-size: 24px;}
/* 3rd pages css*/
.standaard-blok .box .left{padding-right:0px;width: 100%; display: block}
.standaard-blok .box h5{font-size: 22px;}
.standaard-blok .box .right{display:block;text-align: center;}
.standaard-blok .box .title{display: block}
.standaard-blok .box .img-right{ float: none;margin: 15px auto;}
.gallery-block ul li{width: 100%;margin: 0px auto;}
.gallery-block .title{padding: 10px; text-align: center;}
.berichtenblok .box h3{font-size: 21px;margin-bottom: 10px;}

}

@media only screen and (max-width: 479px){
p{font-size:15px; line-height: 16px;}
h6{font-size: 14px;}
h3{font-size: 16px;}
.btn{padding: 2px 28px; font-size: 17px;}
.btn:hover{padding: 2px 28px; font-size: 17px;}
.link{font-size: 14px;}
.header-block .bottom .navbar-nav li li ul{top:3px;}
.nieuwsblok .box h3{margin-bottom: 10px;}
.banner-block .carousel-control.left{width: 20px;background-size: 20px;}
.banner-block .carousel-control.right{width: 20px;background-size: 20px;}
.carousel-inner>.item>img, .carousel-inner>.item>a>img{height: 145px;}
.komende-wedstrijd-blok .box .accommodatie h3{font-size: 26px; line-height: 42px;}
.komende-wedstrijd-blok .box .accommodatie p{font-size: 18px;}
.sponsorslide .container{padding: 0px;}
.sponsorslide .logo{ padding: 20px 10px;}
.sponsorslide .logo .owl-carousel .owl-item img{padding: 0px 15px;}
#content-wrap .container{padding: 0px;}
.footer-block .m-post{display: block;}
.footer-block .m-hide{display: none;}
.footer-block p{font-size: 16px;line-height: 21px;}
.copy-block p{font-size: 14px;line-height: 23px; text-align: center;}

/*2nd page css*/
.innerbanner-block{min-height: 120px;}
.beker-block h2{padding: 0px 25px 20px 15px;}
.beker-block .stand ul li{font-size: 17px;padding: 7px 20.9px;}
.beker-block .boxtel ul.kant li{padding: 0px;}
.beker-block .boxtel .wedstrijdenblok{padding-top: 15px;}
.beker-block .boxtel .year{padding: 15px;}
.beker-block .boxtel .year.act{padding: 15px;}
.beker-block .ver-peeld{padding-top: 12px;}
.beker-block .ver-peeld h2{ padding-bottom: 0px;  padding-left: 0px;}
.beker-block .ver-peeld tr p{font-size: 19px;}
.beker-block .stand-box tr p{font-size: 19px;}
.beker-block .boxtel .wedstrijdenblok.program h2{padding: 0px 0px 15px 0px;}
.team-block h2{padding: 9px 30px;font-size: 25px;}

.beker-block .stand-box{padding-top: 0px;}
.beker-block .stand-box td, th{padding: 10px 2px;}
.beker-block .punten ul.ges{padding-top: 20px; }
.beker-block .punten ul.ges li{text-align: left; }
.beker-block .punten ul.ges li a{font-size: 20px;line-height: 15px;padding: 0px 5px; border-right: 1px solid #ccc !important; border-right: 0px; display: block; }
.team-block p{font-size: 17px;line-height: 24px;}
.team-block h4{margin-top: 0px;}


/*3rd pages css*/
.berichtenblok .box h3{font-size: 16px; margin-bottom: 10px;}
.standaard-blok .box .left.tospeace{width: 100%;}
.standaard-blok h2{padding: 0px 18px 22px 15px;}
.standaard-blok .box{padding: 15px;}
.standaard-blok .box p{font-size: 18px;line-height: 21px;}
.standaard-blok .box .right{padding: 0px;}
.standaard-blok .box img{max-width: 100%;}
.berichtenblok .box .link{margin-top: 0px;}
.gallery-block{padding: 18px 25px 0px 25px;}
.gallery-block ul li{margin: 0px;}
.feild-block{padding: 20px 20px 0px 20px;}
.feild-block .feild{margin-bottom: 0px;}
.feild-block .feild .form-group select{background: url(../images/arrow.png) no-repeat 98%;}
input[type=radio].css-checkbox + label.css-label{padding-right: 15px;}
}


@media only screen and (max-width: 359px){
.beker-block .stand ul li{padding: 7px 15px;}
.beker-block .punten ul.ges li a{font-size: 16px;}
}