/*-------------------------------------------------------algemene code-------------------------------------*/
ul
{
    list-style-type: none;
}

li {
    display: inline;
}

nav{
    width: 100%;
    background-color: black;
    height: 10%;
    margin-bottom: 0px;
    top:  0px;
    position: fixed;
}

nav a{
    text-decoration: none;
    color: white;
    padding-left: 20%;
}

h1 {
    margin-top: 5%;
    text-align: center;
    margin-bottom: 0;
    font-size:500%;
}

span A{
    text-color: blue;
}

span#A {
    color: blue;
}

span#B {
    color: yellow;
}

span#kunst {
    color: red;
}

body{
    margin:0;
}

h3{
    margin-left: 7%;
}
/*------------------------------index.php----------------------------*/
figure.foto {
    float: left;
    margin-top: auto;
    margin-left: auto;
}


section{
    margin-left: 15%;
    margin-right: 15%;
}
div#container {
    margin-top: 10%;
    inline-box-align: block;
}

.text {
    margin-bottom: 10%;
}

.text p {
    margin-left: 20%;
}

figure{
    margin-right: 0;
}

#uitlogtag{
    margin-right: 10%;
    text-align: -webkit-right;}

/*--------------------------kunstwerken.php---------------------------*/

.abstract img{
    margin: 3%;
}
.abstract a{
    color: black;
    text-decoration: none;
    padding-left: 0px;
}
.toevoeg{
    margin-right: 10%;
}

/*-----------------------------reserveer.php----------------------------------*/
.reserveer {
    text-align:center;
}


/*--------------------------detail------------------------------------------*/
div.detail {
    text-align: center;
}

#detail{
    margin-bottom: 5%;
}


/*----------------------reserveer-------------------*/
.formu{
    text-align: center;
}

/*----------------------------edit--------------------------------------------*/
.edit{
    text-align: -webkit-center;
}

/*-----------------------------------toevoegen-------------------------------------*/
#form{
    text-align: center;
}
#h4{
    text-align: center;
}

/*--------------------------------------de rest-----------------------------------*/
.gegevens{
    text-align: center;
}