/* Zorgsite Core CSS - door Bart Peters januari 2015 */

/* ------------------------------ BEGIN Stijl voor de gehele Zorgsite instellen ------------------------------ */
@font-face {
    font-family: 'BreeSerif-Regular';
    src: url('/member/themes/caresite/fonts/BreeSerif-Regular/BreeSerif-Regular.eot');
    src: url('/member/themes/caresite/fonts/BreeSerif-Regular/BreeSerif-Regular.eot?#iefix') format('embedded-opentype'),
    url('/member/themes/caresite/fonts/BreeSerif-Regular/BreeSerif-Regular.woff') format('woff'),
    url('/member/themes/caresite/fonts/BreeSerif-Regular/BreeSerif-Regular.ttf') format('truetype'),
    url('/member/themes/caresite/fonts/BreeSerif-Regular/BreeSerif-Regular.svg#BreeSerif-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.zeromargins {
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 0px;

}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url('/member/themes/caresite/fonts/opensans1.woff') format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url('/member/themes/caresite/fonts/opensans2.woff') format('woff');
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    src: local('Lato'), local('Lato regular'), url('/member/themes/caresite/fonts/Lato-Regular.woff') format('woff');
}

.alsobox {
    float: left;
    clear: both;
    display: block;

}

.hideonderkant {
    height: 300px;
    overflow: hidden;
    width: 100%;
    margin-top: -30px;
}

.rightalign {
    align: left;
    clear: both;
}

body {
    font-family: Open Sans, Helvetica, helvetica, Arial, sans-serif;
    color: rgb(79, 84, 89);
    font-size: 14px;
    line-height: 25px;
    background: #d2f8cb;
}

h4 {
    margin-bottom: 8px;
    margin-top: 20px;

}

.row {
    margin-bottom: 10px;
}

.row .row {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    clear: both;
}

@media (min-width: 949px) {
    [class*="col-"] {

        padding-bottom: 15px;
        background-color: #eee;
        background-color: rgba(86, 61, 124, .15);
        border: 1px solid #ddd;
        border: 1px solid rgba(86, 61, 124, .2);
    }
}

@media (max-width: 948px) {
    [class*="col-"] {
        padding-bottom: 15px;
        background-color: #eee;
        background-color: rgba(86, 61, 124, .15);
        border: 1px solid #ddd;
        border: 1px solid rgba(86, 61, 124, .2);
    }
    .ui-tabs {
        margin-top: 50px;
    }
}

hr {
    margin-top: 40px;
    margin-bottom: 40px;
}

#member-index-notification {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #FFF;
    padding: 0.8em 1em 1em 1em;
    width: 100%;
    height: 80px;
    margin-left: auto;
    margin-right: auto;
    display: none;
    color: black;
    font-weight: bold;
    font-size: 1.1em;
    text-align: center;
}

.notification {
    background-color: red;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 1px 1px 1px gray;
    color: #FFFFFF;
    float: right;
    font-size: 10px;
    margin-left: -22px;
    padding: 1px;
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
    text-align: right;
}

.myline {
    margin-top: 4px;
    margin-bottom: 4px;

    border-bottom: 1px dotted #839a4a;
}

form li {
    list-style-type: none;
    list-style: none;
    list-style-position: initial;
    clear: both;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    paddin-bottom: 10px;
    margin-top: 10px;
}

#collaboratorblock img.photo {
    border: 0px none;
    max-height: 50px;
    max-width: 50px;
    height: 50px;
    margin-right: 10px;
    border-radius: 5px;
}

label {
    display: inline;
}

.pollmsg {
    background-color:#C15C5C;
    color:white;
    font-weight:bold;
    padding:5px;
    border-radius:5px;
}

.labelChart {
    border-color:black;
    border-radius:5px;
    width:60px;
    height:20px;
    display: inline-block;
    vertical-align: middle;
}

#photoframe {
    margin: -25px 0 0 -29px;
    height: 215px;
    width: 285px;
    float: left;
}

#photoalbumpage #confirmDeleteWindow {
    margin-left: 25px;
    margin-top: -20px;
}

#photoalbumpage ul.photos {
    list-style: none;
    width: 100%;
    margin: auto;
    padding: 0;
}

#photoalbumpage ul.photos li {
    float: left;
    width: 160px;
    height: 160px;
}

#photoalbumpage ul.photos li a {
    text-decoration: none;

}

.deleletePhoto {
    text-decoration: none;
    background-color: white;
    border: 1px solid black;
    border-radius: 20px 20px 20px 20px;
    padding:4px;
}

.insertButton {
    text-decoration: none;
    background-color: white;
    border: 1px solid black;
    border-radius: 30px 30px 30px 30px;
    padding-top:5px;
    padding-bottom:5px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 29px;
}


.besphoto {
    float: left;
    max-width: 140px;
    max-height: 140px;
    background-color: white;
    border: none;
    box-shadow: 4px 4px 5px #777777;
}

.besphoto:active {
    float: left;
    max-width: 140px;
    max-height: 140px;
    background-color: white;
    border: none;
    box-shadow: 4px 4px 5px red;
}

#photoalbumpage .admin-panel {
position: relative;
right: 10px;
top:15px;
height:1px;
z-index:99;
}

#photoalbumpage .admin-panel div {

}

#photoalbumpage #nocolumns .bottom {
    padding-top: 1em;
    clear: both;
    min-height: 35px;
}

#photoalbumpage #nocolumns .bottom img {
    margin-top: 5px;
    float: right;
    border: 0;
}

#photoalbumpage .pagenavigation .previous {
    float: left;
}

#photoalbumpage .pagenavigation .next {
    float: right;
}

#photoalbumpage .pagenavigation .current {
    text-align: center;
}

#photoalbumpage #tooltip-PhotoFile {
    margin-top: -30px;
    margin-left: 280px
}

h1 {
    font-size: 1.8em;
    font-weight: bold;
}

h2 {
    font-size: 1.5em;
    font-weight: bold;
}

h2.meldingKop {
    font-size: 1.2em;
    margin-bottom: 1.2em;
    margin-top: 0;
}

h3 {
    font-size: 1.3em;
    font-weight: bold;
}
h4 {
    font-size: 1.2em;
    font-weight: bold;

}

h4.nocontent {
    line-height: 1.7em;
    padding: 20px;
    border-radius:5px;
    width:80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    box-shadow: 2px 2px 12px 0 rgba(0, 0, 0, 0.20);
}

/* ------------------------------ EINDE Stijl voor de gehele Zorgsite instellen ------------------------------ */

/* ------------------------------ Overwrite Bootstrap default behaviour ------------------------------ */
.col-md-12, .col-md-4, .col-md-6 {
    position: inherit;
}

.singline-checkbox {
    margin-right: 5px;
    float: left;
}

.singline-checkbox-bold {
    margin-right: 5px;
    font-weight: bold;
    float: left;
}

.normalcheckbox {
    float: none;
}

input[type="checkbox"] {
    cursor: pointer;
    position: relative;
    border-radius: 2em;
    background-color: #900;
}

input[type="checkbox"]:checked {
    background-color: green;
}

input[type="checkbox"]:before, input[type="checkbox"]:checked:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 2em;
    text-align: center;
    color: #fff;
}

input[type="checkbox"]:checked:before {
}

input[type="checkbox"]:hover:before {
}

.post-admin {
    float: right;
}

.wrapper {
    overflow: hidden;
    height: 50px;
    width: 50px;
    margin: auto auto 0.5em auto;
    padding: 8px;
    position: relative;
}

.geenStijl {
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}


.lijntje {
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);

    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    border-top: 1px dotted grey;

}

.adminNews {
    padding: 5px;
    border-radius: 5px;
    background-color: #F2F2F2;
    border: 1px solid #DDDBDB;
}

