/*Inhoud: 
Algemene css (alle pagina's')
Header
Fotomenu
Shortcuts
accreditatie
Magazine
Content (algemeen)
Alfabet
Artsen
Specialismen
zorgafdelingen
opengeklapt
contact
gewone pagina's
pagina met afbeelding specifiek 
pagina zonder afbeelding specifiek
Footer
SimpleFAQ
Nieuws en kalender
contactkader
PATIENTEN (zijmenu)
beleid
goed geïnformeerd
EVENEMENTEN
opmaak Sitemap
intranet
*/
/**************************Algemene css */
*
{
  margin: 0;
  padding: 0;
}

body {
  font-family: "lato", sans-serif;
  margin: 0;
  font-weight: lighter;
}


.titelonderdeel {
  text-align: center;
  font-size: 1.5em;
}

.titelonderdeel > p {
  margin: 0 auto;
}

.specialismennname{
  color: #666666;
  font-size: 2.4em;
  font-weight: bold;
  margin-bottom: 3%;
  margin-top: 2%;

}

.titelonderdeeluitz {
  font-size: 3em;
  color: #666666;
  background-color: white;
  padding-top: 1%;
  margin-left: 1.5%;
}

.titelvanpagina {
  text-align: center;
}
@media only screen and (max-width: 640px) {
  .titelonderdeel h1 {
    font-size: 1em;
  }
}
/***************************Header*/


ol > li > a {
  color:#DC9117;
  text-decoration:none;
 }
 

 ol > li > a:hover {
  color:#DC9117;
  text-decoration:none;
 }
 
 .breadcrumb {
  font-weight: bold;
  padding:8px 15px;
  margin-top:20px;
  margin-bottom:10px;
  list-style:none;
  border-radius:4px;
  background-color: transparent;
  
  
 }

 .breadcrumb>li:first-child {
  margin-left: 0;
 }
 
 .breadcrumb>li {
    display:inline-block;
    position: relative;
    margin-left: 25px;
 }

 .breadcrumb>li+li:before {
  color:#DC9117;
  content:">>\00a0";
  position: relative;
  top: -0.5px;
  text-decoration: none;
  display:inline-block;
  border-bottom: 0;
  position: absolute;
  left: -29px;
 }

 .breadcrumb>.focused {
  color:#DC9117;
  border-bottom: 1px solid #DC9117;
 }

/*navbar*/
.navbar {
  margin-bottom: 0;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
  background-color: #005083;
}

.navbar-default {
  background-color: #005083;
  height: 53px;
}

/* werken */ 
#werken{
  max-width: 275px;
}

.open{
  background-color: #e7e7e7;
}

#werken a:first-child {
  padding-right: 0;
  display: inline-block;
}

#werken-link {
  padding-left: 0;
  display: inline-block;
}



.navbar-static-top {
  border-width: 0;
}

.navbar-default .navbar-nav > li > a {
  color: #fff;
}

.nav.social > li > a {
  padding-left: 4px;
  padding-right: 4px;
  cursor: pointer;
}

.navbar .fa.fa-lg {
  font-size: 2em;
}

.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
  color: #DDD;
  cursor: pointer;
}

.navbar-default .navbar-toggle {
  background-color: #fff;
  border: none;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #005083;
}

#topnav {
  margin-top: 15px;
  margin-left: 5px;
}

#topnav a {
  color: white;
}

#topnav a:hover {
  color: #DDD;
  text-decoration: none;
  cursor: pointer;
}

.large {
  font-size: 125%;
}

.indexfix {
  overflow: hidden;
}

.werken {
  overflow: hidden;
}

.libgblue {
  background-color: #e7e7e7;
}

.libgblue > li > a {
  color: #666;
  width: 100%;
}

.navbar-left {
  margin-right: 5px;
}

.libgblue > li > a:hover {
  background-color: #005083;
  color: white;
}

#bs-example-navbar-collapse-1 > ul.nav.navbar-nav.indexfix > li.dropdown.active.open > ul.libgblue > li.active > a {
  background-color: #005083;
}

.resizer a {
  display: block;
}

@media screen and (max-width: 768px) {
  .indexfix {
    position: inherit;
    margin-bottom: 0;
    margin-top: 0;
    margin-left: 5px;
  }
  .werken{
    margin-bottom: 0;
    margin-top: 0;
    margin-left: 5px;
  }
  .navbar-default {
    height: auto;
  }
  #werken {
    text-align: left;
    max-width: 100%;
  }
  .navbar-default ul .active{
    background-color: #e7e7e7;
  }
  .navbar-left {
    margin-left: 5px;
  }
  .libgblue li {
    text-align: left;
    background-color: #e7e7e7;
    text-align: left;
  }
  .indexfix .dropdown {
    text-align: left;
  }
  .indexfix .dropdown:active {
    background-color: #e7e7e7;
    outline: red 2px dotted;
    color: #555;
  }
  .social{
    margin-left: 5px
  }
}

.libgblue {
  padding: 0;
}
/*.indexfix .dropdown*/
#bs-example-navbar-collapse-1 > ul.nav.navbar-nav.indexfix > li.dropdown.active.open > ul > li.active > a {
  color: white;
}
/*logobalk*/
.logobar {
  color: white;
  padding-top: 5em;
  /*margin-top: 2em;*/
  margin-bottom: 2em;
}

.logobar a {
  color: white;
  text-decoration: none;
}

/*#buttons {
  padding-top: 2em;
}*/+

#buttons::after {
  content: "";
  clear: both;
  display: table;
}

.buttons span {
  padding-left: 7px;
}

.logobar .button {
  padding: 20px;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
}

#greenbutton {
  background-color: #6A9C03;
}


#greenbutton:hover {
  background-color: #8ED104;
}

.logobar .button#bluebutton {
  background-color: #005083;
}

#bluebutton:hover {
  background-color: #0080D1;
}

#babybluebutton{
  background: #00A5F3;
}

#babybluebutton:hover {
  background-color: #32b7f5;
}

#coronabutton {
  background-color: #f02212;
  padding: 20px;
  font-size: 2rem;
  font-weight: bold;
  box-sizing: border-box;
  width: 50%;
  display: block;
  margin: 0 auto;
}

#coronabutton:hover {
  background-color: #fb594d;
}

a.vacaturebutton {
  text-decoration: none;
}

.vacaturebutton {
  background-color: #005083;
  padding: 10px;
  display: inline-block;
  margin-top: 5px;
  color: white;
  font-weight: normal;
  transition: background-color 2s;
  margin-left: 30px;
  vertical-align: super;
}

#c2259 {
  display: inline-block;
  margin-bottom: 10px;
}

#c4573{
  display: inline-block;
}

.vacaturebutton i {
  margin-right: 5px;
}

.vacaturebutton:hover {
  background-color: #0080D1;
  color: white;
}

.vacaturebutton:visited {
  color: white;
}


@media (max-width: 470px) {

  .logobar > div.container {
    margin-bottom: 10px;
  }

  #buttons .button, .vacaturebutton {
    width: 100%;
    float: left;
    margin-bottom: 0px;
    margin-right: 0px;
    padding: 10px;
  }

  #buttons .button br {
    display: none;
  }

  .coronabtn.big {
    width: 100% !important;
    margin-right: 0!important;
  }
  #buttons .button#bluebutton {
    margin-top: 0px;
  }

  .corona-container {
    padding-left: 31px;
    padding-right: 31px;
    margin-bottom: 16px;
  }

  #coronabutton {
    margin-top: 16px;
    width: 100%
  }

.navbar-nav {
  margin: 0;
}
}

#logo a i {
  vertical-align: bottom;
  color: #005083;
  padding-left: 10px;
}

