/* home */



/* body {/*font-size: 1.12rem;font-family: "open sans",sans-serif;*/
    
  /*  font-size: 1.12rem;
    font-family: Arial,"open sans", sans-serif;
    line-height: 1.5 ;
    font-weight: 400;
}
*/

@import url('https://fonts.googleapis.com/css2?family=Mulish&family=Open+Sans:wght@300;400&display=swap');

/* home */


body {/*font-size: 1.12rem;font-family: "open sans",sans-serif;*/
    
    font-size: 1.12rem;
    font-family: 'Mulish', sans-serif, Arial;
    line-height: 1.5 ;
    font-weight: 400;
}
h2, h3, h4, h5, h6 {color: #04f4f4f}

h1, .h1 {
    font-weight: 700;
    margin: 1em 0 1em 0;
    font-size: 2rem;
    font-weight: 700;}
h2, .section.document h2 {margin: 1.5em 0 0.3em;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.3;}
h2.toggle_heading 
    {margin: 0.3em 0 0.3em !important;
    font-size: 1.3rem !important;
    }
h3, .section.document h3 {
    font-size: 1.3rem;
    font-weight: 600;}    
h4, .section.document h4 {
    font-size: 1.20rem;
    font-weight: 600;} 
h5, .section.document h5 {
    font-size: 1.20rem;
    font-weight: 500;} 
h6, .section.document h6 {
    font-size: 1.10rem;
    font-weight: 500;} 
    
    
@media only screen and (min-width : 960px) {
    body {
       
        line-height: 1.5 !important;
        }
}

#slider { box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.1);
    background-color: #FFFFFF;
    border-radius: 5px;
    border-color: #cccccc;
}
#slider .accordion-content,
/*#slider .accordion-toggle {border-color:#0362A4;}*/


#slider .accordion-toggle {border-color:#cccccc;}
#slider .accordion-toggle {font-weight:bold;}
#slider .accordion-toggle.accordion-toggle-active {background-color:#FFFFFF;border-color:#FFFFFF;}
#slider h3 {font-size:1em;}
#slider .accordion-toggle {font-size:1em;}
#slider ul {font-size:0.9em;}
#slider h2 {
    background-color: transparent;
    font-size: 1.8rem;
    border-bottom: 1px dotted #0362a4;}
    
#slider h2 a {
    color: #0362A4;}
    
/* kruimelpad */
p.breadcrumbs {line-height: 1.5;}

/*#row1 {background-color:#f8f8f8;}*/
    #row1, #row5 {background-color: #F8F8F8;}
    #row3, #row4 {background-color: #FFFFFF;}


.container.landing h2 a span {
    position:absolute;
    top:-999999em;
    left:-999999em;
}





.container_aside.landing.briefing h2, .fotobar h2, .fotobar_three h2 {background-color:transparent;}
.container_aside.landing.briefing h2 a, .fotobar h2 a, .fotobar_three h2 a {background-color:transparent;}

.container.landing h2 a span,
.column .quickto h2,
.submenutitle,
h2.searchfiltertitle,
.container_aside h3,
.container_aside.landing.briefing h2 a{
    background-color:transparent;
    color:#0362A4;
    border-bottom:1px solid #0362A4;
}
.container.landing h2 a span span {border-width:0;}

/* aside */
div.container_aside {
    border-width:0;
}
.container_aside ul.items li,
.quickto ul li {background-color:transparent;border-bottom-style:dotted;border-color:#CCCCCC;}
.submenutitle {margin-bottom:0;}


div.container_aside.url h3 a span.title,
div.container_aside.softlink h3 a span.title,
div.container_aside.document h3 a span.title,
div.container_aside.product h3 a span.title {
    background-color:transparent;
    color:#0362A4;
}
div.container_aside.url h3 a:hover span.title,
div.container_aside.softlink h3 a:hover span.title,
div.container_aside.document h3 a:hover span.title,
div.container_aside.product h3 a:hover span.title,
div.container_aside.url h3 a:focus span.title,
div.container_aside.softlink h3 a:focus span.title,
div.container_aside.document h3 a:focus span.title,
div.container_aside.product h3 a:focus span.title {
    text-decoration:underline;
    filter: brightness(85%);
}


div.container_aside {
    border: 1px solid #cccccc;
    border-radius: 5px;
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1);
}
div.container_aside.softlink, div.container_aside.briefing {
    border: 0px;
    border-radius: 5px;
    box-shadow: none;
}
div.container_aside.softlink h3 {
    border: 0px;

}
div.container_aside.folder .container-content p.description {
    background-color:#0362A4;
    color:#FDFDFD;
    display: none;
}
.container_aside img {
    border: 0px solid #cccccc;
    border-radius: 5px;
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1);}

div.container_aside > ul, div.container_aside > div {
    background-color: #FFFFFF;
    border: 0px solid #cde0ed;
    border-width: 0 0px 0px;
    box-sizing: border-box;
}