.verticaleLijn {
    background-image: linear-gradient(to bottom, #f2f5f6, #c8d7dc);
    border-left: 1px dotted #a29b9a;
     padding-right:10px;
}

.horLijnW {
    border-bottom: 1px dotted #bcc2c4;

    padding-bottom: 10px;
    height: 60px;
}

.verticaleLijnIW {

    padding-left: 5px;
    padding-bottom: 10px;
}

.verticaleLijnWP {
    border-left: 1px solid #2ecc71;
    border-bottom: 1px dotted #bcc2c4;
    border-top: 1px dotted #bcc2c4;
    padding-left: 5px;
    padding-bottom: 10px;
    padding-top: 5px;
    background-color: #ededed;
    height: 60px;
    border-radius: 5px;
}

.verticaleLijnW {
    border-left: 1px solid #2ecc71;
    border-bottom: 1px dotted #bcc2c4;
    border-top: 1px dotted #bcc2c4;
    padding-left: 5px;
    padding-bottom: 10px;
    padding-top: 5px;
    background-color: #ededed;
    height: 60px;
    border-radius: 5px;
}

.startblok {
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;

}

.geenStijlNP {
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);

    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.geenStijlTwee {
    border: none;
    border-radius: 4px;
    background: #FFFFFF;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}

.geenStijlDrie {
    border-radius: 4px;
    background-color: transparent;
    border: 0 solid rgba(86, 61, 124, .2);
}





.autoBlok {
    border: none;
    border-radius: 4px;
    background: #FFFFFF;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.20);

    width: 100%;
    min-height: 489px;
    float: right;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    overflow: hidden;
}




.siteBlok {
    margin-top: 20px;
    border: none;
    border-radius: 4px;
    background: #FFFFFF;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.20);

    width: 100%;
    min-height: 289px;
    float: right;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 15px;
    overflow: hidden;
    width: 95%;
}

.siteBlokIn {
    border: none;
    border-radius: 4px;
    background: #FFFFFF;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.20);

    width: 100%;
    min-height: 289px;
    float: right;
    padding-top: 20px;
    overflow: hidden;
    width: 100%;
}

/* ------------------------------ EINDE Overwrite Bootstrap default behaviour ------------------------------ */

/* ------------------------------ BEGIN stijl gehele pagina ------------------------------ */
/* Achtergrond website */
.container {
    width: 100%;
}

.headerclass, .headerclass:hover, .headerclass:focus {
    color: #000;
    text-decoration: none;
}

/* blokken breedtes geven */
.row {
    margin-left: 42px;
}

.imagethumb {
    padding-bottom: 5px;
    vertical-align: top;

}

.rowcenter {
    text-align: center

}

@media (min-width: 949px) {

    .rowbew {
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
    }
}

@media (max-width: 949px) and (min-width: 115px) {
    .rowbew {
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {

    .ledenlijstBlokIndexHK {
        border-bottom: 1px solid #BBC3C5;
        width: 100%;
        background-color: #F2F3F4;
        padding-left: 30px;
        padding-right: 10px;
        padding-top: 0px;
        padding-bottom: 0px;
        overflow: hidden;

    }
}

@media (min-width: 1200px) {

    .ledenlijstBlokIndexHK {
        border-bottom: 1px solid #BBC3C5;
        width: 100%;
        background-color: #F2F3F4;
        padding-left: 30px;
        padding-right: 10px;
        padding-top: 0px;
        padding-bottom: 0px;
        overflow: hidden;

    }
}

@media (min-width: 0px) and (max-width: 767px) {
    .ledenlijstBlokIndexHK {
        display: none;
    }
}

.container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.bannerAchtergrond {
    margin: 0 0 0 0;
    height: 40px;
}

.headerAchtergrond {
    margin: 0 0 0 0;
    padding-left: 42px;
}

.navbar-collapse {
    color: #FFF;
    margin: 0 0 0 0;

}

.bannerPositie {
    margin-left: 42px;
}

.bannerInhoudPositie {
    margin-top: 15px;
}

/* BEGIN container aanpassen op meerdere breedtes */
@media (min-width: 1200px) {
    .container {
        width: 1024px;
    }
}

@media (min-width: 950px) and (max-width: 1199px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 768px) and (max-width: 949px) {
    .container {
        width: 750px;
    }
}

/* EINDE container aanpassen op meerdere breedtes */

/* notificatie */
.notificatie {
    background-color: #975252;
    border-radius: 10px;
    border: 2px solid #FFFFFF;
    padding-top: 2px;
    padding-left: 1px;
    color: #FFF;
    float: right;
    font-size: 10px;
    margin-right: -13px;
    margin-top: -43px;
    position: relative;
    text-align: center;
    width: 25px;
    height: 25px;
    line-height: 18px;
    overflow: hidden;
    z-index: 10;
}

.anotificatie {
    background-color: red;
    border-radius: 10px;

    padding-top: 0px;
    padding-bottom: 2px;
    padding-left: 7px;
    padding-right: 7px;

    color: #FFF;
    font-size: 13px;
    text-align: center;

    font-weight: bold;
    height: 21px;
    display: block;
    float: left;
    z-index: 10;
}

.ahulp {
    border-radius: 5px;
    padding: 4px 4px 4px 0;
    width: 210px;
    height: 30px;
    line-height: 23px;
    color: black;
    font-size: 13px;
    cursor: pointer;
}

.help-tooltip {
    float: right;
    margin-top: -30px;
}

.leftcolumn {
    float: left;
    width: 25%;
    display: inline-block;

}

.rightcolumn {
    float: left;
    width: 75%
}

/* Bekijken knop een stijl geven en positioneren */
.knopText {
    border-radius: 4px;
    background: rgb(46, 204, 113);
    color: #FFFFFF;
    line-height: 20px;

    font-weight: bold;
    margin-top: -35px;
    margin-right: 3px;
    margin-bottom: 20px;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-right: 10px;
    padding-left: 10px;
    border: 0px;
    text-shadow: 0.05em 0.05em 0.05em rgb(80, 80, 80);
    font-weight: bold;
}

/* Bekijken knop een stijl geven en positioneren */
.knopBekijken {
    border-radius: 4px;
    background: rgb(46, 204, 113);
    color: #FFFFFF;
    line-height: 20px;

    font-weight: bold;
    float: right;
    margin-top: -35px;
    margin-right: 3px;
    margin-bottom: 5px;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-right: 10px;
    padding-left: 10px;
    border: 0px;
    text-shadow: 0.05em 0.05em 0.05em rgb(80, 80, 80);
    font-weight: bold;
}

.sidebyside {
    margin-top: 0px;
    margin-right: 10px;
}

/* Bekijken knop een stijl geven en positioneren */
.knopPrint {
    border-radius: 4px;
    background: rgb(46, 204, 113);
    color: #FFFFFF;
    line-height: 20px;

    font-weight: bold;
    float: right;
    margin-top: 20px;
    margin-right: 0;
    margin-bottom: 20px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 10px;
    padding-left: 10px;
    border: 0px;
    text-shadow: 0.05em 0.05em 0.05em rgb(80, 80, 80);
    font-weight: bold;
}

.PlaatsenKnop {
    border-radius: 4px;
    background: rgb(46, 204, 113);
    color: #FFFFFF;
    line-height: 20px;

    float: right;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 10px;
    padding-left: 10px;
    border: 0px;
    text-shadow: 0.05em 0.05em 0.05em rgb(80, 80, 80);
    font-weight: bold;
}

.knopSubmitHK {
    border-radius: 4px;
    background: #8fb72f;;
    color: #FFFFFF;
    line-height: 20px;

    margin-top: 5px;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 20px;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-right: 10px;
    padding-left: 10px;
    border: 0px;
    text-shadow: 0.05em 0.05em 0.05em rgb(80, 80, 80);
    font-weight: bold;
}

.knopSubmitpop {
    border-radius: 4px;
    background: #8fb72f;
    color: #FFFFFF;
    line-height: 20px;
    margin-top: 5px;
    margin-bottom: 20px;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-right: 10px;
    padding-left: 10px;
    border: 0px;
    text-shadow: 0.05em 0.05em 0.05em rgb(80, 80, 80);
    font-weight: bold;
}

.knopSubmitpop:hover {
    color: #FFFFFF;
    text-decoration: none;
    background: #bcda72;
    text-shadow: 0.05em 0.05em 0.05em rgb(80, 80, 80);
    font-weight: bold;
}

.knopSubmit {
    border-radius: 4px;
    background: #8fb72f;
    color: #FFFFFF;
    line-height: 20px;
    float: right;
    margin-top: 5px;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 20px;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-right: 10px;
    padding-left: 10px;
    border: 0px;
    clear: both;
    text-shadow: 0.05em 0.05em 0.05em rgb(80, 80, 80);
    font-weight: bold;
}

.button a {
    border-radius: 4px;
    background: #8fb72f;
    color: #FFFFFF;
    line-height: 40px;
    clear: both;

    margin-top: 15px;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 20px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 10px;
    padding-left: 10px;
    border: 0px;
}

/* Hover voor als je over de bekijken knoppen gaat */
.button:hover, .button:focus, .button:link {
    background: #8fb72f;
    cursor: pointer;
    color: #FFFFFF;
    text-decoration: none;
    text-shadow: 0.05em 0.05em 0.05em rgb(80, 80, 80);
    font-weight: bold;
}

.knopSubmitleft {
    border-radius: 4px;
    background: #8fb72f;
    color: #FFFFFF;
    line-height: 20px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 10px;
    padding-left: 10px;
    border: 0px;
    clear: both;
    text-decoration: none;
    text-shadow: 0.05em 0.05em 0.05em rgb(80, 80, 80);
    font-weight: bold;
}

.knopSubmitleft:hover, .knopSubmitleft:link {
    text-decoration: none;
    color: #ffffff;
}

.knopSubmitright, .knopSubmitright:hover {
    border-radius: 4px;
    background: #2ecc71;
    color: #FFFFFF;
    line-height: 20px;
    margin-top: 15px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 20px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 10px;
    padding-left: 10px;
    border: 0px;
    clear: both;
    float: right;
    text-shadow: 0.05em 0.05em 0.05em rgb(80, 80, 80);
    font-weight: bold;
}

.knopSelect {
    border-radius: 4px;
    background: #8fb72f;
    color: #FFFFFF;
    line-height: 20px;
    float: right;
    margin-top: -50px;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 20px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 10px;
    padding-left: 10px;
    border: 0px;
    text-shadow: 0.05em 0.05em 0.05em rgb(80, 80, 80);
    font-weight: bold;
}

/* Toevoegen knop een stijl geven en positioneren */
.knopToevoegen {
    border-radius: 4px;
    background: #8fb72f;
    color: #FFFFFF;
    line-height: 20px;

    float: left;
    margin-top: 25px;
    margin-left: 20px;
    margin-right: 0;
    margin-bottom: 20px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 10px;
    padding-left: 10px;
    text-shadow: 0.05em 0.05em 0.05em rgb(80, 80, 80);
    font-weight: bold;
}

/* Annuleren knop een stijl geven en positioneren */
.knopAnnuleren {
    font-size: 14px;
    color: #222222;
    line-height: 14px;
    text-shadow: 0 1px 0 rgba(255, 254, 255, 0.50);
    text-decoration: none;

    float: right;
    margin-top: -25px;
    margin-right: 30px;

    padding-top: 10px;
    padding-bottom: 6px;
    padding-right: 10px;
    padding-left: 10px;
    text-shadow: 0.05em 0.05em 0.05em rgb(80, 80, 80);
    font-weight: bold;
}

/* Hover voor als je over de bekijken knoppen gaat */
.knopBekijken:hover, .knopBekijken:focus {
    background: #8fb72f;
    cursor: pointer;
    color: #FFFFFF;
    text-decoration: none;
    text-shadow: 0.05em 0.05em 0.05em rgb(80, 80, 80);
}

/* Hover voor als je over de bekijken knoppen gaat */
.knopSubmit:hover, .knopSubmit:focus, .knopSubmit:link, .knopSubmit:active, .knopSubmit:active {
    background: #2ecc71;
    cursor: pointer;
    color: #FFFFFF;
    text-decoration: none;
}

/* Hover voor als je over de bekijken knoppen gaat */
.knopSelect:hover, .knopSelect:focus, .knopSelect:link, .knopSelect:active, .knopSelect:active {
    background: #8fb72f;
    cursor: pointer;
    color: #FFFFFF;
    text-decoration: none;
}

/* Hover voor als je over de bekijken knoppen gaat */
.knopBekijken:hover, .knopBekijken:focus, .knopBekijken:link, .knopBekijken:active, .knopBekijken:active {
    cursor: pointer;
    color: #FFFFFF;
    text-decoration: none;
    text-shadow: 0.05em 0.05em 0.05em rgb(80, 80, 80);
}

/* Hover voor als je over de bekijken knoppen gaat */
.knopSubmitHK:hover, .knopSubmitHK:focus, .knopSubmitHK:link, .knopSubmitHK:active, .knopSubmitHK:active {
    cursor: pointer;
    color: #FFFFFF;
    text-decoration: none;
}

/* Blok koppen een stijl geven */
.blokKoppenAgenda {
    font-size: 25px;
    color: rgb(80, 80, 80);
    font-family: Open Sans;
    line-height: 28px;
    font-weight: 600;
    margin-left: 40px;
    margin-bottom: 5px;
    margin-top: 20px;
}

/* Blok koppen een stijl geven */
.blokKoppen {
    font-size: 25px;
    color: rgb(80, 80, 80);
    font-family: Open Sans;
    font-weight: 600;
    color: #4f5459;
    line-height: 28px;

    margin-bottom: 20px;

}

/* Blok koppen een stijl geven */
.blokKoppenHK {
    font-size: 25px;
    color: rgb(80, 80, 80);
    font-family: Open Sans;
    font-weight: 600;
    color: #4f5459;
    line-height: 28px;

    margin-bottom: 15px;

}

/* blokken breedtes geven */

.container-fluid {
    padding-left: 0;
    padding-right: 0;
}

#backgroundPopup {
    display: none;
    position: fixed;
    _position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #000000;
    border: 1px solid #cecece;
    z-index: 1;
}

/* Width blokken aanpassen bij SMALL & XTRA SMALL */
@media (max-width: 949px) {
    .agendaBlok {
        width: 100%;
        margin-top: 20px;
    }

    .row {
        margin-left: 15px;
        margin-right: 15px;
    }

    .footerVlakTweeSmall {
        width: 100%;
    }

    .logoFooterLinksSmall {
        margin-left: 15px;
    }

    .logoFooterRechtsSmall {
        margin-right: 15px;
    }

    .footerLijnSmall {
        margin-left: 15px;
        width: 90%;
    }

    .tekstFooterMiddenSmall {
        padding-left: 15px;
    }
}

/* Einde width blokken aanpassen bij SMALL & XTRA SMALL */

/* Banner gedeelte LARGE & MEDIUM */
.page-bannerLarge {
    background-color: rgb(46, 204, 113);
    border-bottom: none;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    height: 245px;
}

.wijzigKnop {
    float: right;
}

#wijzigKnopKlikbaar {
    cursor: pointer;
}

.wijzigKnopStijl:hover, .wijzigKnopStijl:focus {
    background-color: #e4f0c4;
    cursor: pointer;
    text-decoration: none;
    color: #000;
}

.smallicon {
    float: right;
    width: 20px;

}

.wijzigKnopStijl {
    float: right;
    line-height: 20px;
    float: right;
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 20px;
    border-radius: 4px;
    background: #FFFFFF;
    padding: 6px 10px;
    color: #000;
}

.fotoOpaStijl {
    border: 3px solid white;
    border-radius: 72px;
    width: 144px;
    height: 144px;
    background-size: 134px 134px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;

}

.HfotoOpaStijl {
    border: 3px solid white;
    border-radius: 3px;
    width: 134px;
    height: 134px;
    background-size: 134px 134px;
    float: left;
    transform: rotate(-7deg);
    box-shadow: 5px 5px 5px grey;
    margin-right: 10px;
    margin-left: -30px;

}

.HfotoOpaStijlSmallA {
    border: 2px solid white;
    background-repeat: no-repeat;
    display: block;
    border-radius: 24px;
    width: 35px;
    height: 35px;
    margin-right: 8px;

    margin-top: -17px;
    margin-left: 0;
    background-size: 35px 35px;
    text-align: left;
    float: right;

}

.HfotoOpaStijlSmallEV {
    border: 2px solid white;
    background-repeat: no-repeat;
    display: block;
    border-radius: 24px;
    width: 35px;
    height: 35px;
    margin-right: 8px;

    margin-top: 0px;
    margin-left: 0;
    background-size: 35px 35px;
    text-align: left;
    float: right;
}

.HfotoOpaStijlSmall {
    background-repeat: no-repeat;
    display: block;
    width: 150px;
    height: 110px;
    margin-top: -15px;
    margin-left: 0px;
    background-size: 150px 110px;
    text-align: left;
    float: left;
}

#innercollaboratorblock {
    height: 390px;
    width: 97%;
    margin: 10px;
    padding-top: 10px;
}

.fotoOpaStijlSmallEV {
        border: 3px solid #FFF;
    background-repeat: no-repeat;
    display: block;
    border-radius: 100%;
    width: 88px;
    height: 88px;
    margin-top: -45px;
    margin-left: 0px;
    background-size: 88px 88px;
    text-align: left;
    cursor: pointer;
    position: absolute;
    box-shadow: 1px 1px 5px #888;
}

.page-bannerSmallEV {
    background-color: rgb(46, 204, 113);
    border-bottom: none;
    margin-top: 0px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    height: 48px;
}

.bannerInhoudPositieEV {
    margin-top: 0px;

}

.fotoOpaStijlSmall {
    border: 3px solid white;
    background-repeat: no-repeat;
    display: block;
    border-radius: 34px;
    width: 68px;
    height: 68px;
    margin-top: 0;
    margin-left: 0;
    background-size: 62px 62px;
    text-align: left;
    cursor: pointer;
}

.naamZorgsite {
    font-family: 'BreeSerif-Regular', BreeSerif, Arial, sans-serif;
    font-size: 38px;
    color: #FFFFFF;
    margin-top: 20px;
    text-align: center;
}

.bannerBlokTwee {
    background: transparent;
    height: 70px;
    border: none;
    padding-left: 0;
    box-shadow: none;
    text-align: right;
    padding-top: 32px
}

.bannerBlokDrie {
    background: transparent;
    height: 70px;
    border: none;
    padding-left: 0;
    box-shadow: none;
    padding-top: 32px;
    padding-right: 0;
}

@media (max-width: 949px) {
    .bannerPositie {
        margin-left: 15px;
        margin-right: 15px;
        max-height: 80px;
    }

    .headerAchtergrond {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* Einde banner LARGE gedeelte */

/* Banner gedeelte SMALL */
.page-bannerSmall, .page-bannerSmallMob {
    background-color: rgb(46, 204, 113);
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    height: 48px;
}

.wijzigKnopSmall {
    float: left;
    color: #FFFFFF;
    margin-top: -50px;
    margin-left: 90px;
}

.wijzigKnopStijlSmall {
    text-align: left;
}

#wijzigKnopKlikbaarSmall {
    cursor: pointer;
}

.naamZorgsiteSmallEV {
    font-size: 26px;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 35px;
    text-align: left;
    padding-top: 6px;
    margin-top: 25px;
    margin-left: 10px;
    text-shadow: 1px 1px #ced0cc;
}

@media (max-width: 949px) {
    .naamZorgsiteSmallEV {
        font-size: 26px;
    }
}

@media (max-width: 849px) {
    .naamZorgsiteSmallEV {
        font-size: 22px;
    }
}

@media (max-width: 749px) {
    .naamZorgsiteSmallEV {
        font-size: 20px;
    }
}

@media (max-width: 649px) {
    .naamZorgsiteSmallEV {
        font-size: 18px;
    }
}

.naamZorgsiteSmall {
    font-family: 'BreeSerif-Regular', BreeSerif, Arial, sans-serif;
    font-size: 26px;
    color: #FFFFFF;
    line-height: 35px;
    text-align: left;
    margin-top: -30px;
    padding-top: 10px;
}

.bannerBlokTweeSmall {
    background: transparent;
    height: 35px;
    border: none;
    padding-left: 0;
    box-shadow: none;
    text-align: right;
    padding-top: 18px
}

.bannerBlokDrieSmall {
    background: transparent;
    border: none;
    padding-left: 0;
    box-shadow: none;
    padding-top: 0;
    padding-right: 0;
}

.bannerBlokDrieSmallEV {
    background: transparent;
    border: none;
    padding-left: 0;
    box-shadow: none;
    padding-top: 0;
    padding-right: 0;
}

.bannerBlokDrieSmallHK {
    background: transparent;
    height: 35px;
    border: none;
    padding-left: 0;
    box-shadow: none;
    padding-top: 0;
    padding-right: 0;
    float: left;
    margin-right: 10px;

}

/* Einde banner SMALL gedeelte */

.naamZorgsiteSmallHK {
    font-family: 'BreeSerif-Regular', BreeSerif, Arial, sans-serif;
    font-size: 26px;
    color: #FFFFFF;
    line-height: 35px;
    text-align: left;
    padding-top: 20px;
    padding-left: 20px;
    float: left;
}

/* Navbar gedeelte */
.zsnav {
    border-radius: 0;
    border: 0;
}

.zsnavLarge {
    box-shadow: 0px 1px 1px 0px #BBC3C5;
    background-color: white;
}

.dropdown-menu .divider {
    margin: 5px 0;
}

.navbar-nav {
    padding-top: 5px;
    padding-left: 5%;
}

.navbar-nav > li {
    cursor: pointer;
    font-size: 15px;
    line-height: 24px;
    font-weight: bold;
}

.navbar-nav > li > a {
    padding-top: 5px;
    padding-bottom: 5px;
    color: rgb(79, 84, 89);
}

.nav > li > a {
    display: inline;

}

.nav > li:hover {
    border-radius: 4px;
    background: #e4f0c4;
    color: black;

}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: transparent;
}

.homeIcon {
    background-image: url("skins/zorgsite/home.png");
    background-repeat: no-repeat;
    display: block;
    float: left;
    width: 14px;
    height: 14px;
    margin-top: 5px;
    background-size: 14px 14px;
}

.chatIcon {
    background-image: url("skins/zorgsite/chat.png");
    background-repeat: no-repeat;
    display: block;
    float: left;
    width: 22px;
    height: 18px;
    margin-top: 3px;
    background-size: 22px 18px;
}

.zorgsiteIcon {
    background-image: url("skins/zorgsite/zorgsite.png");
    background-repeat: no-repeat;
    display: block;
    float: left;
    width: 17px;
    height: 18px;
    margin-top: 3px;
    background-size: 17px 18px;
}

.inloggenIcon {
    background-image: url("skins/zorgsite/inloggenh.png");
    background-repeat: no-repeat;
    display: block;
    float: left;
    width: 16px;
    height: 18px;
    margin-top: 3px;
    background-size: 16px 18px;
}

.registerIcon {
    background-image: url("skins/zorgsite/register.png");
    background-repeat: no-repeat;
    display: block;
    float: left;
    width: 18px;
    height: 18px;
    margin-top: 3px;
    background-size: 18px 18px;
}

.searchIcon {
    background-image: url("skins/zorgsite/search.png");
    background-repeat: no-repeat;
    display: block;
    float: left;
    width: 19px;
    height: 20px;
    margin-top: 3px;
    background-size: 19px 20px;
}

.agendaIcon {
    background-image: url("skins/zorgsite/agenda.png");
    background-repeat: no-repeat;
    display: block;
    float: left;
    width: 17px;
    height: 21px;
    margin-top: 3px;
    background-size: 17px 21px;
}

.stukjesIcon {
    background-image: url("skins/zorgsite/stukjes.png");
    background-repeat: no-repeat;
    display: block;
    float: left;
    width: 25px;
    height: 20px;
    margin-top: 3px;
    background-size: 25px 20px;
}

.huiskamerIcon {
    background-image: url("skins/zorgsite/huiskamer.png");
    background-repeat: no-repeat;
    display: block;
    float: left;
    width: 25px;
    height: 16px;
    margin-top: 8px;
    margin-left: 20px;
    background-size: 25px 16px;
}

.ledenlijstIcon {
    background-image: url("skins/zorgsite/ledenlijst.png");
    background-repeat: no-repeat;
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    margin-top: 3px;
    background-size: 20px 20px;
}

.priveIcon {
    background-image: url("skins/zorgsite/prive.png");
    background-repeat: no-repeat;
    display: block;
    float: left;
    width: 24px;
    height: 22px;
    margin-top: 3px;
    background-size: 24px 22px;
}

.meerIcon {
    background-image: url("skins/zorgsite/meer.png");
    background-repeat: no-repeat;
    display: block;
    float: left;
    width: 14px;
    height: 8px;
    margin-top: 8px;
    background-size: 14px 8px;
}

.zoekenIcon {
    background-image: url("skins/zorgsite/zoeken.png");
    background-repeat: no-repeat;
    display: block;
    float: left;
    width: 17px;
    height: 19px;
    margin-top: 3px;
    background-size: 17px 19px;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #e4f0c4;
}

.dropdown-menu > li {
    padding-left: 10px;
    padding-right: 10px;
    color: #375E7A;
}

.dropdown-menu > li:hover, .dropdown-menu > li:focus {
    color: #375E7A;
    background-color: #e4f0c4;
    background-image: none;
}

.navbar-nav > li > .dropdown-menu {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.KnopSmall {
    background-repeat: no-repeat;
    display: block;
    float: left;
    width: 17px;
    height: 17px;
    margin-top: 3px;
    background-size: 17px 17px;
}

.wisselSite {
    background-image: url("skins/zorgsite/wisselsite.png");
    background-repeat: no-repeat;
    display: block;
    float: left;
    width: 22px;
    height: 20px;
    margin-top: 3px;
    margin-bottom: 10px;
    background-size: 22px 20px;
}

@media (max-width: 949px) {
    .navbar-header {
        float: none;
    }

    .navbar-left, .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
    }

    .navbar-nav > li {
        float: none;
    }

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .collapse.in {
        display: block !important;
    }
}

/* Einde navbar gedeelte */

/* Width blokken aanpassen bij SMALL & XTRA SMALL */
@media (max-width: 949px) {
    .chatBlok {
        width: 100%;
    }

    .agendaBlokIndex {
        width: 100%;
        margin-top: 20px;
    }

    .ledenlijstBlokIndex {
        width: 100%;
    }

    .ledenlijstBlokIndex {
        width: 100%;
    }

    .autoBlok {
        width: 100%;
    }

    .priveBlok {
        width: 100%;
        margin-top: 20px;
    }

    .row {
        margin-left: 15px;
        margin-right: 15px;
    }

    .footerVlakTweeSmall {
        width: 100%;
    }

    .logoFooterLinksSmall {
        margin-left: 15px;
    }

    .logoFooterRechtsSmall {
        margin-right: 15px;
    }

    .footerLijnSmall {
        margin-left: 15px;
        width: 90%;
    }

    .tekstFooterMiddenSmall {
        padding-left: 15px;
    }

    .stukjesVlakEen {
        border-radius: 0;

        padding-left: 0;
        padding-right: 30px;
        height: 320px;
    }

    .profielBlokDrie {
        margin-top: -10px;
    }

    .page-bannerSmall {
        height: 98px;
    }
}

/* Einde width blokken aanpassen bij SMALL & XTRA SMALL */

/* Tekst weergave bij Prive pagina */
.tekstPrive {
    font-weight: 500;
    font-size: 16px;
    color: #375E7A;
    line-height: 16px;
}

/* Naam weergave bij Prive pagina */
.naamPrive {
    font-weight: bold;
    font-size: 12px;
    color: #222222;
    line-height: 28px;
    margin-right: 10px;
    float: left;
    margin-top: 8px;
}

.naamPriveIndex {
    font-weight: bold;
    font-size: 12px;
    line-height: 26px;
    margin-right: 10px;
    float: left;

}

/* Tekst dikgedrukt maken */
.tekstBold {
    font-weight: bold;
}

/* URL kleur voor tekst */
.tekstLink {
    font-weight: bold;
    color: #375E7A;
}

/* Voor positionering naast elkaar */
.floatRight {
    float: right;
}

/* ------------------------------ EINDE stijl gehele pagina ------------------------------ */

/* ------------------------------ BEGIN home pagina ------------------------------ */
/* Hulpblok gedeelte */
#hulpBlok {
    border-radius: 4px;
    background: #FFFFFF;
    border: 2px solid #527997;
    cursor: pointer;
    margin-top: 10px;
    margin-bottom: 10px;
    overflow: hidden;

    padding: 5px;
}

