* {font-family:'Trebuchet MS';outline:none;text-decoration:none;margin:0;padding:0;box-sizing:border-box;color:inherit;font-size:inherit}
html, body {height:100%}

body {background:white}

form {width:300px;position:absolute;display:block;top:30%;left:50%;margin-left:-150px}
form input {margin-bottom:10px;border:0;background:white;font-size:20px;height:50px;line-height:50px;padding:0px 10px;background:#e3d64e}
form input[type="text"], input[type="password"] {width:100%;}
form input[type="submit"] {text-align:center;background:#12828e;cursor:pointer;color:white;width:50%;border-right:5px solid white}
form input.s2 {border-right:0;border-left:5px solid white}
form input[type="submit"].w {width:100%;border:none}

ul#errors {list-style:none}
ul#errors li {margin-bottom:8px;background:rgba(0,0,0,0.5);line-height:24px;display:block;color:white;padding:5px 10px;font-weight:bold}

ul#comp {margin:auto;margin-top:50px;width:80%;list-style:none;text-align:center}
ul#comp li {display:inline-block;width:300px;height:200px;margin:10px}
ul#comp li div {width:300px;height:140px;background-size:cover;background-repeat:no-repeat;background-position:center;margin-bottom:10px}
ul#comp li a {color:black;display:block;font-size:20px;font-weight:600;/*text-shadow: 2px 2px rgba(0,0,0,0.5)*/}

ul#diep {margin:auto;margin-top:80px;width:80%;list-style:none;text-align:center;position:relative}
ul#diep li {display:inline-block;vertical-align:top;width:300px;margin:10px;height:140px;background-color:#12828e;background-size:cover;background-repeat:no-repeat;background-position:center;position:relative}
ul#diep li a {color:white;display:block;line-height:140px;font-size:20px;font-weight:600/*;text-shadow: 2px 2px rgba(0,0,0,0.5)*/}
ul#diep li a.vid {position:absolute;width:100%;height:100%;top:0;left:0}

#top {height:100px;width:100%;background:#ffd000/*#12828e url('images/banner2.png') top right no-repeat*/;position:relative;z-index:1;color:white;font-weight:bold;padding-left:290px;overflow:hidden}
/*#top:after {content:' ';width:500px;height:100px;position:absolute;left:0;top:0;background:url('images/banner.png');}*/
#top > a {display:block;width:100%;height:80px;color:white;position:relative;z-index:1}
#top > a:first-child {background:url('images/logo.png') no-repeat;width:500px;position:absolute;left:50%;margin-left:-500px;top:15px;padding-top:60px}

#you {position:absolute;top:70px;right:10px}
#you a {width:auto;height:30px;line-height:30px;color:white;}
#top a#mobmenu {position:absolute;right:20px;width:50px;height:50px;top:20px;background:url('images/mobilemenu.png');background-size:cover;cursor:pointer}

#menu {width:100%;position:absolute;top:100px;z-index:50;background:white;display:none}
#menu li a {margin-top:5px}
#menu li a {display:block;line-height:50px;height:50px;background:#12828e;color:white;font-size:30px;}
#menu img {height:50px;vertical-align:top;margin-right:10px;border-right:5px solid white}
#menu.open {display:block}

#video {display:block;margin:auto;max-width:100%;position:fixed;width:100%;height:100%;left:0;top:0;z-index:1}

#over {
	position:absolute;
	padding-left:10px;
    background: rgba(255,255,255,0);
    z-index: 2;
    position: relative;
    cursor: pointer;
	width:100%;height:75px;
	color:white;font-size:24px;
	line-height:30px;
	text-shadow: 2px 2px rgba(0,0,0,0.5);
}

#over div {position:absolute;right:20px;top:0px;height:30px;line-height:30px;font-size:16px}

#over.small {height:auto;position:static;margin:auto;width:1000px;max-width:98%;color:black;font-size:30px;margin-top:30px;padding-left:0;margin-bottom:20px;text-shadow:none}
#over.small div {display:none}

#trail {width:1000px;max-width:98%;display:block;margin:auto;list-style:none;margin-top:20px}
#trail li {display:inline-block;padding-right:5px;color:rgb(49, 133, 155)}
#trail li a {color:black}

#cont {width:1000px;max-width:98%;margin:auto}
#cont * {line-height:1.5em}
#cont ul, #cont ol {padding-left:25px}

#video.small {width:300px;height:140px;position:static;display:none;vertical-align:top;margin:10px;background-color:#0f717c;cursor:pointer}

a {color:rgb(49, 133, 155)}

table {border-collapse:collapse;border-style:solid;border-color:rgb(49, 133, 155)}
td {padding:10px}

#level5 {margin:auto;width:1010px;margin-top:50px;max-width:80%;text-align:center}
#level5 a {line-height:42px;color:white;text-decoration:none;font-style:italic}
#level5 strong {display:block;color:white;font-weight:normal;font-style:italic;line-height:30px;padding-left:10px}
#level5 > div {display:inline-block;vertical-align:top}
#level5 > div > div {width:200px;display:inline-block;height:300px;text-align:center;}
#level5 > div:first-child > div, #level5 > div:last-child > div {padding:3px 15px;width:360px;text-align:left}
#behoeften {padding-top:60px;text-align:center;width:260px}
#behoeften a {display:inline-block;width:187px;height:109px;padding-top:62px;font-size:13.5px}

#ontvangen, #delen {width:362px;height:331px;text-align:left;background:url('images/gebruikers.png');}

div.avatar {background-color:#12828e;background-repeat:no-repeat;background-position:top center;background-size:cover;width:48px;height:36px;border-radius:1px;display:inline-block;margin-right:10px;vertical-align:middle;margin-top:-1px}