#logo {
  margin-bottom: 10px;
}
/*foto header*/
#startOnly header {
  background-image: url("/fileadmin/templates/themes/AZSB/images/banner4.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

#startOnly header .jumbotron {
  background-color: transparent;
  color: #005083;
  max-height: 300px;
}
/*banner*/
#startOnly .jumbotron {
  margin-bottom: 0;
  height: 550px;
  background-color: #0094F2;
  text-align: center;
  color: white;
}

.jumbotron h1 {
  font-weight: normal;
}
@media only screen and (min-width: 640px) {
  #mainTitle {
    font-size: 75px;
    /*text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);*/
    padding-top: 140px;
  }
}
@media screen and (max-width: 600px) {
  #mainTitle {
    font-size: 50px;
  }
}
/*mobile banner*/
@media only screen and (max-width: 640px) {
  .logobar {
    margin: 0;
  }

  #mainTitle {
    font-size: 30px;
    padding: 0;
    margin: 0;
  }

  #startOnly header .jumbotron {
    max-height: 50px;
    margin: 0;
    padding: 0;
  }
}
@media only screen and (max-width: 480px) {
  #startOnly header {
    background-image: none;
    background: white;
  }
}
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
    #startOnly header {
      background-attachment: scroll;
    }
}
/**********************************************Fotomenu*/
/*.fotomenufullwidth > li.dropdown {
margin: 0px;
min-width: 250px;
}*/
@media screen and (min-width: 1200px) {
  .fotomenubalk {
    width: 100%;
  }
}
@media screen and (max-width: 1000px) {
  .fotomenubalk {
    width: 100%;
  }

  .fotomenubalk li {
    width: 100%;
  }
}

.oranje {
  background-color: #DC9117;
}

.fotomenufullwidth li.dropdown ul.oranje {
  background-color: #DC9117;
}

.fotomenufullwidth li.dropdown ul.groen {
  background-color: #6A9C03;
}

.fotomenufullwidth li.dropdown ul.paars {
  background-color: rgb(0, 157, 221);
}

#backgroundfix > div.fotomenubalk > nav.fotomenufullwidth > div.fotomenu > div > ul.fotomenufullwidth > li.dropdown.col-md-4.open > ul > li > a {
  background-color: inherit;
  color: white;
}

#backgroundfix > div.fotomenubalk > nav.fotomenufullwidth > div.fotomenu > div > ul.fotomenufullwidth > li.dropdown.col-md-4.open > ul > li > a:hover {
  background-color: white;
  color: #333;
}

#backgroundfix {
  background-color: #E0E0E8;
}

.fotomenu {
  background-color: #E0E0E8;
}

.fotomenufullwidth {
  width: 100%;
}

.navbar {
  border: none;
}

#fotomenubezoekers,
#fotomenupatienten,
#fotomenuzorgaanbod {
  height: 200px;
}

#fotomenuzorgaanbod {
  background-color: #DC9117;
  background: url("/fileadmin/templates/themes/AZSB/images/banner_geheugenkliniek.jpg");
  background-position: center;
  background-size: cover;
}
/*#overlayZorg {

background: rgba(220, 145, 23 ,0.4);
    overflow: hidden;
    height: 100%;
    z-index: 2;
}*/
#fotozorg {
  background-color: #DC9117;
}

.oranje {
  background-color: #DC9117;
}

#fotomenupatienten {
  background-color: #6A9C03;
  background-color: #DC9117;
  background: url("/fileadmin/templates/themes/AZSB/images/patient_blok.jpg");
  background-position: center;
  background-size: cover;
}
/*#overlayPt {

background: rgba(106, 156, 3 ,0.4);
    overflow: hidden;
    height: 100%;
    z-index: 2;
}*/
#fotopt {
  background-color: #6A9C03;
}

.groen {
  background-color: #6A9C03;
}

#fotomenubezoekers {
  background-color: rgb(0, 157, 221);
  background-color: #DC9117;
  background: url("/fileadmin/templates/themes/AZSB/images/bezoekers_blok_aangepast.jpg");
  background-size: cover;
}
/*#overlayBezoek {

background: rgba(0, 157, 221 ,0.4);
    overflow: hidden;
    height: 100%;
    z-index: 2;
}*/
#fotobez {
  background-color: rgb(0, 157, 221);
}

.paars {
  background-color: rgb(0, 157, 221);
}

.dropdown {
  text-align: center;
}

.dropdown-menu {
  position: inherit;
  width: 100%;
  text-align: center;
  border: none;
}

.fotomenufullwidth .dropdown-menu > li > a {
  color: white;
}

.fotomenufullwidth .dropdown-menu > li > a:hover {
  color: #666;
}

.dropdown-toggle {
  padding: 0;
}

#bezoekers,
#patienten,
#zorgaanbod {
  padding: 0;
}

.tekstfotomenu {
  color: white;
  display: block;
  width: 100%;
  padding-bottom: 30px;
  padding-top: 30px;
}

.fotomenu {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 2em;
  border: none;
}
/*mobile fotomenu*/
@media only screen and (max-width: 640px) {
  #fotomenuzorgaanbod {
    display: none;
  }

  #fotomenupatienten {
    display: none;
  }

  #fotomenubezoekers {
    display: none;
  }

  .tekstfotomenu {
    padding: 15px;
    font-size: 20px;
  }
}
/*************************************************************************Shortcuts*/
@media only screen and (min-width: 640px) {
  .shortcuts {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .shortcut {
    min-height: 150px;
  }
}

.shortcuts {
  color: #666666;
  font-weight: lighter;
  /*padding-top: 3%;*/
}

.shortcut .rechter img {
  width: 12%;
  float: right;
  margin-top: 30px;
  /*vertical-align: middle;*/
}

.shortcut .linker img {
  width: 12%;
  float: left;
  margin-top: 30px;
  /*vertical-align: middle;*/
}

.shortcuttekst {
  width: 80%;
  float: right;
  padding-right: 20px;
}

.shortcuttekst h1 {
  font-size: 2.2em;
}
@media only screen and (max-width: 640px) {
  .linker {
    display: none;
  }

  .rechter {
    display: none;
  }

  .shortcut {
    padding: 0;
  }

  .shortcuttekst {
    padding: 0;
  };

  .shortcuts {
    padding-top: 0;
    padding-bottom: 0;
  }
}
/************************************************************************accreditatie*/

.accreditatie{
  background-color: #E0E0E8;
}
.accreditatie, .esf  {
  text-align: center;
  width: 50%;
}
.flex{
  display: flex;
}
.esf a:focus, a:hover {
  text-decoration: none;
}

#esfPic{
  width: 100%;
  max-width: 550px;
  height: auto;
  margin-top: 35px;
}

@media only screen and (max-width: 430px) {
  .accreditatie, .esf  {
    width: 100%;
  }
  .flex{
    display: inline;
  }
  #esfPic {
    margin-top: 5px;
    padding-left: 8px;
    padding-right: 8px;
  }
}


@media only screen and (max-width: 630px) {
  .accreditatie h1, .esf h1 {
    font-size: 2em;
  }
}

#seal {
  width: auto;
  max-height: 100px;
  height: 100%;
  margin-top: 35px;
}

.accreditatie h1, .esf h1 {
  margin-top: 10px;
  margin-bottom: 30px;
}
/********************************************************Magazine*/
.magazine {
  min-height: 400px;
  background-color: #9BBC2F;
  color: white;
  text-align: center;
}

.magazine h2 {
  font-weight: lighter;
  padding-top: 100px;
}

.magazine p {
  margin-bottom: 20px;
  font-size: 1.2em;
}