.hulpIcon {
    background-image: url("skins/zorgsite/hulp_gevraagd.png");
    background-repeat: no-repeat;
    display: block;
    float: left;
    width: 28px;
    height: 31px;
    background-size: 28px 31px;
}

.hulpTekst {
    font-size: 16px;
    color: #375E7A;
    line-height: 19px;
    padding-left: 46px;
    padding-top: 7px;
}

.hulpTekstBold {
    font-weight: bold;
}

.pijlRechts {
    background-image: url("skins/zorgsite/pijl_rechts.png");
    background-repeat: no-repeat;
    display: block;
    float: right;
    width: 9px;
    height: 14px;
    background-size: 9px 14px;
    margin-top: -27px;
}

/* Einde hulpblok gedeelte */

/* Chatblok gedeelte */
.chatBlok {
    border: none;
    border-radius: 4px;
    background: #FFFFFF;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.20);
    margin-right:5px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    overflow: hidden;
}

.infoBlokHKL {
    border: none;
    border-radius: 4px;
    background: #FFFFFF;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.20);
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    overflow: hidden;
    height: 248px;

}

.infoBlokHK {
    border: none;
    border-radius: 4px;
    background: #FFFFFF;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.20);
    width: 98%;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    overflow: hidden;
    float: right;
    height: 248px;
}

.shadow {
    margin-bottom: 5px;
    height: 428px;
    overflow: hidden;
}

.clickable {
    cursor: pointer;
}

.notice {
    border: 1px solid red;
    padding: 5px;

}

.loginBlok {
    border: none;
    border-radius: 4px;
    background: #FFFFFF;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.20);
    width: 98%;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
    overflow: hidden;
}

.reklameBlok {
    border: none;
    border-radius: 4px;
    background: #FFFFFF;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.20);
    width: 98%;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
    overflow: hidden;
    margin-top: 20px;
}

/* Chatblok gedeelte */
.portalBlok {
    border: none;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    overflow: hidden;
}

.zorgBlok {
    border: none;
    border-radius: 4px;
    background: #FFFFFF;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.20);
    width: 99%;
    height: 288px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    overflow: hidden;
}

.left {
    float: left;
}

.right {
    float: right;
    margin-top: -40px;
}

.faright {
    float: right;
    margin-right: 8px;
}

.chatStukEen {
    padding-top: 20px;
}

.indexForm {
    margin-left: 15px;
}

.hk {

}

.chatTekstEen {
    margin-left: 0px;
    padding-left: 10px;
    width: 100%;
    padding-top: 7px;
    padding-bottom: 7px;
    color: #4A4A4A;
    border-radius: 3px;
    background: #FFFFFF;
    border: 1px solid #979797;
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.50);
}

.Index {
    height: 55px;
}

.inputfieldmooi {
    margin-left: 0px;
    padding-left: 10px;
    width: 100%;
    padding-top: 7px;
    padding-bottom: 7px;
    color: #4A4A4A;
    border-radius: 3px;
    background: #FFFFFF;
    border: 1px solid #979797;
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.50);
}

.chatTekstEenIndex {
    margin-left: 0px;
    padding-left: 10px;
    width: 80%;
    padding-top: 7px;
    padding-bottom: 7px;
    color: #4A4A4A;
    border-radius: 3px;
    margin-left: 5px;
    background: #FFFFFF;
    border: 1px solid #979797;
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.50);
}

.inputFieldSmall {
    margin-top: 7px;
    margin-bottom: 7px;
    padding-left: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
    color: #4A4A4A;
    border-radius: 5px;
    background: #FFFFFF;
    border: 1px solid #979797;
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.50);
}

.inputField {
    margin-top: 7px;
    margin-bottom: 7px;
    padding-left: 10px;
    width: 100%;
    padding-top: 7px;
    padding-bottom: 7px;
    color: #4A4A4A;
    overflow:auto;
    border-radius: 5px;
    background: #FFFFFF;
    border: 1px solid #979797;
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.50);
}

.inputFieldError {
    margin-top: 7px;
    margin-bottom: 7px;
    padding-left: 10px;
    width: 100%;
    padding-top: 7px;
    padding-bottom: 7px;
    color: white;
    border-radius: 5px;
    background: #fa646e;
    border: 1px solid #979797;
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.50);
}

.inputFieldNameTError {
    margin: 5px;
    float: left;
    padding-left: 10px;
    width: 12%;
    padding-top: 7px;
    padding-bottom: 7px;
    color: white;
    border-radius: 3px;
    background: #fa646e;
    border: 1px solid #979797;
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.50);
}

.inputFieldNameT {
    margin: 5px;
    float: left;
    padding-left: 10px;
    width: 12%;
    padding-top: 7px;
    padding-bottom: 7px;
    color: #4A4A4A;
    border-radius: 3px;
    background: #FFFFFF;
    border: 1px solid #979797;
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.50);
}

.inputFieldNameError {
    margin: 5px;
    float: left;
    padding-left: 10px;
    width: 40%;
    padding-top: 7px;
    padding-bottom: 7px;
    color: white;
    border-radius: 3px;
    background: #fa646e;
    border: 1px solid #979797;
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.50);
}

.inputFieldName {
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    float: left;
    padding-left: 10px;
    width: 39%;
    padding-top: 7px;
    padding-bottom: 7px;
    color: #4A4A4A;
    border-radius: 3px;
    background: #FFFFFF;
    border: 1px solid #979797;
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.50);
}

.inputFieldR {
    margin: 5px;
    padding-left: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
    float: right;
    color: #4A4A4A;
    border-radius: 3px;
    background: #FFFFFF;
    border: 1px solid #979797;
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.50);
}

.inputFieldRError {
    margin: 5px;
    padding-left: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
    float: right;
    color: white;
    border-radius: 3px;
    background: #fa646e;
    border: 1px solid #979797;
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.50);
}

.chatStukTwee {
    padding-top: 6px;
}

/* Voor bredere blokken */
.zoekVeld {
    width: 100%;
}

/* Voor blokken zonder inspring */
.zoekKnop {
    margin-left: 0;
}

.chatLijn {
    border-bottom: 1px dotted #839a4a;
    width: 100%;
    margin-bottom: 5px;
}

.discussLijn {
    border-bottom: 1px solid #839a4a;
    width: 100%;
    margin-bottom: 30px;
    margin-top: 0px;

}

.chatFoto {
    padding-top: 20px;
}

.chatTekstHead {
    margin-left: 15px;
}

.chatTekstInhoud {
    margin-left: 65px;
}

.chatTekstReactie {
    background-image: url("skins/zorgsite/pijl_reactie.png");
    background-repeat: no-repeat;
    display: block;
    background-size: 15px 12px;

    margin-left: 75px;
}

.reactieNaam {
    font-weight: bold;
    color: #222222;
    padding-left: 22px;
}

.chatNaam {
    font-weight: bold;
    font-size: 16px;
    color: #222222;
    line-height: 24px;
}

.chatTijd {
    font-size: 13px;
    color: #959595;
    line-height: 24px;
}

/* Einde chatblok gedeelte */

/* Begin agendablok gedeelte */
@media (min-width: 1200px) {
    .agendaBlok {
        height: 1620px;
    }
}

@media (max-width: 1199px) and (min-width: 545px) {
    .agendaBlok {
        height: 1680px;
    }
}

/* Begin agendablok gedeelte */
@media (min-width: 1200px) {
    .agendaBlokMy {
        min-height: 600px;
    }
}

@media (max-width: 1199px) and (min-width: 545px) {
    .agendaBlokMy {
        min-height: 600px;
    }
}

/* Einde agendablok gedeelte */

/* Stukjes gedeelte */
.stukjesBlokNew {
    border: none;
    border-radius: 4px;
    background: #FFFFFF;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.20);

    width: 100%;
    height: 385px;

    float: right;

    padding-left: 30px;
    padding-right: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    overflow: hidden;
}

.stukjesBlok {
    border: none;
    border-radius: 4px;
    background: #FFFFFF;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.20);

    width: 100%;
    height: 458px;

    float: right;

    padding-left: 30px;
    padding-right: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    overflow: hidden;
}

.stukjesBlokHK {
    border: none;
    border-radius: 4px;
    background: #FFFFFF;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.20);

    width: 98%;
    height: 385px;

    float: left;

    padding: 20px 20px 20px 20px;
    overflow: hidden;
}

.fotoBlokHK {
    border: none;
    border-radius: 4px;
    background: #FFFFFF;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.20);

    width: 98%;
    height: 400px;

    float: left;

    padding: 20px 20px 20px 20px;
    overflow: hidden;
}

.stukjesVlak {
    margin-left: 0;
    margin-right: 20px;
    margin-top: 0px;
    margin-bottom: 30px;
    width: 100%;
}

.stukjesVlakEen {
    border-radius: 4px;

    min-width: 280px;

    padding-right: 18px;
    margin-right: 30px;
    margin-top: -30px;
    height: 290px;
    overflow: hidden;
}

.stukjesVlakTwee {
    margin-right: 30px;
    height: 320px;
}

.stukjesVlakDrie {
    margin-right: 30px;
    height: 320px;
}

.stukjesVlakHead {
    font-weight: bold;
    font-size: 16px;
    color: #222222;
    margin-bottom: 0px;
    padding-top: 10px;
}

.stukjesVlakTijd {
    font-size: 13px;
    color: #959595;
    margin-bottom: 10px;

}

.stukjesVlakInhoud {
    color: #222222;
    line-height: 25px;
    min-height:100px;
}

.tekstMedia {
    font-size: 14px;
    color: #222222;
    line-height: 25px;
    padding-right: 20px;
    padding-top:10px;
}

.fotoMedia {
    width: 100%;
    height: 100%;
    margin-bottom: 20px;
    margin-right: 20px;
}

.fotoMediaHK {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 20px;
    max-height: 300px;
}

/* Einde stukjes gedeelte */

/* Huiskamer blok gedeelte */
.huiskamerBlok {
    border: none;
    border-radius: 4px;
    background: #FFFFFF;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.20);
    width: 100%;
    height: 365px;
    float: right;
    padding: 20px;
    padding-right: 10px;
    overflow: hidden;
}

.huiskamerTekst {
    padding-left: 20px;
}

.knopHuiskamer {
    border-radius: 4px;
    background: #527997;
    color: #FFFFFF;
    line-height: 20px;

    float: right;
    margin-top: -30px;
    margin-right: 20px;

    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 10px;
    padding-left: 10px;
}

/* Hover voor als je over de huiskamer knop gaat */
.knopHuiskamer:hover {
    background: #708CA1;
    cursor: pointer;
}

/* Einde huiskamer blok gedeelte */

/* Ledenlijst gedeelte */
.ledenlijstBlokIndex {
    border: none;
    border-radius: 4px;
    background: #FFFFFF;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.20);

    width: 98%;
    height: 364px;
    padding-left: 30px;
    padding-right: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    overflow: hidden;
}

.ledenlijstBlokIndexFullWidth {
    border: none;
    border-radius: 4px;
    background: #FFFFFF;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.20);

    height: 458px;
    padding-left: 30px;
    padding-right: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    overflow: hidden;
}

.ledenlijstBlokIndexC {
    border: none;
    border-radius: 4px;
    background: #FFFFFF;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.20);

    width: 98%;
    height: 458px;
    padding-left: 30px;
    padding-right: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    overflow: hidden;
}

.ledenlijstVlak {
    margin-top: 35px;
    width: 100%;
}

.ledenlijstRaster {
    cursor: pointer;
}

.ledenlijstLidFoto:hover {
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

.ledenlijstLidFoto {
    width: 60px;
    border-radius: 5px;
    margin-left: 5px;
}

.ledenlijstLidFotoEV {
    width: 45px;
    margin-right: 14px;
    margin-left: 0px;

}

.ledenlijstLidFotoBew {
    width: 50px;
    margin-right: 10px;
    margin-left: 0px;

}

.ledenlijstLidNaam {
    font-weight: bold;
    font-size: 16px;
    color: #222222;
    line-height: 14px;
    padding-top: 10px;
}

.ledenlijstLidFunctie {
    font-size: 13px;
    color: #959595;
    line-height: 14px;
}

.alleLeden {
    font-weight: bold;
    font-size: 16px;
    color: #527997;
    line-height: 24px;
    text-align: center;
}

.alleLeden:hover {
    color: #708CA1;
    cursor: pointer;
}

/* Einde ledenlijst gedeelte */

/* Prive gedeelte */
.priveBlok {
    border: none;
    border-radius: 4px;
    background: #FFFFFF;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.20);

    width: 98%;
    height: 364px;

    float: right;

    padding-left: 30px;
    padding-right: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    overflow: hidden;
    background-image: url("/member/images/priveachtergrond2.png");
}

.priveBlokC {
    border: none;
    border-radius: 4px;
    background: #FFFFFF;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.20);

    width: 98%;
    height: 458px;

    float: right;

    padding-left: 30px;
    padding-right: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    overflow: hidden;
    background-image: url("/member/images/priveachtergrond2.png");
}

.priveStukTekst {
    padding-top: 26px;
}

.priveLijn {
    border: 1px solid #DDE7E9;
    width: 100%;
    margin-bottom: 10px;
}

.privechatTekstHead {
    margin-left: 20px;
}

.priveInhoudTitel {
    font-weight: bold;
    color: #222222;
}

.priveNaam {
    font-weight: bold;
    font-size: 16px;
    color: #222222;
    line-height: 24px;
}

.priveTijd {
    font-size: 13px;
    color: #959595;
    line-height: 24px;
}

/* Einde prive gedeelte */

/* Aanpassingen voor Home op XTRA SMALL */
@media (max-width: 253px) {
    .wijzigKnopStijlSmall {
        display: none;
    }

    .pijlRechts {
        display: none;
    }

    .chatTekstEen {
        width: 52%;
    }

    .stukjesVlakEen {
        width: 110%;
    }

    .knopHuiskamer {
        margin-top: -40px;
    }

    .huiskamerTekst {
        margin-top: -7px;
        font-size: 18px;
    }

    #mienLid {
        display: none;
    }

    #sophieLid {
        display: none;
    }

    .logoFooterLinksSmall {
        margin-left: 60px;
    }

    .logoFooterRechtsSmall {
        margin-right: 40px;
    }
}

/* Aanpassingen voor Home op XTRA SMALL */
/* ------------------------------ EINDE home pagina ------------------------------ */

/* ------------------------------ BEGIN Agenda gedeelte ------------------------------ */
.agendaBlok {
    border: none;
    border-radius: 4px;
    background: #FFFFFF;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.20);

    width: 100%;
    float: right;
}

.agendaBlokWeek {
    border: none;
    border-radius: 4px;
    background: #FFFFFF;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.20);

    width: 106%;
    float: right;
}

@media (max-width: 768px) {
    .agendaBlokWeek {
        width: 102%;
    }
}

.agendaBlokNH {
    border: none;
    border-radius: 4px;
    background: #FFFFFF;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.20);

    width: 100%;
    float: right;
    padding-top: 20px;
    padding-left: 30px;

}

.agendaBlokMy {
    border: none;
    border-radius: 4px;
    background: #FFFFFF;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.20);
    min-height: 600px;
    width: 100%;
    float: right;

}

.detailBlok {
    border: none;
    border-radius: 4px;
    background: #FFFFFF;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.20);

    width: 100%;
    float: right;
    padding: 30px;
    overflow: hidden;
}

.agendaBlokHeight {
    height: auto;
}

.portalBlokNoshadow {
    border: medium none;
    width: 98%;
    float: right;
    padding-bottom: 20px;
    overflow: hidden;
    border-right: 1px solid rgb(217, 217, 217);
}

.portalBlokNoshadowlast {
    border: medium none;
    border-radius: 4px;
    width: 98%;
    float: right;
    padding-bottom: 20px;
    overflow: hidden;
}

#inset_text.green {
    background-color: rgba(46, 204, 113, 0.8);
    color: white;
    position: absolute;
    height: 90px;
    top: 200px;
    left: 100px;
}

#inset_text.blue {
    background-color: rgba(39, 127, 184, 0.8);
    color: white;
    position: absolute;
    height: 90px;
    top: 200px;
    left: 160px;

}

.headerportal {
    font-size: 22px;
    font-weight: 100;
    padding-bottom: 10px;

}

.headerportalSmall {
    font-size: 15px;
    font-weight: 100;
    padding-bottom: 10px;

}

