/* padding og kant medregnes i elementers bredde */
* {
	box-sizing: border-box;
}

/* Basic indstillinger for hele siden*/
body {
	margin: 0;
	font-family: Arial, sans-serif;
	color: #243043;
	background-color: #f5f5f5;
}

/*ens top bar*/
.site-header {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 16px 48px;
	padding: 0 24px;
	background-color: #ffffff;
	border-bottom: 1px solid #cccccc;
}

.site-header h1{
	margin: 0;
	font-size: 26px;
}

/*navigation mellem siderne */
.main-nav {
	display:flex;
	gap: 24px;
}

.main-nav a {
	display: block;
	padding: 22px 0 18px;
	color: #444444;
	text-decoration: none;
	border-bottom: 4px solid transparent;
}

.main-nav a:hover {
	color: #000000;
	border-bottom-color: #aaaaaa;
}

/*markering af nuvaerende placering*/
.main-nav a.active {
	color: #000000;
	font-weight: bold;
	border-bottom-color: #000000;
}

/*user knappen til login*/
.user-menu {
	margin-left: auto;
	padding: 10px 12px;
	font:inherit;
	color: inherit;
	background: transparent;
	border: 1px solid #cccccc;
	border-radius: 4px;
	cursor: pointer;
}


/* ens udseende for paneler*/
.panel{
	min-width: 0;
	padding: 20px;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border-radius: 8px;
}

.panel h2 {
	margin: 0 0 16px;
	font-size: 20px;
}

.panel p {
	margin: 0;
	line-height: 1.5;
}