body { font-family: verdana; padding-top: 0px; padding-left:0px; margin-top: 0px; margin-left:0px; }
a { text-decoration: none; color: #000000; }
.white { color: #ffffff; }

/* HEADER -------------------------------------------------- */

#header
{
	position: fixed;
	top: 0px;
	background-color: #202428;
	display: flex;
	color: #ffffff;
	font-weight: bold;
	width: 100%;
	border-bottom: 1px solid #000000;
	box-shadow: 0px 9px 13px 0px rgba(0,0,0,0.48);
}

@media (min-width:600px)
{
	#column { width: 540px; margin: 0 auto; }
	#header { width: 540px; margin: 0 auto; }
}

#newpage, #history
{
	align-self: center;
}
#pagenumber
{
	flex-grow:1;
	align-self: center;
	text-align: center;
}

#history:hover
{
	cursor: pointer;
}

/* HISTORY -------------------------------------------------- */

#historylist
{
	padding-top: 60px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#historylist>A
{
	border: 1px solid #444444;
	margin: 8px;
	padding: 4px;
	min-width: 40px;
	text-align: center;
}

#historylist>A:hover
{
	background-color: #dddddd;
}

#historylist_last
{
	flex-grow: 1;
}

/* PICTURES -------------------------------------------------- */
#images
{
	padding-top: 50px;
}

.pagesegment
{
	display: block; 
	width: 100%;
}

/* MORE -------------------------------------------------- */

#more
{
    height: 50px;
    overflow: hidden;
    text-align: center;
}

#more>img
{
	margin-top: -100px;
}