div.container_aside.softlink h3 a span.title {display: none;}

/*accordeon menu*/
button.blocktitle, .section.product button.blocktitle {
    border: 1px solid #dce0e0;
    background-color: #f8f8f8;
}
.blocktitle.toggle-active, .section.product .blocktitle.toggle-active, .blocktitle.toggle-active:focus, .blocktitle.toggle-active:hover, .product .blocktitle.toggle-active:focus, .product .blocktitle.toggle-active:hover {
   
    background-color: #f8f8f8;
}


.toggle_heading {font-size:1.5em;}
h2 {font-size:1.5em;margin:1.3em 0 0.2em;}
h3, h4, h5, h6 {font-size:1.2em;margin: 1.3em 0 0.2em;}




 /* footer */
 .footer_website {
    border-top: 1px solid #cccccc;
    margin-top: 20px;
}
 a.list-icon.phone-icon:hover, a.list-icon.phone-icon:focus, a.list-icon.whatsapp-icon:hover, a.list-icon.whatsapp-icon:focus, a.list-icon.location_icon:hover, a.list-icon.location_icon:focus {
     opacity:1;
 }
 #contact-information p a:hover,
 #contact-information p a:focus {filter: brightness(85%);}
 
 
  .footer_website {
    border-top: 1px solid #cccccc;
    margin-top: 20px;
	background-color: #333333;
}
#footer_columns .column h1, #footer_columns .column h2, #footer_columns .column h3, #footer_columns .column h4 {
   font-size: 1.3em;
    color: #FFFFFF;

}
#footer_columns p {
	color: #FFFFFF;
}

#footer_columns a {
    text-decoration: underline;
	color: #FFFFFF;
}

#footer ul.quicklinks li a {
    color: #ffffffb0;
}

#social-follow {
background-color: #333333;
}

 a.list-icon.phone-icon:hover, a.list-icon.phone-icon:focus, a.list-icon.whatsapp-icon:hover, a.list-icon.whatsapp-icon:focus, a.list-icon.location_icon:hover, a.list-icon.location_icon:focus {
     opacity:1;
 }
 
 
 /* einde footer */
 #contact-information p a:hover,
 #contact-information p a:focus {filter: brightness(85%);}
 
 
 
 
 

/* menu */
ul.menu-vertical ul.sub2 li, #sub.nav ul.menu-vertical li {background-image:none;}
ul.menu-vertical ul.sub2 li a, #sub.nav ul.menu-vertical li a {margin-bottom:0;border-bottom:1px dotted #CCCCCC;}
ul.menu-vertical ul.sub2 li.active > a, #sub.nav ul.menu-vertical li.active > a {background-color:#0362A420;}
ul.menu-vertical ul.sub2 li.active ul li a, #sub.nav ul.menu-vertical li.active ul li a {
    font-size:14px;
}

ul.menu-vertical ul.sub2 li.active ul li a:hover,
ul.menu-vertical ul.sub2 li.active ul li a:focus,
#sub.nav ul.menu-vertical li.active ul li a:hover,
#sub.nav ul.menu-vertical li.active ul li a:focus,
ul.menu-vertical ul.menu a:hover,
ul.menu-vertical ul.menu a:focus {background-color:#0362A410;}

/*toptaken*/
ul.topsix li.column a {
    border: 3px solid transparent;
    font-size: 1.1rem;
    border-radius: 5px;
    /*box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    border-color: #cccccc;*/

}
    
ul.onlytoptasks li.column a {
    border-radius: 6px;
    border: 1px solid #FFF;
   /* box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 4px 0 #000000;*/
}    
    
#row2 div.onlytoptasks,
#row4 div.onlytoptasks {margin-top:10px;margin-bottom:25px;padding:0 10px;}

#row2 .onlytoptasks li.column a,
#row3 .onlytoptasks li.column a,
#row4 .onlytoptasks li.column a
    {color:#4F4F4F; 
    background-color:transparent; 
    border: 0px solid #CCCCCC;
    border-right: 1px dotted #0362a4;
    padding:10px;
    border-radius: 0px;
    box-shadow: 0px ;
    }

#row2 .onlytoptasks li.column a:hover,
#row2 .onlytoptasks li.column a:focus,
#row3 .onlytoptasks li.column a:hover,
#row3 .onlytoptasks li.column a:focus,
#row4 .onlytoptasks li.column a:hover,
#row4 .onlytoptasks li.column a:focus {background-color:#C9D200;}

#row2 .landing.document h2 {padding: 0 0 0.3em 0;}

#row3 div.onlytoptasks {margin-top:0px;margin-bottom:25px;padding:0 10px;}
#row3 ul.onlytoptasks li.column a { min-height: 120px;}
#row3 ul.onlytoptasks li.column a span {height: auto;line-height: 1.1em;}
#row3 ul.onlytoptasks li.column a img {margin-top: 0px;}
#row3 ul.onlytoptasks li.column.last-column a  {border: 0px;}

#row3 .container.landing img, 
#row4 .container.landing img { box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.1);
    background-color: #FFFFFF;
     border: 1px solid #696969;
    border-radius: 5px;}
