p {
    margin-left: auto;
    margin-right: auto;
}

li {
    padding-left: 1em;
    text-indent: -1.5em;
}

ul {
    list-style-position: outside;
    padding-left: 20px;
  }

.portret {
    height: 290px;
    margin: 20px 10px 10px 10px;
}

/* Sectie 1 */
.portret-with-text {
    width: 95%;
    height: auto;

    padding-bottom: 33px;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 10px;

    overflow: hidden;
}

.portret-with-text #portret {
    width: 33%;
    height: 60%;

    margin: 20px 5px 10px 5px;

    float: left;
}

.portret-with-text #portret .portret{
    height: 320px;
}

.portret-with-text .A1 {
    width: 480px;
    text-align: left;

    float: left;
}

/* Eind sectie 1 */

/* Sectie 2 */
.kamers-sectie-2 {
    width: 100%;
    min-height: auto;

    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;

    overflow: hidden;
}

.kamers-sectie-2 .A1 {
    width: 33%;
    float: left;
}
.kamers-sectie-2 .A2 {
    width: 33%;
    margin: auto;
    float: left;
}
.kamers-sectie-2 .A3 {
    width: 33%;
    float: left;
}
/* Eind Sectie 2 */

/* Sectie 3 */
.kamers-sectie-3 {
    width: 90%;
    min-height: 300px;
    height: auto;

    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;

    overflow: hidden;
}
.kamers-sectie-3 .A1 {
    width: 45%;
    float: left;
}

.kamers-sectie-3 .A2 {
    width: 45%;
    margin: auto;
    float: right;
}
/* Eind Sectie 3 */

/* Sectie 4 */
.kamers-sectie-4 {
    width: 100%;
    min-height: auto;

    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;

    overflow: hidden;
}

.kamers-sectie-4 .A1 {
    width: 33%;
    float: left;
}
.kamers-sectie-4 .A2 {
    width: 33%;
    margin: auto;
    float: left;
}
.kamers-sectie-4 .A3 {
    width: 33%;
    float: left;
}
/* Eind Sectie 4 */

/* Sectie 5 */
#sectie-5-bron {
    margin-bottom: 10px;
}
#sectie-5-bron .portret {
    width: 50%;
    height: 60%; 
}
/* Eind Sectie 5 */