.bigInput {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 10px;
  font-size: 16px;
  /*font-weight: lighter;*/
  width: 250px;
  height: 50px;
  margin-right: 20px;
}

.bigButton {
  background-color: #005083;
  color: white;
  font-size: 16px;
  border: none;
  padding: 15px;
  width: 250px;
  height: 50px;
  margin-left: 20px;
}
/*************************************Content (algemeen)*/
.backgroundgrey {
  width: 100%;
  background-color: #EEEEEE;
  padding-bottom: 5%;
  padding-top: 2%;
}
/*************************************************Alfabet*/
.alfabet {
  margin: 30px 0;
}

.alfabet li {
  padding: 5px;
}

.alfabet a {
  cursor: pointer;
  display: block;
  font-size: 18px;
  line-height: 30px;
  height: 30px;
  min-width: 30px;
  background-color: #D5DDDA;
  color: #666;
  padding: 0 10px;
}

.alfabet a:hover {
  text-decoration: none;
  background-color: #EEE;
}

.alfabet li {}
/*alfabet van artsenlijst*/
.container .alfabet {
  width: 60%;
  margin: 50px auto;
}
/*alfabet van specialismen*/
.containerFullWidth .center-block .alfabet {
  margin-top: 0;
  margin-bottom: 0;
}
/* Large Devices, Wide Screens */
@media screen and (min-width: 1300px) {
  .containerFullWidth .center-block .alfabet {
    width: 40%;
  }
}
@media only screen and (min-width : 1200px) {
  .containerFullWidth .center-block .alfabet {
    width: 55%;
  }
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
  .containerFullWidth .center-block .alfabet {
    width: 55%;
  }
}
 
/*******************************************Artsen*/
.form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.form-control,
.input-group-addon {
  border-radius: 0;
}


#ke_search_sword {
  border: none;
}


.kesearchbox {
  color: #555;
  height: 34px;
  margin: 10px 0 8px 0!important;
  float: right;
  padding: 5px 7px;
  font-size: 14px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}


.resetbutt{
  display:none;
}

.submitbutt{
  display:none;
}

#kesearch_submit {
  display: none;
}

.pagination,
.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-radius: 0;
}

.pagination {
  font-size: 14px;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  background-color: #D5DDDA;
  border-color: #D5DDDA;
  color: #666;
}

.pagination > li > a {
  color: #999;
}

.artsenlijst .input-group {
  width: 350px;
  margin-bottom: 20px;
}

.artsenlijst .input-group .input-group-addon {
  border: 2px solid #999;
  border-right: none;
  background-color: #FFF;
  padding: 6px 0 6px 6px;
  color: #999;
}

.artsenlijst .input-group .search {
  border: 2px solid #999;
  border-left: none;
  font-size: 18px;
  padding: 4px;
}

.artsenlijst .list {
  margin-left: -10px;
}

.artsenlijst li.list-item {
  cursor: pointer;
  
  overflow: hidden;
  padding: 10px;
  margin: 10px;
  float: left;
  border: 1px solid #D5DDDA;
  width: 30%;
  height: 160px;
  font-size: 16px;
  color: #777;
}

.artsenlijst li.list-item:hover {
  /*background-color: #EEE;*/
  border: 1px solid #005083;
  background-color: #005083;
}

.artsenlijst li.list-item:hover a,
.artsenlijst li.list-item:hover h1 {
  color: #FFF;
}

.artsenlijst li.list-item li,
.modal-body li {
  background: url("/fileadmin/templates/themes/AZSB/images/bullets/bul_contentLev1.gif") 0 6px no-repeat;
  /* Pad aanpassen wanneer de stijl wordt verplaatst naar style.css */
  list-style: none;
  padding: 0 0 2px 18px;
}

.artsenlijst li.list-item li a {
  color: #666;
}

.artsenlijst li.list-item div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
  /*
  margin-bottom: 0;
  width: 140px;
  max-width: 140px;
  
  overflow: hidden;*/
  background-color: #EEE;
}

.artsenlijst li.list-item .csc-textpic-intext-left-nowrap .csc-textpic-text {
  margin-left: 150px;
}

a{
  color: #005083;
}

.container {
  position: relative;
}


/* zorgafdelingeninfo */ 

.zorgafdelingeninfofoto{
  float: right;
  margin-right: 2.6%;
}

.zorgafdelingeninfo{
  margin-left: 1.3%;
  font-weight: normal;
}


.zorgafdelingeninfo .csc-textpic-imagewrap {
  margin-right: 1.5%;
}

.zorgafdelingeninfo p.bodytext {
  font-weight: bold;
}

.zorgafdelingeninfo ul ul {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
}

.zorgafdelingeninfo ul ul li {
  padding-left: 1em; 
  text-indent: -.7em;
}

.zorgafdelingeninfo ul ul li::before {
  content: "■ ";
  color: #005083;
}

.zorgafdelingeninfo ul ul.afspraken {
  position: relative;
}

.zorgafdelingeninfo ul ul.afspraken li {
  padding-left: 1rem;
}

.zorgafdelingeninfo ul ul.afspraken li:before {
  content: "";
  content: none;
}

.zorgafdelingeninfo ul ul.afspraken div.locatie:before {
  position: absolute;
  top: 5px;
}

.zorgafdelingeninfo ul ul.afspraken ul li {
  margin: 0 0 10px;
}

.zorgafdelingeninfo ul ul.afspraken div.locatie:before {
  position: absolute;
  top: 5px;
}

/* end zorgafdelingeninfo */

/* artseninfo */

.artsenname{
  color: #005083;
  font-size: 3em;
  font-weight: bold;
  margin-bottom: 3%;
  margin-top: 2%;
}

.artseninfo{
  margin-left: 1.3%;
  font-weight: normal;
}

.artseninfo span.locatie {
  font-weight: normal;
}

.artseninfo .artsenname{
  font-weight: normal;
  margin-top:0;
  font-size: 2.57em;
  margin-bottom: 1.6rem;
}

.artseninfo h1.csc-firstHeader{
  color: #005083;
  display: none;
}

.artseninfo .csc-textpic-imagewrap {
  position: absolute;
  top: 0;
  right: 0;
  /*margin-right: 1.5%;*/
  margin-right: 40%;
  padding-right: 15px;
}

@media only screen and (max-width : 1200px) {
  .artseninfo .csc-textpic-imagewrap {
  margin-right: 25%;
}
}

@media only screen and (max-width : 992px) {
  .artseninfo .csc-textpic-imagewrap {
  margin-right: 5%;
  }
}

@media only screen and (max-width: 640px) {
  .artseninfo .csc-textpic-imagewrap {
    position: static;
    display: block;
    margin: auto;
    }
  .artseninfo div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap{
    float:none;
  }
}

.artseninfo p.bodytext {
  font-weight: bold;
  color: #474747;
  font-size: 1.15em;
}

.artseninfo p.bodytext a {
   font-weight: normal;
}

.artseninfo p.bodytext .telefoonnummer {
  font-weight: normal;
}

.artseninfo ul ul {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
}

.artseninfo ul ul li {
  padding-left: 1.4rem; 
  /*text-indent: -.7em;*/
  font-size: 1.15em;
  margin-bottom: 1em;
  line-height: 100%;
}

.artseninfo ul ul li::before {
  content: "■ ";
  color: #005083;
  font-size: 1.4em;
}

.artseninfo ul ul.afspraken {
  position: relative;
}

.artseninfo ul ul.afspraken li {
  padding-left: 1rem;
}

.artseninfo ul ul.afspraken li:before {
  content: "";
  content: none;
}

.artseninfo ul ul.afspraken div.locatie:before {
  position: absolute;
  top: 5px;
}

