*{
    padding:0;
    margin:0;
}

body{
    font-family: stolzl, sans-serif;
    font-style: normal;
    font-weight: 300;
    background-color: #ff195f;
}
h1{
    background-color: #fff;
    color: #7878d2;
    padding: 20px;
    text-align: center;
}
p{
    text-align: center;
    padding:0.2em;
}
.logocontainer{
    padding: 1em;
    background-color: #ff195f;
}
form{
    margin: 0 auto; /*margin gebruiken om in het midden te zetten van de pagina, samen met width die de breedte van het formuliervak aanduidt*/
    width:700px;
    border: 2px none #7878d2;
    padding: 1em;
}
ul{
    list-style: none;
}
fieldset{
    border: 2px dashed #7878d2;
    background-color: #fff;
    margin: 35px 5px;
    padding: 25px;
    border-radius: 0px;
}
legend{
    color: #7878d2;
}
label{
    display:inline-block; /* alles komt op 1 lijn*/
    width: 200px;
    text-align:right;
    font-weight: bold;
    padding:5px;
}
input, textarea, select{
    /* uniforme grootte van textvelden*/
    width:400px;
    box-sizing: border-box;
    /* kleur matchen van randen*/
    border:1px solid #7878d2;
    padding:5px;
}
input[type=radio]{
    margin-left: 220px;
    width: 15px;
}
.radiotitel{
    display:block; /*ik moet zeker zijn dat mijn 2de radiobutton op een andere lijn staat dan m'n eerste, anders inline*/
    width: 200px;
    text-align: right;
    font-weight: bold;
    padding:5px;
}
.radiolabel{
    display:inline-block; /*moet naast radiobutton komen*/
    text-align: left;
    font-weight: bold;
    padding:5px;
}
input[type=checkbox]{
    margin-left: 220px;
    width: 15px;
}
.checkboxtitel{
    display:block; /*ik moet zeker zijn dat mijn 2de radiobutton op een andere lijn staat dan m'n eerste, anders inline*/
    width: 200px;
    text-align: right;
    font-weight: bold;
    padding:5px;
}
.checkboxlabel{
    display:inline-block; /*moet naast radiobutton komen*/
    text-align: left;
    font-weight: bold;
    padding:5px;
}
.remarktitel{
    display:inline-block;
    width: 200px;
    text-align: right;
    font-weight: bold;
    padding:5px;
}

.remark{
    display: flex; /* Zorgt ervoor dat de label en textarea naast elkaar kunnen staan */
    align-items: flex-start; /* Lijnt de items aan de bovenkant uit */
    width:400px;
    margin-left: 220px;
    box-sizing: border-box;
    text-align:left;
    /* kleur matchen van randen*/
    border:1px solid #7878d2;
    padding:5px;
}


input[type=submit]{
    margin-left: 5px;
    width: auto;
    padding:10px;
    margin-top:10px;
    background-color: #7878d2;
    color:#fff;
}

footer{
    background-color: #ff195f;
    height: 8em;
}
.tekstFooter{
    padding: 3em;
    text-align: center;
}
.invulFormulier{
    background-color: #fff;
    padding:5em;
}
.placeholder{
    color: gray;
}