PageSourceSearch

https://www.orioncollegedrostenburg.nl/contact/

html orioncollegedrostenburg.nl collected 2026-10-08 12:21:04 UTC 72,660 bytes, 2,254 lines download raw bytes

1
2
3
4
5<!DOCTYPE html>
6<html>
7
8  <head >
9    
10
11  
12
13  
14
15
16    
17
18
19  <!-- Google Tag Manager -->
20  
20<script data-type="application/javascript" type="text/plain" data-name="googletagmanager">
21    (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
22      new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
23      j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
24      'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
25    })(window,document,'script','dataLayer', 'G-K9REBWJMCQ' );</script>
25
26  <!-- End Google Tag Manager -->
27
28
29    
30      
31
32
33    
34    <meta charset="utf-8">
35    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
36    <meta name="csrf-token" content="thxOeRq22HAuhrkY0ojvXzvoxMviNppmn9lP8JG3O7orurAbVulTeTRx3kEZzYss">
37    <meta name="description" content="">
38    <meta name="keywords" content="">
39    <meta name="author" content="Changer">
40    <meta name="viewport" content="width=device-width, initial-scale=1">
41    
42
43    <title>Contact</title>
44
45    
46
47    
48      <link rel="stylesheet" type="text/css" href="https://stichtingorion-live-8da22ddc27e544289d3-e7384ba.divio-media.com/static/css/styles-st10.68d7c24fc6bb.css">
49      <link rel="stylesheet" href="https://stichtingorion-live-8da22ddc27e544289d3-e7384ba.divio-media.com/static/css/plugins/carousel/slick.c7d2dc6abf78.css" />
50      <link rel="stylesheet" href="https://stichtingorion-live-8da22ddc27e544289d3-e7384ba.divio-media.com/static/css/plugins/carousel/slick-theme.f35543846d59.css" />
vendor: 76 bytes, lines 50-53
50
51    
52
53  <script src="https://www.google.com/recaptcha/enterprise.js?render=
536LdxOPUsAAAAAHsTmZEEZzf8_5BpKxAl6k3apGv9
vendor: 38 bytes, lines 53-55
53" type="text/javascript"></script>
54
55  
55<script>
56    grecaptcha.enterprise.ready(function() {
57        grecaptcha.enterprise.execute('6LdxOPUsAAAAAHsTmZEEZzf8_5BpKxAl6k3apGv9', {action: 'homepage'}).then(function(token) {
58    document.querySelectorAll('input.django-recaptcha-hidden-field').forEach(function (value) {
59        value.value = token;
60    });
61    return token;
62})
63
64    });
65</script>
65
66
67
68  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
69
70
71    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
72<style>
73/*HIDE TOP ICONS #508576*/
74.icon-container.icon--top .icon-choice {
75  display: none;
76}
77
78@media (min-width: 992px) {
79  .icon-container.icon--top {
80    padding: 40px 15px 40px;
81}
82.img-thumbnail {
83  background-color: #fff;
84  border: 0;
85  border-radius: 30px;
86  padding: 0;
87}
88/*END #508576*/
89.st-10 .top-info {
90    display: none;
91}
92
93.home-main .intro-content {
94    padding-bottom: 0px;
95}
96
97@media (max-width: 992px) {
98.placeholder--sidebar {
99  margin-top: 0px;
100}
101}
102
103
104.sociallinks {
105  justify-content: flex-end;
106  align-items: center;
107  height: 100%;
108margin-left: auto;
109}
110
111.sociallinks .sociallink {
112  margin-top: 0;
113  border-radius: 50%;
114  box-shadow: none;
115  height: 32px;
116  width: 32px;
117}
118.sociallinks .sociallink i {
119  font-size: 1em;
120}
121.sociallinks .sociallink i:before {
122  top: -1px;
123  position: relative;
124}
125
126.sociallinks {
127    justify-content: unset;
128    align-items: unset;
129    height: auto;
130    margin-left: auto;
131}
132
133.sociallinks .sociallink i {
134  font-size: 1em;
135  color: white !important;
136}
137
138/* BLOG */
139.h3, .newsblog-search-label, h3 {
140    font-size: 1.5rem;
141    font-family: 'Nunito';
142}
143
144.blog-card h4.card-title {
145    color: #125F95;
146}
147
148a.nav-link.newsblog-nav-link, a.nav-link.faq-nav-link {
149    background: #fff !important;
150}
151
152h1.newsblog-article-title.card-title, h3.newsblog-article-title.card-title a {
153    color: #105C93;
154}
155
156@media (max-width: 760px) {
157main.content-main.sidebar-left .row {
158    flex-direction: column-reverse;
159}
160}
161
162.blog_feed {
163    margin-bottom: 2em;
164}
165
166a.dropdown-link {
167    width: 100%;
168    display: inline-block;
169}
170</style>
171    
172    
173
174  </head>
175
176  <body class="st-10 page-contact">
177    
178
179
180
181
182
183
184
185    
186
187
188  <noscript><iframe data-name="googletagmanager" data-src="https://www.googletagmanager.com/ns.html?id=G-K9REBWJMCQ"
189    height="0" width="0" style="display: none; visibility: hidden;"></iframe></noscript>
190
191
192
193    
194    
195
196
197<style type="text/css">
198    .generic-banner-title {
199    opacity: 1 !important;
200    transform: translateY(0) !important;
201}
202
203.generic-banner::before {
204    opacity: .6 !important;
205}
206.top-info a{
207color: white;
208}
209.contact-banner.banner--inline .contact-item__address .fa {
210    background-color:  #F08E00;
211border: 1px solid rgba(0,0,0,0.05);
212}
213
214.box-titel-zwart h3 {
215color: black!important;
216}
217.box-titel-zwart {
218 min-height: 100px;
219}
220</style>
221
222
223
224    
225
226
227
228<style type="text/css">
229  :root{
230    --theme-color: #F08E00;
231    --primary-color: #F7B801;
232    --secondary-color: #036FBC;
233    --tertiary-color: #009543;
234    --footer-color: #FFFFFF;
235    --footer-link-color: #444444;
236    --nav-link-color: #F08E00;
237    --nav-bg-color: #FFFFFF;
238    --topbar-bg-color: #FFFFFF;
239    --background-color: #FFFFFF;
240    --theme-heading-color: var(--theme-color);
241    --theme-hero-bg: #ffffff;
242    --theme-hero-color: #ffffff;
243    --font-base-size: 16px;
244    --file-background-color: #F7B801;
245    --file-text-color: #ffffff;
246    --link-text-color: #F08E00;
247    --quote-ff: Open Sans;
248    
249      --heading-ff: "Nunito", system-ui, sans-serif;
250    
251    --mobile-mode-width: 1400;
252    
253    
254  }
255
256  /*
257    Navbar inline css to fix issue related to "more" navbar after plugin add
258    PORTAL-434 & PORTAL-892
259  */
260  /* Navbar MORE menu fix begins here */
261  div.cms .cms-toolbar-item-navigation li {
262    position: relative;
263    float: left;
264  }
265  div.cms .cms-toolbar-item-navigation li ul {
266    display: none;
267  }
268  .cms-toolbar-item.cms-toolbar-item-buttons {
269    display: inline-block;
270  }
271  /* Navbar MORE menu fix ends here */
272
273  .navbar-nav .nav-link{
274    color: #F08E00;
275  }
276
277  a, a:hover {
278    color: #F08E00;
279  }
280
281  a.maps-web-btn {
282    background-color: #F08E00;
283  }
284
285  button[type=submit],
286  .btn-jobs-modal {
287    background-color: #F08E00;
288  }
289
290  .quote-text {
291    font-family: var(--quote-ff);
292  }
293
294  .theme-13 h2,
295  .theme-14 h2 {
296    color: #F7B801;
297  }
298
299  .caret {
300    color: #F08E00;
301  }
302
303  /* BLOG / JOBS / FAQ / SEARCH */
304
305  
306
307  .page-link:hover,
308  .list-group-item:hover,
309  .list-group-item:focus {
310    color: #F08E00;
311    background-color: #f7f7f7;
312  }
313
314  a.nav-link.newsblog-nav-link,
315  a.nav-link.faq-nav-link {
316    background: #F7B801;
317  }
318
319  .faq-overview-list h3:hover {
320    color: #F08E00;
321    text-decoration: none;
322  }
323
324  .search-pagination .page-item.active .page-link {
325    background-color: #F08E00;
326    border-color: #F08E00;
327  }
328
329  /* TABBABLE */
330  
331    .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
332      background-color: #FFFFFF;
333      border-color: #dee2e6 #FFFFFF;
334    }
335  
336
337
338  /* LOGIN */
339  .btn-tooltip-login,
340  .btn-tooltip-register {
341    background-color: #F08E00;
342    border-color: #F08E00;
343  }
344
345  .carousel-theme-6,
346  .carousel-theme-4 .carousel-tagline-wrapper {
347    background-color: #F7B801;
348  }
349
350  .carousel-theme-8 .schoolname,
351  .carousel-theme-9 .schoolname,
352  .theme-8 .introduction-left {
353    background-color: #F08E00
354  }
355
356  .theme-8 .introduction-right,
357  .theme-8 .school-tagline,
358  .theme-9 .school-tagline {
359    background-color: #F7B801;
360  }
361
362  .agenda-plugin .event-icon {
363    background-color: #F08E00;
364  }
365
366  .agendaeventMonth .bg-primary {
367    background-color: #F7B801 !important;
368  }
369
370  
371    /** Override nav links */
372    .theme-1 .navbar-light .nav li a,
373    .navbar-light .nav li a,
374    .navbar .nav > li > a,
375    .navbar-light .navbar-nav .nav-link,
376    .navbar-light .navbar-nav .show > .nav-link,
377    .navbar-light .navbar-nav .active > .nav-link,
378    .navbar-light .navbar-nav .nav-link.show,
379    .navbar .nav li.dropdown.active > .dropdown-toggle,
380    .navbar-light .navbar-nav .nav-link.active,
381    .navbar .nav li.dropdown.active > .dropdown-toggle,
382    .navbar .nav li.dropdown.open > .dropdown-toggle,
383    .dropdown-menu a,
384    .theme-10 .navbar .nav > li > a,
385    .theme-10 .navbar-light .navbar-nav .nav-link {
386      color: #F08E00;
387    }
388  
389
390  .navbar .nav .dropdown.active > .dropdown-toggle,
391  .navbar .nav .nav-item.active > .nav-link,
392  .navbar-theme-4.navbar .nav .nav-item.active,
393  .navbar-theme-4.responsive_menu .nav-item.active > .dropdown-toggle i{
394    color: #F08E00;
395  }
396
397  .content-theme-5 .nav,
398  .content-theme-5 .nav-stacked > li > a,
399  .content-theme-5 .nav-stacked > li > a:hover,
400  .content-theme-5 .nav-stacked > li > a:focus,
401  .content-theme-5 .nav-stacked > .active a,
402  .theme-7 .nav-stacked li a:hover,
403  .content-theme-8 .nav,
404  .content-theme-8 .nav-stacked > li > a,
405  .content-theme-8 .nav-stacked > li > a:hover,
406  .content-theme-8 .nav-stacked > li > a:focus,
407  .content-theme-8 .nav-stacked > .active a {
408    background-color: #F08E00;
409  }
410
411  .theme-10 .content-theme-10 .nav-stacked > li > a:hover,
412  .theme-10 .content-theme-10 .nav-stacked > li > a:focus,
413  .theme-20 .content-theme-20 .nav-stacked > li > a:hover,
414  .theme-20 .content-theme-20 .nav-stacked > li > a:focus,
415  .theme-25 .content-theme-20 .nav-stacked > li > a:hover,
416  .theme-25 .content-theme-20 .nav-stacked > li > a:focus {
417    border-bottom: 1px solid #F08E00;
418    color: #F08E00;
419  }
420
421  .theme-10 .content-theme-10 .nav-stacked > .active a,
422  .theme-20 .content-theme-20 .nav-stacked > .active a,
423  .theme-25 .content-theme-25 .nav-stacked > .active a {
424    color: #F08E00;
425  }
426
427  .theme-10 .content-theme-10 .nav-stacked > .active a:hover,
428  .theme-20 .content-theme-20 .nav-stacked > .active a:hover,
429  .theme-25 .content-theme-25 .nav-stacked > .active a:hover {
430    border-bottom: 1px solid #F08E00;
431    color: #F08E00;
432  }
433
434  .theme-10 .pull-right.css-login .btn,
435  .theme-20 .pull-right.css-login .btn,
436  .theme-25 .pull-right.css-login .btn {
437    background-color: #F7B801;
438    border-color: #F7B801;
439  }
440
441  .theme-10 .pull-right.css-login .btn:hover,
442  .theme-20 .pull-right.css-login .btn:hover,
443  .theme-25 .pull-right.css-login .btn:hover {
444    background-color: #036FBC;
445    border-color:  #036FBC;
446  }
447
448  .theme-6 .navbar .nav > li.active > a,
449  .navbar-theme-14  .nav .nav-item.active{
450    color: #F08E00;
451    border-bottom: 3px solid #F08E00;
452  }
453
454  .navbar-default .nav .active a:hover {
455    color: #F08E00;
456    background-color: #FFFFFF;
457    text-shadow: none;
458  }
459
460  .navbar .nav .nav-item .nav-link:hover,
461  .navbar .nav .nav-item .nav-link:focus{
462    background-color: #F08E00;
463  }
464
465  @media (min-width: 1200px) {
466    .theme-8 .responsive_menu .nav .nav-item:hover,
467    .theme-4 .responsive_menu .nav .nav-item:hover {
468      background-color: #F08E00;
469    }
470  }
471
472  .theme-12 .css-carousel-description > .css-carousel-description-background,
473  .theme-5 .css-carousel-description > .css-carousel-description-background {
474    background-color: #F08E00;
475  }
476  .nav-stacked .active > a {
477    border-left: 4px solid #F08E00 !important;
478  }
479  .nav-stacked .active a, .nav-stacked a:hover {
480    background-color: #fafafa;
481    color: #555555;
482  }
483  .circle {
484    -webkit-box-shadow: 0 0 10px #F08E00;
485    -moz-box-shadow: 0 0 10px #F08E00;
486    box-shadow: 0 0 10px #F08E00;
487  }
488
489  .navbar-theme-3 .nav > .nav-item.active > .nav-link,
490  .navbar-theme-4 .nav > .nav-item.active,
491  .navbar-theme-7 .nav > .nav-item.active > .nav-link,
492  .navbar-theme-8 .nav > .nav-item.active > .nav-link,
493  .navbar-theme-10 .nav > .nav-item.active > .nav-link {
494    border-color: #F08E00;
495  }
496
497  .theme-10-login-bar a:hover,
498  .theme-13-login-bar a:hover {
499    color: #F08E00;
500  }
501
502  .btn-navbar i {
503    color: #F08E00;
504  }
505
506  .navbar-theme-3 .dropdown-menu > li > a,
507  .navbar-theme-4 .dropdown-menu > li > a,
508  .navbar-theme-5 .dropdown-menu > li > a,
509  .navbar-theme-6 .dropdown-menu > li > a,
510  .navbar-theme-7 .dropdown .dropdown-item,
511  .navbar-theme-8 .dropdown-menu > li > a,
512  .navbar-theme-9 .dropdown-menu > li > a,
513  .navbar-theme-10 .dropdown-menu > li > a,
514  .navbar-theme-11 .dropdown-menu > li > a,
515  .navbar-theme-13 .dropdown-menu > li > a,
516  .navbar-theme-20 .dropdown-menu > li > a,
517  .navbar-theme-25 .dropdown-menu > li > a,
518  .navbar-st-7 .dropdown-menu > li > a,
519  .navbar-theme-22 .dropdown-menu > li > a {
520    color: #F08E00;
521  }
522
523  .navbar-theme-12 .navbar-toggle span.icon-bar {
524    background-color: #F08E00;
525  }
526
527  .navbar-theme-3 .navbar-toggle span.icon-bar,
528  .navbar-theme-4 .navbar-toggle span.icon-bar,
529  .navbar-theme-5 .navbar-toggle span.icon-bar,
530  .navbar-theme-6 .navbar-toggle span.icon-bar,
531  .navbar-theme-7 .navbar-toggle span.icon-bar,
532  .navbar-theme-8 .navbar-toggle span.icon-bar,
533  .navbar-theme-10 .navbar-toggle span.icon-bar,
534  .navbar-theme-11 .navbar-toggle span.icon-bar,
535  .navbar-theme-13 .navbar-toggle span.icon-bar,
536  .navbar-theme-20 .navbar-toggle span.icon-bar,
537  .navbar-theme-25 .navbar-toggle span.icon-bar,
538  .navbar-st-7 .navbar-toggle span.icon-bar,
539  .navbar-theme-22 .navbar-toggle span.icon-bar  {
540    background-color: #F08E00;
541  }
542
543  .css-cmsplugin_gallery .carousel-indicators .active {
544    background-color: #F08E00;
545  }
546
547  .item-primarycolor a,
548  .item-primarycolor a:hover {
549    color: #F08E00;
550  }
551  .item-themecolor a,
552  .item-themecolor a:hover {
553    color: #F08E00;
554  }
555
556  .theme-11 .widgets-theme-11 h2,
557  .theme-13 .widgets-theme-13 h2,
558  .theme-14 .widgets-theme-13 h2 {
559    color: #F7B801;
560  }
561
562  .theme-13 .bottom-1 .generic-banner,
563  .theme-14 .bottom-1 .generic-banner,
564  .theme-15 .bottom-1 .generic-banner {
565    background-color: #009543;
566  }
567  .theme-13 .bottom-2 .generic-banner,
568  .theme-14 .bottom-2 .generic-banner,
569  .theme-15 .bottom-2 .generic-banner {
570    background-color: #F08E00;
571  }
572  .theme-13 .bottom-3 .generic-banner,
573  .theme-14 .bottom-3 .generic-banner,
574  .theme-15 .bottom-3 .generic-banner {
575    background-color: #F7B801;
576  }
577  .theme-13 .bottom-4 .generic-banner,
578  .theme-14 .bottom-4 .generic-banner ,
579  .theme-15 .bottom-4 .generic-banner{
580    background-color: #036FBC;
581  }
582
583  .banners-theme4 h2 {
584    color: #036FBC;
585  }
586
587  .carousel-theme-10 h1:before,
588  .carousel-theme-10 h2:before,
589  .carousel-theme-13 h1:before,
590  .carousel-theme-13 h2:before {
591    background-color: #F7B801;
592  }
593
594  .theme-10 .news-plugin h3,
595  .theme-10 .news-plugin a,
596  .theme-10 .agenda-plugin h3,
597  .theme-10 .agenda-plugin a,
598  .theme-13 .news-plugin h3,
599  .theme-13 .news-plugin a,
600  .theme-13 .agenda-plugin h3,
601  .theme-13 .agenda-plugin a,
602  .theme-20 .news-plugin h3,
603  .theme-20 .news-plugin a,
604  .theme-20 .agenda-plugin h3,
605  .theme-20 .agenda-plugin a,
606  .theme-25 .news-plugin h3,
607  .theme-25 .news-plugin a,
608  .theme-25 .agenda-plugin h3,
609  .theme-25 .agenda-plugin a {
610    color: #F08E00;
611  }
612
613  .theme-11-news-agenda h2,
614  .theme-13-news-agenda h2 {
615    color: #F08E00;
616  }
617
618  .theme-11 .pager li > a, .pager li > span,
619  .theme-13 .pager li > a, .pager li > span {
620    background-color: #F08E00;
621  }
622  .theme-11 .pager li > a:hover,
623  .theme-13 .pager li > a:hover {
624    background-color: #036FBC;
625  }
626
627  /* ADD BACKGROUND IMAGE TO THEME */
628  body{
629    
630      background: #FFFFFF;
631    
632  }
633
634  body,
635  html {
636    
637      font-family: "Open Sans", system-ui, sans-serif;
638    
639    -webkit-font-smoothing: antialiased;
640    font-size: var(--font-base-size);
641  }
642
643  .mt-icon-primary {
644    color: #F7B801;
645  }
646  .mt-icon-secondary {
647    color: #036FBC;
648  }
649  .mt-icon-themecolor {
650    color: #F08E00;
651  }
652  /*
653  .box.primary, .section.primary {
654    background-color: #F7B801;
655  }
656  .box.secondary, .section.secondary {
657    background-color: #036FBC;
658  }
659  .box.theme, .section.theme {
660    background-color: #F08E00;
661  }
662  .box.tertiary, .section.tertiary {
663    background-color: #009543;
664  }
665  */
666
667  
668    .mt-icon-tertiary {
669      color: #009543;
670    }
671    .theme-10 form.djangocms-googlemap-route-planner input[type="submit"],
672    .theme-20 form.djangocms-googlemap-route-planner input[type="submit"],
673    .st-7 form.djangocms-googlemap-route-planner input[type="submit"],
674    .theme-22 form.djangocms-googlemap-route-planner input[type="submit"] {
675      background-color: #F7B801;
676    }
677    .theme-10 form.djangocms-googlemap-route-planner input[type="submit"]:hover,
678    .theme-20 form.djangocms-googlemap-route-planner input[type="submit"]:hover,
679    .st-7 form.djangocms-googlemap-route-planner input[type="submit"]:hover,
680    .theme-22 form.djangocms-googlemap-route-planner input[type="submit"]:hover {
681      background-color: #036FBC;
682    }
683
684    .theme-11 .fa-play,
685    .theme-14 .fa-play  {
686      background-color: #F7B801;
687    }
688    .theme-11 .fa-play:hover,
689    .theme-14 .fa-play:hover {
690      background-color: #F08E00;
691      text-decoration: none;
692    }
693
694    .theme-24 .content-page .youvideo-thumbnail::after {
695      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 476.7 384.3'%3E%3Cpath fill='%23F08E00' d='M188 371.9c128.6 37.4 255.5-12.8 283.3-112S417.4 49.8 288.8 12.4C160.1-25 33.3 25.1 5.4 124.4 -22.4 223.7 59.3 334.5 188 371.9'/%3E%3C/svg%3E%0A");
696    }
697
698    /* APP STYLES */
699    /* Messages */
700    .OverViewContainer .postTitle,
701    .modal-body .postTitle {
702      color: #F08E00;
703    }
704
705    /* Event */
706    a.listPostTitle {
707      color: #F7B801;
708    }
709    .agendaeventTitleContainer h4 {
710      color: #036FBC;
711    }
712
713    .rbc-header,
714    .rbc-toolbar button {
715      background-color: #F08E00 !important;
716    }
717    .rbc-toolbar button:active {
718      background-color: #F7B801 !important;
719    }
720    .rbc-toolbar button.rbc-active,
721    .rbc-toolbar button:hover {
722      background-color: #F7B801 !important;
723    }
724    .rbc-event {
725      background-color: #F7B801 !important;
726    }
727
728    /*Photos*/
729    .AlbumOverViewContainer .postTitle {
730      color: #F08E00;
731    }
732
733    /* Theme adjustments */
734    .theme-14 .agendaeventTitleContainer h4,
735    .theme-15 .agendaeventTitleContainer h4 {
736      color: #036FBC;
737    }
738
739    /* EVENT COLORS & MODAL */
740    .post-modal-header {
741      background-color: #F08E00;
742    }
743
744    .modal-body .eventMonth {
745      background: #036FBC;
746    }
747
748    .theme-7 .agendaeventMonth,
749    .theme-9 .agendaeventMonth .bg-primary,
750    .theme-10 .agendaeventMonth .bg-primary,
751    .theme-11 .agendaeventMonth .bg-primary,
752    .theme-13 .agendaeventMonth .bg-primary,
753    .theme-17 .agendaeventMonth .bg-primary,
754    .postOverviewheader.bg-primary.mb-3,
755    .date-container,
756    .card.postOverviewheader {
757      background-color: #F08E00 !important;
758    }
759
760    .theme-2 .agendaeventMonth .bg-primary,
761    .theme-3 .agendaeventMonth .bg-primary,
762    .theme-5 .agendaeventMonth .bg-primary,
763    .theme-6 .agendaeventMonth .bg-primary,
764    .theme-8 .agendaeventMonth .bg-primary,
765    .theme-19 .agendaeventMonth .bg-primary {
766      background-color: #F7B801 !important;
767    }
768    .theme-1 .agendaeventMonth .bg-primary,
769    .theme-4 .agendaeventMonth .bg-primary,
770    .theme-14 .agendaeventMonth .bg-primary,
771    .theme-15 .agendaeventMonth .bg-primary,
772    .theme-20 .agendaeventMonth .bg-primary {
773      background-color: #036FBC !important;
774    }
775
776    .theme-5 h4.card-title.float-left,
777    .theme-6 h4.card-title.float-left,
778    .theme-8 h4.card-title.float-left,
779    a.btn.btn-default.documentBtn.verticalBtn {
780      color: #F7B801 !important;
781    }
782
783    .theme-4 a.eventPostTitle,
784    .theme-14 h4.card-title.float-left {
785      color: #036FBC !important;
786    }
787
788    .theme-1 a.eventPostTitle:hover,
789    .theme-2 a.eventPostTitle:hover,
790    .theme-4 a.eventPostTitle:hover,
791    .theme-7 a.eventPostTitle:hover,
792    .theme-11 a.eventPostTitle:hover,
793    .theme-13 a.eventPostTitle:hover,
794    .theme-14 a.eventPostTitle:hover,
795    .theme-15 a.eventPostTitle:hover,
796    .theme-17 a.eventPostTitle:hover,
797    .theme-18 a.eventPostTitle:hover,
798    .theme-19 a.eventPostTitle:hover {
799      color: #F08E00;
800    }
801
802    .theme-3 a.eventPostTitle:hover,
803    .theme-5 a.eventPostTitle:hover,
804    .theme-6 a.eventPostTitle:hover,
805    .theme-8 a.eventPostTitle:hover,
806    .theme-9 a.eventPostTitle:hover,
807    .theme-10 a.eventPostTitle:hover,
808    .theme-16 a.eventPostTitle:hover,
809    .theme-20 a.eventPostTitle:hover,
810    .theme-20 a.listPostTitle:hover {
811      color: #F7B801;
812    }
813
814    .eventStartDate .eventMonth,
815    .theme-7 .modal-body .eventStartDate .eventMonth,
816    .theme-9 .modal-body .eventStartDate .eventMonth,
817    .theme-10 .modal-body .eventStartDate .eventMonth,
818    .theme-11 .modal-body .eventStartDate .eventMonth,
819    .theme-13 .modal-body .eventStartDate .eventMonth,
820    .theme-16 .modal-body .eventStartDate .eventMonth,
821    .theme-17 .modal-body .eventStartDate .eventMonth,
822    .theme-18 .modal-body .eventStartDate .eventMonth,
823    .theme-20 .modal-body .eventStartDate .eventMonth {
824      background-color: #F08E00 !important;
825    }
826
827    .theme-1 .modal-body .eventStartDate .eventMonth,
828    .theme-3 .modal-body .eventStartDate .eventMonth,
829    .theme-4 .modal-body .eventStartDate .eventMonth,
830    .theme-5 .modal-body .eventStartDate .eventMonth,
831    .theme-6 .modal-body .eventStartDate .eventMonth,
832    .theme-8 .modal-body .eventStartDate .eventMonth {
833      background-color: #F7B801 !important;
834    }
835    .theme-14 .modal-body .eventStartDate .eventMonth,
836    .theme-15 .modal-body .eventStartDate .eventMonth {
837      background-color: #036FBC !important;
838    }
839
840    .modal-body h4.postTitle {
841      color: #F08E00 !important;
842    }
843
844    .modal-header,
845    .documentListContainer .btn {
846      background-color: #F08E00;
847      color: #ffffff;
848    }
849
850    .modal-header > .modal-title{
851      color: #ffffff;
852    }
853
854    .rbc-btn-group button,
855    .rbc-event,
856    .rbc-header,
857    .rbc-month-header .rbc-header,
858    .rbc-time-header-cell-single-day .rbc-header,
859    .rbc-agenda-view .rbc-agenda-table thead tr {
860      background-color: #F08E00;
861    }
862
863    .custom-select {
864      background: #F08E00 url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23FFFFFF' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
865      background-size: 8px 10px;
866    }
867
868    .rbc-toolbar-label {
869      color: #F08E00;
870    }
871  
872
873  /* HEADER, LINK AND ICON COLOR */
874  .nobox.theme_color.colored_text h2,
875  .nobox.theme_color.colored_text h3,
876  .nobox.theme_color.colored_text a,
877  .nobox.theme_color.colored_text .iconplugin-icon,
878  .outline.theme_color.colored_text h2,
879  .outline.theme_color.colored_text h3,
880  .outline.theme_color.colored_text a,
881  .coloredbox.theme_color.colored_text h2,
882  .coloredbox.theme_color.colored_text h3,
883  .coloredbox.theme_color.colored_text a,
884  .greyoutline.theme_color.colored_text h2,
885  .greyoutline.theme_color.colored_text h3,
886  .greyoutline.theme_color.colored_text a,
887  .greybox.theme_color.colored_text h2,
888  .greybox.theme_color.colored_text h3,
889  .greybox.theme_color.colored_text a,
890  .vacancy-container.theme_color h2,
891  .vacancy-list-container.theme_color h3,
892  .contact-banner .nobox.theme_color.colored_text a[href^=tel],
893  .contact-banner .outline.theme_color.colored_text a[href^=tel],
894  .contact-banner .coloredbox.theme_color.colored_text a[href^=tel],
895  .contact-banner .greyoutline.theme_color.colored_text a[href^=tel],
896  .contact-banner .greybox.theme_color.colored_text a[href^=tel] {
897    color: #F08E00;
898  }
899
900  .nobox.primary_color.colored_text h2,
901  .nobox.primary_color.colored_text h3,
902  .nobox.primary_color.colored_text a,
903  .nobox.primary_color.colored_text .iconplugin-icon,
904  .outline.primary_color.colored_text h2,
905  .outline.primary_color.colored_text h3,
906  .outline.primary_color.colored_text a,
907  .coloredbox.primary_color.colored_text h2,
908  .coloredbox.primary_color.colored_text h3,
909  .coloredbox.primary_color.colored_text a,
910  .greyoutline.primary_color.colored_text h2,
911  .greyoutline.primary_color.colored_text h3,
912  .greyoutline.primary_color.colored_text a,
913  .greybox.primary_color.colored_text h2,
914  .greybox.primary_color.colored_text h3,
915  .greybox.primary_color.colored_text a,
916  .vacancy-container.primary_color h2,
917  .vacancy-list-container.primary_color h3,
918  .contact-banner .nobox.primary_color.colored_text a[href^=tel],
919  .contact-banner .outline.primary_color.colored_text a[href^=tel],
920  .contact-banner .coloredbox.primary_color.colored_text a[href^=tel],
921  .contact-banner .greyoutline.primary_color.colored_text a[href^=tel],
922  .contact-banner .greybox.primary_color.colored_text a[href^=tel] {
923    color: #F7B801;;
924  }
925
926  .nobox.secondary_color.colored_text h2,
927  .nobox.secondary_color.colored_text h3,
928  .nobox.secondary_color.colored_text a,
929  .nobox.secondary_color.colored_text .iconplugin-icon,
930  .outline.secondary_color.colored_text h2,
931  .outline.secondary_color.colored_text h3,
932  .outline.secondary_color.colored_text a,
933  .coloredbox.secondary_color.colored_text h2,
934  .coloredbox.secondary_color.colored_text h3,
935  .coloredbox.secondary_color.colored_text a,
936  .greyoutline.secondary_color.colored_text h2,
937  .greyoutline.secondary_color.colored_text h3,
938  .greyoutline.secondary_color.colored_text a,
939  .greybox.secondary_color.colored_text h2,
940  .greybox.secondary_color.colored_text h3,
941  .greybox.secondary_color.colored_text a,
942  .vacancy-container.secondary_color h2,
943  .vacancy-list-container.secondary_color h3,
944  .contact-banner .nobox.secondary_color.colored_text a[href^=tel],
945  .contact-banner .outline.secondary_color.colored_text a[href^=tel],
946  .contact-banner .coloredbox.secondary_color.colored_text a[href^=tel],
947  .contact-banner .greyoutline.tsecondarycolor.colored_text a[href^=tel],
948  .contact-banner .greybox.secondary_color.colored_text a[href^=tel] {
949    color: #036FBC ;
950  }
951
952  .nobox.tertiary_color.colored_text h2,
953  .nobox.tertiary_color.colored_text h3,
954  .nobox.tertiary_color.colored_text a,
955  .nobox.tertiary_color.colored_text .iconplugin-icon,
956  .outline.tertiary_color.colored_text h2,
957  .outline.tertiary_color.colored_text h3,
958  .outline.tertiary_color.colored_text a,
959  .coloredbox.tertiary_color.colored_text h2,
960  .coloredbox.tertiary_color.colored_text h3,
961  .coloredbox.tertiary_color.colored_text a,
962  .greyoutline.tertiary_color.colored_text h2,
963  .greyoutline.tertiary_color.colored_text h3,
964  .greyoutline.tertiary_color.colored_text a,
965  .greybox.tertiary_color.colored_text h2,
966  .greybox.tertiary_color.colored_text h3,
967  .greybox.tertiary_color.colored_text a,
968  .vacancy-container.tertiary_color h2,
969  .vacancy-list-container.tertiary_color h3,
970  .contact-banner .nobox.tertiary_color.colored_text a[href^=tel],
971  .contact-banner .outline.tertiary_color.colored_text a[href^=tel],
972  .contact-banner .coloredbox.tertiary_color.colored_text a[href^=tel],
973  .contact-banner .greyoutline.tertiary_color.colored_text a[href^=tel],
974  .contact-banner .greybox.tertiary_color.colored_text a[href^=tel] {
975    color: #009543 ;
976  }
977
978  
979    /* VACANCY COLORS */
980    .vacancy-container.nobox.theme_color .btn-group .btn-read,
981    .vacancy-container.outline.theme_color .btn-group .btn-read,
982    .vacancy-container.greyoutline.theme_color .btn-group .btn-read,
983    .vacancy-container.greybox.theme_color .btn-group .btn-read,
984    .vacancy-container.theme_color .modal-header,
985    .vacancy-container.theme_color .btn-close,
986    .vacancy-list-container.theme_color .btn-group .btn-read,
987    .vacancy-list-container.theme_color .modal-header,
988    .vacancy-list-container.theme_color .btn-close {
989      background-color: #F08E00;
990      border-color: #F08E00;
991    }
992
993    .vacancy-container.primary_color .btn-group .btn-read,
994    .vacancy-container.primary_color .modal-header,
995    .vacancy-container.primary_color .btn-close,
996    .vacancy-list-container.primary_color .btn-group .btn-read,
997    .vacancy-list-container.primary_color .modal-header,
998    .vacancy-list-container.primary_color .btn-close {
999      background-color: #F7B801;
1000      border-color: #F7B801;
1001    }
1002
1003    .vacancy-container.secondary_color .btn-group .btn-read,
1004    .vacancy-container.secondary_color .modal-header,
1005    .vacancy-container.secondary_color .btn-close,
1006    .vacancy-list-container.secondary_color .btn-group .btn-read,
1007    .vacancy-list-container.secondary_color .modal-header,
1008    .vacancy-list-container.secondary_color .btn-close {
1009      background-color: #036FBC;
1010      border-color: #036FBC;
1011    }
1012
1013    .vacancy-container.tertiary_color .btn-group .btn-read,
1014    .vacancy-container.tertiary_color .modal-header,
1015    .vacancy-container.tertiary_color .btn-close,
1016    .vacancy-list-container.tertiary_color .btn-group .btn-read,
1017    .vacancy-list-container.tertiary_color .modal-header,
1018    .vacancy-list-container.tertiary_color .btn-close  {
1019      background-color: #009543;
1020      border-color: #009543;
1021    }
1022
1023    .vacancy-container.coloredbox.theme_color .btn-group .btn-read,
1024    .list-vacancy-container a.btn-vacancy.theme_color {
1025      color: #F08E00;
1026    }
1027
1028    .vacancy-container.coloredbox.primary_color .btn-group .btn-read,
1029    .list-vacancy-container a.btn-vacancy.primary_color {
1030      color: #F7B801;
1031    }
1032
1033    .vacancy-container.coloredbox.secondary_color .btn-group .btn-read,
1034    .list-vacancy-container a.btn-vacancy.secondary_color {
1035      color: #036FBC;
1036    }
1037
1038    .vacancy-container.coloredbox.tertiary_color .btn-group .btn-read,
1039    .list-vacancy-container a.btn-vacancy.tertiary_color {
1040      color: #009543;
1041    }
1042
1043    .vacancy-list-container.theme_color .fa-bullhorn {
1044      border: 1px solid #F08E00;
1045    }
1046
1047    .vacancy-list-container.primary_color .fa-bullhorn {
1048      border: 1px solid #F7B801;
1049    }
1050
1051    .vacancy-list-container.secondary_color .fa-bullhorn {
1052      border: 1px solid #036FBC;
1053    }
1054
1055    .vacancy-list-container.tertiary_color .fa-bullhorn {
1056      border: 1px solid #009543;
1057    }
1058  
1059
1060  /* GENERIC BANNER & SCHOOL STATISTICS COLORS */
1061  .st-10 .icons-wrapper .icon-container .iconplugin-icon,
1062  .flex-t10 .icon-container .iconplugin-icon{
1063    background-color: #ffffff !important;
1064    border: none !important;
1065    color: #F08E00 !important;
1066  }
1067
1068  .theme-10 .navbar .open-menu,
1069  .theme-20 .navbar .open-menu,
1070  .theme-21 .navbar .open-menu,
1071  .theme-24 .navbar .open-menu,
1072  .theme-25 .navbar .open-menu,
1073  .st-9 .navbar .open-menu,
1074  .st-6 .navbar .open-menu,
1075  .st-7 .navbar .open-menu {
1076    color: #F08E00;
1077  }
1078
1079  
1080
1081  
1082
1083  [class*="mt-btn"],
1084  .file-plugin,
1085  .btn-share,
1086  .btn-search, .btn-outline {
1087    
1088    
1089    
1090  }
1091
1092  
1093
1094  
1095
1096  
1097
1098  h1,
1099  h2,
1100  h3,
1101  h4,
1102  h5,
1103  h6{
1104    color: var(--theme-heading-color);
1105    
1106      font-family: var(--heading-ff);
1107    
1108  }
1109
1110  
1111</style>
1112
1113
1114<script>
1115  (function() {
1116    var w = 1400;
1117    if (window.innerWidth >= w) {
1118      document.documentElement.classList.add('desktop-nav');
1119    }
1120  })();
1121</script>
1121
1122
1123
1124  <link rel="preconnect" href="https://fonts.googleapis.com">
1125  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
1126  
1127    <link href='https://fonts.googleapis.com/css2?family=Open Sans:wght@400;500;700&display=swap&version=2' rel='stylesheet' type='text/css'>
1128    <link href='https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;700&display=swap&version=2' rel='stylesheet' type='text/css'>
1129    <link href='https://fonts.googleapis.com/css2?family=Open Sans:wght@400;500;700&display=swap&version=2' rel='stylesheet' type='text/css'>
1130  
1131
1132
1133
1134
1135    
1136
1137<!-- Modal -->
1138<div class="modal fade user-settings" id="pageSettingsModal" tabindex="-1" aria-labelledby="pageSettingsModalLabel" aria-hidden="true">
1139  <div class="modal-dialog">
1140    <div class="modal-content">
1141      <div class="modal-header py-2 bg-light">
1142        <h5 class="modal-title text-dark" id="pageSettingsModalLabel">Pagina instellingen</h5>
1143        <button type="button" class="close text-dark" data-dismiss="modal" aria-label="Close">
1144          <span aria-hidden="true">&times;</span>
1145        </button>
1146      </div>
1147      <div class="modal-body">
1148        <p class="user-settings-title">
1149          Tekstgrootte
1150        </p>
1151        <div class="btn-group btn-group-toggle" data-toggle="buttons">
1152          <button type="button" class="btn btn-light js-font-size" data-size="1" aria-pressed="false">
1153            <i class="fas fa-font t-1"></i>
1154          </button>
1155          <button type="button" class="btn btn-light js-font-size" data-size="1.25" aria-pressed="false">
1156            <i class="fas fa-font t-1-25"></i>
1157          </button>
1158          <button type="button" class="btn btn-light js-font-size" data-size="1.5" aria-pressed="false">
1159            <i class="fas fa-font t-2"></i>
1160          </button>
1161        </div>
1162      </div>
1163    </div>
1164  </div>
1165</div>
1166
1167
1168    <div class="top-info b-white">
1169      <div class="container">
1170        
1171      </div>
1172    </div>
1173    <nav class="navbar navbar-expand-xl nav-bg responsive_menu">
1174      <div class="container">
1175        <a class="school-logo-wrapper logo__sm" href="/">
1176  <img class="school-logo" src="https://stichtingorion-live-8da22ddc27e544289d3-e7384ba.divio-media.com/filer_public/af/31/af31ac74-1453-41e0-a4ce-8447172c0f5c/orionocdrost.jpg" />
1177</a>
1178        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample07"
1179          aria-controls="navbarsExample07" aria-expanded="false" aria-label="Toggle navigation">
1180          <span class="navbar-toggler-icon">
1181            <i class="fa fa-bars" aria-hidden="true"></i>
1182          </span>
1183        </button>
1184        <div class="collapse navbar-collapse" id="navbarsExample07">
1185          <ul class="navbar-nav ml-auto">
1186            
1187              
1188
1189
1190
1191
1192  
1193    <li class="nav-item ">
1194      <a class="nav-link"
1195          href="/"
1196          >
1197          Home
1198      </a>
1199    </li>
1200  
1201
1202
1203
1204  
1205    <li class="nav-item ">
1206      <a class="nav-link"
1207          href="/open-dag/"
1208          >
1209          Open Dag
1210      </a>
1211    </li>
1212  
1213
1214
1215
1216  
1217
1218    <li class="dropdown-parent nav-item dropdown ">
1219      <a class="nav-link"
1220          href="/onze-school/"
1221          >
1222        Onze school
1223      </a>
1224      <span class="open-menu fa fa-plus d-flex d-xl-none"></span>
1225      <ul class="dropdown-menu">
1226        
1227          <li class="dropdown-item">
1228            <a class="dropdown-link"
1229                href="/onze-school/doelgroep/"
1230                >
1231              Doelgroep
1232            </a>
1233          </li>
1234        
1235          <li class="dropdown-item">
1236            <a class="dropdown-link"
1237                href="/onze-school/leerroutes/"
1238                >
1239              Leerroutes
1240            </a>
1241          </li>
1242        
1243          <li class="dropdown-item">
1244            <a class="dropdown-link"
1245                href="/onze-school/wie-is-wie/"
1246                >
1247              Wie is wie
1248            </a>
1249          </li>
1250        
1251          <li class="dropdown-item">
1252            <a class="dropdown-link"
1253                href="/onze-school/partners/"
1254                >
1255              Partners
1256            </a>
1257          </li>
1258        
1259          <li class="dropdown-item">
1260            <a class="dropdown-link"
1261                href="/onze-school/stichting-orion/"
1262                >
1263              Stichting Orion
1264            </a>
1265          </li>
1266        
1267      </ul>
1268    </li>
1269
1270  
1271
1272
1273
1274  
1275
1276    <li class="dropdown-parent nav-item dropdown ">
1277      <a class="nav-link"
1278          href="/praktische-info/"
1279          >
1280        Praktische info
1281      </a>
1282      <span class="open-menu fa fa-plus d-flex d-xl-none"></span>
1283      <ul class="dropdown-menu">
1284        
1285          <li class="dropdown-item">
1286            <a class="dropdown-link"
1287                href="/praktische-info/jaarrooster/"
1288                >
1289              Jaarrooster
1290            </a>
1291          </li>
1292        
1293          <li class="dropdown-item">
1294            <a class="dropdown-link"
1295                href="/praktische-info/aanmelden/"
1296                >
1297              Oriëntatie
1298            </a>
1299          </li>
1300        
1301          <li class="dropdown-item">
1302            <a class="dropdown-link"
1303                href="/praktische-info/vervoer/"
1304                >
1305              Vervoer
1306            </a>
1307          </li>
1308        
1309          <li class="dropdown-item">
1310            <a class="dropdown-link"
1311                href="/praktische-info/schooldocumenten/"
1312                >
1313              Schooldocumenten
1314            </a>
1315          </li>
1316        
1317      </ul>
1318    </li>
1319
1320  
1321
1322
1323
1324  
1325
1326    <li class="dropdown-parent nav-item dropdown ">
1327      <a class="nav-link"
1328          href="/actueel/"
1329          >
1330        Actueel
1331      </a>
1332      <span class="open-menu fa fa-plus d-flex d-xl-none"></span>
1333      <ul class="dropdown-menu">
1334        
1335          <li class="dropdown-item">
1336            <a class="dropdown-link"
1337                href="/actueel/vacatures/"
1338                >
1339              Vacatures
1340            </a>
1341          </li>
1342        
1343      </ul>
1344    </li>
1345
1346  
1347
1348
1349
1350  
1351    <li class="nav-item active">
1352      <a class="nav-link"
1353          href="/contact/"
1354          >
1355          Contact
1356      </a>
1357    </li>
1358  
1359
1360
1361            
1362          </ul>
1363          <!-- SEARCH FUNCTION -->
1364
1365	<div class="search-function d-inline-flex">
1366	  <div class="form-check search-button">
1367	      <button class="search-toggle" data-toggle="modal" data-target="#searchModal"><i class="fa fa-search"></i></button>
1368	  </div>
1369	</div>
1370
1371<!-- END SEARCH FUNCTION -->
1372        </div>
1373      </div>
1374    </nav>
1375
1376    
1377  
1378
1379
1380<div class="page_header">
1381  
1382
1383<div id="myCarousel" class="carousel slide css-cmsplugin_gallery" data-ride="carousel">
1384  <ol class="carousel-indicators">
1385    
1386      <li data-target="#myCarousel" data-slide-to="0" class=" active "></li>
1387    
1388  </ol>
1389  
1390
1391  <div class="carousel-inner" role="listbox">
1392    
1393      
1394        
1395        <div class="carousel-item item active" style="background-image:url('https://stichtingorion-live-8da22ddc27e544289d3-e7384ba.divio-media.com/filer_public_thumbnails/filer_public/9b/2e/9b2eaa42-3128-4e5a-8382-7578b2f2020b/20180625-020-drostenburg.jpg__1920x1000_q100_subsampling-2.jpg'); background-position-y: 50%;">
1396          <div class="image-gallery-overlay" style="background-color: rgba(0, 0, 0, 0.4); width:100%; height: 100%;"></div>
1397        </div>
1398      
1399
1400    
1401  </div>
1402</div>
1403
1404  <div class="page_meta">
1405    <h1 class="page_title">Contact</h1>
1406    
1407
1408<ol class="breadcrumb gets-rounded">
1409    
1410        <li class="breadcrumb-item active"><a href="/">Home</a> &raquo; </li>
1411    
1412        <li class="breadcrumb-item active">Contact</li>
1413    
1414</ol>
1415
1416  </div>
1417</div>
1418
1419  <main class="content-main sidebar-right">
1420    <div class="container">
1421      <div class="row">
1422        <div class="col-md-6">
1423            
1424
1425
1426
1427
1428  <div class="contact-banner d-flex flex-md-row flex-column flex-sm-column gets-shadow gets-rounded coloredbox
1429    theme_color white_text show_icon plugin-block">
1430    <div class="my-auto">
1431      <h2 class="white_text contact-title">Contact</h2>
1432      <p>
1433        
1434          <p>
1435            <i class="fa fa-map-pin"></i>
1436            <span>Drostenburg 5B<br>1102 AM Amsterdam</span>
1437          </p>
1438        
1439
1440      
1441        <p>
1442            <span class="post_adress">
1443            <span>==<br>​Voor het aanvragen van een vrijblijvend adviesgesprek vragen wij u om het contactformulier in te vullen op de orientatie pagina, onder praktische info.<br>==<br><br>​</span>
1444          </span>
1445        </p>
1446
1447      
1448
1449      
1450        <p><i class="fa fa-phone-alt"></i>
1451          <span><a href="tel:020 - 611 12 13" class="white_text">020 - 611 12 13</a></span></p>
1452
1453      
1454
1455      
1456        <p><i class="fa fa-envelope-o"></i>
1457          <span><a href="mailto:[email protected]" target="_blank"
1458                   class="white_text">[email protected]</a></span></p>
1459
1460      
1461
1462      
1463      </p>
1464
1465    </div>
1466    
1467  </div>
1468
1469
1470
1471  <div id="space-plugin-51240" class="whitespace" style="clear: both; height: 30px;"></div>
1472
1473
1474
1475<div class="djangocms-googlemap js-djangocms-googlemap"
1476  data-zoom="13"
1477  data-style=""
1478  data-lat=""
1479  data-lng=""
1480  data-zoom-control="true"
1481  data-street-view-control="true"
1482  data-rotate-control="true"
1483  data-scale-control="true"
1484  data-fullscreen-control="true"
1485  data-pan-control="true"
1486  data-double-click-zoom="true"
1487  data-draggable="true"
1488  data-keyboard-shortcuts="true"
1489  data-scrollwheel="true"
1490  data-map-type-control="ROADMAP"
1491
1492  
1493>
1494  <div class="djangocms-googlemap-container js-djangocms-googlemap-container"
1495    style="width: 100%; height: 400px;" data-name="googlemaps"
1496    data-purpose="Google kaart"></div>
1497  
1498    
1499
1500<div class="djangocms-googlemap-marker js-djangocms-googlemap-marker"
1501    data-title="OC Dorstenburg"
1502    data-address="Drostenburg 5B 1102 AM Amsterdam"
1503    data-lat=""
1504    data-lng=""
1505    data-icon=""
1506    data-show-content="true"
1507    
1508    hidden
1509>
1510    
1511</div>
1512
1513
1514
1515  
1516</div>
1517
1518
1519
1520
1521
1522        </div>
1523        <div class="col-md-6">
1524          <div class="sidebar gets-rounded gets-shadow">
1525            
1526
1527<div class="forms mt-dynamic-form" id="">
1528  
1529    <h3 class="title">Contact opnemen</h3>
1530  
1531  
1532
1533  <div class="form-wrapper">
1534    <form action="/forms/submit/" method="POST" >
1535      <div class="form-errors" style="display: none;"></div>
1536      
1537        <div class="field-wrapper form-group textinput required">
1538          <div class="field-errors" style="display: none;"></div>
1539          
1540          
1541          
1542          
1543            <label for="naam">
1544              Naam <span class="asterisk">*</span>
1545            </label>
1546            <input type="text" name="naam" class="textinput form-control" required id="naam">
1547          
1548          
1549        </div>
1550      
1551        <div class="field-wrapper form-group telephoneinput required">
1552          <div class="field-errors" style="display: none;"></div>
1553          
1554          
1555          
1556          
1557            <label for="telefoonnummer">
1558              Telefoonnummer <span class="asterisk">*</span>
1559            </label>
1560            <input type="tel" name="telefoonnummer" class="telephoneinput form-control" required id="telefoonnummer">
1561          
1562          
1563        </div>
1564      
1565        <div class="field-wrapper form-group emailinput required">
1566          <div class="field-errors" style="display: none;"></div>
1567          
1568          
1569          
1570          
1571            <label for="e_mail">
1572              E-mail <span class="asterisk">*</span>
1573            </label>
1574            <input type="email" name="e_mail" autocomplete="email" class="emailinput form-control" maxlength="320" required id="e_mail">
1575          
1576          
1577        </div>
1578      
1579        <div class="field-wrapper form-group textarea required">
1580          <div class="field-errors" style="display: none;"></div>
1581          
1582          
1583          
1584          
1585            <label for="opmerking-vraag">
1586              Opmerking / vraag <span class="asterisk">*</span>
1587            </label>
1588            <textarea name="opmerking-vraag" cols="40" rows="10" class="textarea form-control" required id="opmerking-vraag">
1589</textarea>
1590          
1591          
1592        </div>
1593      
1594      <input type="hidden" name="csrfmiddlewaretoken" value="thxOeRq22HAuhrkY0ojvXzvoxMviNppmn9lP8JG3O7orurAbVulTeTRx3kEZzYss">
1595      
1596        <input type="hidden" name="form_id" value="j9VRnr41xABGl9n1V3Y08wXPNLpZao" id="form_id">
1597      
1598        <input type="hidden" name="referrer" value="/contact/" id="referrer">
1599      
1600        <input type="hidden" class="django-recaptcha-hidden-field" name="g-recaptcha-response">
1601      
1602      <div class="invisible">
1603        <input type="text" name="field-check" id="field-check">
1604      </div>
1605      <div class="button-wrapper submit">
1606        <button class="form-button btn mt-btn-default mt-btn-primary gets-shadow--hover" type="submit" value="Verzenden">
1607          Verzenden
1608        </button>
1609      </div>
1610    </form>
1611  </div>
1612  <div class="form-success alert alert-success" style="display: none;">
1613    
1614      <i class="fa fa-check" aria-hidden="true"></i> Bedankt voor uw bericht we nemen zo snel mogelijk contact met je op
1615    
1616  </div>
1617</div>
1618
1619
1620
1621
1622
1623          </div>
1624        </div>
1625      </div>
1626    </div>
1627  </main>
1628
1629
1630    <div class="placeholder--featured banners-wrapper">
1631      
1632
1633
1634  <a
1635    href="/praktische-info/aanmelden/"
1636    
1637    class="generic-banner generic-banner__default generic-banner__link gets-shadow--hover gets-rounded white_text theme_color has-desc plugin-block"
1638  >
1639
1640
1641<div class="generic-banner-mask-theme-5"></div>
1642
1643<div class="generic-banner-image" style="background-image: url(https://stichtingorion-live-8da22ddc27e544289d3-e7384ba.divio-media.com/filer_public_thumbnails/filer_public/3f/11/3f11ae68-c0f7-4624-890b-615e9d6359e7/ocdrostenburgcover.jpg__800x800_q100_subject_location-2205%2C1481_subsampling-2.jpg);background-position: 49.78550462858433% 50.15238740264138%">
1644  <div class="generic-banner-overlay" style="background-color: rgba(247, 184, 1, 0.0); width:100%; height: 100%;">
1645  </div>
1646</div>
1647<div class="generic-banner-mask-theme-3"></div>
1648
1649<div class="generic-banner-content text-None justify-content-start">
1650  <div class="generic-banner-title">
1651    <h3 class="generic-banner-title__text">Aanmelden</h3>
1652  </div>
1653  
1654    <div class="generic-banner-description">
1655      <p>Wilt u uw kind aanmelden op Orion College Drostenburg?</p>
1656    </div>
1657  
1658</div>
1659
1660
1661  </a>
1662
1663
1664
1665
1666  <a
1667    href="/onze-school/leerroutes/"
1668    
1669    class="generic-banner generic-banner__default generic-banner__link gets-shadow--hover gets-rounded white_text primary_color has-desc plugin-block"
1670  >
1671
1672
1673<div class="generic-banner-mask-theme-5"></div>
1674
1675<div class="generic-banner-image" style="background-image: url(https://stichtingorion-live-8da22ddc27e544289d3-e7384ba.divio-media.com/filer_public_thumbnails/filer_public/f9/c2/f9c2e370-ce35-4546-8a2f-6257c36bd838/20180625-011-drostenburg.jpg__800x800_q100_subject_location-1995%2C1340_subsampling-2.jpg);background-position: 48.95705521472393% 49.319101950680896%">
1676  <div class="generic-banner-overlay" style="background-color: rgba(247, 184, 1, 0.0); width:100%; height: 100%;">
1677  </div>
1678</div>
1679<div class="generic-banner-mask-theme-3"></div>
1680
1681<div class="generic-banner-content text-None justify-content-start">
1682  <div class="generic-banner-title">
1683    <h3 class="generic-banner-title__text">Zorg op maat</h3>
1684  </div>
1685  
1686    <div class="generic-banner-description">
1687      <p>De leerling staat centraal binnen een veilig pedagogisch klimaat.</p>
1688    </div>
1689  
1690</div>
1691
1692
1693  </a>
1694
1695
1696
1697
1698  <a
1699    href="/praktische-info/vervoer/"
1700    
1701    class="generic-banner generic-banner__default generic-banner__link gets-shadow--hover gets-rounded white_text secondary_color has-desc plugin-block"
1702  >
1703
1704
1705<div class="generic-banner-mask-theme-5"></div>
1706
1707<div class="generic-banner-image" style="background-image: url(https://stichtingorion-live-8da22ddc27e544289d3-e7384ba.divio-media.com/filer_public_thumbnails/filer_public/c6/bd/c6bd660c-0825-47be-b9b4-e0489d7f65ae/20180625-023-drostenburg.jpg__800x800_q100_subject_location-1995%2C1340_subsampling-2.jpg);background-position: 48.96907216494845% 49.319101950680896%">
1708  <div class="generic-banner-overlay" style="background-color: rgba(3, 111, 188, 0.0); width:100%; height: 100%;">
1709  </div>
1710</div>
1711<div class="generic-banner-mask-theme-3"></div>
1712
1713<div class="generic-banner-content text-None justify-content-start">
1714  <div class="generic-banner-title">
1715    <h3 class="generic-banner-title__text">Vervoer</h3>
1716  </div>
1717  
1718    <div class="generic-banner-description">
1719      <p>Veel leerlingen maken gebruik van leerlingenvervoer vanuit de woonplaats.</p>
1720    </div>
1721  
1722</div>
1723
1724
1725  </a>
1726
1727
1728
1729
1730  <a
1731    href="/contact/"
1732    
1733    class="generic-banner generic-banner__default generic-banner__link gets-shadow--hover gets-rounded white_text tertiary_color has-desc plugin-block"
1734  >
1735
1736
1737<div class="generic-banner-mask-theme-5"></div>
1738
1739<div class="generic-banner-image" style="background-image: url(https://stichtingorion-live-8da22ddc27e544289d3-e7384ba.divio-media.com/filer_public_thumbnails/filer_public/80/f7/80f7bd22-bc89-47ae-bf9e-bb4bd1b09f1a/20180625-020-drostenburg.jpg__800x800_q100_subject_location-1995%2C1340_subsampling-2.jpg);background-position: 48.95705521472393% 49.319101950680896%">
1740  <div class="generic-banner-overlay" style="background-color: rgba(0, 149, 67, 0.0); width:100%; height: 100%;">
1741  </div>
1742</div>
1743<div class="generic-banner-mask-theme-3"></div>
1744
1745<div class="generic-banner-content text-None justify-content-start">
1746  <div class="generic-banner-title">
1747    <h3 class="generic-banner-title__text">Contact</h3>
1748  </div>
1749  
1750    <div class="generic-banner-description">
1751      <p>Heeft u een vraag? Of ontvangt u graag meer informatie?</p>
1752    </div>
1753  
1754</div>
1755
1756
1757  </a>
1758
1759
1760    </div>
1761
1762    <footer class="footer-bg">
1763      <div class="container">
1764        <div class="row">
1765          <div class="col-md-12">
1766            
1767<div class="multicolumn3 clearfix">
1768  
1769    
1770<div class="column" style="width: 33.33%; float: left;">
1771  
1772    
1773
1774
1775
1776
1777  <div class="contact-banner d-flex flex-md-row flex-column flex-sm-column gets-shadow gets-rounded nobox
1778    no_color no_text_color show_icon plugin-block">
1779    <div class="my-auto">
1780      <h2 class="no_text_color contact-title">Contact</h2>
1781      <p>
1782        
1783          <p>
1784            <i class="fa fa-map-pin"></i>
1785            <span>Drostenburg 5B<br>1102 AM Amsterdam</span>
1786          </p>
1787        
1788
1789      
1790
1791      
1792        <p><i class="fa fa-phone-alt"></i>
1793          <span><a href="tel:020 - 611 12 13" class="no_text_color">020 - 611 12 13</a></span></p>
1794
1795      
1796
1797      
1798        <p><i class="fa fa-envelope-o"></i>
1799          <span><a href="mailto:[email protected]" target="_blank"
1800                   class="no_text_color">[email protected]</a></span></p>
1801
1802      
1803
1804      
1805      </p>
1806
1807    </div>
1808    
1809  </div>
1810
1811
1812
1813  
1814</div>
1815
1816  
1817    
1818<div class="column" style="width: 33.33%; float: left;">
1819  
1820    <h2>Volg ons!</h2>
1821  
1822    
1823
1824<div class="sociallinks plugin-block">
1825  
1826  
1827    <a href="https://twitter.com/DrostenburgC" class="sociallink sociallinks-twitter gets-shadow--hover brand_color" target="blank">
1828      <i class="fa-brands fa-x-twitter"></i>
1829    </a>
1830  
1831  
1832  
1833  
1834  
1835</div>
1836
1837
1838  
1839    
1840  <div id="space-plugin-11338" class="whitespace" style="clear: both; height: 40px;"></div>
1841
1842
1843  
1844    
1845
1846
1847  <a href="https://stichtingorion-live-8da22ddc27e544289d3-e7384ba.divio-media.com/filer_public/3a/27/3a27ac2f-0fc5-4cc7-9e94-1cfac066f5d5/nieuwsflits_esfstichting-orion-2026.pdf"
1848     target="_blank"
1849    >
1850
1851
1852
1853
1854  <figure>
1855
1856
1857
1858<img class="img-fluid picture-plugin plugin-block " src="https://stichtingorion-live-8da22ddc27e544289d3-e7384ba.divio-media.com/filer_public_thumbnails/filer_public/34/ee/34eeac6c-ec19-4830-b751-f0a3258fa02f/europese_vlag.png__1200x1200_q100_subsampling-2.jpg"
1859  
1860   width="80"
1861   height="80"
1862  
1863  style="object-position: 50% 50%"
1864>
1865
1866
1867
1868  <figcaption>Stichting Orion ontvangt extra ESF-subsidie voor arbeidstoeleiding</figcaption>
1869  </figure>
1870
1871
1872
1873
1874  </a>
1875
1876
1877
1878
1879
1880  
1881</div>
1882
1883  
1884    
1885<div class="column" style="width: 33.33%; float: left;">
1886  
1887    <h2 style="text-align: center;">Onderdeel van</h2>
1888  
1889    
1890
1891
1892  <a href="http://www.orion.nl"
1893    
1894    >
1895
1896
1897
1898
1899
1900
1901<img class="img-fluid picture-plugin plugin-block  align-center" src="https://stichtingorion-live-8da22ddc27e544289d3-e7384ba.divio-media.com/filer_public_thumbnails/filer_public/e0/38/e0383370-c48d-4050-bba1-2a2cd48a9697/ori_cmyk300dpi-grootjpg__242x150_q85_subsampling-2.jpg__1200x1200_q100_subsampling-2.jpg"
1902  
1903  
1904  
1905  class="align-center "
1906  style="object-position: 50% 50%"
1907>
1908
1909
1910
1911
1912
1913
1914  </a>
1915
1916
1917
1918
1919  
1920</div>
1921
1922  
1923</div>
1924
1925          </div>
1926        </div>
1927        <div class="row">
1928          <div class="col-12">
1929            
1930
1931<div id="privacy_footer">
1932  <div class="privacy_menu">
1933    <ul class="privacy_menu-nav">
1934      
1935      
1936        <li class="privacy_menu-item">
1937          <a href="#" class="privacy_menu-link main-item" data-toggle="modal" data-modal="privacy"
1938            data-target="#privacyModal">Privacy statement</a>
1939          <div id="privacy" class="cc-hidden">
1940            <p><strong>Privacyverklaring Stichting Orion d.d. 12-02-2024</strong></p>
1941
1942<p>Ter bescherming van de privacy van leerlingen, hun ouders en medewerkers, betracht Stichting Orion de grootst mogelijke zorgvuldigheid. Hiertoe houdt Stichting Orion zich aan alle relevante wetgeving, waaronder de Algemene Verordening Gegevensbescherming (AVG).</p>
1943
1944<p><strong>Waarom verwerken wij gegevens van en over leerlingen</strong></p>
1945
1946<p>Stichting Orion verwerkt persoonsgegevens van leerlingen voor het uitvoeren van de onderwijsovereenkomst die we met uw kind hebben en/of voor het nakomen van onze wettelijke verplichtingen. Zo hebben wij bijvoorbeeld deze gegevens nodig om uw kind aan te melden als leerling op onze school, om de studievoortgang bij te houden en om uw kind in staat te stellen een diploma te halen. Daarnaast hebben wij de wettelijke verplichting om bepaalde gegevens door te sturen naar andere partijen, zoals DUO (ministerie van Onderwijs) en leerplicht. Gegevens die hier niet aan voldoen zullen wij alleen met uw specifieke toestemming verwerken. </p>
1947
1948<p>Hoe gaan wij om met de informatie van en over leerlingenDe leerlinggegevens worden op school opgeslagen in het leerlingvolgsysteem ParnasSys en/of Somtoday. Deze systemen zijn beveiligd en de toegang tot de persoonsgegevens is beperkt tot medewerkers van de school en medewerkers van samenwerkende partijen welke het belang van de leerling dienen, zoals bijvoorbeeld de schoolarts indien hier toestemming voor is gegeven. Ouders hebben het recht om de gegevens van en over hun kind(eren) in te zien. Als de gegevens niet kloppen, moet de informatie gecorrigeerd worden. Als de gegevens die zijn opgeslagen niet meer relevant zijn voor de school, mag u vragen die specifieke gegevens te laten verwijderen. Voor vragen of voor het uitoefenen van uw rechten, kunt u contact opnemen met de directeur van de school.</p>
1949
1950<p>Tijdens de lessen wordt gebruikgemaakt van een aantal digitale leermaterialen. Hiervoor is een beperkte set met persoonsgegevens nodig om bijvoorbeeld een leerling te identificeren. Daarnaast zijn met de leveranciers van deze leermiddelen schriftelijke verwerkersovereenkomsten afgesloten over het gebruik van de gegevens die ze van de school krijgen. Een leverancier mag de leerlinggegevens alleen gebruiken als de school daar toestemming voor geeft, zodat misbruik van die informatie door de leverancier wordt voorkomen. In een aantal gevallen zijn wij, zoals eerder aangegeven, verplicht om gegevens van uw kind te delen met andere organisaties. Dit zijn onder andere DUO, leerplicht, GGD/schoolarts, stagebedrijven en een samenwerkingsverband. Indien de gegevensuitwisseling geen wettelijke grondslag heeft, wordt u hiervoor altijd toestemming gevraagd.</p>
1951
1952<p>Daarnaast wordt in de school regelmatig over leerlingen gesproken, bijvoorbeeld in de rapportvergadering, de leerlingbespreking en het interne zorgoverleg. Dit overleg is nodig om de vorderingen van de leerlingen te volgen, problemen te signaleren en afspraken te maken over de begeleiding in het belang van de ontwikkeling en begeleiding van een leerling. Voor leerlingen die extra begeleiding of zorg nodig hebben, wordt samengewerkt met externe deskundigen. Dit kunnen de vaste samenwerkingspartners in de school zijn, maar ook van buiten de school. Als we een leerling willen bespreken met externen wordt daarvoor eerst aan ouders toestemming gevraagd. Als de leerling 16 jaar of ouder is, vragen we ook de leerling zelf om toestemming. </p>
1953
1954<p>Er zijn bij onze scholen een groot aantal disciplines nauw betrokken bij de ontwikkeling en zorg van onze leerlingen. Dit betekent echter niet dat onze scholen alle gegevens in hun bezit hebben. Het gaat hierbij om: </p>
1955
1956<ul>
1957	<li>de medische dossiers; deze vallen onder het beheer van de GGD c.q. van de schoolarts;</li>
1958	<li>
1958het medisch verslag t.b.v. de Commissie van Begeleiding; dit maakt onderdeel uit van ons leerlingvolgsysteem ParnasSys of Somtoday;</li>
1959	<li>de overige gegevens, zoals verslagen van onderzoek en besprekingen; deze vallen onder het beheer van de directie. Alle dossiers mogen slechts onder toezicht worden ingezien. Ouders hebben uiteraard het recht deze in te zien;</li>
1960	<li>de fysieke en digitale schooldossiers worden vijf jaar na het schoolverlaten van de leerling vernietigd;</li>
1961	<li>als een leerling onze school verlaat wordt het leerling Google-account op inactief gezet. Na drie jaar wordt het Google-schoolaccount verwijderd. Dit geldt ook voor de Google Workspace; </li>
1962	<li>het beschikbaar stellen van dossiergegevens aan derden kan slechts plaatsvinden na toestemming van ouders;</li>
1963	<li>de school kan slechts na toestemming van ouders overgaan tot het opvragen van dossiergegevens bij derden.</li>
1964</ul>
1965
1966<p>Zie voor verdere informatie over de Algemene Verordening Gegevensbescherming de website <a href="https://autoriteitpersoonsgegevens.nl/">https://autoriteitpersoonsgegevens.nl/</a>.</p>
1967
1968<p><strong>Hoe gaan wij om met informatie van en over ouders</strong></p>
1969
1970<p>Over de ouders van ingeschreven leerlingen verzamelt de school alle informatie die noodzakelijk is om de leerlingen zo goed mogelijk te kunnen begeleiden bij het doorlopen van de school en om zo nodig extra zorg te kunnen bieden. Deze informatie wordt (digitaal) opgeslagen in het leerlingdossier. </p>
1971
1972<p><strong>Hoe gaan wij om met informatie van en over medewerkers</strong></p>
1973
1974<p>Over de medewerkers die bij ons werkzaam zijn en zijn geweest, verzamelt het schoolbestuur alle informatie die noodzakelijk is voor hun aanstelling en bezoldiging. Deze informatie wordt (digitaal) opgeslagen in het personeelsdossier (met het personeelsdossier wordt hier alle geregistreerde informatie over het personeelslid bedoeld).Hoe gaan wij om met overige persoonsgegevens?</p>
1975
1976<p>Het kan voorkomen dat Stichting Orion in het bezit komt van (beperkte) gegevens van overige personen, zoals naam en e-mailadres van iemand die zich heeft aangemeld voor onze nieuwsbrief. In dergelijke gevallen zullen wij deze gegevens altijd uitsluitend gebruiken voor het doeleinde waarvoor deze ons zijn aangeleverd.</p>
1977
1978<p><strong>Gebruik van foto’s en video’s</strong></p>
1979
1980<p>Er wordt van elke leerling een pasfoto gemaakt, die wordt gebruikt voor het leerlingadministratiesysteem. </p>
1981
1982<p>In het kader van professionalisering van leraren kunnen in onze scholen tijdens lessen video-opnamen worden gemaakt. Deze opnamen dienen alleen voor intern gebruik om het lesgeven van de groepsleerkracht te verbeteren, en worden nooit zonder uw specifieke toestemming buiten de school gebruikt. Na het doelgebruik worden de beelden vernietigd. Voorts kunnen er foto’s van leerlingen worden gemaakt die worden gebruikt voor het ouder communicatieplatform Social Schools of Klasbord. Deze foto’s worden alleen gedeeld met ouders van de leerlingen uit de betreffende klas. </p>
1983
1984<p>Ook maakt de school voor andere doeleinden foto’s en/of video’s van leerlingen gedurende de schooldag en tijdens jaarfeesten, schoolevenementen en projecten. Zie voor een compleet overzicht en verdere toelichting over het gebruik van foto’s en video’s het ‘toelichtings- en akkoordformulier gebruik foto’s en video’s’ (bijlage in de schoolgids).</p>
1985
1986<p><strong>Basispoort en COOL </strong></p>
1987
1988<p>Om leerlingen eenvoudig toegang te geven tot digitaal leermateriaal van de school, maakt de school gebruik van Basispoort. Deze software maakt het geven van onderwijs op maat via gedigitaliseerde leermiddelen mogelijk. Het maken van bijvoorbeeld een online toets is alleen mogelijk als de docent weet welke leerling de antwoorden heeft ingevoerd. Hiervoor zijn leerlinggegevens nodig. De school heeft met Basispoort een overeenkomst gesloten waarin afspraken zijn gemaakt over het gebruik van de leerlinggegevens. Basispoort maakt gebruik van de volgende set met gegevens: een identificatienummer van Basispoort, voornaam, achternaam, tussenvoegsel, geboortedatum, leerlingkey, groepskey, groepsnaam, jaargroep, geslacht en het identificatienummer van de school. Via Basispoort worden er dus geen leer- of toetsresultaten opgeslagen en/of uitgewisseld. Voor meer informatie over Basispoort kunt u kijken op <a href="http://info.basispoort.nl/privacy">http://info.basispoort.nl/privacy</a>.</p>
1989
1990<p>Naast Basispoort maakt de school ook gebruik van Cloudwise Online Onderwijs Leerplatform, ook wel COOL genoemd. Dit is een gestructureerde schoolomgeving via welke de leerlingen toegang hebben tot de lesprogramma’s die specifiek voor hen relevant zijn. COOL maakt hiervoor gebruik van enkele basale persoonsgegevens zoals naam, klas, etc. Als u meer wilt lezen over de privacyvoorwaarden van COOL kunt u dit doen op de website van Cloudwise: <a href="https://www.cloudwise.nl">http://www.cloudwise.nl</a>. </p>
1991
1992<p><strong>
1992Google Workspace</strong></p>
1993
1994<p>Binnen stichting Orion werken wij met Google Workspace. In het voorjaar van 2021 is een landelijke DPIA (data protection impact assessment) uitgevoerd inzake de veiligheid van Google Workspace. De DPIA heeft er onder meer toe geleid dat onderwijsinstellingen die met Google Workspace werken circa 25 technische aanpassingen dienden door te voeren. Voorbeelden van aanpassingen die zijn uitgevoerd sinds september 2021 zijn:</p>
1995
1996<ul>
1997	<li>gebruikers verbieden hun profiel zelf aan te passen; </li>
1998	<li>uitzetten van aanvullende Google-services;</li>
1999	<li>gebruikers niet toestaan apps uit de Google Workspace Marketplace te installeren;</li>
2000	<li>nieuwe producten niet automatisch beschikbaar te stellen voor gebruikers;</li>
2001	<li>nooit een vertaling voorstellen; </li>
2002	<li>geen contentsuggesties weergeven op de pagina Nieuw tabblad;</li>
2003	<li>voor alle leerlingen en medewerkers geldt dat wij gebruik maken van uBlock;</li>
2004	<li>YouTube kan niet worden benaderd vanuit het profiel van een individuele leerling;</li>
2005	<li>Google Maps kan niet worden benaderd vanuit het profiel van een individuele leerling; </li>
2006	<li>pseudonimisering van de mailadressen van al onze Orion-leerlingen. </li>
2007</ul>
2008
2009<p><strong>Meekijkfunctie COOL-omgeving</strong></p>
2010
2011<p>Op onze school maken we gebruik van de meekijkfunctie van COOL, het leerplatform van Cloudwise. Het gebruik van de meekijkfunctie van COOL is onderwijsondersteunend. Hiermee kan een docent van achter zijn/haar computer in één oogopslag zien waar leerlingen mee bezig zijn, welke tabbladen openstaan en eventueel ondersteunen waar nodig. Op deze manier hebben leerlingen de vrijheid om met de chromebooks aan de slag te gaan zonder dat de docent het overzicht verliest. Daarnaast stelt het de docent in staat om leerlingen makkelijker, sneller en beter te helpen.</p>
2012
2013<p><strong>Wat verwachten we van u?</strong></p>
2014
2015<p>Het kan voorkomen dat u het als ouder leuk vindt om foto’s en/of video’s te maken van uw kind op school of tijdens schoolevenementen, schoolreisjes of projecten. Hier is in principe niets mis mee. Toch willen we u vragen terughoudend te zijn met het maken en publiceren van beeldmateriaal, en geen foto’s of video’s te maken van andere leerlingen. Op deze manier kunnen wij de privacy van alle leerlingen waarborgen, en kan de school een veilige omgeving zijn waar kinderen (en hun ouders) niet bang hoeven te zijn steeds te worden gefotografeerd. Wij vertrouwen op uw begrip en medewerking in deze.</p>
2016
2017<p><strong>Inzage, correctie en overdracht van uw gegevens</strong></p>
2018
2019<p>U heeft het recht om na te vragen welke persoonsgegevens Orion verwerkt. Deze inzage in uw gegevens kan zowel schriftelijk als digitaal plaatsvinden. Een verzoek tot (elektronische) inzage in uw gegevens kunt u richten aan de directeur van de school van uw kind, waarvan de contactgegevens hieronder staan vermeld. Op zo’n verzoek reageren wij binnen één maand; dit is de wettelijke reactietermijn. Indien er onjuistheden voorkomen in de bij ons bekende gegevens, kunnen deze op verzoek zonder kosten worden gecorrigeerd of volledig worden verwijderd. Tijdens deze periode is het mogelijk om op uw verzoek de verwerking van uw gegevens tijdelijk te beperken. Zo wordt voorkomen dat we fouten maken, doordat Orion tijdens deze periode blijft doorwerken met onjuiste persoonsgegevens.</p>
2020
2021<p>Verder heeft u het recht om uw gegevens - zoals deze met uw toestemming of conform overeenkomst - in onze administratie zijn opgenomen, op te vragen en over te dragen aan een andere instelling die uw persoonsgegevens gaat verwerken. Hierbij gaat het om uw persoonsgegevens die digitaal door ons zijn verwerkt. Op uw verzoek zenden wij deze gegevens door naar een instelling die uw gegevens nodig heeft voor een (vervolg)behandeling of onderwijs.</p>
2022
2023<p><strong>Bezwaar</strong><br>
2024<br>
2025U heeft altijd het recht om bezwaar te maken tegen de verdere verwerking van uw persoonsgegevens. Indien mogelijk stoppen wij met het verwerken van uw persoonsgegevens.Wilt u een datalek melden? U kunt dit melden door een mail te sturen naar [email protected] Wij nemen zo spoedig mogelijk contact met u op voor de verdere afhandeling.</p>
2026
2027<p>Voor overige vragen met betrekking tot de verwerking van uw persoonsgegevens kunt u contact opnemen met <a href="mailto:[email protected]">[email protected]</a>. </p>
2028
2029<p>Indien dat nog niet tot een oplossing leidt, kunt u dit melden bij de Autoriteit Persoonsgegevens. </p>
2030
2031<p>
2031 </p>
2032          </div>
2033        </li>
2034      
2035      
2036      
2037      
2038      
2039        <li class="privacy_menu-item">
2040          <a href="#" class="privacy_menu-link main-item cc-settings" onclick="return klaro.show(klaroConfig, true)">Cookie instellingen</a>
2041        </li>
2042      
2043    </ul>
2044    
2045    
2046    
2047      <p class="meta-info">Powered by <a href="http://www.socialschools.nl" target="_blank">Social Schools</a></p>
2048    
2049  </div>
2050  
2051  
2052    
2053      
2054    
2055  
2056</div>
2057
2058          </div>
2059        </div>
2060      </div>
2061    </footer>
2062    
2063
2064
2065
2066    
2067
2068
2069
2070  
2070<script defer type="text/javascript" src="https://stichtingorion-live-8da22ddc27e544289d3-e7384ba.divio-media.com/static/js/klaro/config.v2.7ed61fafafb4.js"></script>
2070
2071  
2071<script defer type="text/javascript" src="/klaro_cookies/js/klaro-override.js"></script>
2071
2072  
2072<script defer type="text/javascript" src="https://cdn.kiprotect.com/klaro/v0.7.18/klaro-no-css.js"></script>
2072
2073
2074
2075  
2075<script type="text/javascript" src="https://stichtingorion-live-8da22ddc27e544289d3-e7384ba.divio-media.com/static/js/multitenant-cms.add.min.cb31e088f8f0.js"></script>
2075
2076  
2076<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-throttle-debounce/1.1/jquery.ba-throttle-debounce.min.js"></script>
vendor: 1 bytes, line 2076
2076
2077<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/prism/0.0.1/prism.min.js"></script>
2077
2078
2079<style>
2080  
2081  .cms-toolbar-expanded .klaro .cookie-notice{top: 66px; right: 20px; bottom: auto; left: auto;} .cookie-notice {top: 20px; right: 20px; bottom: auto; left: auto;};
2082</style>
2083
2084
2085
2086
2087<script>
2088  /**
2089   * Add translations to the CKEditor syles dropdown
2090   */
2091   window.addEventListener("DOMContentLoaded", (event) => {
2092
2093    // Add consent events to the dataLayer
2094    window.dataLayer = window.dataLayer || [];
2095    window.setTimeout(function(){window.dataLayer.push({'event' : 'consentChoice'})},500)
2096    window.setTimeout(function(){window.dataLayer.push({'event' : 'consentUpdate'})},500)
2097
2098    if (window.CKEDITOR) {
2099      // add translations for each CKEditor on load
2100      CKEDITOR.on('instanceReady', function(){
2101        window.CKEDITOR.stylesSet.registered.default.find((styleSet) => {
2102          if (styleSet.hasOwnProperty("attributes") && styleSet.attributes.hasOwnProperty("class")) {
2103            if (styleSet.attributes.class == "c-theme") {
2104              styleSet.name = 'Thema kleur';
2105            }
2106            if (styleSet.attributes.class == "c-primary") {
2107              styleSet.name = 'Primaire kleur';
2108            }
2109            if (styleSet.attributes.class == "c-secondary") {
2110              styleSet.name = 'Secondaire kleur';
2111            }
2112            if (styleSet.attributes.class == "c-tertiary") {
2113              styleSet.name = 'Tertiaire kleur';
2114            }
2115          }
2116        })
2117      });
2118    }
2119  });
2120</script>
2120
2121
2122    
2123    
2124  
2124<script>
2125    $('.cms-alert').each(function(){
2126      $(this).on('closed.bs.alert', function (e) {
2127        const { id } = e.currentTarget.dataset;
2128        const cookieName = `socs-announcements-${id}`;
2129        setCookie(cookieName, 'closed', 1);
2130      });
2131    });
2132  </script>
2132
2133
2134
2135  
2135<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDyc0IpOGZzlVAoiBpbekMOnaKZPyCOQQQ"></script>
2135
2136  
2137    
2137<script type="opt-in" id="googlemapkey" data-type="application/javascript" data-src="https://stichtingorion-live-8da22ddc27e544289d3-e7384ba.divio-media.com/static/djangocms_googlemap/js/djangocms.googlemap.cd81923ab87a.js" data-name="googlemaps" data-key=AIzaSyDyc0IpOGZzlVAoiBpbekMOnaKZPyCOQQQ></script>
2137
2138  
2139
2140
2141  
2141<script src="https://stichtingorion-live-8da22ddc27e544289d3-e7384ba.divio-media.com/static/js/djangocms_forms/libs/jquery.form.min.f448c593c242.js"></script>
2141
2142  
2142<script src="https://stichtingorion-live-8da22ddc27e544289d3-e7384ba.divio-media.com/static/js/djangocms_forms/jquery.djangocms-forms.fc72df83eeec.js"></script>
2142
2143
2144  
2144<script type="application/javascript">
2145    $(function() {
2146      $('.forms').cmsForms({
2147        'reCaptchaSiteKey': '6LdxOPUsAAAAAHsTmZEEZzf8_5BpKxAl6k3apGv9',
2148        'redirectDelay': 1000
2149      });
2150    });
2151  </script>
2151
2152
2153
2154        <div class="modal fade" id="privacyModal" tabindex="-1" role="dialog" aria-labelledby="privacyModalLabel"
2155          aria-hidden="true">
2156          <div class="modal-dialog modal-lg modal-dialog-scrollable modal-dialog-centered" role="document">
2157            <div class="modal-content">
2158              <div class="modal-header">
2159                <h2 class="modal-title" id="privacyModalLabel">Modal title</h2>
2160                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
2161                  <span aria-hidden="true">&times;</span>
2162                </button>
2163              </div>
2164              <div class="modal-body">
2165              </div>
2166              <div class="modal-footer">
2167                <button type="button" class="btn btn-secondary" data-dismiss="modal">Sluiten</button>
2168              </div>
2169            </div>
2170          </div>
2171        </div>
2172      
2173
2174      
2174<script type="text/javascript" src="https://stichtingorion-live-8da22ddc27e544289d3-e7384ba.divio-media.com/static/js/slick.min.22f754161489.js"></script>
2174
2175    
2176
2177    
2177<script>
2178      function loadUserlaneAttributes() {
2179        Userlane('identify', 'AnonymousUser', {
2180          vier_pilaren: false,
2181          header_img: true,
2182          header_text: true,
2183          waardes: true,
2184          featured: true
2185        });
2186      }
2187
2188      const $bannersWrapper = document.querySelector('.banners-wrapper');
2189      const bannerChildren = Array.from($bannersWrapper.childNodes).filter(function(child){
2190        return child.nodeType == 1
2191      })
2192      if (bannerChildren[0].classList.contains('generic-banner') && document.documentElement.clientWidth < 992) {
2193        $('.banners-wrapper').slick({
2194          rows: 0,
2195          dots: true,
2196        })
2197      }
2198    </script>
2198
2199
2200    
2200<script type='text/javascript'>document.addEventListener('DOMContentLoaded', function() {
2201        let date = new Date();
2202        let year = date.getFullYear();
2203        document.querySelector('.meta-info').innerText = '© Stichting Orion ' + year;
2204    });
2205</script>
vendor: 2 bytes, line 2205
2205
2206<script>
2207    document.addEventListener('DOMContentLoaded', function() {
2208        var twitterIcon = document.querySelector('.fa.fa-twitter');
2209        twitterIcon.className = 'fa-brands fa-x-twitter';
2210    });
2211</script>
vendor: 1 bytes, line 2211
2211
2212<script type='text/javascript'>document.addEventListener('DOMContentLoaded', function() {
2213        let date = new Date();
2214        let year = date.getFullYear();
2215        document.querySelector('.meta-info').innerText = '© Stichting Orion ' + year;
2216    });</script>
2216
2217    
2218<!-- Modal -->
2219<div
2220  class="modal fade"
2221  id="searchModal"
2222  tabindex="-1"
2223  role="dialog"
2224  aria-hidden="true"
2225>
2226  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
2227    <span aria-hidden="true">&times;</span>
2228  </button>
2229  <div class="modal-dialog" role="document">
2230    <div class="modal-content search-modal gets-rounded gets-shadow--hover">
2231      <div class="modal-body">
2232        <div class="search-input">
2233          <form action="/zoek-resultaten" method="GET" id="search-form">
2234            <i class="fa fa-search"></i>
2235            <input type="text" class="search-text-input form-control" name="q" placeholder='Type je zoekwoord...' />
2236            <button class="btn btn-search mt-btn gets-shadow--hover">Zoeken</button>
2237          </form>
2238        </div>
2239      </div>
2240    </div>
2241  </div>
2242</div>
2243
2244    
2245
2246
2247
2248    
2249
2250
2251
2252  </body>
2253
2254</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.