.artseninfo ul ul.afspraken ul li {
  margin: 0 0 10px;
}

.artseninfo ul ul.afspraken div.locatie:before {
  position: absolute;
  top: 5px;
}

/* end artseninfo */




/* specialismeninfo */
.specialismeninfo{
  margin-left: 1.3%;
  font-weight: normal;
}

.specialismeninfo .csc-textpic-imagewrap {
  margin-right: 1.5%;
}

/* 1/ Bold specialismeninfo
.specialismeninfo p.bodytext {
  font-weight: bold;
}
*/

/*
.bodytext a, .external-link, .external-link-new-window{
  text-decoration: underline;
}
*/

a{
  text-decoration: underline;
}

#zorgaanbod, .navbar-nav a, .scrollspy a, #topnav a, .alfabet a{
  text-decoration: none;
}

.specialismeninfo ul ul {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
}

.specialismeninfo ul ul li {
  padding-left: 1em; 
  text-indent: -.7em;
}

.specialismeninfo ul ul li::before {
  content: "■ ";
  color: #005083;
}

.specialismeninfo ul ul.afspraken {
  position: relative;
}

.specialismeninfo ul ul.afspraken li {
  padding-left: 1rem;
}

.specialismeninfo ul ul.afspraken li:before {
  content: "";
  content: none;
}

.specialismeninfo ul ul.afspraken div.locatie:before {
  position: absolute;
  top: 5px;
}

.specialismeninfo ul ul.afspraken ul li {
  margin: 0 0 10px;
}

.specialismeninfo ul ul.afspraken div.locatie:before {
  position: absolute;
  top: 5px;
}

/* end specialismeninfo */


.artsenlijst li.list-item h1 {
  font-size: 18px;
  font-weight: normal;
  color: #333;
  margin-top: 0;
  
}

.artsenlijst a {
  color: #333;
}

.artsenlijst li.list-item img {
  margin: 0 auto;
  width: auto;
  height: 140px;
}

.artsenlijst li.list-item p,
.artsenlijst li.list-item table {
  display: none;
}

.modal-body {
  font-size: 16px;
}

.modal-body h1 {
  margin-top: 0;
}

.artsmodal img {
  width: 250px;
  height: auto;
}

.modal-body .csc-textpic-intext-left-nowrap .csc-textpic-text {
  margin-left: 0;
}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
  .artsenlijst li.list-item {
    width: 47%;
  }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
  .artsenlijst .list {
    margin-left: 0;
  }

  .artsenlijst .input-group,
  .artsenlijst li.list-item {
    width: 100%;
  }

  .artsenlijst li.list-item {
    margin-left: 0;
    margin-right: 0;
  }
}
/* Tables */
table {
  border-collapse: collapse;
}

table,
td,
th {
  border: 1px solid rgb(0, 82, 130);
}

table th {
  color: #FFF;
  background-color: rgb(0, 82, 130);
}

table td,
table th {
  padding: 8px;
}

.alfabet a.active {
  background-color: #005083;
  color: #FFF;
}
/*aanpassingen*/
.artsmodal div.csc-textpic-imagewrap {
  float: right;
}
/*.artsmodal div.csc-textpic-text p.bodytext {
   clear: both;
}

.artsmodal div.csc-textpic-text p:first-of-type {
   clear: none;
}*/
.picfix {
  clear: both;
  padding-top: 1%;
}
/****************************************Specialismen*/
.containerFullWidth {
  width: 100%;
  margin: 0;
  padding: 5% 0;
  color: #A9A9A9;
}

.specialisme {
  width: 20%;
  display: inline-block;
  border: #EFEFEF solid 1px;
  height: 210px;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 760px) {
  .specialisme {
    width: 100%;
    height: 120px;
  }
}
@media screen and (max-width: 760px) {
  .col-15 {
    width: 100%;
  }
}

.specialisme img {
  width: 30%;
  height: 30%;
  margin-top: 10%;
  margin-bottom: 15%;
}
@media screen and (max-width: 760px) {
  .specialisme > img {
    width: 30%;
    height: 30%;
    margin-top: 5%;
    margin-bottom: 5%;
  }
}

.specialismenlijst {
  background-color: white;
}

.col-15 {
  width: 20%;
  float: left;
}
@media screen and (max-width: 760px) {
  .col-15 {
    width: 100%;
  }
}

.specialismenlijst {
  margin: 0 auto;
  width: 90%;
  padding: 2%;
  background-color: white;
  text-align: center;
  /*font-size: 2.5em;*/
  font-weight: lighter;
  overflow: hidden;
}

.whitespace {
  height: 30px;
  background-color: white;
  width: 90%;
  margin: 0 auto;
}

.content {
  text-align: justify;
  padding-left: 10%;
  padding-right: 10%;
  margin: 0 auto 5%;
}

.content ul {
  list-style-type: square;
  text-align: left;
  clear: both;
}

.content ul li {
  float: left;
  width: 40%;
  margin-left: 10%;
}
@media screen and (max-width: 760px) {
  .content ul li {
    width: 80%;
  }
}

.content i {
  cursor: pointer;
}

.specialisme {
  cursor: pointer;
}

.content h1 {
  clear: both;
}
/*active*/
.showing {
  background-color: #D5DDDA;
}

.showing > p {
  color: #333333;
}

div.csc-header.csc-header-n1 {
  color: #005083;
}

.tile-content div.csc-header:not(.csc-header-n1) h1 {
  color: #A9A9A9;
  font-size: 1.8em;
}

.content ul {
  overflow: hidden;
}
/*zoekbalk*/
#box {
  width: 350px;
  border: 2px solid #999;
  border-right: none;
  background-color: #FFF;
  padding: 6px 0 6px 6px;
  color: #999;
  border: 2px solid #999;
  font-size: 18px;
  padding: 4px;
  margin-bottom: 40px;
  margin-top: 40px;
}

.backgroundgrey .center-block {
  width: 90%;
}
/**************************************Zorgafdelingen*/
.zorgafdeling {
  width: 20%;
  display: inline-block;
  border: #EFEFEF solid 1px;
  cursor: pointer;
  height: 210px;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 760px) {
  .zorgafdeling {
    width: 100%;
    height: 120px;
  }
}
@media screen and (max-width: 760px) {
  .col-15 {
    width: 100%;
  }
}

.zorgafdeling img {
  width: 30%;
  height: 30%;
  margin-top: 10%;
  margin-bottom: 15%;
}
@media screen and (max-width: 760px) {
  .zorgafdeling > img {
    width: 30%;
    height: 30%;
    margin-top: 5%;
    margin-bottom: 5%;
  }
}

#zorgafdelingen {
  background-color: white;
  margin: 0 auto;
  width: 90%;
  padding: 2%;
  background-color: white;
  text-align: center;
  /*font-size: 2.5em;*/
  font-weight: lighter;
  overflow: hidden;
}

.rechts img {
  width: 100px;
}

.aanpassing {
  padding-bottom: 60px;
  padding-left: 50px;
  padding-right: 50px;
}

.aanpassing .contact {
  width: 70%;
}

