body {
	display:				flex;
	flex-direction:			column;
	padding:				0px;
	margin:					0px;
	background-color:		rgb(187,255,238);
	font-family:			Arial;
	font-size:				14px;
}

header {
	display:				flex;
	flex-direction:			row;
	flex:					0 1 50px;
	background-color: 		rgb(153,204,187);
}

header .pagetitle {
	display: flex;
	flex: 1 1 auto;
	padding-left: 100px;
	align-items: center;
	font-weight: bold;
	font-size: 20px;
	letter-spacing: 1.2px;
}

header .login {
	display: flex;
	flex: 1 1 auto;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
	padding-right: 25px;
}

header .login input {
	display: flex;
	margin-right: 10px;
}

header .login #btnlogin, header .login #btnlogout {
	display: flex;
	background-color: rgb(255,255,255);
	border: solid 1px rgb(0,0,0);
	width: 75px;
	justify-content: center;
	font-weight: bold;
	border-radius: 25px;
	margin-left: 25px;
}

header .editmodus {
	display: flex;
	flex: 1 1 auto;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
	padding-right: 25px;
}

header .editmodus #editmode {
	display: flex;
	background-color: rgb(255,255,255);
	border: solid 1px rgb(0,0,0);
	width: 100px;
	justify-content: center;
	font-weight: bold;
	border-radius: 25px;
}

.cat {
	height: 22px;
	margin-left: -35px;
	margin-right: 10px;
	cursor: pointer;
}