/*!
 * Start Bootstrap - Simple Sidebar (https://startbootstrap.com/templates/simple-sidebar)
 * Copyright 2013-2020 Start Bootstrap
 * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-simple-sidebar/blob/master/LICENSE)
 */

body {
  background-color: #FFFFFF;
}

body.onzichtbaar {
  background-color: #F8F9FA;
  margin: 0px 3px 0px 0px;
}

body.lyteframe {
  background-color: #FFFFFF;
  margin: 10px 15px 10px 15px;
}

body.transparant {
  background-color: transparent;
  margin: 0px;
}

div.paginainhoud {
  padding: 15px;
}

div.box {
  background-color: #F8F9FA;
  color: #000000;
  font-weight: normal;
  text-align: left;
  padding: 10px;
	margin: 10px 0px 0px 0px;
  vertical-align: top;
  border: #5B5B5B 1px solid;
  box-shadow: 1px 1px 1px #BBBBBB;
  overflow: auto;
  display: table;
  display: table;
  margin-right: auto;
  margin-left: auto;
}

div.banner {
  background: url("/write/banners/groot/reanimatie.jpg");
  background-repeat: repeat-x;
  background-position: 0% 50%;
  padding: 0px;
  margin: 0px;
  text-align: left;
  vertical-align: middle;
  height: 100px;
  border: #5B5B5B 1px solid;
  overflow: hidden;
  color: #B8B1A5;
  box-sizing: border-box;
}

div.logo {
  background: url("/framework/plaatjes/logo.png");
  background-repeat: no-repeat;
  background-position: 0% 50%;
  padding: 0px;
  margin: 0px;
  vertical-align: middle;
  width: 250px;
  height: 100px;
  overflow: hidden;
  display: inline-block;
}


div.logo_oranjekruis {
  background: url("/framework/plaatjes/oranje_kruis.png");
  background-repeat: no-repeat;
  background-position: 100%;
  padding: 0px;
  margin: 0px 3px 0px 0px;
  vertical-align: middle;
  text-align: right;
  width: 100px;
  height: 100px;
  overflow: hidden;
  display: inline-block;
  float: right;
}

div.pijl {
  background: url("/framework/plaatjes/pijlneer.png");
  background-repeat: no-repeat;
  padding: 0px;
  margin: 0px 0px 0px 10px;
  vertical-align: middle;
  width: 16px;
  height: 8px;
  display: inline-block;
}

div.hoofdmenuactief {
  background-color: #A5C2E2;
}

div.submenuactief {
  background-color: #A5C2E2;
}

div.tekstrechts {
  float: right;
  text-align: right;
  position: relative;
  margin: 0px;
  white-space: nowrap;
}

div.links {
  width: 49%;
  float: left;
  text-align: left;
  position: relative;
  margin: 0px;
  box-sizing: border-box;
}

div.rechts {
  width: 49%;
  float: right;
  text-align: left;
  position: relative;
  margin: 0px;
  box-sizing: border-box;
}

div.mouseover {
  min-width:40vw;
  max-width:50vw;
}

div.melding {
  background-color: #F8F9FA;
  color: #000000;
  font-weight: normal;
  text-align: left;
  padding: 10px;
	margin: 0px;
  vertical-align: top;
  border: #5B5B5B 1px solid;
  box-shadow: 1px 1px 1px #BBBBBB;
  overflow: auto;
  box-sizing: border-box;
}

div.ballon {
  background-color: #F8F9FA;
  color: #000000;
  font-weight: normal;
  font-size: 1.0rem;
  text-align: left;
  padding: 10px;
	margin: 0px;
  vertical-align: top;
  border: #5B5B5B 1px solid;
  display: inline-block;
  box-shadow: 1px 1px 1px #BBBBBB;
}

div.centerbox {
  background-color: #F8F9FA;
  color: #000000;
  font-weight: normal;
  font-size: 1.0rem;
  text-align: left;
  padding: 10px;
	margin: 0px;
  vertical-align: top;
  border: #5B5B5B 1px solid;
  overflow: auto;
  display: table;
  margin-right: auto;
  margin-left: auto;
  box-shadow: 1px 1px 1px #BBBBBB;
}