.aanpassing .contact p {
  color: rgb(102, 102, 102);
}
@media screen and (max-width: 760px) {
  .rechts {
    display: none;
  }

  .aanpassing > div.contact {
    width: 100%;
  }

  .aanpassing {
    padding-bottom: 60px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
/*****2222222*************************Zorgafdelingen*/
.zorgafdeling2 {
  width: 20%;
  display: inline-block;
  border: #EFEFEF solid 1px;
  cursor: pointer;
  height: 210px;
  margin: 0;
  padding: 1rem;
  color: #005083;
  font-weight: normal;
  overflow: hidden;
}

.zorgafdeling2 {
  text-align: left;
}

.zorgafdeling2 ul {
  counter-reset: foo;
  display: table;
}

.zorgafdeling2 ul > li {
  counter-increment: foo;
  display: table-row;
}

.zorgafdeling2 ul > li:before {
  content: "•";
  display: table-cell;
  text-align: right;
  padding-right: 1rem;
}
@media screen and (max-width: 1089px) {
  .zorgafdeling2 {
    width: 25%;
  }
}
@media screen and (max-width: 857px) {
  .zorgafdeling2 {
    width: 33%;
  }
}
@media screen and (max-width: 760px) {
  .zorgafdeling2 {
    width: 100%;
    height: auto;
    position: relativ;
  }

  .zorgafdeling2 ul {
    float: left;
  }

  .zorgafdeling2 ul > li {
    vertical-align: top;
  }

  .zorgafdeling2 p {
    display: block;
    float: left;
    padding: 1rem 0.5rem 1rem 0;
    height: 100%;
    width: 100%;
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
  }

  .zorgafdeling:after {
    content: "";
    display: table;
    clear: both;
  }
}

.zorgafdeling2 ul {
  list-style-position: inside;
}

.zorgafdeling2 ul li {
  word-wrap: break-word;
}

.zorgafdeling2 p {
  font-size: 2rem;
}

.zorgafdeling2 img {
  width: 30%;
  height: 30%;
  margin-top: 10%;
  margin-bottom: 15%;
}
@media screen and (max-width: 760px) {
  .zorgafdeling2 > img {
    width: 30%;
    height: 30%;
    margin-top: 5%;
    margin-bottom: 5%;
  }
}

#zorgafdelingen2 {
  background-color: white;
  margin: 0 auto;
  width: 90%;
  padding: 2%;
  background-color: white;
  text-align: center;
  /*font-size: 2.5em;*/
  font-weight: lighter;
  overflow: hidden;
}
/*************************************Opengeklapt*/
.tile-content {
  color: #666666;
}

.line {
  min-height: 20px;
  clear: both;
}

.content .fa-times {
  float: right;
  color: red;
  margin-top: 10px;
  clear: both;
}

.rechts {
  float: right;
  width: 20%;
}

.content .fa-times {
  float: right;
  color: red;
  margin-top: 10px;
}

.tile-content .blueborder {
  display: block;
  width: 25%;
  margin: auto;
  text-align: center;
}
/*******************************************contact*/
.gme-map {
  /*margin: 0 auto;*/
}
/******************************************gewone pagina's*/
.inhoud {
  background-color: white;
  margin: 0 auto;
  width: 90%;
  padding-bottom: 3%;
  text-align: justify;
  font-weight: lighter;
  overflow: hidden;
  color: #666666;
}

.inhoud h1 {
  text-align: center;
  color: #A9A9A9;
}

.inhoud div,
.inhoud p {
  padding-left: 3%;
  padding-right: 3%;
}

.inhoud ul {
  padding-left: 10%;
  padding-right: 10%;
  list-style-type: square;
}
/*pagina pten*/
.paginainhoud {
  text-align: justify;
  color: #666666;
}

.paginainhoud ul li {
  list-style-type: square;
}

.paginainhoud div {
  width: 95%;
}
/******************************************pagina zonder zijmenu*/
.tekst {
  width: 70%;
  padding-top: 5%;
  display: inline-block;
}

.fotorechts {
  width: 29%;
  display: inline-block;
  vertical-align: bottom;
}

.bgwhite {
  background-color: white;
  color: #666666;
  padding: 50px;
}

.bgwhite .contact {
  display: block;
  margin-right: auto;
  margin-left: auto;
  width: 90%;
}
@media only screen and (max-width: 640px) {
  div.contact div.csc-textpic-imagewrap {
    /*display: none;*/
  }

  .bgwhite .contact {
    width: 100%;
    padding: 5px;
  }
}

.beleid h2 {
  color: #666;
}

.beleid .row {
  text-align: center;
}

.beleid {
  padding-bottom: 100px;
}

.beleid {
  color: #666;
}

.beleid a {
  color: #666;
}
/*******************************************pagina zonder afbeelding specifiek*/
/*************************************footer*/
.footer {
  background-color: #333;
  color: white;
  padding: 80px 0;
}

.footerinfo a {
  color: white;
  text-decoration: none;
  cursor: pointer;
}

.footerinfo a:hover {
  color: #DDD;
}

.footerinfo {
  min-height: 70px;
  color: #FFF;
  background-color: #333;
}

.footerinfoleft {
  padding-bottom: 30px;
  padding-left: 20px;
}

.footerinforight {
  padding-right: 20px;
  padding-bottom: 30px;
}
@media screen and (min-width: 990px) {
  .footerinforight {
    text-align: right;
  }
}
@media screen and (max-width: 990px) {
  .footerinfo {
    text-align: center;
  }
}

.footerinforight a {
  padding-left: 10px;
}

.footertext a {
  color: white;
}
/******************************************************************************************SimpleFAQ*/
/* Accordion */
.tx-simplefaq {
  /*margin-bottom: 15px;*/
  width: 85%;
}

.tx-simplefaq .accCon {
  padding: 0;
  margin-top: 10px;
  margin-bottom: 10px;
}

.tx-simplefaq .accHeadline {
  height: initial;
  min-height: 50px;
  background-repeat: no-repeat;
  background-position: 0 center;
  padding: 8px 8px 8px 10px;
  margin-bottom: 5px;
  cursor: pointer;
  clear: both;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  /*gradient*/
  /*background-image: -webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
    background-image: -o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8));
 background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);
      background-repeat: repeat-x;*/
  background-color: #f5f5f5;
  /*border*/
  border: #F2F2F2 1px solid;
  /*#ddd met gradient */
  margin: 0;
  /*font*/
  font-size: 14px;
  line-height: 1.42857143;
}

.tx-simplefaq .accHeadline h4 {
  /* margin: 0;
  font-size: 1.2em;*/
}

.tx-simplefaq .accHeadline h4:before {
  font-family: 'FontAwesome';
  /*content: '\f146';*/
  content: '\f0fe';
  color: #666;
  margin-right: 10px;
  /*padding-bottom: 20px;*/
  padding-bottom: 18px;
  float: left;
}

.tx-simplefaq .accHeadline.active h4:before {
  content: '\f146';
}
/*.tx-simplefaq .accHeadline:hover {
  text-decoration: underline; 
}*/
.tx-simplefaq .active.accHeadline {
  color: inherit;
}

.accCon {
  margin: 0;
}

.accCon table {
  min-width: 600px;
  margin: auto;
}

.tx-simplefaq h4 {
  font-size: 1em;
  margin: 5px;
}
/*Tabellen in simpleFAQ*/
.tx-simplefaq table {
  border-spacing: 0;
  margin: 0;
}
/*******************************************************NIEUWS EN KALENDER*/
.nieuws-wrapper {
  background-color: #E0E0E8;
  /*font-size: 2em;*/
  /*padding-top: 90px;
      padding-bottom: 90px;*/
}

.nieuws-wrapper h2 {
  color: #333;
  font-weight: normal;
}

.nieuws-wrapper h4 {
  margin-top: 0;
}

.nieuws-wrapper table td {
  padding: 14px;
}

.kalender table,
.kalender table td,
.kalender table tr,
.nieuws table,
.nieuws table td,
.nieuws table tr {
  border: none;
  border-width: 0;
}

.nieuws tr.article {
  background-color: #FFF;
  height: 140px;
}

.nieuws .article a.more {
  color: #005083;
}

.kalender .article {
  background-color: #005083;
  color: #FFF;
}

.kalender .article a.more {
  color: #FFF;
}

.kalender .article a.more:hover,
.nieuws .article a.more:hover {
  text-decoration: none;
}

.kalender .article a.more:before,
.nieuws .article a.more:before {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f054";
  margin-right: 4px;
  display: inline-block;
}

.kalender table tr.news-separator,
.nieuws table tr.news-separator {
  height: 30px;
}

.kalender .calendar-page,
.nieuws .calendar-page {
  padding: 0 8px 8px;
  width: 90px;
  text-align: center;
}

.nieuws .calendar-page {
  /*color: #FFF;
      background-color: #005083;*/
  color: #005083;
  background-color: #FFF;
}

.kalender .calendar-page {
  color: #005083;
  background-color: #FFF;
}

.nieuws {
  padding-left: 100px;
  padding-top: 70px;
  padding-bottom: 50px;
  background-color: #E0E0E8;
}

.kalender {
  padding-right: 100px;
  padding-top: 70px;
  padding-bottom: 50px;
  background-color: #F1F1F1;
}
@media screen and (max-width: 992px) {
  .kalender,
  .nieuws {
    padding: 0 0 50px;
  }

  .nieuws-wrapper .row {
    margin: 0;
  }
}
/*buttons nieuws en kalender*/
.centerBlock {
  display: table;
  margin: 0 auto;
}

.btnKalender,
.btnNieuws {
  text-align: center;
}

.btnKalender,
.btnNieuws {
  font-size: 1.5em;
  background-color: #005083;
  /*width: 378px;*/
}

.btnKalender a,
.btnNieuws a {
  color: white;
  text-decoration: none;
  display: block;
  padding: 14px;
}
/*******************************************************Contactkader*/
.telefoonnummer:before {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f095";
  margin-right: 4px;
  display: inline-block;
}

.tijd:before {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f017";
  margin-right: 4px;
}

/*.adres:before {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f095";
  margin-right: 4px;
}*/

.contact a {
  color: #666666;
}

.adres:before {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f1b9";
  margin-right: 4px;
}

.email:before {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f0e0";
  margin-right: 4px;
}

.mail:before {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f0e0";
  margin-right: 4px;
  display: inline-block;
}

.locatie:before {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f277";
  margin-right: 4px;
}

.hoofdvpl:before {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f0fa";
  margin-right: 4px;
}

.contact {
  padding: 20px 50px;
  width: 85%;
  border: #F2F2F2 1px solid;
  background-color: #f5f5f5;
  margin-bottom: 50px;
}
@media screen and (max-width: 450px) {
  .contact {
    padding: 20px;
  }
}

.contact img {}
/*.contact .csc-default:nth-child(1) > div:nth-child(1)  {
text-align: center;
} */
.contacttitel {
  font-size: 1.5em;
  padding-top: 2%;
}
@media only screen and (max-width: 640px) {
  .contact {
    overflow: scroll;
    TEXT-ALIGN: LEFT;
  }
}
/*************************************************************************************PATIENTEN (zijmenu)*/
.breedte {
  width: 100%;
}

#nav.affix {
  position: fixed;
  top: 80px;
}

