html, body {
    max-width: 100%;
    _overflow-x: hidden;
}

.myContainer {
  margin: 0px;
  padding: 0px;
  width: 100%;
}

.carousel-control.right.myCarouselControl {
    width: 30px;
    background: unset;
    font-size: 60px;
    color: #000000;
    text-shadow: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
    display: inline-block;
}

.carousel-control.left.myCarouselControl {
    width: 30px;
    background: unset;
    font-size: 60px;
    color: #000000;
    text-shadow: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
    display: inline-block;
}

#topbar {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 50px;
    z-index: 10;
}

#topline {
    height: 4px;
    background-color: #a0138e;
}

#topmenu {
    cursor: pointer;
    font-family: "Times New Roman";
    font-size: 16px;
    height: 46px;
    line-height: 46px;
    background-color: #282634;
    padding-left: 10px;
    color: #ffffff;
}

.topmenuitem {
    margin-left: 20px;
    transition: color 0.4s ease 0s;
}

    .topmenuitem:hover {
        color: #a6a3b3;
        transition: color 0.4s ease 0s;
    }

@media only screen and (max-width: 980px) {
    #topbar {
        display: none;
        position: unset;
        height: unset;
    }
    #topmenu {
        font-size: 50px;
        height: unset;
        line-height: unset;
    }
    .topmenuitem {
        display: block;
        padding: 16px;
        border: 1px solid black;
    }
    .social {
        display: block;
        padding: 12px;
        border: 1px solid black;
    }
    .socialIcon {
    }
}

.social {
    margin-right: 20px;
}

.socialIcon {
  color: #e8e8e8;
  font-size: 20px;
  margin-right: 5px;
}

@media only screen and (max-width: 980px) {
    .socialIcon {
        font-size: 60px;
    }
}

.inlinepage {
    padding-top: 49px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

#home {
    padding-top: 60px;
    color: #b3b3b3;
    background-color: #282634;
    width: 100%;
    padding-bottom: 40px;
}

#naamParent {
    margin-top: 20px;
    overflow: hidden;
    text-align: center;
    padding-bottom: 30px;
}

#naam {
    margin: 0px auto;
    font-family: "Helvetica";
    font-size: 90px;
    font-weight: bold;
    color: #ffffff;
    font-stretch: expanded;
}

@media only screen and (max-width: 980px) {
    #naam {
        font-size: 110px;
    }
}

#homeWhiteBar {
    position: absolute;
    background-color: #ffffff;
    width: 100%;
    height: 420px;
    margin-top: 50px;
}

#homeInfoParent {
}

#homeInfo {
    width: 100%;
    padding-top: 30px;
    _background-color: #ff0000;
}

#homeFoto {
    cursor: pointer;
    width: 100%;
}

.homeText {
    overflow: hidden;
    text-align: center;
    margin-top: 70px;
    background-color: #ffffff;
    padding: 30px;
    letter-spacing: 0.09em;
}

.homeTextFirstLine {
    display: inline-block;
    font-family: 'Times New Roman';
    font-size: 34px;
    color: #454545;
    margin-bottom: 23px;
}

.homeTextNextLine {
    display: inline-block;
    font-family: 'Times New Roman';
    font-size: 22px;
    color: #000000;
}

@media only screen and (max-width: 980px) {
    .homeTextFirstLine {
        font-size: 60px;
    }
    .homeTextNextLine {
        font-size: 50px;
    }
}

.buttonKopen {
    margin-top: 25px;
    font-size: 20px;
    font-family: Verdana;
    color: #000000;
}

@media only screen and (max-width: 980px) {
    .buttonKopen {
        font-size: 50px;
        border: 3px solid #b3b3b3;
        background-color: #e8e8e8;
        color: #454545;
        margin-bottom: 20px;
    }
}

#biografie {
    background-color: #ffffff;
    color: #000000;
    padding-bottom: 40px;
}

#bioFoto {
    width: 100%;
}

.bioheader {
    font-family: "Helvetica";
    font-size: 50px;
    font-weight: bold;
    padding-top: 20px;
}

.bioline {
    width: 160px;
    border-top: 3px solid black;
}

.biotext {
    margin-top: 30px;
    font-family: "Times New Roman";
    font-size: 23px;
}

@media only screen and (max-width: 980px) {
    .biotext {
        font-size: 50px;
    }
}

#boeken {
    width: 100%;
    min-height: calc(100vh - 50px);
    color: #b3b3b3;
    background-color: #5B5B5B;
    padding-bottom: 30px;
}

