body{width:100%;margin:0;padding:0;font-size:16px;line-height:24px;font-family: 'Work Sans', sans-serif;font-weight:400;color:#1a1a1a;background:#e8e4d2;-webkit-text-size-adjust:none} #wrap{position:relative;width:980px;margin:0 auto;background:#eee} hr{background-color:#1a1a1a;border:0;color:#1a1a1a;height:1px;margin:10px 0 10px 0} a{color:#004CC8} a:hover{color:#1a1a1a} h1{font-size:24px;margin:0;padding:0 0 12px 0;line-height:32px;font-weight:600;color:#1a1a1a} h1 .subtitle{display:block;font-family: 'Work Sans', sans-serif;font-size:24px;line-height:28px} h2{font-size:20px;margin:0;padding:0 0 12px 0;line-height:24px;font-weight:600;color:#1a1a1a} h3, h4, h5, h6{font-size:16px;margin:0;padding:0;line-height:24px;font-weight:600;font-family: 'Work Sans', sans-serif;} .h1{font-size:24px;margin:0;padding:0 0 12px 0;line-height:32px;font-weight:600;color:#1a1a1a} .h1date{padding:0;color:#000} p{margin:0;padding:0 0 24px 0} ul{margin:0;padding:0 0 24px 0} ol{margin:0;padding:0 0 24px 0} li{margin:0 0 0 24px;padding:0} img{border:0} sub,sup{position:relative;height:0;line-height:1;vertical-align:baseline} sup{bottom:1ex} sub{top:.5ex} address{display:none} #logo{position:absolute;margin:0;padding:0;left:20px;top:10px;height:40px;width:180px;overflow:hidden} #logo a{display:block;height:40px} #logo img{display:block;width:74px;position:relative;float:left} #logo span{display:block;float:left;font-size:11px;line-height:40px} #logo a{color:#1a1a1a} #logo a:hover{color:#1a1a1a} @media (min-width: 768px) { #logo{left:auto;right:20px;top:30px;height:60px;width:220px} #logo a{display:block;height:60px} #logo img{display:block;width:110px;position:relative;float:left} #logo span{display:block;float:left;font-size:12px;line-height:60px} } strong{font-weight:600} /*common classes*/ .hidden{display:none} .center{text-align:center} .flr{float:right} .fll{float:left} .clr{clear:right} .cll{clear:left} .tar{text-align:right} .tal{text-align:left} .clearer{height:0px;overflow:hidden;margin-top:-1px;clear:both} .fs90{font-size:90%} .fs80{font-size:80%} /*main structure*/ header{position:relative;width:100%;z-index:20} header .container{position:relative;width:100%;height:60px;margin:0 auto;max-width:1200px} @media (min-width: 768px) { header .container{height:100px} } nav{position:relative;width:100%;z-index:30} nav .container{position:relative;width:100%;margin:0 auto;max-width:1200px} div[role=main]{position:relative;width:100%} div[role=main] .container{position:relative;width:100%;margin:0 auto;max-width:1200px} div[role=main] .container2{position:relative;width:100%;background:#004CC8} div[role=main] .container2 .inner{position:relative;width:100%;margin:0 auto;max-width:1200px} div[role=main] #HomePage .container{max-width:1360px} footer{position:relative;width:100%} footer .container{position:relative;width:100%;margin:0 auto;max-width:1160px} footer .top{padding:24px 20px 0 20px;color:#fff;font-size:14px;background:#004CC8} footer .top a{color:#fff} footer .top a:hover{color:#fff} footer .cols{position:relative} footer .col1a{padding:0;line-height:19px;max-width:240px} footer .col1b{padding:0;line-height:19px} footer .col1c{padding:0;position:absolute;right:0;top:2px} footer .col1c img{display:block;margin:0;width:102px} @media (min-width: 680px) { footer .col1a{float:left;width:200px;padding-left:150px} footer .col1b{float:right;width:280px} footer .col1c{padding:0;position:absolute;right:auto;left:0;top:2px} } footer .top ul{list-style-type:none;margin:0;padding:0 0 14px 0} footer .top ul li{margin:0;padding:0} footer .top ul li a{width:100%;line-height:24px;padding:0 20px;display:block;text-decoration:none;margin-bottom:10px;box-sizing:border-box;max-width:250px;margin:0 auto 10px auto;-moz-transition: all .1s ease-in;-o-transition: all .1s ease-in;-webkit-transition: all .1s ease-in;transition: all .1s ease-in} footer .top ul li a:hover{color:#fff;text-decoration:none} footer .top ul li a:hover .arrow{} footer .top ul li a .arrow{display:block;float:left;background:#fff;box-sizing:border-box;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;width:30px;height:30px;position:relative;margin-right:6px} footer .top ul li a .arrow img{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:12px} @media (min-width: 500px) { footer .top ul li a{margin:0 0 10px 0} } @media (min-width: 3768px) { footer .col1{float:left;width:40%;box-sizing:border-box} footer .col2a{float:left;width:38%;box-sizing:border-box;padding:0 10px 0 40px;max-width:340px} footer .col2b{float:left;width:22%;box-sizing:border-box;padding:0 10px;max-width:200px} } @media (min-width: 3900px) { footer .col1{width:calc(100% - 480px);box-sizing:border-box;max-width:460px;position:relative;padding-right:140px} footer .col1a{width:100%;float:left;box-sizing:border-box;padding:0 0 0 0} footer .col1b{float:none;position:absolute;right:0;top:0} footer .col2{width:480px;float:right} footer .col2a{float:left;width:280px;box-sizing:border-box;padding:0 10px 0 40px} footer .col2b{float:left;width:200px;box-sizing:border-box;padding:0 10px} } @media (min-width: 31080px) { footer .col2{width:540px} footer .col2a{width:320px} footer .col2b{width:220px} } footer .bottom{} footer .bottom p{margin:0;padding:18px 20px;text-align:center} #footermenu{} #footermenu ul{margin:0;padding:0 0 24px 0;list-style-type:none} #footermenu ul li{margin:0;padding:0} #footermenu ul ul{display:none} /*mainmenu*/ #mainmenu{display:none;min-height:calc(100vh - 60px);height: calc(var(--vh, 1vh) * 100 - 60px);box-sizing:border-box;padding-bottom:170px;position:relative} #mainmenu ul{display:block;list-style-type:none;margin:0;padding:20px 0} #mainmenu ul li{display:block;margin:0;padding:0} #mainmenu ul li a{display:block;padding:8px 20px 8px 50px;color:#1a1a1a;text-decoration:none;line-height:24px;font-weight:400;font-size:18px;text-transform:lowercase;text-align:left} #mainmenu ul li a:hover{color:#1a1a1a;text-decoration:none} #mainmenu ul li:first-child a{} #mainmenu ul li:last-child a{} #mainmenu ul .current a, #mainmenu ul .current-direct-parent a{color:#1a1a1a} #mainmenu ul .current a:hover, #mainmenu ul .current-direct-parent a:hover{color:#1a1a1a} #mainmenu ul ul{display:none} #mainmenu #menulogo{position:absolute;bottom:35px;right:10px;margin:0;padding:0;height:40px;width:180px;overflow:hidden} #mainmenu #menulogo img{display:block;width:74px;position:relative;float:left} #mainmenu #menulogo span{display:block;float:left;font-size:11px;line-height:40px} /*button menu*/ #btnmenu{position:absolute;right:0;top:-60px;display:block;width:60px;height:60px;padding:21px 17px 0 17px;cursor:pointer;box-sizing:border-box;-webkit-tap-highlight-color: rgba(0,0,0,0)} #btnmenu .line{position:relative;margin:0 0 6px 0;display:block;width:100%;height:2px;background:#1a1a1a;box-sizing:border-box;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px} #btnmenu .cross{display:none;position:absolute;left:18px;top:29px;width:24px;height:2px;background:#1a1a1a;box-sizing:border-box;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-ms-transform: rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)} #btnmenu .cross1{-ms-transform: rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg)} @media (min-width: 768px) { nav{height:0;position:relative} #btnmenu{display:none} #mainmenu{display:block;padding:0;position:absolute;left:0;top:-80px;min-height:80px;height:80px} #mainmenu #menulogo{display:none} #mainmenu ul{height:80px;text-align:right;width:auto;padding:0} #mainmenu ul li{display:inline} #mainmenu ul li a{display:inline-block;font-size:13px;padding:27px 7px 29px 7px;line-height:24px} #mainmenu ul li:first-child a{padding-left:20px} #mainmenu ul li:last-child a{} } @media (min-width: 840px) { #mainmenu ul li a{font-size:14px;padding:27px 10px 29px 10px} } @media (min-width: 900px) { #mainmenu ul li a{font-size:16px} } /*DefaultForm*/ .DefaultForm{position:relative;margin:0;padding:0;max-width:768px} .DefaultForm fieldset{border:0;margin:0;padding:0 0 24px 0} .DefaultForm legend{height:1px;overflow:hidden} .DefaultForm legend span{position:absolute;left:0;top:0;display:block;font-weight:600;font-size:20px;line-height:28px} .DefaultForm label{display:block;width:100%;padding:0 12px 10px 12px} .DefaultForm input, .DefaultForm select, .DefaultForm textarea{font-family: 'Work Sans', sans-serif;font-size:100%;margin:0 0 24px 0} .DefaultForm .input1{width:100%;border:0px solid #004CC8;padding:13px 12px;height:50px;background:#fff;box-sizing:border-box;-webkit-appearance:none;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px} .DefaultForm .input1_error{width:100%;border:0px solid #004CC8;padding:13px 12px;;height:50px;background:#fff;box-sizing:border-box;-webkit-appearance:none;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px} .DefaultForm .submitcontainer{text-align:center} .DefaultForm .submit{border:1px solid #fff;background:#004CC8;color:#ffffff;font-weight:400;cursor:pointer;padding:10px 60px;margin:0 auto 24px auto;-webkit-appearance:none;height:50px;-moz-transition: all .1s ease-in;-o-transition: all .1s ease-in;-webkit-transition: all .1s ease-in;transition: all .1s ease-in;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px} .DefaultForm .submit:hover, .DefaultForm .submit:active{border:1px solid #004CC8;background:#fff;color:#004CC8;font-weight:400;cursor:pointer;padding:10px 60px;margin:0 auto 24px auto;-webkit-appearance:none;height:50px} .DefaultForm .error{color:red} .DefaultForm .required{color:#004CC8} .DefaultForm .form_footer{text-align:right;padding:48px 0 30px 0} .DefaultForm .formline1{padding-top:10px;line-height:30px} .formsearch{text-align:center;padding:48px 0 0 0} .formsearch h2{font-size:32px;margin:0;padding:0 0 24px 0;line-height:32px;font-weight:600;color:#004CC8;color:#fff;font-family: 'Work Sans', sans-serif} .formsearch h2 span{font-size:32px;margin:0;padding:0 0 24px 0;line-height:32px;font-weight:500;color:#fff} .formsearch .DefaultForm .input1{text-align:center} .formsearch .DefaultForm label{display:none} .formsearch .DefaultForm{margin:0 auto} .formsearch .DefaultForm fieldset{border:0;margin:0;padding:0 20px} /*SearchForm*/ #SearchForm{max-width:570px} #SearchForm fieldset{padding:0} #SearchForm label{display:none} #SearchForm .input1{overflow:hidden} #SearchForm input.input1_error, #SearchForm input.input1_error:focus{} #SearchForm button{position:absolute;right:0;top:0;padding:16px 15px 12px 15px;border:0;background:transparent;cursor:pointer} #SearchForm button img{width:20px} #hypt { position: absolute; top: -10000px; } #selectdate{} #selectdate fieldset{padding:12px 0 11px 0} #selectdate .input1{border:1px solid #004CC8;color:#004CC8;margin:0 0 0 0} #selectdate .submit{border:0;background:transparent;color:#004CC8;font-weight:400;cursor:pointer;padding:10px 36px;margin:0 auto 0 auto;-webkit-appearance:none;height:50px;-moz-transition: all .1s ease-in;-o-transition: all .1s ease-in;-webkit-transition: all .1s ease-in;transition: all .1s ease-in;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;width:100%;box-sizing:border-box;text-align:right;text-decoration:underline;font-weight:500;z-index:2;position:relative} #selectdate .arrow{position:absolute;right:6px;bottom:24px;z-index:1} #selectdate label{display:block;width:100%;padding:0 10px 6px 10px;color:#004CC8;font-weight:600} .video{position:relative;padding:56.25% 0 0 0;height:0;width:100%;margin:0 0 24px 0} .video iframe{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0} .DefaultPage{padding:24px 20px} .DefaultPage img{max-width:100% !important} .HomePage{padding:24px 20px} .HomePage img{max-width:100% !important} .OrganisatiePage{padding:24px 20px} .OrganisatiePage img{max-width:100% !important} .clearfix::after { content: ""; clear: both; display: table; } .breadcrumb{display:none} .cleft{} .cright{} @media (min-width: 768px) { .cleft{width:50%;float:left;padding:0 15px 0 0;box-sizing:border-box} .cright{width:50%;float:right;padding:0 0 0 15px;box-sizing:border-box} } .cleft33{} .cright66{} .cleft66{} .cright33{} .cleft100-300{} .cright300{} @media (min-width: 768px) { .cleft33{width:33.33%;float:left;padding:0 15px 0 0;box-sizing:border-box} .cright66{width:66.66%;float:right;padding:0 0 0 15px;box-sizing:border-box} .cleft66{width:66.66%;float:left;padding:0 15px 0 0;box-sizing:border-box} .cright33{width:33.33%;float:right;padding:0 0 0 15px;box-sizing:border-box} .cleftA{width:calc(100% - 315px);float:left;padding:0 15px 0 0;box-sizing:border-box} .crightA{width:315px;float:right;padding:0 0 0 15px;box-sizing:border-box} } .item{position:relative;width:100%;margin-bottom:20px;background:#fff;-webkit-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;box-sizing:border-box;overflow:hidden} @media (min-width: 480px) { .item{ -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 0px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 0px } } .item .left{padding:0} .item .left_img{padding:0;} .item .left_img .uitgelicht{padding:0} .item .left_img .uitgelicht img{display:block} .item .right{padding:20px 20px 20px 20px} .item .right_img{padding:20px 20px 20px 20px} .item .right .praktisch{padding:0 50px 0 0} .item .right .locatie{padding:0 50px 0 0} .icon{position:absolute;width:100%;height:100%;padding:0;margin:0;z-index:999;left:0;top:0} .icon span{display:block;position:absolute;right:60px;bottom:20px;font-size:70%;padding:2px 10px;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;height:30px;line-height:24px;box-sizing:border-box;background:#fff;color:#004cc8;font-weight:600;border:1px solid #004cc8} @media (min-width: 480px) { .icon{display:none} } @media (min-width: 992px) { .icon{display:block} .icon span{right:60px;bottom:20px} .item .right .praktisch{padding:0 150px 0 0} .item .right .locatie{padding:0 150px 0 0} } @media (min-width: 1280px) { .icon span{right:auto;left:290px} .item .right .praktisch{padding:0 30px 0 0} .item .right .locatie{padding:0 30px 0 0} } .readmore{position:absolute;width:100%;height:100%;padding:0;margin:0;z-index:1000;left:0;top:0} .readmore a{display:block;position:absolute;width:100%;height:100%;padding:0;margin:0;z-index:1000} .arrow{display:block;position:absolute;right:10px;bottom:10px;background:#004cc8;box-sizing:border-box;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;width:30px;height:30px} .arrow img{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:12px} .arrow{display:block;position:absolute;right:20px;bottom:20px;background:#004cc8;box-sizing:border-box;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;width:30px;height:30px} } /* .item .periode{font-size:14px;line-height:20px;padding:0} .item .locatie{font-size:14px;line-height:20px;padding:0} .item .praktisch{font-size:14px;line-height:20px;padding:0} */ .item h2{font-size:20px;line-height:24px;padding:2px 0;color:#004cc8;color:#000} .item .datum{padding:2px 0;font-size:15px;font-weight:600;line-height:20px} .item .info{font-size:14px;line-height:19px;padding:2px 0} .item .info p{padding:0} .item .infocat{padding-bottom:40px} /* .item .date{position:relative} .item .date .dag{display:block;float:left;padding:0} .item .date .datum{display:block;float:right;padding:0} .item .date .line1{display:block;float:left;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#e8e4d2;color:#1a1a1a;font-weight:600;text-align:center;width:50px;padding:0;font-size:14px} .item .date .line2{width:30px;padding:0;font-weight:600;text-align:center;color:#1a1a1a} .item .date .line3{font-size:12px;line-height:22px;padding:2px 0 0 0;color:#1a1a1a} .item .date .datum2{display:block;float:left;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#e8e4d2;color:#1a1a1a;font-weight:600;padding:0 10px;font-size:14px} */ /* .tagcloud{margin:0;padding:0 0 18px 0;list-style-type:none} .tagcloud li{margin:0;padding:0 4px 8px 0;display:block;float:left} .tagcloud li a{display:inline-block;padding:0 24px;background:#fff;color:#1a1a1a;box-sizing:border-box;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;font-weight:500;text-decoration:none;font-size:12px;z-index:200} .tagcloud li a:hover{color:#1a1a1a;text-decoration:none} .tagcloud .active a{background:#004cc8;color:#fff} .tagcloud .actief a:hover{color:#fff} */ .item .image{position:relative;width:100%;padding:12px 0 0 0} .item .image img{display:block;width:52px} .item .logo{position:relative;width:100%;height:0;padding:0 0 50% 0;z-index:101;overflow:hidden} .item .logo img{display:block;position:absolute;top:0;left:50%;transform: translate(-50%, 0);height:100%;max-width:1920px !important} .item .logo1{background:#9dd0b4} .item .logo2{background:#63b9e9} .item .logo3{background:#b4b42d} .item .logo4{background:#e94f35} .item .logo5{background:#f07e28} .item .logo6{background:#75328a} .item .logo7{background:#ec6da6} .item .logo8{background:#00867b} .item .logo9{background:#47b170} .item .logo10{background:#206db5} .item .logo11{background:#f28f86} .item .logo12{background:#fbbf46} @media (min-width: 480px) { .item{min-height:150px} .item .left{float:left;width:150px} .item .right{padding:8px 20px 8px 170px} .item .right_img{padding:8px 20px 8px 20px} .item h2{max-height:48px;overflow:hidden;display:block;box-sizing:border-box;padding:0} .item .info{max-height:60px;overflow:hidden;display:block;box-sizing:border-box} .item .logo{position:relative;width:100%;height:0;padding:0 0 100% 0;z-index:101;overflow:hidden} .item .logo img{display:block;position:absolute;top:0;left:50%;transform: translate(-50%, 0);height:100%;max-width:1920px !important} .item .infocat{padding-bottom:0} } @media (min-width: 1280px) { .item .left{float:left;width:250px} .item .right{padding:24px 40px 8px 290px} .item .right_img{padding:24px 40px 8px 40px} .item .datum{padding:0 0 8px 0} .item h2{max-height:56px;line-height:28px;font-size:22px;margin:0 0 8px 0} .item .info{max-height:72px;line-height:24px;font-size:16px;box-sizing:border-box;padding:0;margin::0 0 8px 0} } /* @media (min-width: 3992px) { .item{min-height:200px} .item .left{float:left;width:200px} .item .right{padding:20px 10px 40px 230px} .item h2{font-size:16px;line-height:20px;max-height:40px;overflow:hidden} .item .info{font-size:14px;line-height:20px;max-height:60px;overflow:hidden} } */ /* @media (min-width: 540px) and (max-width: 768px) { .DefaultPage .item{padding-left:180px;height:180px} .DefaultPage .item .image{position:absolute;left:0;top:0;width:100%;padding:0 0 0 0} .DefaultPage .item .image img{display:block;width:180px} .DefaultPage .item .info .tags{left:190px} .item .logo img{display:block;width:100%} .HomePage .item .info .tags{left:120px;bottom:6px} .OrganisatiePage .item .logo img{display:block;width:100px} .OrganisatiePage .item .info .tags{left:10px;bottom:6px} } @media (min-width: 840px) { .DefaultPage .item{padding-left:180px;height:180px} .DefaultPage .item .image{position:absolute;left:0;top:0;width:100%;padding:0 0 0 0} .DefaultPage .item .image img{display:block;width:180px} .DefaultPage .item .info .tags{left:190px} .item .logo img{display:block;width:100px} .HomePage .item .info .tags{left:120px;bottom:6px} .OrganisatiePage .item .logo img{display:block;width:100%} .OrganisatiePage .item .info .tags{left:10px;bottom:6px} } */ .kaderwit .logo{position:relative;width:100%;max-width:300px;padding:0;margin:0 0 24px 0;border:1px solid #e8e4d2;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;box-sizing:border-box} .kaderwit .logo img{display:block;width:calc(100% - 40px);margin:24px auto} .periode{font-weight:600} .periode .long{display:none} @media (min-width: 480px) { .periode .short{display:none} .periode .long{display:inline} } /* .tagcloud li .alle{background:#004cc8} .tagcloud li .cultureelerfgoed{background:#2081c4} .tagcloud li .cultuur{background:#664040} .tagcloud li .dans{background:#61b9e9} .tagcloud li .expositie{background:#ea4d33} .tagcloud li .festival{background:#1e622f} .tagcloud li .film{background:#ef7d28} .tagcloud li .jong{background:#46b16f} .tagcloud li .klassiek{background:#742f89} .tagcloud li .kunst{background:#79c5b6} .tagcloud li .muziek{background:#00857a} .tagcloud li .theater{background:#f28f86} .tagcloud li .zingen{background:#ed6da6} .tagcloud li .workshop{background:#ffc048} */ .item .tagcloud{position:absolute;bottom:21px;left:calc(30% + 22px);padding:0;z-index:101} @media (min-width: 960px) { .item .tagcloud{left:202px} } .item .tagcloud li{margin:0;padding:3px 2px;display:block;float:left} .item .tagcloud li a{position:relative;display:inline-block;padding:0 16px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;font-weight:500;text-decoration:none;font-size:11px;z-index:200;line-height:20px;z-index:200} .kaderwit{background:#fff;padding:24px 24px 0 24px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;margin-bottom:24px} .kaderwit h2{padding:0 0 0 0;font-size:16px} .kaderwit h2.pd{padding:0 0 24px 0} @media (min-width: 768px) { .kaderwit2{background:#fff;padding:24px 24px 0 24px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;margin-bottom:24px} } .kaderwit2 h2{padding:0 0 0 0;font-size:16px} /*Share buttons*/ #share-buttons{margin:0;padding:0 0 24px 0} #share-buttons p{margin:0;padding:0} #share-buttons ul{list-style-type:none;margin:0;padding:0;float:left} #share-buttons ul li{display:block;margin:0;padding:0 0 0 0;float:left} #share-buttons ul li a{display:block;width:36px;height:36px;outline:0;padding:6px 3px} #share-buttons ul li a img{display:block;width:36px;height:36px} #share-buttons ul li #share-facebook{} #share-buttons ul li #share-twitter{} #share-buttons ul li #share-linkedin{} #share-buttons ul li #share-email{} #share-buttons:after { content: ''; display: block; clear: both; } /*Generic Image*/ .generic-image{overflow:hidden;width:100%;max-height:50vw;position:relative;margin-bottom:12px;box-sizing:border-box;background:#fff;display: flex; justify-content: center; align-items: center;} .generic-image img{display:block;width:100%} @media (min-width: 960px) { .generic-image{width:100%;max-height:33.33vw;display: flex; justify-content: center; align-items: center;} } @media (min-width: 1200px) { .generic-image{width:100%;max-height:400px;display: flex; justify-content: center; align-items: center;} } .generic-image-icon img{width:25%} .generic-image-icon1{background:#9dd0b4} .generic-image-icon2{background:#63b9e9} .generic-image-icon3{background:#b4b42d} .generic-image-icon4{background:#e94f35} .generic-image-icon5{background:#f07e28} .generic-image-icon6{background:#75328a} .generic-image-icon7{background:#ec6da6} .generic-image-icon8{background:#00867b} .generic-image-icon9{background:#47b170} .generic-image-icon10{background:#206db5} .generic-image-icon11{background:#f28f86} .generic-image-icon12{background:#fbbf46} #datepicker{margin-bottom:24px;max-width:380px} .ui-state-disabled { cursor: default !important; pointer-events: none; } .ui-datepicker-header { position: relative; box-sizing:border-box; -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px; background:#fff; width:100%; height:50px; margin-bottom:10px } .ui-datepicker { box-sizing:border-box; width: 100%; height: auto; margin: 0; background:transparent; border:0 } .ui-datepicker-title{text-align:center;font-weight:600;line-height:50px;padding:0;margin:0} .ui-datepicker-prev{display:block;width:30px;height:30px;position:absolute;left:10px;top:10px;background:url('/images/design/arrow-left-wit.svg') no-repeat 50% 50% #004cc8;background-size:12px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;box-sizing:border-box;cursor:pointer} .ui-datepicker-next{display:block;width:30px;height:30px;position:absolute;right:10px;top:10px;background:url('/images/design/arrow-right-wit.svg') no-repeat 50% 50% #004cc8;background-size:12px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;box-sizing:border-box;cursor:pointer} .ui-datepicker-header .ui-state-disabled{ background-color:#99b7e9;cursor: default !important;pointer-events: none} .ui-datepicker-calendar{width:100%;background:#fff;box-sizing:border-box;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;border:0; border-collapse: collapse;} .ui-datepicker-calendar th{width:14.28%;height:40px;font-weight:normal;font-size:13px} .ui-datepicker-calendar td{padding:5px 0} .ui-datepicker-calendar td span{display:block;width:30px;height:30px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;box-sizing:border-box;margin:0 auto;text-align:center;color:#bababa;background:#fff;font-size:13px;line-height:30px} .ui-datepicker-calendar td a{display:block;width:30px;height:30px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;box-sizing:border-box;margin:0 auto;text-align:center;color:#1a1a1a;background:#fff;font-size:13px;text-decoration:none;line-height:30px} .ui-datepicker-calendar td .ui-state-active{background:#004cc8;color:#fff} .ui-datepicker-calendar tbody{border-bottom:4px solid transparent} .calendernav{position:relative} .calendernav a, .calendernav span{display:block;margin:0 auto;width:calc(33.33% - 6px);max-width:100px;text-align:center;color:#fff;background:#004cc8;font-weight:500;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;box-sizing:border-box;font-size:11px;padding:3px 3px;text-decoration:none} .calendernav span{background:#99b7e9;text-decoration:none} .calendernav .left{display:block;margin:0;float:left} .calendernav .right{display:block;margin:0;float:right} .organisatiesublist{} .organisatiesublist h2{display:block;background:#003264;color:#fff;padding:10px 16px 34px 16px;font-weight:500;box-sizing:border-box;margin-bottom:6px;hyphens:auto;font-size:22px;line-height:30px;min-height:110px} .organisatiesublist:nth-child(15n+1) h2{background:#46b16f} .organisatiesublist:nth-child(15n+2) h2{background:#1e622f} .organisatiesublist:nth-child(15n+3) h2{background:#79c5b6} .organisatiesublist:nth-child(15n+4) h2{background:#00857a} .organisatiesublist:nth-child(15n+5) h2{background:#61b9e9} .organisatiesublist:nth-child(15n+6) h2{background:#006fc7} .organisatiesublist:nth-child(15n+7) h2{background:#f28f86} .organisatiesublist:nth-child(15n+8) h2{background:#ed6da6} .organisatiesublist:nth-child(15n+9) h2{background:#ea4d33} .organisatiesublist:nth-child(15n+10) h2{background:#ef7d28} .organisatiesublist:nth-child(15n+11) h2{background:#ffc048} .organisatiesublist:nth-child(15n+12) h2{background:#b4b42d} .organisatiesublist:nth-child(15n+13) h2{background:#b964b4} .organisatiesublist:nth-child(15n+14) h2{background:#5a5abe} .organisatiesublist:nth-child(15n+1) ul li::marker{color:#46b16f} .organisatiesublist:nth-child(15n+2) ul li::marker{color:#1e622f} .organisatiesublist:nth-child(15n+3) ul li::marker{color:#79c5b6} .organisatiesublist:nth-child(15n+4) ul li::marker{color:#00857a} .organisatiesublist:nth-child(15n+5) ul li::marker{color:#61b9e9} .organisatiesublist:nth-child(15n+6) ul li::marker{color:#006fc7} .organisatiesublist:nth-child(15n+7) ul li::marker{color:#f28f86} .organisatiesublist:nth-child(15n+8) ul li::marker{color:#ed6da6} .organisatiesublist:nth-child(15n+9) ul li::marker{color:#ea4d33} .organisatiesublist:nth-child(15n+10) ul li::marker{color:#ef7d28} .organisatiesublist:nth-child(15n+11) ul li::marker{color:#ffc048} .organisatiesublist:nth-child(15n+12) ul li::marker{color:#b4b42d} .organisatiesublist:nth-child(15n+13) ul li::marker{color:#b964b4} .organisatiesublist:nth-child(15n+14) ul li::marker{color:#5a5abe} .organisatiesublist ul li a{color:#1a1a1a;text-decoration-color:#fff;display:block} .organisatiesublist ul li a:hover{color:#1a1a1a;text-decoration-color:#1a1a1a} .organisatiesublist ul{margin:0;padding:0 0 24px 0} .organisatiesublist ul li{margin:0 0 0 16px;padding:0} @media (min-width: 480px) { .organisatiesublist{width:50%;float:left;padding:0 0 0 10px;box-sizing:border-box} .organisatiesublist:nth-child(2n+1){clear:both;padding:0 10px 0 0} } @media (min-width: 768px) { .organisatiesublist{width:33%;float:left;padding:0 0 0 10px;box-sizing:border-box} .organisatiesublist:nth-child(2n+1){clear:none} .organisatiesublist:nth-child(3n+1){clear:both;padding:0 14px 0 0} .organisatiesublist:nth-child(3n+2){padding:0 7px 0 7px} .organisatiesublist:nth-child(3n+3){padding:0 0 0 14px} } @media (min-width: 992px) { .organisatiesublist{width:25%;float:left;padding:0 0 0 10px;box-sizing:border-box} .organisatiesublist:nth-child(2n+1){clear:none} .organisatiesublist:nth-child(3n+1){clear:none} .organisatiesublist:nth-child(4n+1){clear:both;padding:0 14px 0 0} .organisatiesublist:nth-child(4n+2){padding:0 7px 0 7px} .organisatiesublist:nth-child(4n+3){padding:0 7px 0 7px} .organisatiesublist:nth-child(4n+4){padding:0 0 0 14px} } .event a{border:1px solid #004cc8} .buttons a{box-sizing:border-box;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;background:#004cc8;color:#fff;display:inline-block;margin:0 6px 12px 0;line-height:30px;padding:0 15px;text-decoration:none;font-size:70%;font-weight:500;font-size:11px} .buttons a.active{;background:#fff;color:#004cc8} #select_cat{} #select_cat .buttons{display:none} #select_cat .select{display:block} #select_cat .select{} #select_cat .select select{width:100%;font-family: 'Work Sans', sans-serif;font-size:100%;margin:0 0 24px 0;padding:12px 16px;border:0;background:#fff;max-width:380px;box-sizing:border-box;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#000;height:50px;outline:0; border-color: inherit; -webkit-box-shadow: none; box-shadow: none;} #select_cat .select select option{padding-left:16px} @media (min-width: 768px) { #select_cat .buttons{display:block} #select_cat .select{display:none} } .animatie{position:relative} .animatie .img{} .animatie .img img{display:block;width:100%} .animatie .txt{} .animatie .txt{padding:24px 20px} .animatie .txt img{max-width:100% !important} .animatie .txt .btn{padding:0;height:} .animatie .txt .btn a{display:block;float:left;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;padding:8px 20px;background:#004CC8;color:#004CC8;color:#fff;text-decoration:none} .animatie .txt .btn a:hover{color:#fff;text-decoration:none} /* @media (min-width: 768px) { .animatie{padding-bottom:24px} .animatie .txt{position:fixed;right:70px;bottom:60px;width:240px;background:#fff;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;z-index:1000} } @media (min-width: 768px) and (min-height: calc(66.67vw + 100px)) { .animatie .txt{position:absolute} } @media (min-width: 1200px) { .animatie .txt{right:calc(50% - 530px)} } @media (min-width: 1200px) and (min-height: 900px) { .animatie .txt{position:absolute;bottom:auto;top:450px} } .animatie .videocontainer{padding:0;position:relative;height:calc(133.33vw - 24px);} .animatie .videocontainer video{display:block;width:100%;height:auto;margin:0;position:absolute;top:0;left:0} @media (min-width: 768px) { .animatie .videocontainer{display:none} } */ @media (min-width: 768px) { .animatie{min-height:700px;overflow:hidden;width:100%;height:calc(100vh - 100px)} .animatie .txt{position:absolute;right:70px;bottom:60px;width:240px;background:#fff;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;z-index:1000}; .animatie .img{} .animatie .img img{display:block;width:100vw;height:calc(100vh - 100px);object-fit: cover;} }