body {
	background: #141414;
	color: #ffffff;
	text-align: center;
	font-family: "myFirstFont";
	padding: 0;
	margin: auto;
}

.blockcontainer {
	width: 100%;
	display: table;
	vertical-align: top;
}

.col_flank {
	background-color: #141414;
	display: table-cell;
	white-space: nowrap;
}

.col_mid {
	background-color: #141414;
	box-sizing: border-box;
	padding: 20px 15px;
	display: table-cell;
	width: 800px;
}

.col_footer_flank {
	background-color: #000000;
	display: table-cell;
	white-space: nowrap;
}

.col_footer_mid {
	background-color: #000000;
	box-sizing: border-box;
	padding: 35px 15px;
	display: table-cell;
	width: 1200px;
}

.betalaknapp {
	width: 100%;
	background-color: #b59852;
	color: white;
	padding: 14px 20px;
	margin: 8px 0;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14pt;
}

.betalaknapp:hover {
	background-color: #c6a363;
}

input[type=text], input[type="date"], select {
	width: 100%;
	padding: 12px 20px;
	margin: 8px 0;
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
}

input[type=submit] {
	width: 100%;
	background-color: #b59852;
	color: white;
	padding: 14px 20px;
	margin: 8px 0;
	border: none;
	border-radius: 4px;
	cursor: pointer;
}

input[type=submit]:hover {
	background-color: #c6a363;
}

.grundblock {
	background:#333333;margin:20px 0;padding:16px;font-size:12pt;text-align:center;color:#cccccc;
}

.innerblock {
	background:#232323;margin:20px 0;padding:16px;font-size:12pt;text-align:center;color:#cccccc;
}

.faltbeskrivningswrapper {
	margin: 0;
}

.faltwrapper {
	margin-bottom: 15px;
}

.blockrubrik {
	font-size:16pt;font-weight:bold;
}

.blockavskiljare {
	height:1px;background:#888888;margin-top:12px;margin-bottom:25px;
}

.felbox {
	padding:15px;background:#ff4d4d;color:#ffffff;font-size:16pt;margin-bottom:25px;
}

.framgangsbox {
	padding:15px;background:#bdffc8;color:#000000;font-size:16pt;margin-bottom:25px;
}

.footer {
	width: 100%;
	display: table;
	vertical-align: top;
	padding: 55px 0 35px 0;
	background-color: #000000;
	color: white;
	text-align: center;
	border-top:1px solid #222222;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	.grid-container {display: grid;grid-template-columns: auto;}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	.grid-container {display: grid;grid-template-columns: auto auto;}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	.grid-container {display: grid;grid-template-columns: auto auto;}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	.grid-container {display: grid;grid-template-columns: auto auto auto auto;}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
	.grid-container {display: grid;grid-template-columns: auto auto auto auto;}
}

.brassavskiljarstreck_ovre {
	height:2px;background:#b59852;margin-bottom:18px;
}

.brassavskiljarstreck_undre {
	height:2px;background:#b59852;margin-bottom:18px;
}

.brassrubrik {
	margin-bottom:7px;font-size:28pt;font-weight:bold;color:#b59852;
}

.badge{
	content:attr(value);
	font-size:20px;
	color: #fff;
	position:absolute;
	right:25px;
	top:35px;
}

.badge:after{
	content:attr(value);
	font-size:12px;
	color: #fff;
	background: red;
	border-radius:50%;
	padding: 0 5px;
	position:relative;
	left:-8px;
	top:-10px;
	opacity:0.9;
}

.valknappar {
	
	display: inline-block;
	outline: none;
	cursor: pointer;
	font-size: 14px;
	line-height: 1;
	border-radius: 500px;
	border: 1px solid #ffffff;
	letter-spacing: 2px;
	width: 100%;
	text-transform: uppercase;
	white-space: normal;
	font-weight: 700;
	text-align: center;
	padding: 17px 48px;
	color: #fff;
	background-color: #871437;
	
}

.valknappar:hover {

	color: #fff;
	background-color: #a93659;

}

.valknappar.selected {

	color: #fff;
	background-color: #a93659;
	box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.6);

}