@media only screen and (max-width: 980px) {
    #boeken {
        display: none;
    }
}

#boekenHeaderParent {
    text-align: center;
}

#boekenHeader {
    padding-top: 20px;
    margin: 0px auto;
    font-family: "Helvetica";
    font-size: 50px;
    font-weight: bold;
    color: #ffffff;
    font-stretch: expanded;
}

#boekenLine {
    width: 120px;
    margin: 0px auto;
    height: 10px;
    border-top: 3px solid white;
    margin-top: 8px;
    padding-bottom: 80px;
}

#boekenheader {
    font-family: Verdana;
    font-size: 50px;
}

.boeken {
    text-align: center;
    _background-color: #ff0000;
    padding-bottom: 30px;
}

.boekenfoto {
    cursor: pointer;
    width: 100%;
}

.boekentext {
    padding-top: 14px;
    color: #ffffff;
    font-size: 20px;
    font-family: 'Times New Roman';
}

@media only screen and (max-width: 980px) {
    .boekentext {
        font-size: 50px;
    }
}

#mamaishier {
    float: none;
    display: block;
    color: #ffffff;
    background-color: #282634;
    min-height: calc(100vh - 50px);
}

#maakbaar {
    float: none;
    display: block;
    color: #ffffff;
    background-color: #282634;
    min-height: calc(100vh - 50px);
    padding-bottom: 20px;
}

#boekFoto {
    width: 100%;
}

.boekheader {
    font-family: "Helvetica";
    font-size: 50px;
    font-weight: bold;
    padding-top: 20px;
}

.boekline {
    width: 160px;
    border-top: 3px solid white;
}

.isbn {
    margin-bottom: 20px;
    color: #d0d0d0;
    font-size: 20px;
}

@media only screen and (max-width: 980px) {
    .isbn {
        font-size: 50px;
    }
}

.boektext {
    margin-top: 30px;
    font-family: "Times New Roman";
    font-size: 23px;
}

@media only screen and (max-width: 980px) {
    .boektext {
        font-size: 50px;
    }
}

#recensies {
    width: 100%;
    color: #000000;
    background-color: #ffffff;
    padding-bottom: 30px;
}

#recensiesHeaderParent {
    text-align: center;
}

#recensiesHeader {
    padding-top: 20px;
    margin: 0px auto;
    font-family: "Helvetica";
    font-size: 50px;
    font-weight: bold;
    color: #000000;
    font-stretch: expanded;
}

#recensiesLine {
    width: 140px;
    margin: 0px auto;
    height: 10px;
    border-top: 3px solid black;
    margin-top: 8px;
    padding-bottom: 40px;
}

#recensieparentparent {
    width: 100%;
    min-height: calc(100vh - 160px);
    text-align: center;
    position: relative;
}

.recensieparent {
    text-align: center;
    margin: 0px auto;
    width: 60%;
    height: 50vh;
    position: absolute;
    _top: 20%;
    _-ms-transform: translateY(-20%);
    _transform: translateY(-20%);
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media only screen and (max-width: 980px) {
    .recensieparent {
        width: 90%;
    }
}

.col-centered {
    float: none;
    margin: 0 auto;
}

.recensie {
    margin-top: 50px;
    _padding: 100px;
    border: 0px solid #808080;
    font-family: 'Times New Roman';
    font-size: 23px;
}

@media only screen and (max-width: 980px) {
    .recensie {
        font-size: 50px;
    }
}

.source {
    display: block;
    margin-top: 30px;
    font-size: 16px;
}

@media only screen and (max-width: 980px) {
    .source {
        font-size: 40px;
    }
}

#contact {
    color: #e3e3e3;
    background-color: #b5930f;
    min-height: calc(100vh - 50px);
    padding-bottom: 30px;
}

#contactFoto {
    width: 100%;
}

.contactheader {
    font-family: "Helvetica";
    font-size: 50px;
    font-weight: bold;
    padding-top: 20px;
}

.contactline {
    width: 160px;
    border-top: 3px solid #e3e3e3;
}

.contacttext {
    margin-top: 30px;
    font-family: "Times New Roman";
    font-size: 23px;
}

@media only screen and (max-width: 980px) {
    .contacttext {
        font-size: 50px;
    }
}

#contactvolg {
    padding-bottom: 30px;
}

.copyright {
    font-size: smaller;
}

.copyrightsymbol {
    font-size: smaller;
}