.paragraphportal {
    clear: both;
    padding-top: 20px;
    padding-bottom: 10px;
}

#inset_text.orange {
    background-color: rgba(243, 156, 18, 0.8);
    color: white;
    position: absolute;
    height: 90px;
    top: 200px;
    left: 160px;
}

#inset_text {
    width: 86%;
    display: block;
    padding: 0.5em;
    border-radius: 4px 4px 4px 4px;
    font-size: 1.2em;
    text-shadow: 0.05em 0.05em 0.05em rgb(80, 80, 80);
    text-align: center;
    line-height: 36px;
    font-size: 28px;
    padding-top: 1em;
    font-weight: bold;
    padding-bottom: 1em;
}

.agendaBlokIndex {
    border: medium none;
    border-radius: 4px;
    background: none repeat scroll 0 0 #FFF;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    width: 98%;
    height: 458px;
    float: right;
    padding-top: 20px;
    padding-bottom: 20px;
    overflow: hidden;
}

.agendaHeadIndex {
    padding-left: 0px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.agendaHead {
    padding-left: 5px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.agendaHeadW {
    padding-left: 25px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.detailHead {
    padding-top: 0px;
}

.weekSwitch {
    width: 35%;
    margin-left: auto;
    margin-right: auto;
}

.switchPijl {
    margin-top: 15px;
    margin-left: 30px;
}

.Links {
    background-image: url("skins/zorgsite/pijl_switch_links.png");
    float: left;
}

.Rechts {
    background-image: url("skins/zorgsite/pijl_switch_rechts.png");
    float: right;
    margin-top: -40px;
}

.RechtsKnoppen {
    float: right;
}

.weekInfo {
    text-align: center;
}

.weekNummer {
    font-weight: 500;
    font-size: 16px;
    color: #367a3d;
    line-height: 20px;
    margin-top: 30px;
}

.mndNummer {
    font-weight: 500;
    font-size: 16px;
    color: #367a3d;
    line-height: 20px;
    margin-top: 0px;
}

.mndNummer .ui-datepicker-trigger {
    border-radius: 5px;

    color: #FFFFFF;
    font-weight: bold;

    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    border: 0px;
    text-decoration: none;
    text-shadow: 0.05em 0.05em 0.05em rgb(80, 80, 80);
    font-weight: bold;
    width: 150px;
    height: 28px;
    background-color: #9b9b9b;
}

.weekNummer .ui-datepicker-trigger {
    border-radius: 5px;

    color: #FFFFFF;
    font-weight: bold;

    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    border: 0px;
    text-decoration: none;
    text-shadow: 0.05em 0.05em 0.05em rgb(80, 80, 80);
    font-weight: bold;
    width: 150px;
    height: 28px;
    background-color: #9b9b9b;
}

.weekDagen {
    color: #367a3d;
    line-height: 20px;
    text-align: center;
}

.agendaVlak {
    margin-top: 20px;
    margin-left: 22px;
    width: 900px;
}

.printLink {
    width: 900px;
    margin-left: 15px;
    padding-bottom: 15px;
}

.agendaVlakIndex {
    margin-top: 20px;
    margin-left: -1px;
    width: 101%;
}

.agendaSwitch {
    text-align: center;
}

.agendaSwitchSmall {
    text-align: center;
    margin-top: 20px;
    margin-left: 20px;
}

.tekstWeek {
    padding-right: 5px;
    font-weight: bold;
    color: #375E7A;
    line-height: 17px;
}

.tekstMaand {
    padding-left: 5px;

    color: #375E7A;
    line-height: 16px;
}

.agendaRaster {
    border: 1px solid #e0e7d9;
    width: 10px;
    overflow: hidden;
    padding: 0px;
}

.agendaKop {
    font-size: 12px;
    color: #222222;
    line-height: 24px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

.Active {
    font-weight: bold;
}

.agendaTekstTijd {
    font-size: 12px;
    color: #317f46;
    line-height: 24px;
    text-align: right;
    padding-top: 0px;
    margin-top: -37px;
    position: absolute;
    background-color: white;
    margin-left: 5px;
}

.agendaTekstTijdIndex {
    font-weight: bold;
    font-size: 12px;
    color: #222;
    line-height: 20px;
    text-align: left;
    padding-top: 10px;
    padding-left: 20px;
}

.agendaTekstTaak {
    font-weight: normal;
    font-size: 12px;
    color: #222222;
    line-height: 20px;
    text-align: left;
    padding-left: 20px;
}

.fotoLidMien {
    background-image: url("skins/zorgsite/Mien.png");
    background-repeat: no-repeat;
    display: block;
    background-size: 20px 20px;
    height: 20px;

    margin-left: 20px;
    padding-left: 30px;
    font-weight: normal;
    font-size: 12px;
    color: #222222;
    line-height: 20px;
    text-align: left;
}

.agendaTekstInschrijven {
    background-image: url("skins/zorgsite/inschrijven.png");
    background-repeat: no-repeat;
    display: block;
    background-size: 14px 12px;

    margin-left: 20px;
    padding-left: 20px;
    font-size: 12px;
    text-decoration: underline;
    color: #527997;
    line-height: 20px;
    text-align: left;
}

.agendaTekstMeer {
    font-weight: bold;
    font-size: 12px;
    color: #222222;
    line-height: 20px;
    text-align: left;
    padding-left: 20px;
    padding-top: 18px;
}

.agendaDagenGeweest {
    background-color: #f2f3f4;
}

.agendaDagen {
    font-size: 12px;
    color: #367a3d;
    line-height: 24px;
    border: 1px solid rgb(205, 219, 191);
}

.lidFotoRegel {
    background-repeat: no-repeat;

    width: 30px;
    border-radius: 5px;
    background-size: 50px;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-left: 5px;
    margin-right: 5px;
}

.lidFoto {
    background-repeat: no-repeat;
    display: block;
    float: left;
    width: 50px;
    border-radius: 5px;
    background-size: 50px;
    margin-right: 5px;
}

.commback.calendar img.lidFoto {
    border-radius:10px;
    height: 80px;
    width: 87px;
    display:block;
    margin-right: 15px;
    box-shadow: 2px 2px 16px -4px rgba(117,133,113,1);
}

.commback.calendar .reactieBlokNieuw img.lidFoto {
    height: auto;
    width: 50px;
}

lidFotoCenter {
    margin: 5px;
    width: 50px;
    background-repeat: no-repeat;
    display: block;
    background-size: 50px;
}

.privateFoto {
    background-repeat: no-repeat;
    width: 20px;
    border-radius: 5px;
    margin-top: 10px;
    margin-left: 5px;
    margin-right: 5px;
    background-size: 40px;
    float: left;
}

.lidNaamGeweest {
    font-size: 12px;
    color: #9CA8AF;
    line-height: 14px;
    padding-left: 9px;
    padding-top: 20px;
}

.lidNaam {
    font-size: 12px;
    color: #171D23;
    line-height: 14px;
    padding-left: 9px;
    padding-top: 20px;
}

.contactToevoegen {
    font-size: 12px;
    color: #375E7A;
    line-height: 14px;
    text-decoration: underline;
}

.dagNietGeweest {
    background: #F7F6EA;
    border: 1px solid #CFCCB2;
}

.dagGeenLid {
    border: 1px solid #DDE7E9;
}

.taakNaamGeweest {
    font-size: 12px;
    color: #9CA8AF;
    line-height: 14px;
    float: left;
    padding-left: 5px;
    margin-bottom: -3px;
}

.taakNaam {
    font-size: 12px;
    color: #171D23;
    line-height: 14px;
    float: left;
    padding-left: 5px;
    margin-bottom: -3px;
}

.taakGeweest {
    background: #E0EBEE;
    border: 1px solid #C2D6DC;
}

.taakBezig {
    background: #A0C5EB;
    border: 1px solid #156A9B;
}

.taakNietGeweest {
    background: #A0C5EB;
    border: 1px solid #156A9B;
}

.eersteHalfUur {
    border-bottom: 1px dotted #DDE7E9;
}

.dagActief {
    background: #fdffbd;
    border: 1px solid #c5e0bc;
}

.dagBezig {
    background: #fdffbd;
    border-left: 1px solid #CFCCB2;
}

.dagGeweest {
    background: #f0f3ed;
    border: 1px solid #cddbbf;
}

.agendaPuntGeweest {
    background: #E0EBEE;

    height: 100px;
    max-height: 50px;
    font-size: 10px;
    color: #96A2A9;
    line-height: 12px;
    padding-left: 5px;
    padding-top: 5px;
}

.agendaPunt {
    background: #A0C5EB;
    border-bottom: 1px solid #bbbbbb;
    height: 100px;
    max-height: 50px;
    font-size: 10px;
    color: #000000;
    line-height: 12px;
    padding-left: 5px;
    padding-top: 5px;
    width: 100%;
}

.endsTomorrow {
    border-bottom: 0;
}

.startedYesterday {
    border-top: 0;
}

@media (max-width: 949px) and (min-width: 768px) {
    .agendaPunt {
        width: 100%;
    }
}

@media (max-width: 768px) and (min-width: 115px) {
    .agendaPunt {
        width: 100%;
    }
}

.hoekjeCompensatie {
    margin-bottom: -25px;
}

.hulpdiv {
    margin-top: 10px;
}

.hoekjeleeg {
    margin-top: -5px;
    border-color: transparent transparent transparent transparent;
    border-style: solid;
    border-width: 0 25px 25px 0;
    position: relative;
    z-index: 5;
}

.hoekje {
    margin-top: -5px;
    border-color: transparent #f5a722 transparent transparent;
    border-style: solid;
    border-width: 0 25px 25px 0;
    position: relative;
    z-index: 5;
}

.Oranje {
    border-color: transparent #f39c12 transparent transparent;
}

.Groen {
    border-color: transparent #b0c871 transparent transparent;
}

.Blauw {
    border-color: transparent #799c1a transparent transparent;
}

.Grijs {
    border-color: transparent #808080 transparent transparent;
}

.hoekjeBorder {
    margin-top: -25px;
    border-style: solid;
    border-width: 0 26px 26px 0;
    border-color: transparent #222222 transparent transparent;
    position: relative;
    z-index: 4;
}

.hoekjeBorderher {
    margin-top: 20px;
}

.agendaAchtergrond {
    z-index: 1;
}

@media (max-width: 12949px) and (min-width: 949px) {
    .agendaInhoud {
        position: absolute;
        top: 231px;
        z-index: 2;
    }
}

@media (max-width: 949px) and (min-width: 768px) {
    .agendaInhoud {
        position: absolute;
        top: 290px;
        z-index: 2;
    }
}

@media (max-width: 768px) and (min-width: 115px) {
    .agendaInhoud {
        position: absolute;
        top: 250px;
        z-index: 2;
    }
}

.agendaInhoudTwee {
    position: absolute;
    top: 293px;
    z-index: 3;
}

.agendaVlakOnzichtbaar {
    margin-top: 29px;
    margin-left: 22px;
    width: 900px;
}

.agendaRasterOnzichtbaar {
    width: 113px;
    height: 48px;
    overflow: hidden;
}

.agendaRasterIndex {
    border: 1px solid #e0e7d9;
}

.agendaTekst {
    margin-top: -20px;
    position: relative;
    z-index: 3;
}

.agendaTekstTijdIndex {
    font-weight: bold;
    font-size: 12px;
    color: #222;
    line-height: 20px;
    text-align: left;
    padding-top: 10px;
    padding-left: 20px;
}

.popupHerhalen {
    position: absolute;
    top: 400px;
    left: 40%;
    z-index: 9999;
    width: 447px;
    border-radius: 4px;
    background: #FFFFFF;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.20);
    padding-top: 20px;
    padding-bottom: 20px;
}

.popupHerhalenKop {
    font-size: 20px;
    color: #375E7A;
    line-height: 24px;
    margin-left: 20px;
}

.lichtgrijsrandje {
    text-align: left;
    float: left;
    width: 90%;
    margin-top: -50px;
}

.messageControls {
    float: left;
    width: 100%;
}

.popup {
    position: absolute;
    top: 400px;
    left: 225px;
    z-index: 999;

    width: 350px;
    height: 407px;
    padding: 0;
    border-radius: 4px;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.22);
    padding-left: 10px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 10px;
}

.popupSmall {
    position: absolute;
    top: 700px;
    left: 5%;
    z-index: 5;

    width: 90%;
    height: 196px;
    padding: 0;
    border-radius: 4px;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.22);
}

/***
.popup:after {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 160px;
    border-style: solid;
    border-width: 7px 7px 0;
    border-color: #FFFFFF transparent;
    display: block;
    width: 0;
    z-index: 4;
}

.popup:before {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 160px;
    border-style: solid;
    border-width: 7px 7px 0;
    border-color: #cccccc transparent;
    display: block;
    width: 0;
    z-index: 3;
}
****/
.alert-message {
    font-size: 12px;
    background: transparent;
    float: left;
    margin-right: 5px;
}

.alert-message-month {
    font-size: 12px;
    background: transparent;
    margin-right: 5px;
}

.popupSmall:after {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 41%;
    border-style: solid;
    border-width: 7px 7px 0;
    border-color: #FFFFFF transparent;
    display: block;
    width: 0;
    z-index: 4;
}

.popupSmall:before {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 41%;
    border-style: solid;
    border-width: 7px 7px 0;
    border-color: #cccccc transparent;
    display: block;
    width: 0;
    z-index: 3;
}

.popupDatum {
    font-weight: 500;
    font-size: 12px;
    color: #81817d;
    line-height: 15px;
    margin-top: 0px;
    margin-bottom: 10px;

}

.popupBewerken {
    font-size: 12px;
    padding-top: 20px;
    float: right;
    cursor: pointer;
    margin-top: 0px;
    display: inline-block;

    background: rgb(46, 204, 113);
    border-radius: 5px;
    color: #FFFFFF;
    font-weight: bold;

    margin-right: -10px;
    line-height: 25px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 6px;
    padding-right: 6px;
    text-align: center;
    border: 0px;
    text-decoration: none;
    text-shadow: 0.05em 0.05em 0.05em rgb(80, 80, 80);
    font-weight: bold;
}

.popupVerwijder {
    font-size: 12px;
    padding-top: 20px;
    float: right;
    cursor: pointer;
    margin-top: -50px;
    display: inline-block;

    background: rgb(46, 204, 113);
    border-radius: 5px;
    color: #FFFFFF;
    font-weight: bold;
    width: 200px;
    line-height: 30px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 6px;
    padding-right: 6px;
    text-align: center;
    border: 0px;
    text-decoration: none;
    text-shadow: 0.05em 0.05em 0.05em rgb(80, 80, 80);
    font-weight: bold;
}

.omhoog {
    margin-top: -70px;
    margin-bottom: 10px;
    height: 70px;
}

.popupVerwijderD, .popupVerwijderD:link {
    float: right;
    cursor: pointer;
    background: rgb(46, 204, 113);
    border-radius: 5px;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 30px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 6px;
    padding-right: 6px;
    margin-right: 5px;
    text-align: center;
    border: 0px;
    text-decoration: none;
    text-shadow: 0.05em 0.05em 0.05em rgb(80, 80, 80);
    font-weight: bold;
}

.popupBewerkenD, .popupBewerkenD:link {
    padding-top: 20px;
    float: right;
    cursor: pointer;
    background: rgb(46, 204, 113);
    border-radius: 5px;
    margin-right: 5px;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 30px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 6px;
    padding-right: 6px;
    text-align: center;
    border: 0px;
    text-decoration: none;
    text-shadow: 0.05em 0.05em 0.05em rgb(80, 80, 80);
    font-weight: bold;
}

.popupBewerkenD:hover, .popupBewerkenD:focus, .popupVerwijderD:hover, .popupVerwijderD:focus {
    text-decoration: none;
    background-color: #bcda72;
    color: white;
    text-shadow: 0.05em 0.05em 0.05em rgb(80, 80, 80);
    font-weight: bold;
}

.popupMeer {
    font-size: 12px;
    color: #222222;
    line-height: 14px;
    text-decoration: underline;
    cursor: pointer;
}

.popupVerwijder:hover, .popupVerwijder:focus, .popupVerwijder:visited,
.popupBewerken:hover, .popupBewerken:focus, .popupBewerken:visited {
    color: #FFFFFF;
    text-decoration: none;

}

.popupTitel {
    font-weight: bold;
    color: #12171B;
    line-height: 20px;
}

.popupTitelSmall {
    font-size: 18px;
    color: #12171B;
    line-height: 19px;
    font-weight: 500;
}

.popupOmschrijving {
    font-size: 12px;
    color: #12171B;
    line-height: 20px;
}

.popupOmschrijvingSmall {
    color: #12171B;
    line-height: 14px;
}

.popupInschrijven {
    margin-left: 0px;
    margin-right: 20px;
    margin-top: 10px;
    min-height: 50px;
}

.popupInschrijven > ul {
    margin-top: 10px;
}

.inschrijvingIndex {

    background-repeat: no-repeat;
    display: block;
    background-size: 20px 20px;

    margin-left: 10px;
    float: left;
    padding-left: 25px;
    font-weight: normal;
    font-size: 12px;
    color: #222222;
    line-height: 20px;
    text-align: left;
}

.inschrijving {
    background-repeat: no-repeat;
    display: block;
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
    float: left;
    margin-right: 7px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.inschrijvingleeg {
    background-image: url('skins/zorgsite/nog_nodig_ava.png');
    background-repeat: no-repeat;
    display: block;
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
    float: left;
    margin-right: 7px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.popupInschrijvenSmall {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
}

.inschrijvingSmall {
    background-repeat: no-repeat;
    display: block;
    width: 40px;
    height: 40px;
    background-size: 40px 40px;
    float: left;
    margin-right: 10px;
}

.inschrijvingSmallleeg {
    background-image: url('skins/zorgsite/nog_nodig_ava_gr.png');
    background-repeat: no-repeat;
    display: block;
    width: 40px;
    height: 40px;
    background-size: 40px 40px;
    float: left;
    margin-right: 10px;
}

.inschrijvingTekst {
    font-size: 12px;
    color: #12171B;
    line-height: 14px;
    clear: both;
    padding: 10px;
    margin-top: 10px;
    background-color: #fdffbd;
    margin-left: -10px;
    margin-right: -20px;
}

.inschrijven, .inschrijven:hover {
    padding-top: 5px;
    padding-bottom: 7px;

    padding-left: 0px;
    padding-right: 2px;

    background-color: orange;
    text-decoration: none;
    color: white;
    border: 1px solid grey;
}

.uitschrijven, .uitschrijven:hover {
    padding-top: 5px;
    padding-bottom: 7px;

    padding-left: 0px;
    padding-right: 2px;

    background-color: #8db61e;
    text-decoration: none;
    color: white;
    border: 1px solid grey;
}

.uitschrijven img, .inschrijven img {

}

.knopgrijs, .knopgrijs:hover {
    background-color: grey;
    color: white;
    padding-top: 5px;
    padding-bottom: 7px;

    padding-left: 0px;
    padding-right: 2px;
    text-decoration: none;
    border: 1px solid grey;
}

.inschrijvingTekstSmall {
    color: rgb(55, 94, 122);
    line-height: 16px;
    margin-top: 10px;
    text-align: center;
    font-weight: bold;

}

.popupInschrijvingKnop {
    border-radius: 4px;
    background: #527997;

    font-weight: bold;
    color: #FFFFFF;
    line-height: 20px;
    margin-left: 20px;
    margin-top: 36px;

    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    width: 112px;
}

.popupInschrijvingKnop:hover {
    background: #708CA1;
    cursor: pointer;
}

.popupInschrijvingLink {
    font-size: 12px;
    color: #222222;
    line-height: 14px;
    text-decoration: underline;
    margin-top: 26px;
    cursor: pointer;
}

.popupInschrijvingLink:hover {
    color: #666666;
}

.popupLijn {
    border-bottom: 1px dotted #839a4a;

    margin-left: 20px;
    margin-right: 20px;
}

.popupOpmerkingen {
    margin-top: 20px;
    margin-bottom: 10px;

}

.eigenAva {
    background-repeat: no-repeat;
    display: block;
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
    padding-top: 2px;
}

.opmerkingVeldPositie {
    margin-left: 40px;
    margin-top: -30px;
}

.opmerkingVeld {
    border-radius: 3px;
    background: #FFFFFF;
    border: 1px solid #979797;
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.50);

    font-size: 12px;
    color: #4A4A4A;
    line-height: 14px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 5px;
    width: 90%;
}

.opmerkingAva {
    background-repeat: no-repeat;
    display: block;
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
    float: left;
    margin-top: 3px;
}

.opmerkingInfo {
}

.naamEen {
    font-weight: bold;
    color: #222222;
    margin-left: 10px;
    line-height: 24px;
}

.tijd {
    font-size: 11px;
    color: #959595;
    line-height: 24px;
    padding-left: 5px;
}

.opmerkingIcoontjes {
    float: right;
}

.balloonstyle {
    float: left;
    clear: both;

    width: 100%;
}

.icoonBewerken {
    background-image: url("skins/zorgsite/icoon_bewerken.png");
    background-repeat: no-repeat;
    display: block;
    width: 13px;
    height: 13px;
    background-size: 13px 13px;

    margin-left: 36px;
    margin-top: -12px;
    cursor: pointer;
    float: right;
    margin-right: 20px;
    border: 0px;

}

.icoonVerwijderen {
    background-image: url("skins/zorgsite/icoon_verwijderen.png");
    background-repeat: no-repeat;
    display: block;
    width: 13px;
    height: 12px;
    background-size: 13px 12px;
    margin-top: -12px;

    margin-left: 56px;
    cursor: pointer;
    float: right;
    border: 0px;
}

.PicoonBewerken {
    background-image: url("skins/zorgsite/icoon_bewerken.png");
    background-repeat: no-repeat;
    display: block;
    width: 13px;
    border: 0px;
    height: 13px;
    background-size: 13px 13px;

    cursor: pointer;
    float: right;
}

.PicoonVerwijderen {
    background-image: url("skins/zorgsite/icoon_verwijderen.png");
    background-repeat: no-repeat;
    display: block;
    width: 13px;
    height: 12px;
    border: 0px;
    background-size: 13px 12px;

    cursor: pointer;
    float: right;
}

.messageContent {
    display: block;
    font-size: 12px;
    margin-left: 42px;
    margin-top: -5px;
    clear: both;
}

.opmerkingIcoontjes {
    float: right;
}

.opmerkingTekst {
    font-size: 12px;
    color: #4A4A4A;
    line-height: 14px;
    margin-left: 40px;
    margin-top: -3px;
}

.meerOpmerkingen {
    font-size: 12px;
    color: #222222;
    line-height: 14px;
    text-decoration: underline;
    text-align: center;
    margin-top: 20px;
    cursor: pointer;
}

.meerOpmerkingen:hover {
    color: #666666;
}

.legenda {
    position: relative;
    top: 10px;
    padding-left: 100px;
    width: 100%;
    min-height: 130px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

.toontaken {
    position: relative;
    top: 0px;
    padding-left: 100px;
    width: 100%;
    max-height: 100px;
    min-height: 100px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

.legendaSter {
    background-image: url("skins/zorgsite/legendaEen.png");
    background-repeat: no-repeat;
    display: block;
    background-size: 25px 25px;
    padding-left: 48px;
    padding-top: 5px;
    color: #54615E;
    line-height: 16px;
    width: 200px;
    float: left;
    height: 50px;
}

.legendaHoekHulp {
    background-image: url("skins/zorgsite/legendaTwee.png");
    background-repeat: no-repeat;
    display: block;
    background-size: 41px 28px;
    padding-left: 52px;
    padding-top: 5px;
    float: left;
    width: 200px;
    color: #54615E;
    line-height: 16px;
    height: 50px;
}

.legendaHoekVrij {
    background-image: url("skins/zorgsite/legendaDrie.png");
    background-repeat: no-repeat;
    display: block;
    background-size: 41px 28px;
    padding-left: 52px;
    padding-top: 5px;
    float: left;
    width: 200px;
    color: #54615E;
    line-height: 16px;
    height: 50px;
}

.legendaHoekIn {
    background-image: url("skins/zorgsite/legendaVier.png");
    background-repeat: no-repeat;
    display: block;
    background-size: 41px 28px;
    padding-left: 52px;
    padding-top: 5px;
    float: left;
    width: 200px;
    color: #54615E;
    line-height: 16px;
    height: 50px;
}

.ingeschrevenSterkl {
    background-image: url("skins/zorgsite/ingeschrevenSter.png");
    background-repeat: no-repeat;
    display: block;
    width: 10px;
    height: 10px;
    background-size: 10px 10px;
    float: right;
    margin-right: 1px;
    margin-top: 3px;
    z-index: 5;
    position: relative;
}

.ingeschrevenSter {
    background-image: url("skins/zorgsite/ingeschrevenSter.png");
    background-repeat: no-repeat;
    display: block;
    width: 12px;
    height: 12px;
    background-size: 12px 12px;
    float: right;
    margin-right: 1px;
    margin-top: -24px;
    z-index: 5;
    position: relative;
}

/* ------------------------------ EINDE Agenda gedeelte ------------------------------ */

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    width: 100%;
}

.witruimte {
    margin-bottom: 30px;
}

/* ------------------------------ BEGIN Opmaak bestanden bijlage ------------------------------ */
.DOCicoon {
    width: 16px;
    height: 17px;
    background-size: 16px 17px;
    background-image: url("skins/zorgsite/pdf.png");
    float: left;
}

.PDFicoonIndex {
    width: 16px;
    height: 17px;
    background-size: 16px 17px;

    margin-left: 10px;
    margin-top: -32px;
    background-image: url("skins/zorgsite/pdf.png");
    float: right;
}

.PDFicoon {
    width: 16px;
    height: 17px;
    background-size: 16px 17px;
    margin-right: 10px;
    margin-left: 10px;
    background-image: url("skins/zorgsite/pdf.png");
    float: left;
}

.photolijn {
    border: 1px solid #DDE7E9;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.photoheader {
    font-size: 16px;
    color: #375e7a;

}

.urlMedia {
    font-size: 14px;
    color: #375E7A;
    line-height: 14px;
    padding-left: 27px;
}

/* ------------------------------ EINDE Opmaak bestanden bijlagen ------------------------------ */

/* ------------------------------ BEGIN Opmaak reactie veld ------------------------------ */
.grijsVlak {
    background: #eafaf1;

    border: 1px solid #DDE7E9;
    border-radius: 4px;
    padding-top: 0px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    float: right;
}

.MediaGrijs {
    background: #F4F5F6;
    border: 1px solid #DDE7E9;
    border-radius: 4px;
    padding-top: 5px;
    height: 60px;
}

.reageerVeld {
    background: #FFFFFF;
    border: 1px solid #C5D6DA;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.50);
    border-radius: 3px;
    font-size: 13px;
    color: #8B8A8A;
    line-height: 15px;
    width: 100%;
    height: 120px;
    margin-left: 0px;
    margin-top: 0px;
    padding-left: 10px;
    padding-top: 10px;
}

.berichtKnoppen {
    clear: both;
    margin-top: 10px;
    height: 10px;
}

.lijnVerticaal {
    border-right: 1px solid #E0E9EB;
    height: 49px;
}

.bijlageKnop {
    width: 45px;
    height: 46px;
    border-right: 1px solid #E0E9EB;
    width: 30px;
    height: 35px;
    display: block;
    opacity: 0
}

.bijlageIconl {
    cursor: pointer;
    border: 2px solid;
    width: 29px;
    height: 41px;
    padding: 10px;
    margin-top: 15px;
    margin-left: 15px;
    float: left;
}

.editIcon {
    background: url("skins/zorgsite/icoon_bewerken.png") no-repeat scroll 0 0;
    cursor: pointer;
    text-indent: -9999px;
    border: none;
    width: 13px;
    height: 13px;
    padding: 3px;
    float: right;
}

.deleteIcon {
    background: url("skins/zorgsite/icoon_verwijderen.png") no-repeat scroll 0 0;
    cursor: pointer;
    text-indent: -9999px;
    border: none;
    width: 13px;
    height: 13px;
    padding: 3px;
    float: right;
}

.editIconf {
    background: url("skins/zorgsite/iconedit_groot.png") no-repeat scroll 0 0;
    cursor: pointer;
    color: #000000;
    text-indent: -9999px;
    border: none;
    width: 29px;
    height: 41px;
    padding: 10px;
    margin-top: 15px;
    margin-left: 15px;
    float: left;
}

.cover {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.Tubecover {
    margin: 0px;
}

.smileyKnop {
    width: 45px;
    height: 46px;
}

.fileinc {
    width: 245px;
    height: 46px;
    margin-left: 10px;
    font-size: 12px;
}

.smileyIcon {
    background-image: url("skins/zorgsite/smiley.png");
    background-repeat: no-repeat;
    display: block;
    cursor: pointer;
    width: 20px;
    height: 23px;
    margin-left: 10px;
    background-size: 20px 21px;
    margin-top: 12px;
    float: left;
}

.oranjeKnop {
    float: none;
    width: auto;
    height: auto;
    background: none repeat scroll 0% 0% white;
    border-radius: 4px 4px 4px 4px;
    padding: 0.3em 0.5em;
    margin-left: 0.5em;
    margin-right: 0.5em;
    text-decoration: none;
    color: white;
    font-weight: bold;
    text-shadow: 0.05em 0.05em 0.05em rgb(80, 80, 80);
}

.plaatsKnop {
    float: right;
}

.nowrap {
    white-space: nowrap;
    display: inline-block;
}

.knop_mooi, a.knop_mooi:hover, a.knop_mooi:focus {
    background: none repeat scroll 0% 0% #19713f;
    border-radius: 5px;
    color: #FFFFFF;
    font-weight: bold;

    margin-top: 10px;
    margin-right: 3px;
    margin-bottom: 10px;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    border: 0px;
    text-decoration: none;
    text-shadow: 0.05em 0.05em 0.05em rgb(80, 80, 80);
    font-weight: bold;
    margin-left: 5px;
    line-height: 20px;
}

button.knop_mooi:hover, button.knop_mooi:focus {
    background: none repeat scroll 0% 0% #19713f;
    border-radius: 5px;

    color: #FFFFFF;
    font-weight: bold;

    margin-top: 10px;
    margin-right: 3px;
    margin-bottom: 10px;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    border: 0px;
    text-decoration: none;
    text-shadow: 0.05em 0.05em 0.05em rgb(80, 80, 80);
    font-weight: bold;
    margin-left: 5px;

}

.margintop {
    margin-top: 10px;
}

.reageerknop {
    float: right;
}

.dubbelknopRechts {
    background: #309f5f;
    border-radius: 0px 5px 5px 0px;
    font-weight:bold;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 20px;
    margin-top:3px;
    margin-left: 0px;
    margin-right: 3px;
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: center;
    border:0px;
    float:right;
}

.dubbelknopLinks {
    background: rgb(46, 204, 113);
    border-radius: 5px 0px 0px 5px;
    font-weight:bold;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 20px;
    margin-top:3px;
    margin-right: 0px;
    margin-left: 3px;
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: center;
    border:0px;
    float:right;
}


.berichtPlaatsen {
    background: rgb(46, 204, 113);
    border-radius: 5px;
    font-weight: bold;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 20px;
    margin-top: 3px;
    margin-right: 3px;
    margin-left: 3px;
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: center;
    border: 0px;
    float: right;
}

.bijlageIconHome {
    cursor: pointer;
    border: none;
    margin-top: -2px;
    font-weight: bold;
    float: left;
}

.reactieBlokNieuwO {
    border-radius: 4px;
    float: right;

    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
}

.reactieBlokNieuw {
    background: #FEFCF8;
    border: 1px solid #D5D2CB;
    border-radius: 4px;
    float: right;
    padding-top: 10px;
    width:90%;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 15px;
}

@media (max-width: 767px) {
    .reactieBlokNieuw {
        width:100%;
    }
}
.reactieBlokOud {
    background: #F4F5F6;
    border: 1px solid #DDE7E9;
    border-radius: 4px;
    float: right;
    margin-right: 30px;
    padding-left: 20px;
    padding-right: 20px;
}

.bijlageIconHK {
    cursor: pointer;
    border: none;
    margin-top: 0px;
    margin-left: 5px;
    float: left;
}

.bijlageIcon {
    cursor: pointer;
    border: none;
    margin-top:8px;
    font-weight:bold;
    float:left;
    margin-right: 0px;
    margin-left: 5px;
    font-weight: bold;
    float: left;
}

.fotoReageerder {
    margin-top: -20px;
    margin-bottom: 10px;
    margin-right: 20px;
}

.naastElkaar {
    float: left;
}

.searchfield {
    background: #FFFFFF;
    border: 1px solid #C5D6DA;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.50);
    border-radius: 3px;
    font-size: 13px;
    color: #8B8A8A;
    line-height: 15px;
    height: 45px;
    margin-top: 0px;
    width: 80%;
    padding-left: 10px;
    padding-top: 0px;
}

.registerform {
    width: 100%;
}

.onzichtbaarVeld {
    background: transparent;
    outline: none;
}

textarea:hover,
input:hover,
textarea:active,
input:active,
textarea:focus,
input:focus,
button:focus,
button:active,
button:hover {
    resize: none;
    outline: 0px !important;
}

textarea {
    resize: none;
}

/* ------------------------------ EINDE Opmaak reactie veld ------------------------------ */

@media (min-width: 949px) {
    .chatBlok {
        min-height: 458px;
    }
}

/* ------------------------------ Width blokken aanpassen bij SMALL & XTRA SMALL ------------------------------ */
@media (max-width: 949px) {

    .ledenlijstBlokIndex {
        width: 100%;
    }

    .infoBlokHK {
        width: 100%;
    }

    .chatBlok {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .agendaBlokIndex {
        width: 100%;
        margin-top: 20px;
    }

    .autoBlok {
        width: 100%;
    }

    .priveBlok {
        width: 100%;
        margin-top: 20px;
    }

    .row {
        margin-right: 0px;
    }

    .footerVlakTweeSmall {
        width: 100%;
    }

    .logoFooterLinksSmall {
        margin-left: 15px;
    }

    .logoFooterRechtsSmall {
        margin-right: 15px;
    }

    .footerLijnSmall {
        margin-left: 15px;
        width: 90%;
    }

    .tekstFooterMiddenSmall {
        padding-left: 15px;
    }

    .stukjesVlakEen {
        border-radius: 0;
        padding-left: 0;

        padding-right: 30px;
    }

    .popupHerhalen {
        left: 28%;
    }
}

/* ------------------------------ Einde width blokken aanpassen bij SMALL & XTRA SMALL ------------------------------ */

/* BEGIN Container een vaste width geven op LARGE */
@media (min-width: 1200px) {
    .container {
        width: 1024px;
    }
}

/* EINDE Container een vaste width geven op LARGE */

/* BEGIN Aanpassingen op MEDIUM */
@media (min-width: 950px) and (max-width: 1199px) {
    .container {
        width: 940px;
    }

    .agendaVlak {
        width: 840px;
    }

    .printLink {
        width: 840px;
    }

    .agendaVlakOnzichtbaar {
        width: 840px;
    }

}

/* EINDE Aanpassingen op MEDIUM */

/* BEGIN Aanpassingen op SMALL */
@media (min-width: 768px) and (max-width: 949px) {
    .container {
        width: 750px;
    }

    .weekSwitch {
        width: 40%;
    }

    .agendaVlak {
        width: 675px;
    }

    .printLink {
        width: 675px;
    }

    .agendaVlakOnzichtbaar {
        width: 675px;
        margin-top: -30px;
    }

    .popup {
        left: 145px;
        top: 400px;
    }

}

/* EINDE Aanpassingen op SMALL */

/* BEGIN Aanpassingen op EXTRA SMALL */
@media (max-width: 767px) {
    .agendaDagen {
        font-size: 10px;
    }

    .weekSwitch {
        width: 70%;
    }

    .agendaVlak {
        width: 100%;
        margin-left: 0;
    }

    .printLink {
        display: none;
    }

    .agendaVlakOnzichtbaar {
        width: 100%;
        margin-top: 10px;

        margin-left: 0;
    }

    .container {
        padding-right: 0px;
        padding-left: 0px;
        margin-right: auto;
        margin-left: auto;
    }

    .popup {
        left: 145px;
        top: 400px;
    }
}

@media (max-width: 374px) {
    .inschrijvingSmall {
        width: 35px;
        height: 35px;
        background-size: 35px 35px;
    }

    .weekSwitch {
        width: 100%;
    }
}

/* EINDE Aanpassingen op EXTRA SMALL */

/* ------------------------------ BEGIN Header LARGE & MEDIUM gedeelte ------------------------------ */
.page-header {
    background-color: #FFFFFF;
    border-bottom: none;

    margin: 0 0 0 0;
    height: 70px;
}

.headerLogo {
    background-image: url("skins/zorgsite/sharecare_lettertype_logo.png");
    background-repeat: no-repeat;
    display: block;
    background-size: 162px 27px;
    line-height: 24px;
    padding-top: 32px;
    margin-top: 10px;
}

.headerLogoSS {
    background-image: url("skins/zorgsite/sharecare_lettertype_logo.png");
    background-repeat: no-repeat;
    display: block;
    background-size: 162px 27px;
    line-height: 24px;
    padding-top: 32px;
    margin-top: 20px;
}

.headerMenu {
    float: right;
    margin-top: -30px;
    padding-right: 40px;
}

.siteSwitchKnoppen {

    height: 50px;
    margin-top: -5px;
}

#zorgsiteKnop {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 19px;
    border-radius: 5px;
    background: #505050;
    margin-top: 1%;
    margin-left: 1%;
    margin-bottom: 1%;

    float: left;
    padding-left: 12%;
    padding-right: 12%;
    padding-top: 4%;
    padding-bottom: 3%;
    cursor: pointer;
}

#zorgsiteKnopI {
    font-size: 16px;
    color: #000;
    line-height: 19px;
    border-radius: 5px;
    background: #FFF;
    margin-top: 1%;
    margin-left: 1%;
    margin-bottom: 1%;

    float: left;
    padding-left: 12%;
    padding-right: 12%;
    padding-top: 4%;
    padding-bottom: 3%;
    cursor: pointer;
}

#huiskamerKnop {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 19px;
    border-radius: 5px;
    background: #505050;
    margin-top: 1%;
    margin-left: 3%;
    margin-bottom: 1%;

    float: left;
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 4%;
    padding-bottom: 3%;
    cursor: pointer;
}

.blacklink {
    color: #000;
    text-decoration: none;
}

#huiskamerKnopI {
    font-size: 16px;
    color: #000;
    line-height: 19px;
    border-radius: 5px;
    background: #FFF;
    margin-top: 1%;
    margin-left: 3%;
    margin-bottom: 1%;

    float: left;
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 4%;
    padding-bottom: 3%;
    cursor: pointer;
}

#huiskamerKnop:hover, #huiskamerKnop:active, #huiskamerKnop:link, #huiskamerKnop:visited {
    color: #FFFFFF;
}

#huiskamerKnopI:hover, #huiskamerKnopI:active, #huiskamerKnopI:link, #huiskamerKnopI:visited {
    color: #000;
}

