*{
	font-family: "Open Sans",Arial,Helvetica,Sans-serif;
}

main{
    width: 80%;
    margin: 0px auto;
}

#titelnaam{
    margin-bottom: 25px;
	width: 80%;
	margin: 3% 10%;
}

#titel{
    text-align: center;
		width: 80%;
	margin: 3% 10%;
}

form{
    background-color: #ffffff;
    padding: 50px;
    border: #a1a1a1 solid 1px;
    margin: 5% 0%;
}

form *{
    background-color: #ffffff;
}

form label{
    width: 30%;
    display: inline-block;
}

form input{
    width: 60%;
    border: #585858 solid 1px;
    padding: 5px;
}

form input:focus{
    border-color: #45af42;
    outline: none;
}

form input:read-only{
    background-color: #bababa;
}

form .row{
    margin: 15px 0px;
}

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

form #addlot{
    background-color: #45af42;
    padding: 7px 15px;
    border-radius: 5px;
    border: #439b40 solid 1px;
    float: right;
}

form #addlot:hover{
    cursor: pointer;
}

.clear{
	clear: both;
}

#reglement{
    font-size: 70%;
    float: right;
    text-decoration: none;
    clear: right;
}

#wedstrijd{
    text-align: center;
}

#btnsubmit{
    background-color: #45af42;
    border-radius: 10px;
    border: #439b40 solid 1px;
    padding: 10px;
    width: 35%;
    float: right;
    margin: 15px 0px;
}

.hidden{
    display: none;
}

#btnsubmit:hover{
    cursor: pointer;
}

.foutlabel{
    margin: 5px 0px;
    font-size: 60%;
}

.error{
    color: red;
}

.disabled{
    pointer-events: none;
}

.success{
    color: darkgreen;
}

.cont *{
    background-color: #ffffff;
}

.cont{
    background-color: #ffffff;
    padding: 50px;
    border: #a1a1a1 solid 1px;
    width: 35%;
    margin: 5% 2%;
}

.prijs{
    width: 25%;
    margin: 1%;
    float: left;
    background: #ffffff;
    padding: 1%;
    height: 450px;
	border-right: 1px #e1e4ea solid;
}

.prijs *{
    background: #ffffff;
}

.prijs img{
    width: 100%;
}

#prijzen{
	width: 100%;
	margin: 0px 5%;
}

.right{
	border-right: none;
}

.w-100{
    width: 100%;
}

.mw-1080{
    max-width: 1080px;
}

.mb-3{
    margin-bottom: 50px !important;
}

.m-1{
    margin: 10px 0px !important;
}

.flex-center{
    display: flex;
    flex-flow: row wrap;

    justify-content: center;
    align-content: center;
}

.flex-between{
    display: flex;
    flex-flow: row wrap;

    justify-content: space-between;
    align-content: center;
}

@media screen  and (max-width: 770px){

    main{
        margin: 0px 5%;
    }


    form{
        width: 100%;
    }

    form input {
        width: 100%;
    }

    form label{
        width: 100%;
        display: block;
    }

    #btnsubmit{
        width: 50%;
    }

    .prijs, .cont{
        width: 80%;
        margin: 3% 5%;
        height: unset;
    }

    .prijs{
        width: 95%;
		border-right: none;
		border-top: 1px #e1e4ea solid;
		padding-top: 50px;
    }


}

#aantal{
	display: none;
}