﻿body {
    font-family:Calibri;
    width:800px;
    margin-left:auto;
    margin-right:auto;
    background-image: url(/images/background.jpg)
}

header{
    background-color:antiquewhite;
}

#logo{
    height:125px;
    margin-left:10px;
}

#content{
    margin-top:10px;
    box-shadow: 10px 10px 50px antiquewhite;
}

footer {
    margin-top: 10px;
    color: #fff;
    font-size:10px;
}

#slideshow {
    position:relative;
    height:520px;
    width:800px;
}
#slideshow .slide {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}
#slideshow div.active {
    z-index:10;
    opacity:1.0;
}
#slideshow div.last-active {
    z-index:9;
}

nav{
    background-color:grey;
    padding: 1em 0;
    margin-top:10px;
}
nav a { 
    text-decoration: none; 
    color: #fff; 
    padding: 1em; 
    transition: background 1s; 
}

nav a:hover { 
    background: rgba(0, 0, 0, 0.7); 
}

.formulier {padding:20px;}


.formulier .formulierveld {padding:4px; margin:1px;background:#eee;}
.formulier .formulierveld input { display:inline-block; }
.formulier .formulierveld label { display:inline-block; width:120px; margin-left:5px; }


.user-form { padding:20px; }

.user-form .field { padding: 4px; margin:1px; background: #eee; }

.user-form .field label { display:inline-block; width:120px; margin-left:5px; }

.user-form .field input { display:inline-block; }