@charset "UTF-8";
/* CSS Document */
body {
	box-sizing: border-box;
	height: 100vh;
	padding: 0;
	margin: 0;
	font-family: "Open Sans", "Open Sans", "Helvetica Neue", "Helvetica", "sans-serif";
	color: #616161;
	font-size: 2.0vw;
	/*line-height:1.35;*/
	/*background: #FEFD88;*/
}
@media (min-width:940px) {
	body {
		font-size: 20px;
	}
}
@media (max-width:750px) {
	body {
		font-size: 2.6vw;
	}
}
@media (max-width:450px) {
	body {
		font-size: 5vw;
	}
}
.a1 {
	color: #616161;
	text-decoration: none;
}
.a1:hover {
	color: #000000;
}
/* flex box */
.flex {
	display: flex;
}
.page {
	padding: 0 3%;
}
.column {
	flex-direction: column;
}
.column-row {
	flex-direction: column;
}
.h-center {
	justify-content: center;
}
.h-left {
	justify-content: flex-start;
}
.v-center {
	align-items: center;
}
.v-center-special {
	display: flex;
	align-items: center;
}
@media (max-width:450px) {
	.v-center-special {
		display: block;
		align-items: baseline;
	}
}
.tvaaspalt-ordning1-2 {
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
}
@media (max-width:450px) {
	.tvaaspalt-ordning1-2 {
		flex-direction: column-reverse;
	}
}
.bildrad1 {
	display: flex;
	flex-direction: column;
}
@media (max-width:450px) {
	.bildrad1 {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.bildrad1 div {
		width: 32%;
	}
}
.bildrad2 {
	display: flex;
	flex-direction: column;
}
@media (max-width:450px) {
	.bildrad2 {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.bildrad1 div {
		width: 32%;
	}
}
.bildrad3 {
	flex-direction: row;
}
@media (max-width:450px) {
	.bildrad3 {
	flex-direction: column;
}
}
.f_space_between {
	justify-content: space-between;
}
/* img */
.img {
	width: 100%;
	height: auto;
	display: block;
}
@media (max-width:450px) {
	.img {
		width: 100%;
		/*height: auto;
    display: block;*/
	}
}
/* block div */
.blockdiv {
	width: auto;
	max-width: 940px;
}
.bcolor {
	background: #BBDDFF;
	padding: 0 0 0 2%;
}
.tvaaspalt {
	flex-direction: row;
	justify-content: space-between;
}
.spalt-30 {
	width: 29%;
}
.spalt-32 {
	width: 31%;
}
.spalt-33 {
	width: 32%;
}
.spalt-35 {
	width: 34%;
}
.spalt-37 {
	width: 36%;
}
.spalt-38 {
	width: 37%;
}
.spalt-39 {
	width: 38%;
}
.spalt-39-5 {
	width: 38.5%;
}
.spalt-40 {
	width: 38%;
}
.spalt-50 {
	width: 49%;
}
.spalt-55 {
	width: 54%;
}
.spalt-57 {
	width: 56%;
}
.spalt-60 {
	width: 59%;
}
.spalt-60-5 {
	width: 60.5%;
}
.spalt-61 {
	width: 60%;
}
.spalt-62 {
	width: 61%;
}
.spalt-63 {
	width: 62%;
}
.spalt-65 {
	width: 64%;
}
.spalt-67 {
	width: 66%;
}
.spalt-68 {
	width: 67%;
}
.spalt-70 {
	width: 69%;
}
.spalt-100-50 {
	width: 100%;
}
@media (max-width:450px) {
	.tvaaspalt {
		flex-direction: column;
		justify-content: flex-start;
	}
	.spalt-30 {
		width: 100%;
	}
	.spalt-32 {
		width: 100%;
	}
	.spalt-33 {
		width: 100%;
	}
	.spalt-35 {
		width: 100%;
	}
	.spalt-37 {
		width: 100%;
	}
	.spalt-38 {
		width: 100%;
	}
	.spalt-39 {
		width: 100%;
	}
	.spalt-40 {
		width: 100%;
	}
	.spalt-50 {
		width: 100%;
	}
	.spalt-55 {
		width: 100%;
	}
	.spalt-57 {
		width: 100%;
	}
	.spalt-60-5 {
		width: 100%;
	}
	.spalt-60 {
		width: 100%;
	}
	.spalt-60 {
		width: 100%;
	}
	.spalt-61 {
		width: 100%;
	}
	.spalt-62 {
		width: 100%;
	}
	.spalt-63 {
		width: 100%;
	}
	.spalt-65 {
		width: 100%;
	}
	.spalt-67 {
		width: 100%;
	}
	.spalt-68 {
		width: 100%;
	}
	.spalt-70 {
		width: 100%;
	}
	.spalt-100-50 {
		width: 49%;
	}
}
.rub {
	font-weight: bold;
	padding-bottom: 2%;
}
.rub-center {
	font-weight: bold;
	padding-bottom: 4%;
	text-align: center;
}
@media (max-width:450px) {
	.rub-center {
	font-weight: bold;
	padding-bottom: 4%;
	text-align: left;
}

}
.stycke {
	padding-top: 2vh;
}
.font-small {
	/*font: 80%/normal "Open Sans", "Open Sans", "Helvetica Neue", "Helvetica", "sans-serif";*/
	font-size: 80%;
	line-height: 1.3;
}
.spacer {
	height: 4vh;
	/*margin: 2vw 0;*/
	/*background: #FFFBDA;*/
}
@media (max-width:450px) {
	.spacer {
		height: 4vh;
	}
}
.img_spacer {
	height: 0;
}
@media (max-width:450px) {
	.img_spacer {
		height: 2vh;
	}
}
.linje1 {
	height: 1px;
	border-bottom: 1px solid rgba(215, 215, 215, 1.00);
	/*margin-bottom:  4vw;*/
}
.font-normal {
	/*color: #616161;*/
	/*font-size: 20px;*/
	line-height: 1.4;
}
.nej450 {
	/*display: block;*/
}
@media (max-width:450px) {
	.nej450 {
		display: none;
	}
}