.three .column {
    width: 30.33%;
}

@media only screen and (min-width : 960px) {
    ul.onlytoptasks.bannercount-5 li.column {
        /*width: 15%;
        margin-right: 6.25%;*/
        width: 20%;
        margin-right: 0px;
        }
}

ul.onlytoptasks.columns {
    list-style-type: none;
    margin: 0;
    padding: 0;}

#row1 .two.columns,
#row2 .two.columns,
#row3 .two.columns,
#row4 .two.columns {margin-bottom:0.2em}

body.topsix #row1 .document h2,
body.topsix #row2 .document h2,
body.topsix #row3 .document h2,
body.topsix #row4 .document h2,
#row1 .two.columns .document h2,
#row2 .two.columns .document h2,
#row3 .two.columns .document h2,
#row4 .two.columns .document h2 {font-weight:normal;color:#0362A4;}

/* ul items two columns no-description */

ul.items.two.columns.no-description li a {
    font-size: 1.2rem !important;
    font-weight: 550 !important;  }

/* call to action button */
a.calltoaction, a.calltoaction.new-window, a.calltoaction.external, a.calltoaction.new-window.external{
  background-color: #6a0278;
    color: #FFFFFF;
    font-size: 20px;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    font-weight:normal;
    text-decoration:none;
    box-shadow: 0 0.1em 0.7rem 0 rgba(0,0,0,0.4);
	margin-top: 20px;
	margin-bottom: 20px;
}
a.calltoaction:focus,
a.calltoaction:hover,
a.calltoaction.new-window:hover, 
a.calltoaction.new-window:focus,
a.calltoaction.external:hover, 
a.calltoaction.external:focus,
a.calltoaction.new-window.external:hover, 
a.calltoaction.new-window.external:focus{
    background-color: #000000;
    color: #FFFFFF;
}

/* zoeken */
h2.searchfiltertitle {
    font-weight:normal;
    padding:10px;
    margin:39px 0 20px;
}
.row2_content .search-filters h3 {
    background-color: transparent;
    font-size: 1.2em;
    font-weight: bold;
    margin: 1.3em 0 0.2em;
    padding: 0 10px;
    height: auto;
}
.row2_content .search-filters ul li:last-child {
    border-bottom: 1px solid #0362a4;
    margin-bottom: 20px;
}
.row2_content .search-filters ul li {
    background-image:none;
}
.row2_content .search-filters ul li.active {
    background-color:#0362A420;
}
.search-results h2.result-ammount {
    color:#000000;
}

/* buttons */
form.simpleform input.submit, #filter .submit_button,
form.simpleform a.close, form.simpleform a.button,
.submit_button.submit, form.simpleform a.set {
    background-color:#0362A4;
    color:#FDFDFD;
}
form.simpleform input.submit:focus, form.simpleform input.submit:hover,
#filter .submit_button:focus, #filter .submit_button:hover,
form.simpleform a.close:focus, form.simpleform a.close:hover,
form.simpleform a.button:focus, form.simpleform a.button:hover,
.submit_button.submit:focus, .submit_button.submit:hover,
form.simpleform a.set:focus, form.simpleform a.set:hover,
a.button:focus, a.button:hover {
    background-color:#0362A4;
    color:#FDFDFD;
    filter: brightness(85%);
}

/* extra sittard-geleen */
.item-title {color: #0362A4;} 
.section.document h2 {font-size: 1.4em;}
.emphasisgreen, .emphasisyellow, .emphasisred {
    padding: 10px;
    border: 1px solid #cccccc;
    border-radius: 5px;
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1);
	margin-top: 20px;
	margin-bottom: 20px;
}

/* overzicht view */
body.overview_folder .main-content {margin: 0 25px;}

/* obi chatbot positie iets hoger ivm knop in cms */
.obiChatLauncher {margin-bottom: 30px;}

/* Dyslexie line-height aanpassing */
body.dyslexic * {
    font-family:opendyslexic }
    
    /* Maximale breedte blok op nieuwsoverzichtspagina*/ 
.grid-item--widthG500 { 
    max-width: 300px;
    }
    
        /* Aanpassing voor vacaturesite*/ 
    .onecolumn .landing ul.items li {
    border: 0px;
    background-color: #2b579a;
    color: white; }
    
    .onecolumn .landing ul.items li span.title {
    font-size: 1.1666rem;
    color: inherit;
    font-weight: 500;
    line-height: 20px;
    padding-left: 16px;
    padding-top: 15px;
    padding-bottom: 18px; }