html, body {
	padding: 0;
	margin: 0;
	font-family: Arial, sans-serif;
	color: #0f225a;
}

.clear {
	clear: both;
}

#header {
	background-color: #f6f6f6;
	border-bottom: 5px solid #C4D450;
}

#header img {
	width: 100%;
}

#header ul {
	list-style: none;
	padding: 0;
	margin: 0;
	
	max-width: 1200px;
	margin: 0 auto;
}

#header ul li {
	width: 19%;
	float: left;
	padding: 30pt 0;
	color: #0f225a;
	font-weight: 700;
	font-size: 110%;
	text-align: center;
}

#header ul.signedOut li.logo {
	margin: 0 auto;
	float: none;
}

#header ul li:nth-child(1) {
	padding: 0;
	padding-top: 17pt;
}

#header ul li a {
	color: #0f225a;
	text-decoration: none;
	vertical-align: middle;
}

#content {
	max-width: 800px;
	margin: 0 auto;
	margin-top: 2em;
}

#content .login {
	text-align: center;
}

#content .login input {
	padding: 10pt;
	font-size: 120%;
	width: 50%;
	display: block;
	margin: 0 auto;
}

#content .login input[type="submit"] {
	width: auto;
	margin-top: 1em;
}

#content .login a {
	margin-top: 2em;
	font-size: 120%;
	color: #000;
	display: block;
}

h1 {
	border-bottom: 2px solid #0f225a;
	font-size: 16pt;
}

.kategori {
	background: #f5f5f5;
	padding: 10pt;
	margin-bottom: 20pt;
}

.kategori h2 {
	margin: 0;
	margin-bottom: 0.5em;
}

.prisliste .kategori table {
	width: 100%;
}

.prisliste .kategori table thead {
	font-weight: bold;
}

.prisliste .kategori table td:nth-child(2) {
	padding: 0 20pt;
}

input {
	font-size: 100%;	
	border: 1px solid #0f225a;
	padding: 5px;
}

.prisliste .kategori input {
	width: 100%;
	box-sizing: border-box;
}

.prisliste .kategori table td:first-child {
	width: 100%;
}

.prisliste .kategori table td {
	width: 0;
}

.prisliste .kategori table td:nth-child(n+2) input {
	width: 150px;
}

.prisliste .kategori .fjern {
	cursor: pointer;
	padding-left: 1.5em;
	margin-left: 0.3em;
	background-image: url('../img/fjern.png');
	background-repeat: no-repeat;
	background-size: auto 100%;
}

.prisliste .kategori td.move {
	text-align: center;
}

.prisliste .kategori tr:first-child td.move .up,
.prisliste .kategori tr:last-child td.move .down {
	background-image: none;
	cursor: default;
}

.prisliste .kategori td.move div {
	cursor: pointer;
	display: block;
	width: 1.2em;
	height: 1.2em;
	background-image: url('../img/up.png');
	background-repeat: no-repeat;
	background-size: auto 100%;
}

.prisliste .kategori td.move .down {
	background-image: url('../img/down.png');	
}

.kategori .add,
.kategori .save {
	font-weight: bold;
	margin-top: 0.8em;
	cursor: pointer;

	padding-left: 2em;
	background-repeat: no-repeat;
	background-size: auto 100%;
	line-height: 1.5em;
}

.kategori .add {
	background-image: url('../img/add.png');
}

.prisliste .kategori.ny .add {
	background-size: auto 80%;
	background-position: left center;
}

.prisliste .kategori .save {
	display: none;
	background-image: url('../img/save.png');
}

.prisliste .ny.kategori .input-container {
	overflow: hidden;
}

.prisliste .ny.kategori .add {
	float: right;
	line-height: 25pt;
	margin-top: 0;
	margin-left: 8pt;
	cursor: pointer;
}

input[type="submit"].hidden {
	position: absolute; left: -9999px; width: 1px; height: 1px;
}

/* Hentekunder */
.hentekunder .kategori h2 {
	border-bottom: 2px solid #0f225a;
}

.hentekunder .kategori.ny-kunde input {
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 1em;
}

.hentekunder .kategori.ny-kunde .add {
	margin-top: 0;
	margin-bottom: 0.5em;
}

.kunder .kunde {
	background: #fff;
	width: calc(33% - 10pt);
	float: left;
	margin: 5pt;
	padding: 8pt;
	box-sizing: border-box;
}

.kunder .kunde > strong {
	font-size: 120%;	
}

.kunder .kunde p {
	margin: 0;
}



.kunder .kunde input {
	border: 0;
	margin-top: 1em;
	padding: 5pt;
	font-weight: bold;
	text-indent: 28px;
	color: #fff;
	cursor: pointer;
	background-repeat: no-repeat;
	background-size: auto 70%;
	background-position: 5px center;
	display: block;
	width: 100%;
	text-align: left;
}

.kunder .kunde input.approve {
	background-color: #43A34B;
	background-image: url('../img/save-white.png');

}

.kunder .kunde input.deny  {
	background-color: #BB2830;
	background-image: url('../img/fjern-white.png');
}