#nav.affix-bottom {
  position: absolute;
}
/*eigenlijke opmaak zijmenu*/
#nav {
  /*background-color: #E0E0E8; */
  background-color: #f5f5f5;
  margin: 20px 10px 60px 20px;
}

#nav li a {
  color: #333;
}
@media (max-width: 1200px) {
  .scrollspy {
    width: 100%;
  }

  #nav {
    position: static;
    clear: both;
    width: 70%;
    margin: auto;
    margin-bottom: 1rem;
  }

  #nav.affix {
    position: static;
    clear: both;
    margin-bottom: 100px;
  }

  .page-with-side-menu > div.row > div.col-md-9 {
    width: 80%;
    text-align: justify;
    margin: auto;
    float: none;
  }

  .page-with-side-menu > div.row > div.col-md-9 h1 {
    text-align: center;
  }

  div.col-md-9 > div.contact {
    width: 100%;
  }

  div.col-md-9 div.tx-go-maps-ext > .gme-map {
    width: 100%;
  }
}

.affix-top {
  position: relative;
}

.affix {
  top: 20px;
}

.affix,
.affix-bottom,
.affix-top {
  width: 250px;
}

.affix-bottom {
  position: absolute;
}

#nav > li.breedte.active a {
  background-color: #C5C5CC;
}

#nav > li > a {
  border-radius: 0;
}
/*fix voor marge top */
#praktisch {
  margin-top: 60px;
}

h1 {
  color: #666666;
  font-size: 2.2em;
  padding-bottom: 10px;
  padding-top: 10px;
}
  
.films h1{
  padding-top: 55px;
}



/*titelfix*/
div.csc-header h1 {
  /*color: #A9A9A9;*/
  color: #666666;
}

.titelvaninmenu {
  color: #A9A9A9;
  font-size: 2.5em;
}
/* List item style */
.page-with-side-menu .csc-default ul {
  padding-left: 40px;
  list-style: none;
}

.page-with-side-menu .csc-default li {
  margin-bottom: 10px;
}

.page-with-side-menu .csc-default li:before {
  font-family: 'FontAwesome';
  content: '\f0c8';
  /*margin: 0 5px 0 -15px;*/
  margin: 0 10px 0 -22px;
  color: #005083;
  font-size: 0.7em;
  position: relative;
  top: -2px;
}
/* Page content divider */
.page-with-side-menu .csc-default h1 {
  border-top: 1px solid #ccc;
  margin-top: 40px;
  padding-top: 40px;
}

.page-with-side-menu .csc-default h1.csc-firstHeader {
  border-top: none;
  margin-top: inherit;
  padding-top: inherit;
}
/**************************************************************************************beleid*/
/*.beleid .csc-default {

  padding-left: 50px;
    padding-right: 50px;
  padding-top: 50px;
  padding-bottom: 20px;
   
  border: #F2F2F2 1px solid; 
  background-color: #f5f5f5;
  margin-bottom: 50px;
  min-height: 220px;
  vertical-align: middle;
  
 
}

.beleid .csc-default p {

}
*/
.beleid .csc-default {}

.beleid .csc-default > div.csc-textpic {
  padding: 50px 50px 20px;
  border: #F2F2F2 1px solid;
  background-color: #f5f5f5;
  margin-bottom: 50px;
  min-height: 220px;
  vertical-align: middle;
}

.beleid .csc-default > div.csc-textpic-text {
  padding: 50px 50px 20px;
  border: #F2F2F2 1px solid;
  background-color: #f5f5f5;
  margin-bottom: 50px;
  min-height: 220px;
  vertical-align: middle;
}
/***************************************************************goed geïnformeerd*/
#subgoedgeinf {
  font-size: 25px;
}

.titelonderdeeluitz img {
  height: 40px;
}

.tx-reint-downloadmanager .collection-folder div {
  list-style: none;
  overflow: hidden;
}

.tx-reint-downloadmanager .collection-folder a {
  cursor: pointer;
  padding: 20px 10px;
  display: block;
  /*background-color: #E0E0E8;*/
  background-color: #FFF;
  height: 70px;
  font-size: 16px;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tx-reint-downloadmanager .collection-folder a:hover {
  text-decoration: none;
}

#collection-back-link {
  margin-top: 50px;
}

#collection-back-link .fa,
.collection-content .fa,
.collection-folder .fa,
.collection-header .fa {
  vertical-align: middle;
}

.collection-folder .fa.doc:before,
.collection-folder .fa.docx:before {
  content: '\f0f6';
}

.collection-folder .fa.mp4:before,
.collection-folder .fa.wmv:before {
  content: '\f1c8';
}

