@font-face{font-family:Ubuntu;src:url("/css/fonts/Ubuntu-R.ttf") format('truetype');font-display:swap}
html{font-family:Ubuntu, Calibri, Arial, Helvetica,sans-serif;font-size:18px;margin:0;padding:0;color:black;box-sizing:border-box}
*{-webkit-overflow-scrolling:touch;box-sizing:border-box;padding:0;margin:0;border:0}
body{font-family:Ubuntu, Calibri, Arial, Helvetica,sans-serif;font-size:18px;line-height:1.6;color:black;margin:0;text-align:center;padding:0;height:auto}
.content1 h1{font-size:3em;line-height:1.6;word-break:break-word}
h1:first-letter, h2:first-letter{text-transform:uppercase}
.content1 h2,.content3 h2{font-size:1.6em;color:black;margin:1em}
.content1 h3{font-size:1.5em;color:black;padding:.3em} 
.content1 h4{font-size:1.5em;color:black;padding:.3em} 
.content1 h5{font-size:1.3em;color:white;padding:.3em} 
.content1 h6{font-size:1.1em;color:white;padding:.3em}
.content1 p{color:white;}
.content2 h1,.content3 h1{font-size:3em;color:black;margin:1em auto.3em 0;padding:.3em}
.content2 h2,.content3 h2{font-size:1.6em;color:black;margin:1em auto .3em 0;padding:0}
.content2 h3,.content3 h3{font-size:1.5em;color:#009fe3;margin:1em auto 0 0} 
.content2 h4,.content3 h4{font-size:1.5em;color:#009fe3;margin:1em auto 0 0;padding:.3em} 
.content2 h5,.content3 h5{font-size:1.3em;color:#1ab09a;margin:1em auto 0 0;padding:.3em} 
.content2 h6,.content3 h6{font-size:1.1em;color:#009fe3;margin:1em auto 0 0;padding:.3em} 
.content1b h1{font-size:1.6em;line-height:1.3}
.content1b p{line-height:1.3}
.content1 img,.content2 img{vertical-align:top}
.content1b p.paginadatum{font-size:.9em;line-height:1;display:none}
.content1b p.paginaintro{font-size:1em;line-height:1.2}

input, textarea{font-size:.9em;padding:0.5em;color:#009fe3;margin:.2em}
span{font-size:1em}
select{font-size:1.5em;color:#009fe3;padding:.4em}
hr{margin:1em;height:1px;border:none;background-color:#c1c1c1}
ul {color:#009fe3;margin:.5em;font-size:1em}
li{color:#009fe3}
ol{color:black;margin:.5em;font-size:1em}

/*blog artikel*/
.splist ul li {color:black;font-weight:normal;padding:.4em}
.splist{ margin:.5em}
/*blog artikel*/

.content1 ul,.content2 ul,.content3 ul,.content1 ol,.content2 ol,.content3 ol{color:#1AB09a}
.content1 li,.content2 li,.content3 li{color:#1AB09a;font-weight:bold;margin-left:.9em}
.content1 ol li,.content2 ol li,.content3 ol li{color:black;font-weight:normal;margin-left:.9em}

.content1 ol ol li,.content3 ol ol li{color:black;font-weight:normal;margin-left:1em;margin-top:.4em}
.content2 ol ol li{color:black;font-weight:500;margin-left:0;margin-top:.4em}
.content2 ol li p{color:black;font-weight:500;margin-left:0;margin-top:.4em}

* :focus{outline:none}
a,.content2 a{color:#009fe3;text-decoration:none}
a:link,.content a:link{color:#009fe3}
a:visited,.content a:visited{color:#009fe3}
a:hover,.content a:hover, a:active,.content a:active{color:#a3a3a3}
a img{border:none}
.content1 a,.content1 a:link,.content1 a:visited{color:white;text-decoration:underline}
.content1 a:hover,.content1 a:active{color:#a3a3a3}
.content2 a,.content3 a,.content2 a:link,.content3 a:link{color:#009fe3;text-decoration:underline}
.content2 a:visited,.content3 a:visited{color:#009fe3}
.content2 a:hover,.content2 a:active,.content3 a:hover,.content3 a:active{color:#a3a3a3}

.highlights_item a,.highlights_item a:link{color:black}
.highlights_item a:visited{color:#303030}
.highlights_item a:hover,.highlights_item a:active{color:#a3a3a3}
.home_nieuws_item a,.home_nieuws_item a:link{color:#009fe3}
.home_nieuws_item a:visited{color:#303030}
.home_nieuws_item a:hover,.home_nieuws_item a:active{color:#a3a3a3}
.klantcases_item a,.klantcases_item a:link{color:#9B3B96}
.klantcases_item a:visited{color:#9B3B96}
.klantcases_item a:hover,.klantcases_item a:active{color:#a3a3a3}
.blogs_item a,.blogs_item a:link{color:#009fe3}
.blogs_item a:visited{color:white}
.blogs_item a:hover{color:#a3a3a3}
.blogs_item a:active{color:#009fe3}

.container{width:100%;top:0;height:auto;margin:0 auto;text-align:center;z-index:1;}
.headerspace{width:100%;height:1px;margin:0 auto;position:relative;float:left;z-index:100}
.topmenuspace{color:#6c6a66;width:100%;height:1px;margin:0 auto;text-transform:capitalize;background:black}
.topmenuwrapper{position:relative;float:left;width:100%;height:1px;margin:0 auto;z-index:300;color:#6c6a66}
.header{width:100%;height:100px;max-width:2000px;z-index:200;margin:0 auto;visibility:hidden}
.menuwrapper{background:linear-gradient(rgb(0 0 0 / 78%), 28%, rgba(0, 0, 0, 0));position:relative;float:left;width:100%;height:75px;margin:0 auto;color:#009fe3;margin:0;z-index:1;line-height:1.71;letter-spacing:1px;text-align:right}
.menuspace{background-image:linear-gradient(to bottom, black 30%, transparent);width:100%;max-width:1400px;height:0px;margin:0 auto;text-align:left;color:white;z-index:-1;max-width:1400px;text-transform:capitalize}
.contentspace{width:100%;height:auto;margin:0 auto;z-index:1;display:inline-flex;flex-direction:column;background:#eaeaea url('/layout/Achtergrond-Netwerk-hart-Systemec.webp') repeat top left}
.topfoto{width:100%;height:500px;-moz-box-shadow:0px 1px 2px #999999;-webkit-box-shadow:0px 1px 2px #999999}
.topfoto_item{width:100%;height:500px;background:linear-gradient(268deg,#1ab09a,rgb(0 159 227));-moz-box-shadow:0px 1px 2px #999999;-webkit-box-shadow:0px 1px 2px #999999}
.topfoto_item img{max-width:100%;height:500px;object-fit:cover;margin:0 auto;animation-name:animatie_systemec;animation-duration:2s}
.content{width:100%;height:auto;margin:0 auto}
.blok_internet_innovatie{max-width:1400px;background-color:transparent;width:90%;display:inline-flex;flex-direction:row-reverse;padding:1rem 0}
.blok_internet_innovatie_content{grid-gap: 0.5em;color:white;text-transform:uppercase;font-weight:bolder;letter-spacing: 1px;background:#03A9F4;align-items:center;display:inline-flex;align-content:center;padding:0.5em;border-radius:1em;font-size:.8em}

.content1b{z-index:1;left:20%;width:60%;position:absolute;top:12.5em;color:white;height:auto;text-align:left;padding:1.1em;border-radius:1em}
.content2{max-width:1400px;display:inline-block;width:90%;height:auto;min-height:10px;text-align:left;margin:1em auto;vertical-align:top;padding:1em 1.6em;background-color:white;color:black;border-radius:1em}
.content3{display:none;width:80%;height:auto;min-height:10px;text-align:left;margin:1em 10%;display:inline-block;vertical-align:top;padding:1em 0 0 2.7em;background-color:white;border:1px solid grey}

.ncontent3_det,.ncontent4_det{max-width:1400px;width:100%;display:inline-block}
.ncontent3_det ul,.ncontent4_det ul{display:grid;justify-content:center;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));margin:auto;max-width:1400px;width:calc(95% - 2rem);grid-gap:1rem;color:black}
.ncontent3_det li,.ncontent4_det li{display:inline-flex;flex-direction:column;flex-wrap:wrap}
.ncontent3_det ul li img{height:110px;width:auto;padding:1rem}
.ncontent4_det ul li img{height:110px;width:auto}
.ncontent5_det{display:grid;justify-content:center;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));margin:auto;max-width:1400px;width:calc(95% - 2rem);grid-gap:1rem;color:black}
.imgsp img{padding:0.5em;border-radius:4px}
.imgzsp{width:auto;border-radius:4px;margin:0 auto;text-align:center;display:block;padding:.3em}
.imgzsp_pdf_l{width:auto;border-radius:4px;margin:0 0 .5em 4px;border:1px solid #9b3b96}
.imgzsp_pdf_g{width:auto;border-radius:4px;margin:0 0 .5em 4px;border:1px solid #1ab09a}

.taalkeuze{font-weight:bold;font-size:.95em;width:auto;z-index:550;color:#009fe3}
.actt,.optietaal{color:#009fe3;display:inline-block}
.m_taalkeuze{font-size:1.3em;font-weight:bold;width:90%;position:relative;float:left;z-index:550;padding:0.6em;letter-spacing:1px;text-transform:uppercase}
.m_logospace{font-size:1.3em;font-weight:bold;width:100%;position:relative;float:left;z-index:550;margin:8px 0 30px 0;padding:1em;letter-spacing:1px}
.m_logospace h5{font-weight:bold;width:100%;position:relative;float:left;z-index:550;padding:1em 0 1em 0;letter-spacing:1px;text-transform:initial}
.m_nieuwsbrief{font-size:1em;font-weight:bold;width:100%;position:relative;float:left;z-index:550;margin:.5em 0;padding:1em;letter-spacing:1px;text-transform:uppercase}

.contentwrapper{position:relative;float:left;width:100%;height:auto;color:#009fe3;text-align:left;margin:0 auto;display:inline-block;z-index:1;background-color:white}
.video_content{position:relative;float:left;width:80%;background-color:#eaeaea;padding:1em .5em;margin:1em 10% 1em 10%}
.home_nieuws_item h4{letter-spacing:normal;background-color:white;color:#009fe3}
.home_nieuws_item h2{font-size:1.3em;color:white}
.home_nieuws_item h2 a:link,.home_nieuws_item a:link{color:#009fe3}
.home_nieuws_item a:visited{color:#303030}
.home_nieuws_item a:hover,.home_nieuws_item a:active{color:#009fe3}
.home_nieuws_item h2 a,.home_nieuws_item h2 a:link{}
.home_nieuws_item h2 a:visited,.home_nieuws_item h2 a:hover,.home_nieuws_item h2 a:active{}
.home_nieuws_item h4 a.home_nieuws_item h4 a:link{color:#6c6a66;font-weight:500;text-transform:uppercase}
.home_nieuws_item h4 a:visited,.home_nieuws_item h4 a:hover,.home_nieuws_item h4 a:active{color:#6c6a66}
.home_nieuws_item h4{min-width:114px;color:#6c6a66;font-size:.9em;font-weight:500;text-transform:uppercase}
.home_nieuws_item_pinned{width:100%;height:auto}
.home_nieuws_item_pinned h2{color:#009fe3;padding:.5em 0;line-height:1.4}
.home_nieuws_item_pinned h2 a,.home_nieuws_item h2 a:link{color:#009fe3;line-height:1.4}
.home_nieuws_item_pinned h2 a:visited,.home_nieuws_item_pinned h2 a:hover,.home_nieuws_item_pinned h2 a:active{color:white;line-height:1.4}
.home_nieuws_item_pinned h4 a,.home_nieuws_item_pinned h4 a:link{color:#6c6a66;font-weight:500;text-transform:uppercase}
.home_nieuws_item_pinned h4{min-width:114px;color:#6c6a66;font-size:.9em;font-weight:500;text-transform:uppercase}
.home_nieuws_item_pinned{color:white;background:none;width:auto}
.home_nieuws_item_pinned h4{font-weight:bold;text-align:center;letter-spacing:normal;background-color:white;width:auto;color:#009fe3;border-radius:.5em}
.home_nieuws_item_pinned h2{font-size:2em;color:white}
.home_nieuws_item_pinned h2 a:link{color:white}
.home_nieuws_item_pinned a:link,.home_nieuws_item_pinned a:visited,.home_nieuws_item_pinned a:hover,.home_nieuws_item_pinned a:active{color:white}
.home_nieuws_item_pinned p{}
.home_nieuws_item_pinned #bnpijl{margin-left:5%}
.blokken{color:white;position:relative;float:left;width:100%;max-width:1400px;min-height:200px;height:auto;text-align:left;margin:30px auto 0 auto;background-color:#c4eef3}
.home_nieuws_item_det{display:flex;justify-content:center;color:white;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));margin:auto;max-width:calc(70% - 4rem);width:calc(70% - 4rem);grid-gap:1rem;flex-direction:column}

.blok_oplossingen_det,.blok_klantcases_det,.blok_blogs_det,.blok_contact_det,.blok_dclocaties_det{display:grid;justify-content:center;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));margin:auto;max-width:calc(95% - 2rem);width:calc(95% - 2rem);grid-gap:1rem;color:black}
.blok_dclocaties_det{grid-template-columns:repeat(auto-fit, minmax(200px, 1fr))}
.blok_contact_det{grid-template-columns:repeat(auto-fit, minmax(180px, 1fr))}
.partners_certificering_det{grid-template-columns:repeat(auto-fit, minmax(80px, 1fr))}

.blok_grid{display:grid;justify-content:center;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));margin:auto;max-width:1400px;width:calc(95% - 2rem);grid-gap:1rem;color:black;align-items: center;}
.b_sponsoring_logo{padding:1.5rem;text-align:center;}
.b_sponsoring img{max-width:90%;max-height:110px}

.blok_highlights_det{display:grid;justify-content:center;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));margin:auto;max-width:1400px;width:calc(95% - 2rem);grid-gap:1rem;color:black}
.blok_links{max-width:calc(90% - 2rem);width:calc(90% - 2rem);text-align:left;padding:1rem;margin:1rem auto;border-radius:1em}
.blok_nivo4{width:calc(80% - 2rem);text-align:left;background-color:#009fe3;padding:1rem;margin:1rem auto;border-radius:1em;display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));justify-content:center;max-width:1400px}
.home_nieuws_wrapper{max-width:1400px;width:calc(80% - 2rem);text-align:left;background-color:#009fe3;padding:1rem;margin:1rem auto;border-radius:1em;display:inline-flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;justify-content:center}

.footer{color:black;display:grid;justify-content:center;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));background:white;margin:auto;max-width:100%;width:100%;text-align:left;border-radius:1em;margin-top:2rem}
.blok_contact{display:grid;justify-content:center;background:#1ab09a;max-width:1000px;margin:auto;max-width:1400px;width:calc(80% - 2rem);text-align:left;border-radius:1em;grid-gap:1rem}
.contact_opt1{ grid-column:1 / span 2}
.blokfoto img{max-width:100%}
.blokfotogroep img{max-width:100%;border-radius:2px}
.halfcontent{flex-grow:0;flex-shrink:0;flex-basis:calc(49% - 4rem);max-width:calc(49% - 4rem);width:calc(49.05% - 4rem);position:relative;float:left}

.home_nieuws_item_pinned{flex-grow:0;flex-shrink:0;flex-basis:calc(49% - 4rem);max-width:calc(49% - 4rem);width:calc(49.05% - 4rem);-webkit-animation-name:animatie_systemec;-webkit-animation-duration:2s;animation-name:animatie_systemec;animation-duration:2s}
.home_nieuws_fotopinned{flex-grow:0;flex-shrink:0;flex-basis:calc(49% - 4rem);max-width:calc(49% - 4rem);width:calc(49.05% - 4rem);-webkit-animation-name:animatie_systemec;-webkit-animation-duration:2s;animation-name:animatie_systemec;animation-duration:2s}
.home_nieuws_fotopinned img{width:100%;max-height:360px;height:360px;margin:1.5rem;object-fit:scale-down}
.blok_oplossingen,.blok_klantcases,.blok_dclocaties,.blog_wrapper,.partners_certificering{color:black;height:auto;max-width:1400px;width:calc(80% - 4rem);background-color:white;border-radius:1em;padding-top:1rem;padding-bottom:1rem;margin:2rem auto}
.blok_dclocaties{background-color:#1AB09A}
.blog_nieuwsspace{display:flex;overflow-x:hidden;color:white;position:relative;float:left;width:100%;max-width:100%;min-height:400px;height:auto;text-align:left;margin-left:0;background-color:#009fe3}
.blog_nieuws_wrapper{display:flex;overflow-x:visible;color:white;position:relative;float:left;width:100%;max-width:100%;min-height:200px;height:auto;text-align:left;margin:30px auto 0 auto;background-color:#eaeaea}
.blok_klantcases{background-color:#7F4098}
.blok_vacatures{color:black;max-width:1400px;width:calc(90% - 1rem);text-align:left;background-color:white;padding:1rem;margin:1rem auto;border-radius:1em;display:inline-flex;flex-direction:column;flex-wrap:wrap;align-content:flex-start;justify-content:flex-start}
.blok_nieuwsarchief,.blok_klantcases_archief,.blok_blogsarchief{max-width:1400px;width:calc(80% - 2rem);text-align:left;background-color:white;
 padding:1rem;margin:1rem auto;border-radius:1em;display:inline-flex;flex-direction:column;flex-wrap:wrap;align-content:flex-start;justify-content:flex-start}
.blok_nivo4, blok_internet_innovatie{color:white}
.blok_nivo4 h2,.blok_internet_innovatie h2{font-size:1.4em;color:white;line-height:1.2}
.nv4pt_item{height:auto;background-color:#f8f8f8;margin:15px;padding:20px;color:black}
.nv4pt_item h4{color:#1ab09a}
.nv4pt_item ul li{color:black;margin:.5em;}
.nv4pt_item ul li{list-style-image:url(/layout/gtic-icon.png)}
.nv4pt_item hr{background-color:#66CCFF}
.nv4pt_item h2{font-size:1.6em;color:#1ab09a;margin:0 auto .5em 0;text-transform:capitalize}

#wh_enterprise{background-color:white;margin-top:40px}
#wh_professional h4{background-color:#1ab09a;color:white;margin-left:-35px;padding-left:10px;text-transform:uppercase;font-size:.8em;letter-spacing:1px}
#wh_personal{background-color:white;margin-top:40px}
.nv4pt_item_c1{min-height:150px}
.nv4pt_item_c2{border-top:#1ab09a solid 1px}
.nv4ptde_item{width:100%;height:auto;position:relative;float:left;background-color:#f8f8f8;margin:8px;padding:12px;color:black}
.nv4ptde_item h4{color:#009fe3}
.nv4ptde_item ul li{color:black}
.nv4ptde_item ul li{list-style-image:url(/layout/gtic-icon.png)}
.nv4ptde_item hr{background-color:#009fe3}
.nv4ptde_item h2{font-size:1.3em;color:#009fe3;margin:0 auto .5em 0;text-transform:capitalize}
.nv4ptde_item_c1{min-height:150px}
.nv4ptde_item_c1 img{max-width:100%}
.nv4ptde_item_c2{border-top:#009fe3 solid 1px}

.bknop4_pakket{font-weight:bold;font-size:.8em;max-width:172px;width:100%;min-width:172px;min-height:40px;color:white;border-radius:2px;border:solid 2px #1ab09a;
 background-color:#1ab09a;text-align:center;padding:.5em;margin-top:.5em;margin-bottom:.5em;text-transform:uppercase;cursor:pointer}
.bknop4_whpakket{font-weight:bold;font-size:.8em;max-width:172px;width:100%;min-width:172px;min-height:40px;color:white;border-radius:2px;border:solid 2px #1ab09a;
 background-color:#1ab09a;text-align:center;padding:.5em;margin-top:.5em;margin-bottom:.5em;text-transform:uppercase;cursor:pointer}

.bknop_aanmelden_nieuwsbrief{font-weight:bold;font-size:.8em;max-width:240px;width:100%;min-width:172px;min-height:40px;color:white;border-radius:2px;border:solid 2px #1ab09a;
 background-color:#1ab09a;text-align:center;padding:.5em;margin-top:.5em;margin-bottom:.5em;text-transform:uppercase;cursor:pointer;letter-spacing:1px}
.bknop_aanmelden_nieuwsbrief a:link,.bknop_aanmelden_nieuwsbrief a,.bknop_aanmelden_nieuwsbrief a:visited,.bknop_aanmelden_nieuwsbrief a:hover{color:white}

.bknop_aanmelden_nieuwsbrief1{font-weight:bold;font-size:.8em;max-width:385px;width:auto;min-width:172px;min-height:40px;color:white;border-radius:2px;border:solid 2px white;
 background-color:#1ab09a;text-align:center;padding:.5em;margin:0 auto;text-transform:uppercase;cursor:pointer;letter-spacing:1px}
.bknop_aanmelden_nieuwsbrief1 a:link,.bknop_aanmelden_nieuwsbrief1 a,.bknop_aanmelden_nieuwsbrief1 a:visited,.bknop_aanmelden_nieuwsbrief a:hover{color:white}

.bknop4_contact,.bknop4_contactblok{max-width:240px;font-size:.8em;font-weight:bold;width:100%;min-width:172px;min-height:40px;color:white;border-radius:2px;border:solid 2px white;background-color:#1ab09a;text-align:center;padding:.5em;margin-top:.5em;margin-bottom:.5em;text-transform:uppercase;cursor:pointer}

.m_bknop_aanmelden_nieuwsbrief{width:240px;height:40px;font-size:1em;line-height:1.71;text-align:center;text-transform:uppercase;letter-spacing:0;position:relative;float:left;margin-top:10px;padding-top:6px;background-color:#1ab09a;
 box-shadow:0 1px 0 0 rgba(0, 0, 0, 0.5);cursor:pointer}
.m_bknop_aanmelden_nieuwsbrief a:link,.m_bknop_aanmelden_nieuwsbrief a,.m_bknop_aanmelden_nieuwsbrief a:visited,.m_bknop_aanmelden_nieuwsbrief a:hover{color:white}

.home_nieuws_item{color:black;background-color:white;padding:1em;-webkit-animation-name:animatie_systemec;-webkit-animation-duration:2s;animation-name:animatie_systemec;animation-duration:2s;text-align:left;border-radius:1em}
.highlights_item{color:black;background-color:white;padding:1em;text-align:left;display:inline-flex;flex-direction:row;align-content:stretch;justify-content:flex-start;align-items:baseline;border-radius:1em;
-webkit-animation-name:animatie_systemec;-webkit-animation-duration:2s;animation-name:animatie_systemec;animation-duration:2s}
.oplossingen_item,.klantcases_item,.blogs_item{max-width:296px;color:black;padding:1em;-webkit-animation-name:animatie_systemec;-webkit-animation-duration:2s;animation-name:animatie_systemec;animation-duration:2s;text-align:left}
.dclocaties_item{width:100%;max-width:175px;min-width:175px;height:auto;min-height:344px;color:black;margin:15px 15px 35px 15px;text-align:left;-webkit-animation-name:animatie_systemec;-webkit-animation-duration:2s;animation-name:animatie_systemec;animation-duration:2s}

.highlights_item h2{font-size:1.3em;color:black;padding:.5em}
.highlights_item h2 a,.highlights_item h2 a:link{color:black}
.klantcases_item h2 a:link,.dclocaties_item h2 a:link {color: white}
.highlights_item h2 img{max-height:65px;margin-bottom:10px}
.blogs_item h2 a:link{color:white}
.highlights_item h4{font-size:.8em;width:84px;height:27px;min-width:84px;border-radius:2px;background-color:#009fe3;text-transform:uppercase;text-align:center}
.highlights_icon{width:20px;max-width:20px}

.iconp,.iconb,.icong,.iconlg{width:25px;height:25px;border-radius:7px;text-align:center;display:inline-flex;flex-wrap:nowrap;align-content:flex-start;justify-content:space-evenly;align-items:center}
.iconb{background-color:#009fe373}
.icong{background-color:#1ab09a73}
.iconlg{background-color:#138977}
.iconp{background-color:#ffffff73}

.oplossingen_intro h2{font-size:1.8em;color:#009FE3}
.oplossingen_item h2{font-size:1.2em;color:#009FE3;}
.oplossingen_item h2 a,.oplossingen_item h2 a:link,.oplossingen_item h2 a:visited{color:#009fe3}
.oplossingen_item h4{font-size:.8em;color:white;width:100%;height:27px;min-width:84px;border-radius:2px;background-color:#009fe3;text-transform:uppercase;text-align:center}
.klantcases_intro h2{font-size:1.8em;color:white}
.klantcases_item h2,.klantcases_item h2 a,.klantcases_item h2 a:link,.klantcases_item h2 a:visited{color:white;font-size:1.2em}
.klantcases_item h4{font-size:.8em;color:white;width:75px;height:27px;min-width:48px;border-radius:2px;background-color:#9B3B96;text-transform:uppercase;text-align:center}
.klantcases_item hr{height:1px;border:none;background-color:#c1c1c1}
.dclocaties_intro h2{font-size:1.8em;color:white}
.dclocaties_item h2 a,.dclocaties_item h2 a:link,.dclocaties_item h2 a:visited{font-size:.75em;color:white}
.dclocaties_item h6 a,.dclocaties_item h6 a:link,.dclocaties_item h6 a:visited{color:white}
.dclocaties_item h4{font-size:.8em;color:white;width:100%;height:27px;min-width:48px;border-radius:2px;background-color:#1a9c88;text-transform:uppercase;text-align:center}
.dclocaties_item hr{margin:0;height:1px;border:none;background-color:#c1c1c1}
.blogs_intro h2{font-size:1.8em;color:#009FE3}
.blogs_item h2{font-size:1.2em;}
.blogs_item h2 a,.blogs_item h2 a:link,.blogs_item h2 a:visited{color:#009FE3}
.blogs_item h4{font-size:.8em;color:white;width:75px;height:27px;min-width:48px;border-radius:2px;background-color:#009fe3;text-transform:uppercase;text-align:center}
.blogs_item hr{height:1px;border:none;background-color:#c1c1c1}

#hlpijl, #kcpijl, #bopijl, #bnpijl{margin-left:60%;display:inline-block}
#dcpijl{display:inline;padding:0 .5em 0 .5em}
.anieuws_item:nth-child(-n+3){background-color:#d3d3d3;display:none;visibility:hidden}
.anieuws_item{max-width:90%;padding:.5em}
.anieuws_item #bnpijl{margin-left:2%;display:inline-block}
.anieuws_item h2{font-size:1.3em}
.aklantcases_item:nth-child(-n+3){background-color:#d3d3d3;display:none;visibility:hidden}
.aklantcases_item{max-width:90%;padding:.5em}
.aklantcases_item #bnpijl{margin-left:2%;display:inline-block}
.ablogs_item:nth-child(-n+3){background-color:#d3d3d3;display:none;visibility:hidden}
.ablogs_item{padding:20px 30px}
.ablogs_item #bnpijl{margin-left:2%;display:inline-block}
.vacatures_item{padding:10px;border-bottom:solid 1px #1ab09a;margin:.8em;width:96%}
.vacatures_item #bnpijl{margin-left:2%;display:inline-block}
.vacatures_item h2{color:#009fe3}
.contact_intro{color:white;width:85%;height:auto;position:relative;float:left;padding-left:48px}
.contact_intro h2{font-size:1.9em;color:white;line-height:1.2;margin-top:42px}
.blok_dclocaties h2{color:white}
.blok_blogs h2{color:#009fe3}
.blok_contact h2{color:white}
.blok_klantcases h2,.blok_klantcases hr{color:white}
.blok_dclocaties hr,.blok_contact hr,.blok_blogs hr{color:#009fe3}
.dclocatie_contact_titel{width:100%;text-align:center}
.dclocatie_contact{}
.contact_intro p{color:white}
.contact_knop{font-weight:bolder;position:relative;float:left;box-shadow:0 1px 0 0 rgba(0, 0, 0, 0.5);border-radius:4px;width:85%;max-width:320px;height:auto;color:#1ab09a;background-color:white;margin:1em;padding:.6em}
.contact_knop a,.contact_knop a:link,.contact_knop a:visited,.contact_knop a:hover,.contact_knop a:active{font-weight:bolder;color:#1ab09a;padding-left:0}
.contact_item{color:white;margin:1em;line-height:1.4}
.contact_item p{color:white;line-height:1.4}
.quotes_item h2{padding:.5em}

#div_mvmenu{width:100%;position:fixed;top:90px;left:0px;height:380px;max-height:380px;display:none;border:1px solid #009fe3;padding:2em;text-align:left;overflow:scroll;background-color:#009fe3}
.bknop_contact{font-weight:bold;width:100%;max-width:384px;min-height:56px;color:#009fe3;border-radius:2px;border:solid 2px #009fe3;background-color:white;text-align:center;padding:.5em;margin-top:.5em;margin-bottom:.5em}
#div_mvcontact2{max-width:100%;padding:1em;text-align:left}
#div_mvcontact2_link{max-width:100%;padding:1em;text-align:left}
.mv_contact2{color:black;background-color:white;text-transform:none}
.mv_contact2 p{font-weight:normal;font-stretch:normal;font-style:normal}
#m_closeicon{width:100%;height:32px;position:relative;float:right;font-weight:900;color:black;padding:10px;text-align:right}
#menu1{display:grid;justify-content:center;text-align:left;color:white;grid-template-columns:repeat(auto-fit, minmax(210px, 1fr));padding:0;color:white;margin:auto;max-width:1400px;width:calc(99% - 1rem);text-transform:uppercase;font-weight:bold;font-size:.9em}
#menu2{display:none;visibility:hidden;position:fixed;font-weight:bold;top:48px;left:0px;font-size:.9em;text-transform:uppercase;width:95%;max-width:450px;min-width:350px;color:white;text-align:left;z-index:9999;background-color:black;height:100%;overflow-y:auto;scrollbar-color:#009fe3 black}
.imo{padding:.5em 0 0;float:right;position:relative}
#menuid7, #imenu7{letter-spacing:0px;width:163px;height:40px;background-color:#1ab09a;box-shadow:0 1px 0 0 rgba(0, 0, 0, 0.5);margin-left:1em;cursor:pointer}
#menuid5, #imenu5{letter-spacing:0px;width:163px;height:40px;background-color:#1ab09a;box-shadow:0 1px 0 0 rgba(0, 0, 0, 0.5);margin-left:1em;cursor:pointer}
[taalid~=nl]#menuid5{margin-left:27rem}
[taalid~=en]#menuid5{margin-left:27rem}
[taalid~=de]#menuid5{margin-left:24rem}
.knop_contact{width:170px;height:40px;font-size:1em;line-height:1.71;text-align:center;text-transform:uppercase;letter-spacing:0;position:relative;float:left;margin-top:10px;padding-top:6px;background-color:#1ab09a;box-shadow:0 1px 0 0 rgba(0, 0, 0, 0.5);cursor:pointer}
.hmenu{color:white;min-width:160px;height:53px;display:inline-flex;cursor:pointer;flex-flow:row nowrap;align-content:space-between;justify-content:center;padding-top:6px;margin-top:19px}
.hmenulogo{margin:4px auto;height:55px;position:absolute;top:6px;left:calc(50% - 40px)}
.hmenulogo img{max-width:100%;height:80px}
.hmenu:first-child{margin-top:5px}
.mhmenu{color:#009fe3;width:92%;min-width:132px;height:56px;padding-top:15px;padding-left:15px;margin-top:0;cursor:pointer;letter-spacing:1px}
.mhmenu:first-child{margin-left:0}
.cmenu{color:white}
.cmenu a,.cmenu a:link{color:white}
.cmenu a:visited{color:white;text-decoration:none}
.openmenu{color:#009fe3}
.openmenu a,.openmenu a:link{color:#009fe3}
.isbmenu{margin-left:.4rem}
.m_cmenu{color:#009fe3}
.m_cmenu a{color:#009fe3;letter-spacing:1px}
.m_cmenu a:visited{color:#009fe3;text-decoration:none}
.m_openmenu{color:white}
.m_openmenu a,.openmenu a:link{color:white}
.misbmenu{display:block;position:relative;float:left;left:100%;z-index:1}

.submenutitel{display:block;color:#009fe3;margin-top:27px;margin-bottom:9px;padding-left:24px}
.submenu{margin-top:0;padding-top:27px;background-color:#202020;display:none;position:absolute;top:72px;clear:left;width:405px;text-align:left;border-right:1px solid #009fe3;min-height:370px}
#submenuspace{display:inline}
.submenuspace{display:inline;height:400px;width:50%}
.msubmenu{padding-top:0;background-color:black;width:100%;max-width:450px;text-align:left;margin-top:0;display:none}
.msubmenu2{padding-top:0;background-color:black;width:100%;width:450px;text-align:left;margin-top:0;display:none}
.submenu2{width:390px;background-color:#202020;display:none;position:absolute;left:0px;text-align:left;margin-left:405px;top:0;min-height:370px;border-right:1px solid #009fe3}
.submenuitem{width:100%;min-height:40px;line-height:40px;padding-left:38px}
.submenuitem a,.submenuitem a:link{width:88%;display:inline-flex;color:#009fe3}
.submenu2item{color:#009fe3;width:98%;min-height:40px;line-height:40px;top:0;padding-left:0}
.submenu2item a,.submenu2item a:link{width:100%;color:#009fe3;display:flex;padding-left:64px}
.icon_systemec{max-width:25px;max-height:25px;margin-right:15px;margin-top:0;vertical-align:middle}
.icon_systemec2{max-width:25px;max-height:25px;margin-right:15px;margin-top:8px;vertical-align:middle}
.submenuitem:hover,.submenu2item:hover,.submenu2item a:hover{color:white;background-color:#009fe3;text-decoration:none;cursor:pointer}
.msubmenu2 .submenu2item a,.msubmenu2 .submenu2item a:link,.msubmenu2 .submenu2item a:visited{width:100%;color:white;display:flex;padding-left:64px}
.blok_linkscontent1,.blok_linkscontent2{text-transform:initial;background-color:#009fe3;color:white;text-align:left;width:82%;height:auto;padding:1em;margin:1rem auto;border-radius:1em}
.blok_linkscontent1 p,.blok_linkscontent2 p{font-size:1.2em;text-transform:initial;font-weight:500;text-align:center;padding:1rem}
.blok_linkscontent2 img{max-width:100%}

.mcontactsubmenu2{display:none;text-transform:initial;background-color:#009fe3;color:white;position:relative;float:left;text-align:left;margin-left:390px;top:0px;min-height:398px;width:396px;padding:31px}
.mcontactsubmenu2 p{font-size:1.3em;text-transform:initial;font-weight:500}
.m_contactsubmenu2{text-transform:initial;background-color:#009fe3;color:white;position:relative;float:left;text-align:left;margin-left:0px;top:0px;height:auto;width:100%;padding:1em;margin-top:1em}
.m_contactsubmenu2 p{font-family:Calibri, Arial, Helvetica,sans-serif;font-size:1.3em;text-transform:initial;font-weight:500}

#mobilemenuicon{cursor:pointer;display:none;visibility:hidden;color:#66ccff;top:20px;left:0;position:absolute;z-index:9999;text-align:left;padding-left:12px}
#mobilemenuicon_close{cursor:pointer;display:none;visibility:hidden;color:#66ccff;top:20px;right:0;position:absolute;z-index:9999;text-align:left;padding-left:12px}
#mobilemenuicon_back{cursor:pointer;display:none;visibility:hidden;color:#66ccff;top:20px;right:80px;position:absolute;z-index:9999;text-align:left;padding-left:12px}
#menumobile{position:absolute;top:55px;left:0;font-size:1em;text-transform:uppercase;color:#009fe3;margin:0 auto auto 2%;text-align:left}
#menumobile nav{}
#topmobilemenu{width:100%;max-width:450px;height:48px;display:none;visibility:hidden;color:white;position:fixed;left:0;top:0px;z-index:9999;background-color:#1ab09a}

.logoitem{display:inline-flex;-webkit-filter:grayscale(100%);filter:grayscale(100%)}
.logotitem img{width:100%}
.footeritem{color:black;padding:2rem;text-align:left}
.footer_logos{margin-top:1rem;display:grid;align-content:center;align-items:center;grid-gap:1rem;grid-template-columns:repeat(auto-fit, minmax(120px, 1fr));justify-items:center;justify-content:start}
.footeritem img{max-height:55px;object-fit:scale-down}
.footeritem h4{color:black}
.footeritem h5,.footer h5 a{font-size:1.1em;color:#009fe3;margin-top:1em}
.footeritem p{color:black}
.footeritem ul{list-style:none;margin:0}
.footeritem li{margin:.3em 0 }
.footeritem li a img{text-align:left;margin-right:1em}
.footeritem li a,.footeritem li a:link,.footeritem li a:visited,.footeritem li a:hover,.footeritem li a:active{color:black;text-decoration:none}
table{margin:.4em;border-spacing:0}
table, td, th{font-size:1em;color:#009fe3;text-align:left}
th, td{height:auto;font-weight:normal;padding:0.7em}
td img{vertical-align:top}
iframe{overflow:hidden}
.tabelweb th, .tabelweb td{border:1px solid #e5e5e5}

/*blog artikel*/
.tabelblog th, .tabelblog td{color:black;border:2px solid #e5e5e5;padding:.2em}
.tabelblog td {width:50%}
/*blog artikel*/

.m_contactsubmenu2 h2{font-size:1.2em;color:white}
.paginapersoon_contact{display:inline-grid;grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));max-width:100%;margin:1rem auto}
.bcircle {position:relative;float:left;background:#009fe3;width:30px;height:30px; border-radius:50%;text-align:center;color:white;margin-right:10px}


@media all and (max-width:1367px) AND (orientation:landscape), (max-width:1367px) AND (orientation:portrait){
.logo{max-width:50px}
.content1b{width:98%;left:1%;top:3.7em}
.home_nieuws_fotopinned,.home_nieuws_item_pinned{flex-wrap:nowrap;max-width:100%;width:100%;flex-direction:column;flex-basis:calc(100% - 2rem)}
.home_nieuws_item_det{max-width:calc(95% - 2rem);width:calc(95% - 2rem)}
#menu1,.taalkeuze {display:none}
#topmobilemenu{width:100%;max-width:450px;height:48px;display:inline;visibility:visible;color:white;position:fixed;left:0;top:0;z-index:9999;background-color:transparent}
#mobilemenuicon{width:auto;max-width:60px;height:auto;min-height:48px;display:inline;visibility:visible;color:white;position:absolute;left:0px;top:0px;z-index:9999;background-color:#1ab09a}
#mobilemenuicon img{width:32px;height:32px;margin-right:.4em;margin-top:8px;vertical-align:text-bottom}
#mobilemenuicon_close{width:auto;max-width:50px;height:35px;display:none;visibility:visible;color:white;position:absolute;right:0;margin-right:20px;margin-top:8px;top:5px;z-index:9999;background-color:#66ccff}
#mobilemenuicon_close img{width:22px;height:22px;margin-right:.4em;vertical-align:text-bottom}
#mobilemenuicon_back{width:auto;max-width:50px;height:35px;display:none;visibility:visible;color:white;position:absolute;right:80px;margin-right:20px;margin-top:8px;top:5px;z-index:9999;background-color:#66ccff}
#mobilemenuicon_back img{width:22px;height:22px;margin-right:.4em;vertical-align:text-bottom}
.bknop_contact{font-size:1em;font-weight:bold;width:100%;max-width:384px;min-height:56px;color:#009fe3;border-radius:2px;border:solid 2px #009fe3;background-color:white;text-align:center;padding:.5em;margin-top:.5em;margin-bottom:.5em}
}

@media all and (max-width:990px){
.topfoto,.topfoto_item img,.topfoto_item{height:330px}
.blok_oplossingen,.blok_klantcases,.blok_dclocaties,.blog_wrapper,.partners_certificering{width:95%}
.content1b p{font-size:.93em;line-height:1.2}
.content1b h1{font-size:1.2em;font-weight:bolder;line-height:1.2}
.content2 h3,.content2 h2{font-size:1.2em}
.home_nieuws_item_pinned h2{font-size:1.4em;color:white}
.blok_linkscontent1 h2{font-size:1.2em;color:white;text-align:center}
.contact_intro h2{font-size:1.3em;color:white}
.blok_linkscontent2 h2{font-size:1.3em;text-align:center}
.highlights_item h2{font-size:1em}
.home_nieuws_item h2{font-size:1.1em}
.home_nieuws_fotopinned img{margin:0}
.anieuws_item h2,.aklantcases_item h2{font-size:1.1em}
.home_nieuws_wrapper{max-width:95%;width:95%;text-align:left;background-color:#009fe3;padding:1rem;margin:1rem auto;border-radius:1em}
.blok_nivo4{max-width:95%;width:95%;text-align:left;background-color:#009fe3;padding:1rem;margin:1rem auto;border-radius:1em}
.datacenters map{max-width:579px;width:100%;height:auto;min-width:290px}
.topmenuwrapper,.topmenuspace{height:0}
.content1 img,.content2 img{vertical-align:top;width:auto;max-width:85%}
.datacenters img{vertical-align:top;width:auto;max-width:100%}
table{width:auto;max-width:90%}
table, td, th{font-size:.9em;border:0px solid #efefef;color:#009fe3;text-align:left}
th, td{height:auto;font-weight:normal;padding:1em;vertical-align:text-top}
.dclocaties_intro h2{font-size:1.7em}
}

@media all and (max-width:880px){.contact_opt1{ grid-column:1/1}.pfoto{height:auto}.bknop_contact{font-size:.9em}}
@media all and (max-width:571px){#div_mvcontact{width:90%;min-width:320px;max-width:500px}}

#formcontact p{background-color:#d3e3be;padding:0.5em;margin:0}
.formulier_wrapper_c{position:relative;float:left;width:auto;max-width:1000px;height:auto;text-align:left;background-color:#d3e3be;padding:0.5em;margin:0}
.formulier{font-size:1.2em;position:relative;float:left;width:95%;height:auto;margin:1em}
.formulier_rij{position:relative;float:left;width:100%;height:auto}
.formulier_veld{position:relative;float:left;width:80%;height:auto}
.formulier_naamveld{position:relative;float:left;width:20%;min-width:150px;height:auto}
.btn_green:hover{border:2px solid white}
.btn_green{width:auto;font-size:1em;margin:0;color:white;padding:0.5em;cursor:pointer;background-color:#74B643;border:2px solid #74B643}
.btn_blue{width:auto;font-size:1em;font-weight:bold;margin:0;color:white;padding:0.5em 1em;cursor:pointer;background-color:#009fe3;border:2px solid #009fe3}
#errordiv{width:40%;height:auto;position:relative;float:left;background-color:#993399;margin:1em;min-height:2em;padding:0.5em;text-align:center}
#errortext{width:90%;position:relative;float:left;color:white;text-align:left}
#errortext ul{list-style:none}
.errmessage{color:#ff0000}
.vcvalid{color:red}
.p_item{width:280px;max-width:280px;margin:0 2em 2em 0;background-color:white;cursor:pointer;-webkit-animation-name:animatie_systemec;-webkit-animation-duration:2s;animation-name:animatie_systemec;animation-duration:1s}
.p_item .pfoto{width:280px;max-width:280px;max-height:420px;text-align:left;margin:0 auto.2em auto;-webkit-animation-name:animatie_systemec;-webkit-animation-duration:2s;animation-name:animatie_systemec;animation-duration:2s}
.p_item h2,.p_item h3{height:auto;color:black;font-size:.9em;margin:0}
.p_item a:link{font-size:.9em}
.pfoto.mf2{width:123px;height:87px;position:absolute;bottom:0;right:0}
.p_item .iconp{width:16px;height:16px;padding:0;background-color:white;border-radius:0px;margin:4px 0 auto 4px}
.systemec-icon{vertical-align:text-top;position:relative;float:left;margin:15px;border:0px}
.datacentersmap{position:relative;float:left;margin:15px auto;width:100%;max-width:870px;height:800px}

.banner_datacenters{width:100%;height:auto;font-size:1.3em;position:relative;float:left;text-align:center;padding:0 0 0 8px;margin:0 0 30px 30px;color:#009fe3;background:#d8f0f9}
.banner_locatie{width:300px;height:300px;font-size:1.3em;position:relative;float:left;text-align:center;margin:15px 0 0 30px;background:#fff}
.banner_datacenters h5{font-size:1.3em;color:#009fe3;margin:.5em 0}
.datacenters{width:80%;height:auto;font-size:1.3em;position:relative;float:left;text-align:center;padding:0 10px 0 10px;margin:30px 10%;color:#009fe3;background:#d8f0f9}
#content_1.datacenters h3{font-size:1.3em;color:#009fe3;margin:0.5em 0}
.banner_video1{width:300px;height:300px;position:relative;float:left;margin:0 0 15px 30px;background:#000}
.videocontainer{ position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:560px}
.videocontainer iframe,.videocontainer object,.videocontainer embed{position:absolute;top:0;left:0;width:100%;height:100%}
.vergrootglas{width:40px;height:40px;position:absolute;bottom:0;right:0;background-color:#fff;padding:.3em;border:1px solid #009fe3}
.fotoalbum{max-width:80%;width:auto;height:auto;position:relative;float:left}
.fotoalbum img{ max-width:100%}
.controls{visibility:hidden;opacity:0.8;width:720px;border-radius:1px;position:absolute;top:10px;left:90%;background-color:blue;transition:2s all;display:flex}
.player:hover.controls, player:focus.controls{opacity:0.8}

 @-webkit-keyframes animatie_systemec{ from{opacity:0.6} to{opacity:1;}}
/* Standard syntax */
@keyframes animatie_systemec{from{ opacity:0.6} to{opacity:1;}}
 @-webkit-keyframes animatie_systemec1{from{opacity:0.6;width:104%}
    to{
        opacity:1;
        width:100%
    }}
/* Standard syntax */
@keyframes animatie_systemec1{
    from{
        opacity:0.6;
        width:104%
    }
    to{
        opacity:1;
        width:100%
    }}