table {
    table-layout: fixed;
    height: 50px;
}

.agendaRasterIndex th, td {
    overflow: hidden;
}

.RasterIndex th, td {
    overflow: visible;

}

.agendaVlakOnzichtbaar tr {
    height: 25px;
}

.agendaVlak tr {
    height: 50px;
}

#Knop:hover {
    color: #848484;
}

.Knop {
    color: #222;
    font-size: 12px;
    float: right;
    text-align: right;
    width: 25%;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
    background-size: 16px 16px;
}

.header {
    font-weight: bold;
    font-size: 20px;
    color: #375e9b;

}

label {
    font-weight: normal;

}

.headerBlok {
    background: transparent;
    height: 70px;
    border: none;
    padding-left: 0;
    box-shadow: none;
}

.centerBlok {
    text-align: center;
    padding-top: 32px
}

.rightBlok {
    padding-top: 32px;
    padding-right: 0;
}

.menuPositie {
    float: right;
    padding-top: 28px;
    width: 125%;
    margin-right: 20px;
}

/* ------------------------------ EINDE Header LARGE & MEDIUM gedeelte ------------------------------ */

/* ------------------------------ BEGIN Header SMALL & XTRA SMALL gedeelte ------------------------------ */
.page-headerSmall {
    background-color: #2ecc71;
}