.collection-folder .fa.xlsx:before {
  content: '\f1c3';
}

.collection-folder .fa.pdf:before {
  content: '\f1c1';
}

.collection-folder .fa.jpg:before {
  content: '\f1c5';
}
/*.collection-folder .fa.html:before { content: '\f0c1'; }*/
.collection-folder .fa.html:before {
  content: '\f0ac';
}

.collection-header {
  cursor: pointer;
  background-color: #E0E0E8;
  color: #333;
  margin-bottom: 20px;
  height: 70px;
  padding: 20px 10px;
}

.collection-header.active {
  background-color: transparent;
  padding-left: 0;
  margin-top: 20px;
}

.collection-header:hover {
  color: #fff;
  background-color: #005083;
}

.collection-header.active:hover {
  cursor: inherit;
  background-color: transparent;
  color: #333;
}

.collection-header.active .fa.fa-folder:before {
  content: '\f07c';
}

.tx-reint-downloadmanager .search-list-out li.headerItem {
  font-weight: bold;
  margin-top: 30px;
}

.tx-reint-downloadmanager .search-list-out li.headerItem:before {
  color: #333;
  content: '\f07b';
  font-size: 1em;
}

.collection-folder {
  margin-bottom: 80px;
}

.collection-folder div {
  padding-top: 15px;
  padding-bottom: 15px;
}

.btn-primary {
  border-radius: 0;
  border-color: #005083;
  background-color: #005083;
}

.dm-search #searchFileField {
  border: 2px solid #999;
  font-size: 22px;
  padding: 6px 10px;
  margin: 30px 0;
}

.tx-reint-downloadmanager#open-collection-id-30 {
  background-image: url('/fileadmin/templates/themes/AZSB/images/molly-small.jpg');
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 190px;
}

.collection-folder div:nth-child(even) {
  background-color: #F1F1F1;
}

.collection-folder div:nth-child(odd) {
  background-color: #E2E2E2;
  /*background-color: #E0E0E8;*/
}

div.collection-folder > div.pdf > a {
  border-left: 4px solid #e50b0a;
}

div.collection-folder > div.pdf > a:hover {
  background-color: #e50b0a;
  color: #FFF;
}

div.collection-folder > div.jpg > a {
  border-left: 4px solid #005083;
}

div.collection-folder > div.jpg > a:hover {
  background-color: #005083;
  color: #FFF;
}

div.collection-folder > div.jpeg > a {
  border-left: 4px solid #005083;
}

div.collection-folder > div.jpeg > a:hover {
  background-color: #005083;
  color: #FFF;
}

div.collection-folder > div.mp4 > a {
  border-left: 4px solid #F0E613;
}

div.collection-folder > div.mp4 > a:hover {
  background-color: #F0E613;
  color: #FFF;
}

div.collection-folder > div.wmv > a {
  border-left: 4px solid #F0E613;
}

div.collection-folder > div.wmv > a:hover {
  background-color: #F0E613;
  color: #FFF;
}

div.collection-folder > div.xlsx > a {
  border-left: 4px solid #165E0A;
}

div.collection-folder > div.xlsx > a:hover {
  background-color: #165E0A;
  color: #FFF;
}

div.collection-folder > div.html > a {
  border-left: 4px solid #333;
}

div.collection-folder > div.html > a:hover {
  background-color: #333;
  color: #FFF;
}
/******TABELLEN*/
.artsmodal table {
  display: block;
  overflow-x: auto;
  width: 100% !important;
  border: none !important;
  background-color: white !important;
}

.contenttable {
  display: table;
  margin-top: 1%;
}
/*@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {  
  table, thead, tbody, th, td, tr { 
    display: block; 
  }
table {
overflow: hidden;
}
  
  
  thead tr { 
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  
  tr { border: 1px solid #ccc; }
  
  td { 
    
    border: none;
    border-bottom: 1px solid #eee; 
    position: relative;
    padding-left: 50%; 
  }
  
  td:before { 
    
    position: absolute;
   
    top: 6px;
    left: 6px;
    width: 45%; 
    padding-right: 10px; 
    white-space: nowrap;
  }*

.nieuws tr.article {
      
      height: 150px;
  
 
    }
.nieuws tr.news-separator {
display:none;
      display: block;
    background-color: #E0E0E8;
}
}
/*mobile nieuws en kalender*/
@media only screen and (max-width: 640px) {
  .nieuws tr.article {
    height: initial;
  }

  .btnNieuws {
    width: inherit;
  }

  .btnKalender {
    width: inherit;
  }
}
/****opmaak mobile gewone pagina's */
/*foto's niet tonen op kleine pagina's */
@media screen and (max-width: 650px) {
  .col-md-9 img {
    display: none;
  }
}

/* exception voor nexus && downloadknop */
img.nexuz-image, img.download-knop {
    display: block;
     width: 100%;
     height: auto;
    max-width: 300px;
  }


/*spoed : rood kader */
.roodkader {
  width: 400px;
  border: red 2px solid;
  padding: 10px;
}
@media screen and (max-width: 650px) {
  .roodkader {
    width: 250px;
  }
}

.titelspoed {
  font-size: 24px;
  text-align: center;
}

/*
@media screen and (max-width: 650px) {
  .contact > div.csc-default > div.csc-textpic > div.csc-textpic-imagewrap > figure > img {
    display: none;
  }

  .contact > div.csc-default > div.csc-textpic > div.csc-textpic-imagewrap > figure > figcaption {
    display: none;
  }
}
@media screen and (max-width: 650px) {
  .contact ul {
    overflow: auto;
  }
}
*/

ul li {
  text-align: left;
}

/*
#events td {
  padding: 22px;
}
*/
/*******************************************************************search-resulst*/

#search-results {
  max-width: 600px;
  padding-bottom: 50px;
}

/*******************************************************************EVENEMENTENPAGINA*/
#cliclaCategories {
  text-align: center;
}

#events {
  max-width: 600px;
  //padding-bottom: 50px;
  padding: 0 32px 50px 32px;
}

/* Films  */ 
#films .titelonderdeel h1 {
  padding-top: 55px;
}
#films .ggfilms td{
  padding: 22px;
}
/* end Films  */ 


.titleArsen {
  font-size: 3em;
  color: #666666;
  background-color: white;
  padding-top: 1%;
  margin-left: 1.5%;
}

#cliclaPlaceholder{
  margin-bottom: 20px;
}

#c3232 p{
  font-size: 20px;
}

.titleArsen p{
  text-align: center;
}

#c4277 .indent{
  max-width: 720px;
  padding-bottom: 50px;
  margin: auto;
}

#cliclaEvents > li {
  clear: both;
  overflow: hidden;
  border-bottom: 1px dashed #CCCCCC;
}

.events .cliclaStartDate {
  clear: left;
  float: left;
}

.events .cliclaTitleAndShortDescription {
  float: left;
  width: 60%;
}
/*NIEUWS*/
.news {
  margin: auto;
  max-width: 400px;
  padding: 0;
}

.news table,
.news td,
.news th {
  border: none;
}

.news .article {
  clear: both;
  overflow: hidden;
  border: none;
  border-bottom: 1px dashed #CCCCCC;
}

.article td {
  vertical-align: middle;
}

.events .cliclaStartDate {
  clear: left;
  float: left;
}

.events .cliclaTitleAndShortDescription {
  float: left;
  width: 60%;
}

.nieuws-wrapper #cliclaEvents > li,
.nieuws-wrapper .news .article {
  border: none;
}

.events .news {
  max-width: 600px;
}

.events #cliclaCategories {
  margin: auto;
  max-width: 400px;
  padding: 10px;
}

.article td {
  vertical-align: middle;
}