div.magverlengen {
	margin-left: 20px;
	margin-right: 0px;
  padding: 0px;
  position: relative;
  float: right;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: top;
}

div.meldingwit {
  background-color: #F8F9FA;
  color: #000000;
}

div.meldinggroen {
  background-color: #A9D696;
  color: #000000;
}

div.meldinggeel {
  background-color: #EADFC1;
  color: #000000;
}

div.meldingdonkerblauw {
  background-color: #A5C2E2;
  color: #000000;
}

div.meldinglichtblauw {
  background-color: #D7E3F2;
  color: #000000;
}

div.meldingdonkergrijs {
  background-color: #CDCDCD;
  color: #000000;
}

div.meldinglichtgrijs {
  background-color: #E1E1E1;
  color: #000000;
}

div.meldingrood {
  background-color: #FC7A7A;
  color: #FFFFFF;
}

div.viewer {
  width: 100%;
  height: 99vh;
  text-align: center;
	background-repeat: no-repeat; background-position: center center;
}

div.tekstregel {
  margin: 0px;
  padding: 0px;
  display: inline-block;
}

div.menubalk {
  background-color: #3970AC;
  color: #FFFFFF;
}

div.menubalkgeselecteerd {
  background-color: #000000;
  color: #FFFFFF;
}

div.submenu {
  background-color: #305F92;
  color: #FFFFFF;
}