.headerLogoSmallPortal {
    background-image: url("/Content/Images/sc_logoheader.png");
    background-repeat: no-repeat;
    display: block;
    background-size: 141px 37px;
    line-height: 29px;
    padding-top: 32px;
    margin-top: 20px;
    height: 37px;
}

.headerLogoSmall {
    background-image: none;
    color: white;
    font-size: 28px;
    font-weight: bold;
    margin-top: -15px;
}

.headerLogoSmall::before {
    content: 'ShareCare';
}

.headerLogoSmall {
    background-repeat: no-repeat;
    display: block;
    background-size: 109px 19px;
    line-height: 29px;
    padding-top: 15px;
    margin-top: 0px;
    margin-bottom: 10px;
    backrgound-color: #2ecc71;
}

.zsnavSmall {
    background-color: #FFFFFF;
    border-bottom: none;
    margin: 0 0 0 0;
    height: 70px;
    border-radius: 0;
    border: 0;
    padding-top: -50px;
}

.menuSmallRow {
    margin-bottom: 0;
}


.navbar-toggle {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-right: 5px;
    margin-bottom: 8px;
    background-image: none;
    margin-top:10px;
    border-radius: 5px;
    background: #F2F2F2;
    border: 1px solid #DDDBDB;
}

.navbar-toggler {
    display: block;
      padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-right: 5px;
    margin-bottom: 8px;
    background-image: none;
    margin-top:-40px;
    border-radius: 5px;
    background: #F2F2F2;
    border: 1px solid #DDDBDB;
    float:right;
}

.margintop {
    margin-top:-35px;
}

.margintopklein {
    margin-top:10px;
}


.zsnavbarlink {
    z-index: 9999999;
}

/* ------------------------------ EINDE header SMALL & XTRA SMALL gedeelte ------------------------------ */

/* ------------------------------ BEGIN terug knop ------------------------------ */
.pijlLinks {
    background-image: url("skins/zorgsite/pijl_links.png");
    background-repeat: no-repeat;
    display: block;
    float: left;
    width: 9px;
    height: 14px;
    background-size: 9px 14px;
    margin-top: 25px;
}

.terugTekst {
    font-size: 18px;
    font-weight: 500;
    color: #375E7A;
    line-height: 23px;
    padding-left: 30px;
    margin-top: 23px;
    margin-bottom: -20px;

}

.terugRow {
    margin-bottom: 0;
}

#terugKnop {
    margin-top: -30px;
    margin-bottom: 0px;
}

/* ------------------------------ EINDE terug knop ------------------------------ */

/* ------------------------------ BEGIN Ledenlijst pagina ------------------------------ */
.infoNaam {
    font-weight: bold;
    font-size: 16px;
    color: #222222;
    margin-bottom: 4px;
}

.infoNaamO {
    font-weight: bold;
    font-size: 12px;
    color: #222222;
    line-height: 16px;
}

.infoNaam_Profiel {
    font-weight: bold;
    font-size: 26px;
    color: #222222;
    line-height: 24px;
}

.infoRelatie {
    font-size: 13px;
    color: #959595;
    line-height: 24px;
}

.infoRelatie_Profiel {
    font-size: 16px;
    color: #959595;
    line-height: 24px;
    margin-bottom: 20px;
}

.infoItem {
    font-size: 13px;
    color: #959595;
    line-height: 24px;
    padding-left: 30px;
}

.infoItem_Profiel {
    font-size: 13px;
    color: #959595;
    line-height: 24px;
    padding-left: 30px;
}

.iconFunctie {
    background-image: url("skins/zorgsite/functie.png");
    background-repeat: no-repeat;
    display: block;
    float: left;
    width: 14px;
    height: 14px;
    background-size: 14px 14px;
    margin-top: 5px;
}

.iconMail {
    background-image: url("skins/zorgsite/mail.png");
    background-repeat: no-repeat;
    display: block;
    float: left;
    width: 15px;
    height: 10px;
    background-size: 15px 10px;
    margin-top: 5px;
}

.iconTelefoon {
    background-image: url("skins/zorgsite/telefoon.png");
    background-repeat: no-repeat;
    display: block;
    float: left;
    width: 15px;
    height: 15px;
    background-size: 15px 15px;
    margin-top: 5px;
}

.iconStraat {
    background-image: url("skins/zorgsite/straat.png");
    background-repeat: no-repeat;
    display: block;
    float: left;
    width: 9px;
    height: 15px;
    background-size: 9px 15px;
    margin-top: 5px;
}

.iconPlaats {
    background-image: url("skins/zorgsite/plaats.png");
    background-repeat: no-repeat;
    display: block;
    float: left;
    width: 14px;
    height: 12px;
    background-size: 14px 12px;
    margin-top: 5px;
}

.iconIngelogd {
    background-image: url("skins/zorgsite/ingelogd.png");
    background-repeat: no-repeat;
    display: block;
    float: left;
    width: 15px;
    height: 13px;
    background-size: 15px 13px;
    margin-top: 5px;
}

.profielBlokDrie {
    margin-top: 65px;
    margin-bottom: 80px;
}

.instellingenLinkjes {
    margin-top: 30px;
    margin-left: 20px;
    margin-right: 20px;
}

.linkjesGegevens {
    font-weight: bold;
    font-size: 16px;
    color: #375E7A;
    line-height: 40px;
    border-radius: 4px;
    background: #D3E0E3;
    border: 1px solid #D3E0E3;
    padding-left: 10px;
}

.linkjesOpmerkingen {
    font-size: 16px;
    color: #375E7A;
    line-height: 48px;
    padding-left: 10px;
}

.instellingenInhoud {
    margin-top: 30px;
}

.portalInhoud {
    margin-left: 12px;
    margin-right: 12px;
}

a.portalInhoud, a.portalInhoud:hover, a.portalInhoud:visited {
    text-decoration: none;
    color: black;
    font-weight: normal;
    text-align: center;
    display: inline-block;
    width: 90%;

}

.center {
    text-align: center;
}

.instellingenInhoudI {
    margin-top: 10px;
}

.inhoudKoppen {
    font-weight: 500;
    font-size: 16px;
    color: #375E7A;
    line-height: 24px;
}

.optie {
    clear: both;
    margin-left: 20px;
    margin-bottom:20px;
}

/* ------------------------------ Ledenlijst foto's posities aanpassen bij SMALL & XTRA SMALL ------------------------------ */
@media (max-width: 949px) and (min-width: 720px) {
    .ledenlijstLidFoto {
        margin-left: 5px;
    }

    .instellingenInhoud {
        margin-top: 10px;
        margin-left: 30px;
        margin-right: 30px;
    }

}

@media (max-width: 720px) and (min-width: 615px) {
    .ledenlijstLidFoto {
        margin-left: 5px;
    }

    .popupHerhalen {
        left: 18%;
    }

    .instellingenInhoud {
        margin-top: 10px;
        margin-left: 0px;
        margin-right: 0px;
    }

}

@media (max-width: 614px) {
    .popupHerhalen {
        left: 4%;
        width: 92%;
    }

    .instellingenInhoud {

    }

}

@media (max-width: 485px) and (min-width: 115px) {
    .ledenlijstLidFoto {
        margin-left: 5px;
    }

    .instellingenInhoud {
        margin-top: 10px;
        margin-left: 0px;
        margin-right: 0px;
    }

}

/* ------------------------------ Einde ledenlijst foto's posities aanpassen bij  bij SMALL & XTRA SMALL ------------------------------ */

/* Ledenlijst foto's posities aanpassen bij SMALL & XTRA SMALL */
@media (max-width: 387px) {
    .chatTekstEen {
        width: 95%;
    }
}

/* Einde ledenlijst foto's posities aanpassen bij SMALL & XTRA SMALL */

/* Ledenlijst foto's posities aanpassen bij SMALL & XTRA SMALL */
@media (max-width: 253px) {
    .wijzigKnopStijlSmall {
        display: none;
    }

    .pijlRechts {
        display: none;
    }

    .chatTekstEen {
        width: 52%;
    }

    .stukjesVlakEen {
        width: 110%;
    }

    .knopHuiskamer {
        margin-top: -40px;
    }

    .huiskamerTekst {
        margin-top: -7px;
        font-size: 18px;
    }

    #mienLid {
        display: none;
    }

    #sophieLid {
        display: none;
    }

    .logoFooterLinksSmall {
        margin-left: 60px;
    }

    .logoFooterRechtsSmall {
        margin-right: 40px;
    }

}

/* Einde ledenlijst foto's posities aanpassen bij SMALL & XTRA SMALL */
/* ------------------------------ EINDE Ledenlijst pagina ------------------------------ */

/* ------------------------------ BEGIN Agenda item toevoegen pagina ------------------------------ */
.naam {
    font-weight: 500;
    font-size: 14px;
    color: #375E7A;
    line-height: 24px;
    margin-top: 15px;
}

.inputText {
    border-radius: 3px;
    background: #FFFFFF;
    border: 1px solid #979797;
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.50);

    font-size: 14px;
    color: #979797;
    line-height: 14px;
    width: 80%;
    margin-top: 10px;
    padding: 10px 10px 10px 10px;
}

.inputKlein {
    border-radius: 3px;
    background: #FFFFFF;
    border: 1px solid #979797;
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.50);

    font-size: 14px;
    color: #4A4A4A;
    line-height: 14px;
    width: 13%;
    margin-top: -5px;
    padding: 5px 5px 5px 10px;
}

.ruimteLinks {
    margin-left: 20px;
}