.events .news img {
  max-height: 200px;
}

#cliclaEvents li {
  min-height: 40px;
}
/*******************************************************************Sitemap*/
div.csc-sitemap > ul > li > ul {
  margin-left: 50px;
}

div.csc-sitemap > ul > li > ul > li > ul {
  margin-left: 50px;
}
/*******************************************************************Intranet*/

#hoofdmenuIntranet.row {
  margin-right: 0;
  margin-left:0;
}

#hoofdmenuIntranet > a {
  text-align: center;
  list-style-type: none;
  width: 18%;
  min-height: 221px;
  margin-right: 2.5%;
}

#hoofdmenuIntranet > a:last-child {
  margin-right: 0;
}

#hoofdmenuIntranet > a > img,
.intranet-img-container {
  /*height: 150px; */
  max-width: 128px;
  height: auto;
  max-height: 150px;
  width: 100%;
  padding: 1rem 0;
}

.intranet-img-container {
  height: 150px;
  display: flex;
    flex-direction: column;
    justify-content: center;
  margin: 0 auto;
}

#hoofdmenuIntranet a .intranet-img-container img {
  height: auto;
  width: 100%;
  max-height: 120px;
}

#covid19 {
  background-color: #F41C1F;
}

a#covid19 {
  text-decoration: none;
}

a#covid19 p {
  color: white;
  border: 2px solid #F41C1F;
  font-weight: bold;
}

@media only screen and (max-width: 1199px) {
.intranet-img-container {
  height: 126x;
}
}

@media only screen and (max-width: 992px) {
  #hoofdmenuIntranet.row {
  margin-right: 15px;
  margin-left:15px;
  padding-top: 15px;
}


  #hoofdmenuIntranet > a {
    width: 50%;
    display: block;
      margin-bottom: 20px;
  }
}
@media only screen and (max-width: 850px) {
  #hoofdmenuIntranet > a {
    width: 100%;
  }

  .intranet-img-container {
  height: auto;
}
}

#zoekEnMeldcentrum {
  border: solid 2px rgb(220,145,23);
}

#samenBeterPlatform {
  border: solid 2px rgb(106,156,3);
}

#mijnJobEnIk {
  border: solid 2px rgb(0,80,131);
}

#comingSoon {
border: solid 2px rgb(220,145,23);
}


#submenuIntranet > li {
  list-style-type: none;
  min-height: 100px;
  background-color: #E0E0E8;
  margin: 0;
  /*was1%*/
  text-align: center;
  /*width: 18%;*/
  width: 20%;
  min-width: 150px;
  cursor: pointer;
  color: #666;
}
@media screen and (max-width: 1250px) {
  #submenuIntranet > li {
    width: 44%;
  }
}
@media screen and (max-width: 850px) {
  #submenuIntranet > li {
    width: 100%;
  }
}

#submenuIntranet > li:hover {
  color: white;
  background-color: rgb(0,80,131);
}


#submenuIntranet > li  {
  position: relative;
}

#submenuIntranet > li > p {
  //margin-top: 40px;
  
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#submenuIntranet {
  margin: 0;
}

.intranetlinks {
  border: #F2F2F2 1px solid;
  background-color: #f5f5f5;
}

.intranetlinks ul {
  padding-left: 40px;
  list-style: none;
}

.intranetlinks li {
  margin-bottom: 10px;
}

.intranetlinks li:before {
  font-family: 'FontAwesome';
  content: '\f0c8';
  /*margin: 0 5px 0 -15px;*/
  margin: 0 10px 0 -22px;
  color: #ccc;
  font-size: 0.7em;
  position: relative;
  top: -2px;
}

.intranetlinks {
  /*margin-top: 50px;
  margin-bottom: 50px;*/
  margin: 0;
  padding: 50px;
}

.intranetHidden {
  display: none;
}

#submenuIntranet > li.intranetActive {
  color: white;
  background-color: rgb(0,80,131);
}

.intranetlinks {
  color: #666;
}
/*intranetHeader*/
#zorgbtn {
  background-color: #DC9117;
  margin-right: 10px;
  padding: 10px;
  color: white;
  border-radius: 0;
  width: 120px;
  text-align: center;
  border: none;
}

#zorgbtn:hover {
  background-color: #DCA04F;
}

#ptbtn {
  background-color: #6A9C03;
  margin-right: 10px;
  padding: 10px;
  color: white;
  border-radius: 0;
  width: 120px;
  text-align: center;
  border: none;
}

#ptbtn:hover {
  background-color: #7D9C2E;
}

#bezbtn {
  background-color: rgb(0, 157, 221);
  margin-right: 10px;
  padding: 10px;
  color: white;
  border-radius: 0;
  width: 120px;
  text-align: center;
  border: none;
}

#bezbtn:hover {
  background-color: #52A9DD;
}

.inranetbtns ul {
  position: absolute;
}

.intranetbtns button {
  border: none;
}
@media (max-width: 470px) {
  #zorgbtn {
    width: 100%;
    float: left;
  }

  #ptbtn {
    width: 100%;
    float: left;
  }

  #bezbtn {
    width: 100%;
    float: left;
  }
}

/*
#bluebutton {
  display: inline-block;
  margin-top: 30px;
}
*/

.intranebtns .btn {
  margin-top: 5px;
}

#buttons > div.pull-right > div.btn-group.inranetbtns.open > ul {
  margin: 0;
  border-radius: 0;
  width: inherit;
  color: white;
}

.intranetbtns .open ul.dropdown-menu > li > a {
  color: white;
}

#buttons > div.pull-right > div.btn-group.inranetbtns.open > ul > li > a {
  color: white;
}

#buttons > div.pull-right > div.btn-group.inranetbtns.open > ul > li > a:hover {
  color: #666;
}

.dividerIntranet {
  display: inline-block;
  color: #666;
  margin-right: 10px;
}
/* Aanpassingen (maintenance)*/
div.shortcut div.shortcuttekst a::before {
  font-family: 'FontAwesome';
  content: '\f054';
  padding-right: 3px;
  display: inline-block;
}

.kalender #cliclaEvents li {
  background-color: #9BBC2F;
}

.nieuws-wrapper .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

.kalender {
  display: flex;
  flex-direction: column;
}

.nieuws {
  display: flex;
  flex-direction: column;
}

#blasiusAcademieLogo {
  width: 50px;
  margin-right: 15px;
}
/*********** Cookiebar*/
.bar {
  display: none;
  background-color: #666;
  width: 100%;
  text-align: center;
  padding: 10px 0;
  color: #fff;
  font: 14px arial, sans-serif;
  z-index: 100;
  position: fixed;
  left: 0;
  bottom: 0;
  height: 40px;
}

.bar a {
  text-decoration: none;
  color: #9BBC2F;
}

#cookieclose {
  display: block;
  border: 1px solid white;
  width: 100px;
  float: right;
  margin-right: 20px;
  cursor: pointer;
}

.caret {
  margin-left: 5px;
}

.logobar a.coronabtn {
  text-decoration: none;
  background-color: white;
  color: #00A5F3;
  box-sizing: border-box;
  border: 1px solid #00A5F3;
  margin-right: 0; 
  padding: 19px 20px;
  font-weight: bold;
}

.coronabtn.big{
  float: right;
}

.coronabtn.intranetbtn {
  margin-bottom: 4%;
}

.g-recaptcha > div{
  margin: auto;
}

.events .g-recaptcha > div{
  margin-left: 217.5px;
}



@media (max-width: 645px) {
  .dividerIntranet {
    display: none;
  }
}
@media only screen and (max-width: 390px) {
  .coronabtn.intranetbtn {
    width: 100%;
    margin-right: 0;
  }
}