.dropdown-item:hover {
  background-color: #41A078;
  color: #FFFFFF;
}
a { color: #CA0000; text-decoration: none; }
a:hover { color: #CA0000; text-decoration: underline; }
a.zwart { color: #000000; font-weight: normal; text-decoration: none; }
a.zwart:hover { color: #CA0000; font-weight: normal; text-decoration: underline; }
a.groen { color: #2DA604; font-weight: normal; text-decoration: none; }
a.groen:hover { color: #2DA604; font-weight: normal; text-decoration: underline; }
a.blauw { color: #0051CA; font-weight: normal; text-decoration: none; }
a.blauw:hover { color: #0051CA; font-weight: normal; text-decoration: underline; }
a.rood { color: #CA0000; font-weight: normal; text-decoration: none; }
a.rood:hover { color: #CA0000; font-weight: normal; text-decoration: underline; }
a.grijs { color: #786F61; text-decoration: none; }
a.grijs:hover { color: #786F61; text-decoration: underline; }
a.wit { color: #FFFFFF; font-weight: normal; text-decoration: none; }
a.wit:hover { color: #FFFFFF; font-weight: normal; text-decoration: underline; }
a.vetzwart { color: #000000; font-weight: bold; text-decoration: none; }
a.vetzwart:hover { color: #000000; font-weight: bold; text-decoration: underline; }
a.vetgroen { color: #2DA604; font-weight: bold; text-decoration: none; }
a.vetgroen:hover { color: #2DA604; font-weight: bold; text-decoration: underline; }
a.vetblauw { color: #0051CA; font-weight: bold; text-decoration: none; }
a.vetblauw:hover { color: #0051CA; font-weight: bold; text-decoration: underline; }
a.vetrood { color: #CA0000; font-weight: bold; text-decoration: none; }
a.vetrood:hover { color: #CA0000; font-weight: bold; text-decoration: underline; }
a.vetgrijs { color: #786F61; font-weight: bold; text-decoration: none; }
a.vetgrijs:hover { color: #786F61; font-weight: bold; text-decoration: underline; }
a.vetwit { color: #FFFFFF; font-weight: bold; text-decoration: none; }
a.vetwit:hover { color: #FFFFFF; font-weight: bold; text-decoration: underline; }
a.geselecteerd { color: #CA0000; font-weight: bold; text-decoration: none; }
a.geselecteerd:hover { color: #CA0000; font-weight: bold; text-decoration: underline; }
a.menu { color: #000000; font-weight: bold; text-decoration: none; }
a.menu:hover { color: #000000; font-weight: bold; text-decoration: underline; }
a.media { color: #000000; font-weight: normal; text-decoration: none; }
a.media:hover { color: #CA0000; font-weight: normal; text-decoration: none; }
.zwart { color: #000000; }
.groen { color: #2DA604; }
.geel { color: #EADFC1; }
.blauw { color: #0051CA; }
.rood { color: #CA0000; }
.grijs { color: #786F61; }
.wit { color: #FFFFFF; }
.vet { font-weight: bold; }
.blink { animation: blinker 1s step-start infinite; }
@keyframes blinker { 50% { opacity: 0; } }

.randje { border: solid 1px #333333; }

.afronden { border-radius: 6px; }
.breakword {
  word-wrap: break-word;
  word-break: break-word;
}

.titelkolom {
  background-color: #A5C2E2;
  color: #000000;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin: 0px 0px 1px 0px;
  padding: 0px 5px 0px 5px;
  vertical-align: top;
}

.titelkolom-archief {
  background-color: #BEBEBE;
  color: #000000;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin: 0px 0px 1px 0px;
  padding: 0px 5px 0px 5px;
  vertical-align: top;
}

.contentkolom-licht {
  background-color: #D7E3F2;
  color: #000000;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin: 0px 0px 1px 0px;
  padding: 0px 5px 0px 5px;
  vertical-align: top;
}

.contentkolom-donker {
  background-color: #C8DAEE;
  color: #000000;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin: 0px 0px 1px 0px;
  padding: 0px 5px 0px 5px;
  vertical-align: top;
}

.archiefkolom-licht {
  background-color: #E1E1E1;
  color: #000000;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin: 0px 0px 1px 0px;
  padding: 0px 5px 0px 5px;
  vertical-align: top;
}

.archiefkolom-donker {
  background-color: #CDCDCD;
  color: #000000;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin: 0px 0px 1px 0px;
  padding: 0px 5px 0px 5px;
  vertical-align: top;
}

.contentkolom-rood {
  background-color: #FC7A7A;
  color: #FFFFFF;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin: 0px 0px 1px 0px;
  padding: 0px 5px 0px 5px;
  vertical-align: top;
}

.contentkolom-groen {
  background-color: #A9D696;
  color: #000000;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin: 0px 0px 1px 0px;
  padding: 0px 5px 0px 5px;
  vertical-align: top;
}

.contentkolom-geel {
  background-color: #EADFC0;
  color: #000000;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin: 0px 0px 1px 0px;
  padding: 0px 5px 0px 5px;
  vertical-align: top;
}

div.clear { clear: both; }
div.spacer1 { width: 1px; display: inline-block; }
div.spacer3 { width: 3px; display: inline-block; }
div.spacer5 { width: 5px; display: inline-block; }
div.spacer10 { width: 10px; display: inline-block; }
div.spacer15 { width: 15px; display: inline-block; }
div.spacer20 { width: 20px; display: inline-block; }
div.spacer25 { width: 25px; display: inline-block; }

div.spacer50 { width: 50px; display: inline-block; }

.flex-container {
  width: calc(100% - 8px);
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  text-align: center;
  justify-content: center;
}

.wrap { flex-wrap: wrap; }
.wrap li { display: block; )
}

.flex-item-groot {
  display: table-cell;
  padding: 0;
  width: 360px;
  margin: 15px 15px 0px 15px;
  vertical-align: middle;
}
.flex-item-klein {
  display: table-cell;
  padding: 0;
  width: 180px;
  margin: 15px 15px 0px 15px;
  vertical-align: middle;
}
.kleurwit {
  background-color: #F8F9FA;
  color: #000000;
}

.kleurgroen {
  background-color: #A9D696;
  color: #000000;
}

.kleurgeel {
  background-color: #EADFC1;
  color: #000000;
}

.kleurdonkerblauw {
  background-color: #A5C2E2;
  color: #000000;
}

.kleurlichtblauw {
  background-color: #D7E3F2;
  color: #000000;
}

.kleurdonkergrijs {
  background-color: #CDCDCD;
  color: #000000;
}

.kleurlichtgrijs {
  background-color: #E1E1E1;
  color: #000000;
}

.kleurrood {
  background-color: #FC7A7A;
  color: #FFFFFF;
}

.kleurgeel {
  background-color: #FFFF00;
  color: #000000;
}

table.lijst { border: #515151 1px solid; border-spacing: 2px; box-shadow: 3px 3px 3px #0C0C0C; width: 100%; }
td.titelkolom-blauw { background: #A5C2E2; color: #000000; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; padding: 0px 5px 0px 5px; vertical-align: top; text-align: left; border: 0px; }
td.titelkolom-grijs { background: #BEBEBE; color: #000000; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; padding: 0px 5px 0px 5px; vertical-align: top; text-align: left; border: 0px; }
td.blauw-licht { background: #D7E3F2; color: #000000; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; padding: 0px 5px 0px 5px; vertical-align: top; text-align: left; border: 0px; }
td.blauw-donker { background: #C8DAEE; color: #000000; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; padding: 0px 5px 0px 5px; vertical-align: top; text-align: left; border: 0px; }
td.grijs-licht { background: #E1E1E1; color: #000000; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; padding: 0px 5px 0px 5px; vertical-align: top; text-align: left; border: 0px; }
td.grijs-donker { background: #CDCDCD; color: #000000; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; padding: 0px 5px 0px 5px; vertical-align: top; text-align: left; border: 0px; }
form { padding: 0px; margin: 0px; }
input.button { background-color: #E0EBFC; color: #000000; padding: 1px 8px 1px 8px; width: 0px; height: 29px; overflow: visible; font-size: 1.0rem; font-weight: normal; border: #797979 1px solid; }
input.button[class] { background-color: #E0EBFC; color: #000000; padding: 1px 8px 1px 8px; width: auto; height: 29px; overflow: visible; font-size: 1.0rem; font-weight: normal; border: #797979 1px solid; }
input.buttonhoog[class] { height: 25px; background-color: #E0EBFC; color: #000000; padding: 1px 8px 1px 8px; width: auto; height: 29px; overflow: visible; font-size: 1.0rem; font-weight: normal; border: #797979 1px solid; }
input.file { width: 500px; background-color: #E0EBFC; color: #000000; padding: 1px 8px 1px 8px; height: 29px; font-size: 1.0rem; font-weight: normal; border: #797979 1px solid; }
textarea { background-color: #E0EBFC; color: #000000; padding: 1px 8px 1px 8px; font-size: 1.0rem; font-weight: normal; border: #797979 1px solid; resize: none; }
select.select { background-color: #E0EBFC; color: #000000; padding: 1px 8px 1px 8px; height: 29px; font-size: 1.0rem; font-weight: normal; border: #797979 1px solid; }
select.optgroup { background-color: #B6D0F8; color: #000000; font-weight: normal; font-size: 1.0rem; font-style: normal; }
select.option { background-color: #E0EBFC; color: #000000; font-weight: normal; font-size: 1.0rem; font-style: normal; }
input.input { background-color: #E0EBFC; color: #000000; padding: 1px 8px 1px 8px; height: 29px; font-size: 1.0rem; font-weight: normal; border: #797979 1px solid; }

input.blauw { background-color: #E0EBFC; color: #000000; padding: 1px 8px 1px 8px; width: 0px; height: 29px; overflow: visible; font-size: 1.0rem; font-weight: normal; border: #797979 1px solid; }
input.blauw[class] { background-color: #E0EBFC; color: #000000; padding: 1px 8px 1px 8px; width: auto; height: 29px; overflow: visible; font-size: 1.0rem; font-weight: normal; border: #797979 1px solid; }
input.blauwhoog[class] { height: 25px; background-color: #E0EBFC; color: #000000; padding: 1px 8px 1px 8px; width: auto; height: 29px; overflow: visible; font-size: 1.0rem; font-weight: normal; border: #797979 1px solid; }
input.blauw { width: 500px; background-color: #E0EBFC; color: #000000; padding: 1px 8px 1px 8px; height: 29px; font-size: 1.0rem; font-weight: normal; border: #797979 1px solid; }
textarea.blauw { background-color: #E0EBFC; color: #000000; padding: 1px 8px 1px 8px; font-size: 1.0rem; font-weight: normal; border: #797979 1px solid; resize: none; }
select.blauw { background-color: #E0EBFC; color: #000000; padding: 1px 8px 1px 8px; height: 29px; font-size: 1.0rem; font-weight: normal; border: #797979 1px solid; }
select.blauw { background-color: #B6D0F8; color: #000000; font-weight: normal; font-size: 1.0rem; font-style: normal; }
select.blauw { background-color: #E0EBFC; color: #000000; font-weight: normal; font-size: 1.0rem; font-style: normal; }
input.blauw { background-color: #E0EBFC; color: #000000; padding: 1px 8px 1px 8px; height: 29px; font-size: 1.0rem; font-weight: normal; border: #797979 1px solid; }

input.donkerblauw { background-color: #AFC8E4; color: #000000; padding: 1px 8px 1px 8px; width: 0px; height: 29px; overflow: visible; font-size: 1.0rem; font-weight: normal; border: #797979 1px solid; }
input.donkerblauw[class] { background-color: #AFC8E4; color: #000000; padding: 1px 8px 1px 8px; width: auto; height: 29px; overflow: visible; font-size: 1.0rem; font-weight: normal; border: #797979 1px solid; }
input.donkerblauwhoog[class] { height: 25px; background-color: #AFC8E4; color: #000000; padding: 1px 8px 1px 8px; width: auto; height: 29px; overflow: visible; font-size: 1.0rem; font-weight: normal; border: #797979 1px solid; }
input.donkerblauw { width: 500px; background-color: #AFC8E4; color: #000000; padding: 1px 8px 1px 8px; height: 29px; font-size: 1.0rem; font-weight: normal; border: #797979 1px solid; }
textarea.donkerblauw { background-color: #AFC8E4; color: #000000; padding: 1px 8px 1px 8px; font-size: 1.0rem; font-weight: normal; border: #797979 1px solid; resize: none; }
select.donkerblauw { background-color: #AFC8E4; color: #000000; padding: 1px 8px 1px 8px; height: 29px; font-size: 1.0rem; font-weight: normal; border: #797979 1px solid; }
select.donkerblauw[class] optgroup { background-color: #AFC8E4; color: #000000; font-weight: normal; font-size: 1.0rem; font-style: normal; }
select.donkerblauw[class] option { background-color: #AFC8E4; color: #000000; font-weight: normal; font-size: 1.0rem; font-style: normal; }
input.donkerblauw { background-color: #AFC8E4; color: #000000; padding: 1px 8px 1px 8px; height: 29px; font-size: 1.0rem; font-weight: normal; border: #797979 1px solid; }

input.archief { background-color: #E8E8E8; color: #000000; padding: 1px 8px 1px 8px; width: 0px; height: 29px; overflow: visible; font-size: 1.0rem; font-weight: normal; border: #797979 1px solid; }
input.archief[class] { background-color: #E8E8E8; color: #000000; padding: 1px 8px 1px 8px; width: auto; height: 29px; overflow: visible; font-size: 1.0rem; font-weight: normal; border: #797979 1px solid; }
input.archiefhoog[class] { height: 25px; background-color: #E8E8E8; color: #000000; padding: 1px 8px 1px 8px; width: auto; height: 29px; overflow: visible; font-size: 1.0rem; font-weight: normal; border: #797979 1px solid; }
input.archief { width: 500px; background-color: #E8E8E8; color: #000000; padding: 1px 8px 1px 8px; height: 29px; font-size: 1.0rem; font-weight: normal; border: #797979 1px solid; }
textarea.archief { background-color: #E8E8E8; color: #000000; padding: 1px 8px 1px 8px; font-size: 1.0rem; font-weight: normal; border: #797979 1px solid; resize: none; }
select.archief { background-color: #E8E8E8; color: #000000; padding: 1px 8px 1px 8px; height: 29px; font-size: 1.0rem; font-weight: normal; border: #797979 1px solid; }
select.archief[class] optgroup { background-color: #E8E8E8; color: #000000; font-weight: normal; font-size: 1.0rem; font-style: normal; }
select.archief[class] option { background-color: #E8E8E8; color: #000000; font-weight: normal; font-size: 1.0rem; font-style: normal; }
input.archief { background-color: #E8E8E8; color: #000000; padding: 1px 8px 1px 8px; height: 29px; font-size: 1.0rem; font-weight: normal; border: #797979 1px solid; }

input.archiefdonker { background-color: #CDCDCD; color: #000000; padding: 1px 8px 1px 8px; width: 0px; height: 29px; overflow: visible; font-size: 1.0rem; font-weight: normal; border: #797979 1px solid; }
input.archiefdonker[class] { background-color: #CDCDCD; color: #000000; padding: 1px 8px 1px 8px; width: auto; height: 29px; overflow: visible; font-size: 1.0rem; font-weight: normal; border: #797979 1px solid; }
input.archiefdonkerhoog[class] { height: 25px; background-color: #CDCDCD; color: #000000; padding: 1px 8px 1px 8px; width: auto; height: 29px; overflow: visible; font-size: 1.0rem; font-weight: normal; border: #797979 1px solid; }
input.archiefdonker { width: 500px; background-color: #CDCDCD; color: #000000; padding: 1px 8px 1px 8px; height: 29px; font-size: 1.0rem; font-weight: normal; border: #797979 1px solid; }
textarea.archiefdonker { background-color: #CDCDCD; color: #000000; padding: 1px 8px 1px 8px; font-size: 1.0rem; font-weight: normal; border: #797979 1px solid; resize: none; }
select.archiefdonker { background-color: #CDCDCD; color: #000000; padding: 1px 8px 1px 8px; height: 29px; font-size: 1.0rem; font-weight: normal; border: #797979 1px solid; }
select.archiefdonker[class] optgroup { background-color: #CDCDCD; color: #000000; font-weight: normal; font-size: 1.0rem; font-style: normal; }
select.archiefdonker[class] option { background-color: #CDCDCD; color: #000000; font-weight: normal; font-size: 1.0rem; font-style: normal; }
input.archiefdonker { background-color: #CDCDCD; color: #000000; padding: 1px 8px 1px 8px; height: 29px; font-size: 1.0rem; font-weight: normal; border: #797979 1px solid; }

input.donkergroen { background-color: #7CC05F; color: #000000; padding: 1px 8px 1px 8px; height: 29px; overflow: visible; font-size: 1.0rem; font-weight: normal; border: #797979 1px solid; }
input.wit { background-color: #FFFFFF; color: #FF0000; padding: 1px 8px 1px 8px; height: 29px; overflow: visible; font-size: 1.0rem; font-weight: normal; border: #797979 1px solid; }
input.vraagknopgeel[class] { background-color: #EADFC1; color: #000000; padding: 1px 8px 1px 8px; width: auto; height: 24px; overflow: visible; font-size: 1.0rem; font-weight: normal; border: #EADFC1 0px solid; }
input.vraagknopgroen[class] { background-color: #A9D696; color: #000000; padding: 1px 8px 1px 8px; width: auto; height: 24px; overflow: visible; font-size: 1.0rem; font-weight: normal; border: #A9D696 0px solid; }
iframe.onzichtbaar { padding: 0px; border: #F8F9FA solid 0px; }
iframe.uploadmeldingen { background-color: #1F1F1F; padding: 0px; border: #C0C0C0 solid 0px; }

iframe.zichtbaar { background-color: #1F1F1F; padding: 0px; border: #5B5B5B 1px solid; }

iframe.youtube { padding: 0px; border: #5B5B5B 1px solid; border-radius: 10px; box-shadow: 3px 3px 3px #0C0C0C; }
ul {
  list-style-type: none;
  padding: 0px 0px 0px 10px;
  margin: 0px;
}

li {
  list-style-type: disc;
}

hr { border-top: 1px solid #5B5B5B; }
hr.stippel { border-top: 1px dashed #5B5B5B; }

.separator { text-align: center; height: 0.5em; border-bottom: 1px dashed #5B5B5B; margin-bottom: 2.0em; }
.separator:first-line { background-color: white; }
.separator:before { content: '__'; color: white; }
.separator:after { content: '__'; color: white; }
img.foto {
  border: #5B5B5B 1px solid;
  opacity:1.0;
  margin: 0px;
  box-shadow: 1px 1px 1px #BBBBBB;
  max-width: 100%;
  height: auto;
}

img.fotolinks {
  float: left;
  position: relative;
  margin: 0px 15px 15px 0px;
  border: #5B5B5B 1px solid;
  box-shadow: 1px 1px 1px #BBBBBB;
  max-width: 100%;
  height: auto;
}

img.fotorechts {
  float: right;
  position: relative;
  margin: 0px 0px 15px 15px;
  border: #5B5B5B 1px solid;
  box-shadow: 1px 1px 1px #BBBBBB;
  max-width: 100%;
  height: auto;
}
img {
  border: 0px solid;
  margin: 0px;
}
img.links {
  border: 0px solid;
  float: right;
  position: relative;
  margin: 0px 15px 0px 0px;
}
img.rechts {
  border: 0px solid;
  float: right;
  position: relative;
  margin: 0px 0px 0px 15px;
}

img.logolinks {
  width: 244px;
  height: 100px;
  float: left;
  position: relative;
  margin: 0px;
}
#wrapper {
  overflow-x: hidden;
}
#sidebar-wrapper {
  min-height: 100vh;
  margin-left: -15rem;
  -webkit-transition: margin .25s ease-out;
  -moz-transition: margin .25s ease-out;
  -o-transition: margin .25s ease-out;
  transition: margin .25s ease-out;
}
#sidebar-wrapper .sidebar-heading {
  padding: 0.875rem 1.25rem;
  font-size: 1.2rem;
}
#sidebar-wrapper .list-group {
  width: 15rem;
}
#page-content-wrapper {
  min-width: 100vw;
}
#wrapper.toggled #sidebar-wrapper {
  margin-left: 0;
}

.navbar {
  min-width: 400px;
}
@media (max-width: 767px) {
  span.paginatitel {
    font-size: 1.2rem;
    font-weight: 500;
  }
  div.mouseover {
    min-width:70vw;
    max-width:70vw;
  }
  div.banner {
    background: url("/write/banners/middel/reanimatie.jpg");
    height: 50px;
  }
  div.logo {
    background: url("/framework/plaatjes/logo_klein.png");
    background-repeat: no-repeat;
    height: 50px;
  }
  div.logo_oranjekruis {
    background: url("/framework/plaatjes/oranje_kruis_klein.png");
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
  }
  img.logolinks {
    width: 122px;
    height: 50px;
    float: left;
    position: relative;
    margin: 0px;
  }
  img.fotolinks {
    float: none;
    margin: 0px 0px 15px 0px;
  }
  img.fotorechts {
    float: none;
    margin: 0px 0px 15px 0px;
  }
}

@media (min-width: 768px) {
  span.paginatitel { font-size: 1.4rem; }
  #sidebar-wrapper { margin-left: 0; }
  #page-content-wrapper {
    min-width: 0;
    width: 100%;
  }
  #toontitel { display: inline-block; }
  #wrapper.toggled #sidebar-wrapper { margin-left: -15rem; }
}