@font-face{font-family:'Great Vibes';src:url(fonts/GreatVibes-Regular.ttf) format('truetype');font-weight:400;font-style:normal}@font-face{font-family:Exo;src:url(fonts/Exo-Regular.ttf) format('truetype');font-weight:400;font-style:normal}@font-face{font-family:Exo;src:url(fonts/Exo-Bold.ttf) format('truetype');font-weight:700;font-style:normal}@font-face{font-family:Exo;src:url(fonts/Exo-Light.ttf) format('truetype');font-weight:300;font-style:normal}@font-face{font-family:Exo;src:url(fonts/Exo-LightItalic.ttf) format('truetype');font-weight:300;font-style:italic}*{padding:0;margin:0}body{color:#555;background-color:#fff8c2;font-family:Exo,sans-serif;font-size:110%;font-weight:300}.container{width:1200px;margin:0 auto}h1{font-family:'Great Vibes',sans-serif;font-size:2.2em;font-weight:400}h2{display:block;align-self:center;border-bottom:2px solid #555;font-size:2.6em;font-weight:300;text-align:center;padding-bottom:15px;margin-bottom:25px}h3{margin:15px 0 10px 0}header{height:325px;background-color:#644e40;background-image:url(../images/header.jpg);background-size:1200px auto;background-position:50% 70%;background-repeat:no-repeat}header.small{height:325px;background-position:50% 70%}nav{display:flex;justify-content:space-between;color:#fff;height:120px}nav .logo{display:flex;align-items:center}nav .logo img{height:75px;margin:0 15px}nav ul{display:flex;flex-direction:row;align-items:center;list-style-type:none}nav ul li{font-weight:400;text-transform:uppercase;padding:5px 0;margin:0 15px}nav ul a{color:#fff;text-decoration:none;border-bottom:2px solid rgba(255,255,255,0);outline:0}nav ul a.active,nav ul a:focus,nav ul a:hover{color:#fff;border-bottom:2px solid #fff;padding-bottom:3px}nav ul a:focus,nav ul a:hover{transition:all ease .2s}.content{display:flex;flex-direction:column;background-color:#fff;box-shadow:0 0 50px 5px rgba(0,0,0,.1);padding:40px 50px;margin-bottom:50px}p{margin-bottom:20px}p:last-child{margin-bottom:0}a{color:#555;text-decoration:none;border-bottom:1px dashed #ddd;padding-bottom:1px}a:focus,a:hover{color:#555;border-bottom:1px solid #555}.succes{color:#0a230c;background-color:#a5d6a7;border:1px solid #0a230c;padding:20px;margin-bottom:20px}.foutmelding{color:#751212;background-color:#ef9a9a;border:1px solid #751212;padding:20px;margin-bottom:20px}.foutmelding a,.succes a{border-bottom:1px solid #555}.foutmelding .halflings,.succes .halflings{font-size:1.5em;margin:0 15px 10px 0}.small-text{color:#aaa;font-style:italic;font-size:.9em}img{max-width:100%}.width-50{width:50%}.align-center{text-align:center}.color-green{color:green}.color-red{color:red}.bold{font-weight:700}.italic{font-style:italic}#fotoalbums{display:flex;flex-wrap:wrap;list-style-type:none;margin:25px 0}#fotoalbums li{width:18%;text-align:center;margin-right:2%}#fotoalbums li:last-child{margin-right:0}#fotoalbums a{border-bottom:none}div.nieuwsbericht{padding-bottom:25px;margin-bottom:15px}div.nieuwsbericht:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.bericht{margin:15px 0}input,textarea{width:100%;color:#555;font-family:Exo,sans-serif;font-size:100%;font-weight:300;border:1px solid #aaa;box-sizing:border-box;padding:3px 5px;transition:all ease-in .2s}input[type=checkbox]{width:18px;height:18px}input:focus,input:hover,textarea:focus,textarea:hover{border:1px solid #555;outline:0}a.button,input[type=submit]{width:auto;color:#eee;background-color:#555;border:1px solid #555;padding:3px 10px;cursor:pointer}a.button:focus,a.button:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#666}table{border-collapse:collapse}table td,table th{padding:5px}table.striped tr:nth-child(odd) td{background-color:#eee}footer{align-self:center;font-size:.8em;font-style:italic;border-top:1px solid #eee;padding:20px 50px 0 50px;margin-top:20px}@media screen and (max-width:1300px){.container{width:90%}}@media screen and (max-width:1000px){nav{flex-direction:column;align-items:center;padding-top:15px}nav .logo{margin-bottom:15px}}@media screen and (max-width:640px){h1{font-size:1.8em}h2{font-size:1.4em}#fotoalbums li{width:32%;margin-right:1%}}