html	{
	height: 100%;
}
body	{
	position: relative;
	height: 100%;
	margin: 0;
	background: #000;
}

.main	{
	width: 80%;
	margin: 0px auto;
	background-color: #000;
}
.makemood	{
	position: relative;
	width: 60%;
	min-height: 100%;
	margin: -10px auto 0 auto;
	padding-top: 30px;
	background-color: #fff;
	color: #ababab;
}
.tekstinput	{
	margin: 7px;
	font-size: 24px;
	border: 0;
	-webkit-border: 0;
}
.topper	{
	width: 100%;
	height: 50px;
	margin: 0 0 10px 0;
	background: #123456;
	font-family: Architects Daughter;
	color: #ffffff;
}
.datum	{
	color: #fdfdfd;
	font-size: 11px;
}
.gebruiker	{
	color: #fdfdfd;
	font-family: Lato;
	font-size: 14px
}
.titel	{
	color: #fdfdfd;
	font-family: Lato;
	font-size: 18px
}
.tekst	{
	color: #fdfdfd;
	font-family: Lato;
	font-size: 14px
}
.masonry { /* Masonry container */
    column-count: 6;
    column-gap: 5px;
}

.item { /* Masonry bricks or child elements */
    background-color: #000;
    display: inline-block;
    margin: 0 0 5px 0;
    width: 98%;
    
	
}

a {
	color: #fdfdfd;
	text-decoration: none;
}
a:visited	{
	color: #fdfdfd;
	text-decoration: none;
}
a:hover	{
	color: #fdfdfd;
	text-decoration: none;	
}