.inputDateTime {
    background-image: linear-gradient(-180deg, #F2F2F2 0%, #D4D4D4 100%);
    border: 1px solid #979797;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.20), inset 0px 2px 0px 0px #FFFFFF;
    border-radius: 3px;

    font-size: 14px;
    color: #4A4A4A;
    line-height: 14px;
    width: 80%;
    margin-top: 10px;
    padding: 10px 10px 10px 10px;
}

.taalSelect {
    background-image: linear-gradient(-180deg, #F2F2F2 0%, #D4D4D4 100%);
    border: 1px solid #979797;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.20), inset 0px 2px 0px 0px #FFFFFF;
    border-radius: 3px;

    font-size: 14px;
    color: #4A4A4A;
    line-height: 14px;
    width: 100%;
    height: 36px;
    margin-top: 10px;
    margin-left: 20px;
    padding: 10px 10px 10px 10px;
}

.simpleselect {
    position: relative;
    width: 80%;
    height: 38px;
    color: #4A4A4A;
    font-size: 14px;
    margin-top: 10px;
}

.simpleselect .placeholder, .simpleselect .options {
    background-image: linear-gradient(-180deg, #F2F2F2 0%, #D4D4D4 100%);
    border: 1px solid #979797;
    border-radius: 3px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.20), inset 0px 2px 0px 0px #FFFFFF;
}

.simpleselect .options .option.active {
    background: #527997;
    color: #fff;
}

.kleurBlok {
    height: 15px;
    width: 15px;
    float: left;
    margin-right: 5px;
    margin-top: 15px;
}

.checkboxPositie {
    margin-top: 16px;
}

.checkboxText {
    font-size: 14px;
    color: #4A4A4A;
    line-height: 14px;
    padding-left: 7px;
}

.detailsHerhalen {
    font-size: 14px;
    color: #4A4A4A;
    line-height: 14px;
    text-decoration: underline;
    padding-left: 7px;
}

.lijn {
    border-bottom: 1px dotted #839a4a;
    width: 100%;
    padding-top: 20px;
    margin-bottom: 20px;
    clear:both;
}

.lijnO {
    border-bottom: 1px dotted #839a4a;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
}

.lijnLeden {
    border: 1px solid #DDE7E9;
    width: 90%;
    margin-top: 80px;
}

.agendaFoot {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 100px;
}

/* ------------------------------ EINDE Agenda item toevoegen pagina ------------------------------ */

/* ------------------------------ BEGIN Footer gedeelte ------------------------------ */
/* Footer een achtergrond kleur geven */
.zsfooterBlok {
    background: #FFFFFF;
}

/* Stijl van bootstrap weghalen en tekst positioneren */
.zsfooter {
    text-align: center;
    text-decoration: none;
    line-height: 34px;
    border: none;
    border-radius: 0;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    margin-bottom: 0;
    height: 260px;
    padding-top: 40px;
    padding-left: 42px;
    padding-right: 42px;
}

/* Stijl andere linkjes */
.footerLinkjes {
    padding-left: 10px;
    padding-right: 10px;
    font-weight: bold;
    color: #244258;
    line-height: 34px;
}

/* Footer scheidings lijn */
.footerLijn {
    border-bottom: 1px dotted #839a4a;
    margin-top: 34px;
    margin-left: 42px;
    width: 91.7%;
}

/* Stijl en positionering voor tweede footer vlak */
.footerVlakTwee {
    margin-top: 31px;
    width: 101%;
}

/* Logo links in de footer */
.logoFooterRechts {
    background-image: url("logo_sharecare.png");
    background-repeat: no-repeat;
    width: 148px;
    height: 39px;
    background-size: 148px 39px;
}

.logoFooterRechtsSmall {
    background-image: url("logo_sharecare.png");
    background-repeat: no-repeat;
    width: 148px;
    height: 39px;
    background-size: 148px 39px;
}

/* Tekst tussen de 2 logo's 'in de footer een stijl geven */
.tekstFooterMidden {
    color: #244258;
    line-height: 20px;
}

/* 1e link in de tekst stijlen */
.tekstUnderline {
    text-decoration: underline;
    cursor: pointer;
}

/* Footer EXTRA SMALL gedeelte */
.footerAchtergrond {
    background: #FFF;
    padding-bottom: 30px;
}

/* Footer een achtergrond kleur geven */
.zsfooterBlokSmall {
    background: #FFFFFF;
}

/* Stijl van bootstrap weghalen en tekst positioneren */
.zsfooterSmall {
    text-align: center;
    text-decoration: none;
    line-height: 34px;
    border: none;
    border-radius: 0;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    margin-bottom: 0;
    height: 260px;
    padding-top: 40px;
}

/* Stijl linkjes */
.footerLinkjesSmall {
    font-weight: bold;
    color: #244258;
    line-height: 34px;
}

/* Footer scheidings lijn */
.footerLijnSmall {
    border-bottom: 1px dotted #839a4a;
    margin-top: 34px;
    margin-left: 42px;
    width: 82%;
}

/* Stijl en positionering voor tweede footer vlak */
.footerVlakTweeSmall {
    margin-top: 31px;
    background: #FFF;
}

/* Logo links in de footer */
.logoFooterLinksSmall {
    float: left;
    margin-left: 40px;
}

/* Tekst tussen de 2 logo's 'in de footer een stijl geven */
.tekstFooterMiddenSmall {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 30px;
    color: #244258;
    line-height: 20px;
    text-align: center;
}

/* Logo rechts in de footer */
.logoFooterRechtsSmall {
    float: right;
    margin-top: 30px;
}

/* ------------------------------ EINDE Footer gedeelte ------------------------------ */
.blacklink:hover, .blacklink:active, .blacklink:link, .blacklink:visited {
    color: #000;
    text-decoration: none;
}

/*
Jquery Tooltips
*/
#tooltipContainer, .tooltipContainer {
    background-color: white;
    border: 1px solid black;
    font-size: 1em;
    min-height: 90px;
    width: 180px;
    padding: 15px;
    color: #555555;
}

.diapicker .toolT {
    float: right;
    margin-top: -117px;
    margin-right: 80px;
}

#tooltipContainerS {
    height: 122px;
    width: 209px;
    display: none;
    z-index: 999;
}

#largeTooltipContainer, .largeTooltipContainer {
    background: transparent url(/member/images/tooltip/white_arrow_large.png);
    font-size: 1em;
    height: 150px;
    width: 280px;
    padding: 15px;
    color: #555555;
}

#largeTooltipContainerS {
    height: 175px;
    width: 310px;
    display: none;
    z-index: 999;
}

#xlargeTooltipContainer, .xlargeTooltipContainer {
    background: transparent url(/member/images/tooltip/white_arrow_xlarge.png);
    font-size: 1em;
    height: 208px;
    width: 352px;
    padding: 15px;
    padding-top: 24px;
    color: #555555;
}

#xlargeTooltipContainerS {
    height: 220px;
    width: 382px;
    display: none;
    z-index: 999;
}

.settingsSelected:hover, .settingsSelected:focus, .settingsSelected:link, .settingsSelected:active {
    cursor: pointer;
    text-decoration: none;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 5px;
    margin-right: 0px;
    display: block;
    color: #008ecc;
}

.settingsSelected {
    background-image: linear-gradient(to bottom, #f2f5f6, #c8d7dc);
    border-bottom: 1px solid #504a4a;
    border-radius: 10px;
    color: #005074;

    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 10px;
    margin-right: 15px;
    padding-right: 5px;
    font-size: 14px;
    margin-bottom: 5px;
}

a.settingsSelectedI:hover, .settingsSelectedI:focus, .settingsSelectedI:link, .settingsSelectedI:active {
    cursor: pointer;
    text-decoration: none;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 5px;
    margin-right: 0px;
    display: block;
    color: #008ecc;
}

.mysettings {
    padding-left: 10px;
}

.settingsSelectedI {

    background-image: linear-gradient(to bottom, #f2f5f6, #c8d7dc);
    border-bottom: 1px solid #504a4a;
    border-radius: 10px;
    color: #005074;

    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 10px;
    margin-right: 15px;
    padding-right: 5px;
    font-size: 14px;
    margin-bottom: 5px;
}

a.settingsSelected:hover {
    color: white;
}

.settings {
    background: white;
    color: #b5afaf;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 10px;
    padding-right: 5px;
    border-radius: 10px;
    display: block;
    margin-right: 15px;
    margin-left: 10px;
    width: 80%;
    margin-bottom: 5px;
    border-right: 1px solid white;
    border-left: 1px solid white;
    border-top: 1px solid white;
    border-bottom: 1px solid #505050;
    border-radius: 10px;
    font-size: 14px;
    text-decoration: none;
}

.activesettings {
    background: white;
    background-image: linear-gradient(to bottom, #f2f5f6, #c8d7dc);
    color: #008ecc;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 10px;
    padding-right: 5px;
    border-radius: 10px;
    display: block;
    margin-right: 15px;
    margin-left: 10px;
    width: 80%;
    margin-bottom: 5px;
    border-right: 1px solid white;
    border-left: 1px solid white;
    border-top: 1px solid white;
    border-bottom: 1px solid #505050;
    border-radius: 10px;
    font-size: 14px;
    text-decoration: none;
}


.settingsI {
    background: white;
    color: #b5afaf;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 10px;
    padding-right: 5px;
    border-radius: 3px;
    display: block;
    margin-right: 0px;
    margin-bottom: 5px;
    border-right: 1px solid white;
    border-left: 1px solid white;
    border-top: 1px solid white;
    border-bottom: 1px solid #505050;
    border-radius: 10px;
    font-size: 14px;
    text-decoration: none;
}

a.settingsI:hover {
    background-image: linear-gradient(to bottom, #f2f5f6, #c8d7dc);
    border: 1px solid #504a4a;
    border-radius: 10px;

    text-decoration: none;
    color: grey;
}

a.settings:hover {
    background-image: linear-gradient(to bottom, #f2f5f6, #c8d7dc);
    border: 1px solid #a8c1d5;
    border-radius: 10px;

    text-decoration: none;
    color: grey;
}

.rformDiv {
    margin-left: 20px;
}

.bekijkdienst, a.bekijkdienst:hover, a.bekijkdienst:focus {
    font-size: 16px;
    color: #FFFFFF;
    clear: both;
    margin-top: 0px;

    float: right;
    text-decoration: none;
    font-weight: normal;

}

/* BEGIN container aanpassen op meerdere breedtes */
@media (min-width: 1200px) {
    .carousel {

    }
}

@media (min-width: 950px) and (max-width: 1199px) {
    .carousel {
        height: 550px;
    }
}

@media (min-width: 768px) and (max-width: 949px) {
    .carousel {
        height: 350px;
    }
}

@media (min-width: 168px) and (max-width: 768px) {
    .carousel {
        height: 250px;
    }
}

.carousel {
    margin-bottom: 60px;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;

}

.firstLi {
    width:400px;
    float: left;
}
.listStyle {
    display: inline-block;

}
.groupsClass {
    float: right;
}

.carousel-indicators li {
    box-shadow: 1px 1px 1px gray;
}

.nomarginList {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

.nomargin {
    margin-top: 0px;
    margin-bottom: 20px;
    display: block;
    height: 200px;
    margin-left: 0px;
    margin-right: 0px;
}

.carousel-inner {
    overflow: visible;
}

.alwayshide {
    display: none;
}

.page-bannerSmallR {
    background-color: #2ecc71;
    border-bottom: medium none;
    margin: 0px;
    height: 80px;
}

.pagenavigation {
    clear: both;
    margin-top: 20px;
}

a {
    color: #2ecc71;
    font-weight: bold;
}

.pagenavigation-left {
    float: left;

}

.pagenavigation-right {
    float: right;

}

.errors {
    font-weight: bold;
    background-color: #fe7a6c;
    color: white;
    border: 1px solid #505050;
    border-radius: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    margin-top: 20px;
    display: block;
    clear: both;
}

.pagenavigation-center {
    text-align: center;
}

.stukjesVlakFoto {
    max-height: 240px;
    max-width: 260px;
}

.stukjesVlakFotoSM {
    max-height: 140px;
    max-width: 160px;
    float:right;
    margin-top:-65px;
}

.knoppenmedia {
    float: right;
    margin-top: 0px;
    margin-right: 0px;
}

.knoppen {
    float: right;
    text-align: right;
    display: block;

}

.caltop {
    text-align: center;
    font-weight: bold;
    font-size: 12px;
}

.noot {
    font-style: italic;
    font-size: 14px;
    color: grey;
}

.rechts {
    float: right;
    margin-top: 30px;
}

.unbreak {
    white-space: nowrap;
    column-break-inside: avoid;
}

.headerlid {
    float: right;
    display: block;
    margin-top: -17px;
    height: 70px;
    overflow: hidden;
    margin-left: 10px;
}

input[type="radio"], input[type="checkbox"] {
    margin-right: 4px;
}

.punaise {
    float: left;
    padding-right: 10px;
}

.reveal .fa {
    font-family: 'FontAwesome';
    font-style: normal;
}

.fa {
}

.action {
    float: right;

}

.action a img {
    width: 20px;
    height: 20px;

}

textarea {
    box-sizing: border-box;

    width: 100%;
}

.padding {
    padding: 20px;
}

/* LIST #4 */
.liststyle, .liststylenocl {
    display: block;
    text-decoration: none;
    color: #000000;
    background-color: #FFFFFF;

    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #CCCCCC;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-top: 0px;
    cursor: pointer;
}

.liststyle:hover, .liststylenocl:hover {
    color: #FFFFFF;
    border-radius: 5px;
    background-color: #505050;
}

.liststyle:hover a, .liststylenocl:hover a {
    color: #FFFFFF;
    background-color: #505050;
}

.liststyle a:hover, .liststylenocl a:hover {
    color: #000000;
    background-color: #505050;
}

.printicon {
    position: relative;
    top: -20px;
    float: right;
}

.gegevensBlok {
    padding-left: 10px;
    margin-top: -10px;
    margin-bottom: 20px;
    padding-bottom: 15px;

}

.gegevensBlokUp {
    padding-left: 10px;
}

#PhotoFile {
    background-color: white;
    border: 1px solid #505050;
    border-radius: 5px;
    padding: 5px;
    color: black;
}

.tableclass {
    width: 5%;
    vertical-align: top;

}

.smallbut, .smallbut:hover {
    background-color: rgb(46, 204, 113);
    color: white;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    padding: 2px;
}

.smallgrey {
    background-color: grey;
    color: white;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    padding: 2px;

}

.hideoverflow {
    overflow: hidden;
}

.homelogo, .homelogo:hover {
    color: white;
    text-decoration: none;

}

.list-status {

}

.list-success {
    font-weight: bold;
    padding: 5px;
    width: 80%;
    background-color: rgb(46, 204, 113);
    border-radius: 5px;
    color: white;
}

.list-failed {
    font-weight: bold;
    background-color: red;
    color: white;
}

#subscription_type-label {
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: -10px;
}

.alerttabel tr td {
    padding-top: 10px;
}

.fontglyR {
    font-size: 16px;
    line-height: 22px;
    float: right;
    margin-top: -59px;

}

.fontglyL {
    font-size: 16px;
    line-height: 22px;
    float: left;
    margin-top: 54px;
    margin-left: 20px;

}

.erroricon {
    float: left;
    padding-right: 25px;
}

#status-failed-wrapper {
    clear: both;
    padding: 10px;
    margin-left: 20px;
    margin-right: auto;
    background-color: #fa646e;
    color: white;
    font-weight: bold;
    border-radius: 5px;
    margin-top: 50px;
    margin-right: 20px;
}

#status-success-wrapper {
    clear: both;
    padding: 10px;
    margin-left: 20px;
    margin-right: auto;
    background-color: #2ecc71;
    color: white;
    font-weight: bold;
    border-radius: 5px;
}

.white {
    color: white;
}

.searchword {
    color: white;
    background-color: darkred;
    border: 1px solid black;
    border-radius: 3px;
}

.glow {
    color: black;
    text-shadow: 2px 2px 2px white;

}

.myfilter {
    text-align: center;
    margin-top: -10px;
    margin-bottom: 40px;
}

.clickable-row {
    cursor: pointer;
    border-bottom: 1px dotted black;
}

.clickable-row:hover {
    background-color: lightgrey;

}

.light {
    cursor: pointer;
    background-color: #fdffbd;
    padding: 5px;
    border-bottom: 1px dotted darkgrey;
}

.dark {
    cursor: not-allowed;
    background-color: #f0f3ed;
    padding: 5px;
    border-bottom: 1px dotted darkgrey;
}

#agree, #rememberme {
    margin-top: 12px;
}

.fotomooi {
    margin-top: 20px;
}

.hoogtecorrectie {
    padding-top: 0px;
    width: inherit;
}

.knopgrijsp {
    padding: 4px;
    color: white;
    font-weight: normal;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 5px;
    background-color: #505050;
}

.centerdiv {
    width: 100%;
    margin: 0 auto;
    margin-top: -30px;
    text-align: center;
}

@media (max-width: 749px) {
    .centerdiv {
        width: 100%;

        text-align: center;
    }
}

.priveselector {
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #f2f2f2;

    height: 36px;
    border-radius: 5px;
    border: 1px solid #dddbdb;
    display: inline-block;

}

.knop_mooisel {
    padding: 4px;
    color: black;
    border-radius: 5px;
    background-color: white;

    padding-left: 20px;
    padding-right: 20px;
}

.doeik {
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid black;
    border-radius: 5px;
    font-weight: bold;
    text-align: center;
    margin-right: 5px;
    width: 60px;
    horizontal-align: middle;
}

.tabelstart {
    padding-right: 5px;
    background-color: #f0f3ed;
    padding-left: 5px;
    border-right: 1px dotted darkgrey;

}

.login-status {
    background-color: red;
    color: white;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-bottom: 10px;
    border: 1px solid black;
    border-radius: 5px;
}

.oranjeBol {
    color: #f5a722;
}

.blauwBol {
    color: #247db7;
}

.groenC {
    color: #2ecc71;
}

.groenBol {
    margin-left: 5px;
    margin-right: 5px;
    color: rgb(46, 204, 113);
}

.kopprofiel {
    margin-top: 0px;
}

ul {
    margin-left: 0px;
    list-style: none;
    padding-left: 0;
}

#nonewsletters-label {
    margin-top:20px;
}

#nonewsletters {
    margin-top:25px;
}

input.labelcheck[type="checkbox"] {
    display: block;
    float: right;
    margin-top: -25px;
}

.navigationlist {
}

.navigationlist li {
    cursor: pointer;
    display: block;
    float: left;
    overflow: hidden;
    margin-right: 2em;
}

a.ng-binding, a.ng-binding:hover {
    color: black;
    text-decoration: none;
}

.ng-scope {
    margin-top: 10px;

}

.navigationactiveblue {
    font-weight: 600;
    border-bottom: 3px solid #2980b9;
}

.navigationactiveyellow {
    font-weight: 600;
    border-bottom: 3px solid #f39c12;
}

.navigationactivegreen {
    font-weight: 600;
    border-bottom: 3px solid rgb(46, 204, 113);
}

.content {
    font-family: Open Sans;
    font-size: 0.9em;
    margin: 0px;
    font-weight: normal;
}

.title {
    font-family: Open Sans;
    font-size: 0.9em;
    margin: 0px;
    font-weight: 600;
}

.whitebk {
    background-color: white;
    padding-top: 10px;
}

div.capty-caption {
    background-color: #000;
    color: #FFF;
    font: bold 11px verdana;
    padding-left: 10px;
    padding-top: 7px;
    text-shadow: 1px 1px 0 #222;
}

div.capty-caption a {
    color: #318DAD;
    font: bold 11px verdana;
    text-decoration: none;
    text-shadow: none;
}

.fixedtop {
    position: fixed;
    z-index: 999;
    width: 100%;
}

.oranjeknop, .oranjeknop:hover, .oranjeknop:focus {
    float: none !important;
    width: auto !important;
    height: auto !important;
    background: none repeat scroll 0% 0% rgb(243, 156, 18);
    border-radius: 4px 4px 4px 4px;
    padding: 0.3em 0.5em;
    margin-left: 0.5em;
    margin-right: 0.5em;
    text-decoration: none;
    color: white !important;
    font-weight: bold;
    text-shadow: 0.05em 0.05em 0.05em rgb(80, 80, 80);

}

.holdtogether {
    width: 100%;
    display: inline-block;
    clear: both;
    float: left;
}

.bigorangebutton, .bigorangebutton:hover {
    font-size: 26px;
    white-space: nowrap;
    cursor: pointer;
    background: none repeat scroll 0% 0% rgb(46, 204, 113);
    float: none !important;
    width: auto !important;
    height: auto !important;
    background: none repeat scroll 0% 0% #f39c12;
    border-radius: 4px 4px 4px 4px;
    padding: 0.3em 0.5em;
    margin-left: 0.5em;
    margin-right: 0.5em;
    text-decoration: none;
    color: white !important;
    font-weight: bold;
    text-shadow: 0.05em 0.05em 0.05em rgb(80, 80, 80);
    line-height: 100px;
}

.biggreenbutton, .biggreenbutton:hover {
    font-size: 26px;
    white-space: nowrap;
    cursor: pointer;
    background: none repeat scroll 0% 0% rgb(46, 204, 113);
    float: none !important;
    width: auto !important;
    height: auto !important;
    background: none repeat scroll 0% 0% #2ecc71;
    border-radius: 4px 4px 4px 4px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 0.5em;
    margin-right: 0.5em;
    text-decoration: none;
    color: white !important;
    font-weight: normal;
    text-shadow: 0.05em 0.05em 0.05em rgb(80, 80, 80);
}

.biggreenbutton2, .biggreenbutton2:hover {
    font-size: 26px;
    white-space: nowrap;
    cursor: pointer;
    background: none repeat scroll 0% 0% rgb(46, 204, 113);
    float: none !important;
    width: auto !important;
    height: auto !important;
    background: none repeat scroll 0% 0% #2ecc71;
    border-radius: 4px 4px 4px 4px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 0.5em;
    margin-right: 0.5em;
    text-decoration: none;
    color: white !important;
    font-weight: normal;
    text-shadow: 0.05em 0.05em 0.05em rgb(80, 80, 80);
}

.bigbluebutton, .bigbluebutton:hover {
    font-size: 26px;
    white-space: nowrap;
    cursor: pointer;
    background: none repeat scroll 0% 0% rgb(41, 128, 185);
    float: none !important;
    width: auto !important;
    height: auto !important;
    background: none repeat scroll 0% 0% #2980b9;
    border-radius: 4px 4px 4px 4px;
    border: 0px solid white;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 0.5em;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-right: 0.5em;
    text-decoration: none;
    color: white !important;
    text-shadow: 0.05em 0.05em 0.05em rgb(80, 80, 80);
}

.registrationbutton, .registrationbutton:hover {
    font-size: 26px;
    cursor: pointer;
    background: none repeat scroll 0% 0% rgb(41, 128, 185);
    width: auto !important;
    height: auto !important;
    background: none repeat scroll 0% 0% #2980b9;
    border-radius: 4px 4px 4px 4px;
    border: 0px solid white;
    padding: 0.3em 0.5em;

    margin-right: 0.5em;
    text-decoration: none;
    color: white !important;
    font-weight: bold;
    text-shadow: 0.05em 0.05em 0.05em rgb(80, 80, 80);
}

.bigtext {
    font-size: 24px;
    margin-top: 1em;
    line-height: 2em;
    color: rgb(80, 80, 80);
    width: 100%;
    margin-left: 1em;
    margin-bottom: 1em;
}

.whitebg {
    background-color: white;
}

.rollovertext {
    font-size: 20px;
    font-weight: bold;
    color: white;
}

.rollovertext_small {
    font-size: 14px;
    font-weight: bold;
    color: white;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 40px;
    padding-top: 15px;
    text-shadow: 2px 1px 4px black;
}

.capty-wrapper {
    margin: 1px;
}

.eroverheen {
    color: white;
    position: relative;
    top: -170px;
    left: 60px;
    width: 300px;
    text-align: center;
    text-shadow: 2px 1px 4px black;
    pointer-events: none;
    height: 0px;
}

.overtext {
    clear: both;
    font-weight: bold;
    font-size: 18px;
}

@media (min-width: 749px) {
    .schreeuwtekst {
        font-family: lato, Helvetica, Arial, sans-serif;
        color: #505050;
        font-size: 35px;
        font-weight: 100;
        line-height: 38px;

    }

    .kleiner {
        color: #505050;
        font-family: lato, Helvetica, Arial, sans-serif;
        font-size: 25px;
        font-weight: normal;
        line-height: 30px;
    }
}

@media (max-width: 749px) {
    .schreeuwtekst {
        font-family: lato, Helvetica, Arial, sans-serif;
        color: #505050;
        font-size: 25px;
        font-weight: 100;
    }

    .kleiner {
        color: #505050;
        font-family: lato, Helvetica, Arial, sans-serif;
        font-size: 15px;
        font-weight: normal;
    }

    .ui-tabs {
        margin-top: 50px;
    }
}

@media (min-width: 749px) {
    .vetgroot, .vetgroot:HOVER {
        font-size: 36px;
        font-weight: normal;
    }
}

@media (max-width: 748px) {
    .vetgroot, .vetgroot:HOVER {
        font-size: 26px;
        font-weight: normal;
    }
}

.inlinetext {
    font-size: 20px;
    font-weight: bold;
    color: black;
}

.inlinetextIndex {
    font-size: 20px;
    font-weight: bold;
    color: black;
    line-height: 60px;
}

.inlinetext_small {
    font-size: 13px;
    font-weight: bold;
    color: black;
    text-align: center;
}

.notop {
    padding-top: 0px;
}

.prettybulletsbig {
    font-size: 36px;
    line-height: 36px;
    list-style-type: disc;
    text-align: center;

    list-style-position: inside;
}

.prettybullets {
    list-style-type: disc;

}

.prettyhrule {
    height: 2px;
    border-color: #2ecc71;
    margin-top: 30px;
    margin-bottom: 10px;
}

.headerblue {
    color: rgb(41, 128, 185);
}

#accordion .headerblue:hover {
    cursor: pointer;
    text-decoration: underline;
}

.alternatebackbl {
    background: #e1f3ff;

}

.bluebg {
    background: #c6edff;
}

.alternatebackyl {
    background: #fffacd;

}

.yellowbg {
    background: #ffecac;
}

ul.prettybullets {
    padding-left: 30px;
}

.repeat_endtsclass {
    display: none;
}

.eronder {
    padding-top: 10px;
    text-align: center;
}

.yearcalspacing {
    padding-left: 20px;
    padding-right: 20px;
}

.betaaltitel {
    margin-bottom: -20px;
}

.Huiskamer {
    border: 1px solid red;
}

.pinnen {

}

#schedule {
    width: 800px;
}

@media print {
    .no-print, .no-print * {
        display: none !important;
    }
}

.reactieVeld {
    background: #FFFFFF;
    border: 1px solid #C5D6DA;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.50);
    border-radius: 3px;
    font-size: 13px;
    color: #8B8A8A;
    line-height: 15px;
    height: 75px;
    float: right;
    margin-top: 0px;
    padding-left: 10px;
    padding-top: 15px;
    width: 100%;
}

.reageerSmiley {
    margin-top: 15px;
    margin-bottom: 10px;
    float: right;
    margin-right: 2%;
}

.enterknop, a.enterknop:hover, a.enterknop:focus {
    float: right;
    margin-top: 0px;
    padding: 3px;
    padding-left: 7px;
    padding-right: 7px;
}

.unhide {
    display: none;
}

.inline {
    display: inline;
}

.inspringen {
    margin-left: 20px;
}

.dagActief {
    font-weight: bold;
}

.noclear {
    clear: none;
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Feb 17, 2015, 5:01:33 PM
    Author     : menno
*/

.knop_mooi, a.knop_mooi:focus,
.knopBekijken, a.knopBekijken:focus {
    background-color: #2ecc71;
}

a.popupBewerkenD:focus, a.popupBewerkenD:link, a.popupBewerkenD:visited, a.popupBewerkenD, .popupBewerkenD:focus, .popupBewerkenD, .popupBewerkenD:link,
a.popupBewerken:focus, a.popupBewerken:link, a.popupBewerken:visited {
    background-color: #2ecc71;
}

.popupBewerken, .knopSubmitright, .bannerAchtergrond, .popupVerwijderD,
.popupVerwijderD:link,
.page-bannerSmallR, .knopSubmit, .knopSubmit:active, knopSubmit:link {
    background-color: #2ecc71;
}

.knopSubmit:focus, .knopSubmit:visited, .knopSubmitHK, .knopSubmitHK:link,
.knopSubmitHK:visited, .knopSubmitHK:focus, knopSubmitHK:active, .berichtPlaatsen,
.knopSelect, .knopSelect:link, .knopSelect:active, .knopSelect:visited, .knopSelect:focus .PlaatsenKnop {
    background-color: #2ecc71;
}

body {
    background-color: #eafaf1;
}

.knopSubmitHK:hover, .knopSubmit:hover, .popupBewerkenD:hover, a.knop_mooi:hover,
.knopBekijken:hover, .popupBewerkenD:hover, .popupVerwijderD:hover, berichtPlaatsen:hover,
a.popupBewerkenD:hover, a.popupVerwijderD:hover {
    background-color: #19713f;
}

/* Logo links in de footer */
.logoFooterLinks {
    background-repeat: no-repeat;
    width: 225px;
    height: 53px;
    background-size: 225px 53px;
}

/* Banner gedeelte LARGE & MEDIUM */
.page-bannerLarge {
    background-color: #eafaf1;
    border-bottom: none;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    height: 245px;
}

/* Banner gedeelte SMALL */
.page-bannerSmall {
    background: none repeat scroll 0% 0% rgb(46, 204, 113);
    border-bottom: none;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    height: 110px;
}

.pagebannerSmallMob {
    background-color: rgb(46, 204, 113);
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    height: 48px;
}

.alternateback {
    background-color: #eafaf1;
}

a {
    color: rgb(46, 204, 113);
    font-weight: bold;
}

.page {
    background-color: #eafaf1;
}

.switchOff {
    color: grey;
}

.switchOn {
    padding: 3px;
    border-radius: 3px;
    background-color: red;
    border: 1px solid black;
    color: white;
}

.navbar {
    margin-bottom: 0px;
}

.alextext {
    margin-left: 30px;
    margin-right: 30px;
}

.alexleft {
    float: left;
    margin-right: -30px;
    margin-left: -90px;
    margin-top: 10px;

}

.alexright {
    float: right;
    margin-left: -30px;
    margin-right: -30px;
    margin-top: 10px;
}

.oplijn {
    margin-top: -10px;
    text-align: right;
}

.whatssapkleur {
    color: #40d95b;
}

.facebookkleur {
    color: #45619d;
}

.twitterkleur {
    color: #36b9ff;
}

.googleplkleur {
    color: #dd4d42;
}

.pinkleur {
    color: #cb2027;
}

.linkedinkleur {
    color: #006699;
}

.myh4 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.dikkebullets {
    list-style: inherit;
    margin-left: 30px;
}

.eenvCont {
    border: 1px solid #2ecc71;
    border-radius: 5px;

}
.eenvlijnSM {
    margin-top: 20px;
    margin-bottom: 10px;
    border-top: 1px solid #ccc;
}

.eenvlijn {
    margin-top: 26px;
    margin-bottom: 30px;
    border-top: 1px solid #ccc;
}

.blokEenv {
    font-size: 22px;
    color: rgb(80, 80, 80);
    font-family: Open Sans;
    font-weight: 600;
    color: #4f5459;
    line-height: 28px;
    margin-bottom: 5px;
}

/* Bekijken knop een stijl geven en positioneren */
.knopBekijkenEenv {
    border-radius: 4px;
    background: rgb(46, 204, 113);
    color: #FFFFFF;
    line-height: 20px;

    font-weight: bold;
    float: right;
    margin-top: -35px;
    margin-right: 3px;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-right: 10px;
    padding-left: 10px;
    border: 0px;
    text-shadow: 0.05em 0.05em 0.05em rgb(80, 80, 80);
    font-weight: bold;
}

/* Hover voor als je over de bekijken knoppen gaat */
.knopBekijkenEenv:hover, .knopBekijkenEenv:focus, .knopBekijkenEenv:link, .knopBekijkenEenv:active, .knopBekijkenEenv:active {
    cursor: pointer;
    color: #FFFFFF;
    text-decoration: none;
    text-shadow: 0.05em 0.05em 0.05em rgb(80, 80, 80);
}
.zsfooterBlokSmall {
    font-size:10px;
}

.navbar-nav {
    margin: 15px;
}

.uitklapmenu {
    margin-bottom: 10px;
    float: right;
    border-right: 1px solid rgb(255, 255, 255);
    padding: 0px;
    margin-top: 0px;
    margin-right: 4px;
    overflow: hidden;
}

.page-headerSmallPortal {
    background-color: white;
    color: black;
}

.portalmenu {
    background-color: white;
    box-shadow: 7px 2px 13px 0px gray;
    color: black;
    float: right;
    border-radius: 5px;

}

.page-headerPortal {
    background-color: #FFFFFF;
    border-bottom: none;

    padding-top: 10px;
    height: 70px;
}

/* Stukjes gedeelte */
.stukjesBlokPortal {
    border: none;
    border-radius: 4px;
    background: #FFFFFF;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.20);

    width: 100%;
    height: 385px;

    float: right;

    padding-left: 30px;
    padding-right: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    overflow: hidden;
    margin-top: 10px;

}

.alternatebackPortal {
    background-color: #eafaf1;
    margin-top: 10px;
}

.blokKoppenPortal {
    font-size: 25px;
    color: rgb(80, 80, 80);
    font-family: Open Sans;
    font-weight: 600;
    color: #4f5459;
    line-height: 28px;
    margin-bottom: 30px;
}

#rightcolumn {
    float: right;
}

li.inpringen {
    margin-left: 20px;
}

a.nietvet {
    font-weight: normal;
}

.lightgrey {
    color: lightgrey;
}

.bolletjegroen {
    background-color: #2ECC71;
    color: white;
    border-radius: 20px;
    display: inline;
    padding-left: 7px;
    padding-right: 7px;
}

.tlogo {

}

.tanimated {
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;

    animation-delay: 2s;
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    1%, 2% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        -ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    3%, 5%, 7%, 9% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    4%, 6%, 8% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    10% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

.faleft {
    float: left;
    margin-right: 8px;
}

.dmtext {
    margin-left: 18px;
}

.mijnteksttijl {
    background-color: white;
    padding-top: 14px;
    border-bottom: 1px dotted grey;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
}

.nomargins {
    margin: 0px;
    padding: 0px;
}

a.bluelink {
    color: #3f3f3f !important;
}


.errors a {
    color:lightblue;
}


a.toplink > .fa, a.toplink:hover > .fa {
    color:white;
}
a.whitelink:hover, a.whitelink:focus, a.whitelink, a.whitelink:active {
    text-decoration: none;
    color:white;
}

.grijs {
    color: #959595;
    margin-bottom: 0px;
}


.extraheight {
    margin-top:20px;
}

.groot {
    font-size:26px !important;
    padding: 20px;
border-radius: 15px;
}
.admin-panel {
    pointer-events: none ;
}

.deleletePhoto, .highslide {
    pointer-events: auto !important;
}

@media (min-width: 8px) and (max-width: 949px) {
    .autoBlok {
       padding-top: 20px;
       padding-left: 5px;
       padding-right: 5px;
       padding-bottom: 20px;
       margin-left: 0px;
       margin-right: 0px;
    }
    .row {
       padding-left: 0px;
       padding-right: 0px;
       margin-left: 0px;
       margin-right: 0px;
    }
    .gegevensBlok {
       padding-left: 0px;
       padding-right: 0px;
       margin-left: 0px;
       margin-right: 0px;
    }
    .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
       padding-left: 5px !important;
       padding-right: 5px !important;
       margin-left: 0px;
       margin-right: 0px;
    }
    .knopBekijken {
        margin-top:-40px;
    }
}

.myoverlay {
  opacity: 0;
  position: absolute; z-index: 1;
  background: rgba(0,0,0,0.6) url("/member/images/play-button.png") no-repeat scroll center center / 50px 50px;
}

.commauthor {
    font-size:9px;
    color:darkgray;
}

.commback {
    padding: 15px;
    border-radius: 10px;
    background-color: #f5ebe5;
    box-shadow: 2px 2px 16px -4px rgba(117,133,113,1);
}

.commback.calendar, .reactieBlokNieuw.reactieExtern {
    background-color: rgba(243,156,22,0.15);
    border: 1px solid #f39c16;
}

.normalfont {
    display: contents;
    font-size: 13px !important;
}
.commlogoklein {
    border-radius:10px;
    background-image: url("/member/images/sattelite.png");
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
    height: 60px;
    width: 67px;
    display:block;
    margin-right: 15px;
     box-shadow: 2px 2px 16px -4px rgba(117,133,113,1);
}

.commlogo {
    border-radius:10px;
    background-image: url("/member/images/sattelite.png");
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
    height: 80px;
    width: 87px;
    display:block;
    margin-right: 15px;
     box-shadow: 2px 2px 16px -4px rgba(117,133,113,1);
}

.roodenvet {
    color:red;
    font-weight:bold;

}

.fa-10x {
    font-size: 10em;
    line-height: 0.8em;
}

.attentionBox {
    position: absolute;
    margin-left: 17px;
    margin-top: 1em;
}



.userinfo p {
    margin: 0 0 0px;
}