@import url(https://fonts.googleapis.com/css?family=Dosis:400,600,800|Open+Sans);

@font-face {
	font-family: 'lofacket';
	src:url('fonts/lofacket.eot');
	src:url('fonts/lofacket.eot#iefix') format('embedded-opentype'),
		url('fonts/lofacket.ttf') format('truetype'),
		url('fonts/lofacket.woff') format('woff'),
		url('fonts/lofacket.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'lofacket' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-arrow-circle-left:before {
    content: "\e900";
}
.icon-arrow-circle-right:before {
    content: "\e901";
}
.icon-arrow-down:before {
    content: "\e902";
}
.icon-arrow-left:before {
    content: "\e903";
}
.icon-arrow-right:before {
    content: "\e904";
}
.icon-arrow-up:before {
    content: "\e905";
}
.icon-arrow-up-down:before {
    content: "\e906";
}
.icon-bar-graph:before {
    content: "\e907";
}
.icon-calculator:before {
    content: "\e908";
}
.icon-chat:before {
    content: "\e909";
}
.icon-check:before {
    content: "\e90a";
}
.icon-cross:before {
    content: "\e90b";
}
.icon-download:before {
    content: "\e90c";
}
.icon-export:before {
    content: "\e90d";
}
.icon-globe:before {
    content: "\e90e";
}
.icon-home:before {
    content: "\e90f";
}
.icon-info:before {
    content: "\e910";
}
.icon-location:before {
    content: "\e911";
}
.icon-mail:before {
    content: "\e912";
}
.icon-menu:before {
    content: "\e913";
}
.icon-plus:before {
    content: "\e914";
}
.icon-ruler:before {
    content: "\e915";
}
.icon-user:before {
    content: "\e916";
}
.icon-users:before {
    content: "\e917";
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, 
caption, tbody, tfoot, thead{
	vertical-align: baseline;
	background: transparent;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
}
*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-appearance: none;
}
html, body{
	min-height: 100%;
}
body{
	font-family: "Open Sans", Verdana, Helvetica, sans-serif;
	background-color: #fff;
	font-weight: normal;
	line-height: 22px;
	font-size: 16px;
}
a:link, a:visited{
	text-decoration: none;
	color: #282828;
}
a:hover{
	text-decoration: none;
	color: #282828;
}
h1{
	font-family: "Dosis", Georgia, Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 35px;
	line-height: 36px;
	margin-bottom: 10px;
	color: #282828;
}
h2{
	font-family: "Dosis", Georgia, Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 25px;
	line-height: 29px;
	margin-bottom: 10px;
	color: #282828;
}
hr{
	border: 0 solid #fff;
	height: 20px;
	background-image: url(../images/hr-style.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100%;
	display: block;
	width: 100%;
}
table, tr, th, td{
	font-family: "Open Sans", Verdana, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 22px;
	color: #282828;
	padding: 5px;
	table-layout: fixed;
}
form{
	width: 100%;
	margin: auto;
}
input, textarea, select, label{
	font-family: "Open Sans", Georgia, Arial, Helvetica, sans-serif;
	margin-bottom: 25px;
	font-size: 20px;
	padding: 6px 0;
	width: 100%;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
	text-shadow: none;
	background-color: transparent;
	border: 0;
	border-bottom: 1px solid #5A939F;
}
input:focus, textarea:focus, select:focus{
	background-color: #fff;
	border-bottom: 1px solid #35843D !important;
}
textarea{
	height: 120px;
}
input.submit, input[type="submit"]{
	background-color: #35843D;
	-webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255, .5) inset;
	-moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255, .5) inset;
	-ms-box-shadow: 0px 1px 0px0px rgba(255,255,255, .5) inset;
	-o-box-shadow: 0px 1px 0px 0px rgba(255,255,255, .5) inset;
	box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .5);
	text-shadow: none;
	border: 1px solid #35843D;
	font-weight: bold;
	color: #ffffff;
	width: 100%;
	padding: 6px 0;
	margin-top: 10px;
	cursor: pointer;
	font-size: 15px;
}
input.submit:hover, input[type="submit"]:hover{
	background-color: #222222;
	border: 1px solid #282828;
	-webkit-box-shadow:0 0 10px 5px #282828 inset;
	-moz-box-shadow: 0 0 10px 5px #282828 inset;
	-ms-box-shadow: 0 0 10px 5px #282828 inset;
	-o-box-shadow: 0 0 10px 5px #282828 inset;
	box-shadow: inset 0 0 10px 5px #282828;
}
input.submit:focus, input[type="submit"]:focus{
	border: 1px solid #D1001F !important;
}
input[type='checkbox']{
	background: none;
	width: 30px;
}


input[type='button'], a.button:link, a.button:visited{
	font-family: "Dosis", Georgia, Arial, Helvetica, sans-serif;
	width: auto;
	margin: auto;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	padding: 5px 40px;
	border: 2px solid #D10C14 !important;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	color: #D10C14;
}
input[type='button']:hover, a.button:hover{
	border: 2px solid #D10C14 !important;
	background-color: #D10C14;
	color: #fff;
	text-decoration: none;
}
input[type='button'] span, a.button:link span, a.button:visited span{
	margin: 0 0 0 -20px;
	position: relative;
	font-size: 20px;
	top: 2px;
}

a.button.button-green:link, a.button.button-green:visited{
	border: 2px solid #35843D !important;
	background-color: #35843D;
	color: #fff;
}
a.button.button-green:hover{
	border: 2px solid #297731 !important;
	background-color: #297731;
}

.red::-webkit-input-placeholder {
	color: #D10C14;
}
.red:-moz-placeholder { /* Firefox 18- */
	color: #D10C14;
}
.red::-moz-placeholder {  /* Firefox 19+ */
	color: #D10C14;
}
.red:-ms-input-placeholder {  
	color: #D10C14;
}




/* START - CSS för inloggning */
.login{
	width: 400px;
	max-width: 95%;
	margin: auto;
}
.login .box{
	width: 100%;
	border: 1px solid #dcdcdc;
	background-color: #fff;
	padding: 20px 20px 10px;
	margin: 10px 0;
}
.login .logo img{
	width: 80%;
}
.login input, .login select{
	margin-top: 20px;
}
.login ul:not(.ajaxlist){
	width: 100%;
	text-align: center;
	float: left;
	list-style-type: none;
}
.login ul:not(.ajaxlist) li{
	width: 33%;
	text-align: center;
	float: left;
}
.login ul:not(.ajaxlist) li a{
	margin: 30px -5px 20px;
	display: inline-block;
	font-size: 14px;
}
.login ul:not(.ajaxlist) li a:hover{
	color: #666;
}





section.main{
	float: left;
	margin: 0 0 0 2%;
	width: 98%;
	overflow-x: scroll;
}
section.main .main-blocks{
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
section.main .main-blocks li{
	float: left;
	height: 100%;
	width: 275px;
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
section.main .main-blocks li a{
	width: 100%;
	height: 100%;
	float: left;
	display: block;
	padding: 20px;
	position: relative;
}
section.main .main-blocks li a span{
	top: 2%;
	left: 10px;
	font-size: 50px;
	position: absolute;
}
section.main .main-blocks li p{
	top: 23%;
	left: 0;
	right: 0;
	line-height: 22px;
	position: relative;
}
section.main .main-blocks li p strong{
	font-family: "Dosis", Georgia, Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 30px;
	line-height: 35px;
	width: 100%;
	padding: 0 0 50px 0;
	display: block;
}
section.main .main-blocks li div.action{
	font-family: "Dosis", Georgia, Arial, Helvetica, sans-serif;
	width: 84%;
	margin: auto;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	padding: 7px 0;
	top: 75%;
	left: 8%;
	position: absolute;
	border: 2px solid #fff;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}
a.red-block{
	background-color: #D10C14;
	color: #fff;
}
a.red-block:hover{
	background-color: #b10910;
}
a.red-block div.action:hover{
	background-color: #fff;
	color: #b10910;
}
a.blue-block{
	background-color: #DFECF0;
	color: #000;
}
a.blue-block:hover{
	background-color: #bcd6de;
}
a.blue-block div.action{
	border: 2px solid #000 !important;
}
a.blue-block div.action:hover{
	background-color: #000;
	color: #fff;
}
section.main .main-blocks li.start-block{
	background-color: #DFECF0;
	background-image: url(../images/startbackgrund.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: cover;
	width: 390px !important;
	padding: 20px;
	color: #fff;
}
section.main .main-blocks li.start-block .bubble{
	font-family: "Dosis", Georgia, Arial, Helvetica, sans-serif;
	background-color: #fff;
	width: 80px;
	height: 80px;
	-webkit-border-radius: 45px;
	-moz-border-radius: 45px;
	-ms-border-radius: 45px;
	-o-border-radius: 45px;
	border-radius: 45px;
	color: #D10C14;
	text-align: center;
	line-height: 80px;
	font-size: 30px;
	font-weight: 600;
	padding: 0;
	top: 5%;
	position: absolute;
	left: 40%;
	left: calc(50% - 40px);
}
section.main .main-blocks li.start-block h1{
	color: #fff;
	text-align: center;
	font-size: 50px;
	line-height: 35px;
	width: 100%;
	top: 27.5%;
	position: absolute;
}
section.main .main-blocks li.start-block ul{
	list-style-type: none;
	width: 95%;
	margin: 0 0 0 5%;
	float: left;
	top: 35.5%;
	position: absolute;
}
section.main .main-blocks li.start-block ul li{
	width: 50%;
	float: left;
	font-size: 20px;
	line-height: 22px;
	margin-bottom: 15px !important;
}




nav{
	background-color: #1B0001;
	background-color: rgba(27,0,1,.95);
	text-align: center;
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;

	width: 100%;
	min-height: 100%;
	position: absolute;
	z-index: 500;
	padding-top: 120px;
	top: 0;
	left: 0;
	display: none;
}
nav ul{
	list-style-type: none;
	width: 400px;
	max-width: 100%;
	padding: 0;
	margin: auto;
	display: inline-block;
}

nav > ul li{
	width: 100%;
	text-align: left;
	display: block;
	float: left;
	padding: 10px 0;
	position: relative;
}
nav > ul li hr{
	border: none;
	border-top: 1px solid #fff;
	height: 1px;
}


nav > ul li a:link, nav > ul li a:visited{
	font-family: "Dosis", Georgia, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 30px;
	width: 400px;
	max-width: 100%;
	float: left;
	display: block;
	color: #fff;
	padding: 15px 0;
	vertical-align: middle;
	line-height: 40px;
}
nav > ul li a:link span, nav > ul li a:visited span{
	font-size: 50px;
	vertical-align: middle;
	line-height: 50px;
	margin-right: 40px;
	top: -3px;
	position: relative;
	float: left;
}
nav > ul li a:hover{
	background: none;
	color: #ebc5c5;
}





header{
	background-color: #fff;
	z-index: 1000;
	color: #777;
	width: 100%;
	height: 110px;
	position: relative;
	text-align: left;
	padding: 25px 2% 10px 2%;
	margin: 0;
}
header a.logo:link, header a.logo:visited{
	float: left;
}
header a.logo img{
	height: auto;
	width: 250px;
}
header .togglemenu{
	margin: 10px 0 0 0;
	height: 60px;
	color: #D10C14;
	float: right;
}
header .togglemenu span{
	font-size: 50px;
	line-height: 40px !important;
	height: 60px;
	color: #D10C14;
	float: right;
}
header .togglemenu:hover span{
	color: #000;
}
.user-profile{
	margin: 5px 20px 0 0;
	float: right;
	font-size: 18px;
	line-height: 35px;
	color: #242424;
	position: relative;
	cursor: pointer;
	float: left;
}
.user-profile > a{
	float: left;
	font-size: 18px;
	line-height: 35px;
	color: #242424;
	position: relative;
	cursor: pointer;
	margin: 0 !important;
	float: left;
	border: 1px solid #dedede;
	padding: 8px 10px !important;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	-ms-border-radius: 40px;
	-o-border-radius: 40px;
	border-radius: 40px;
}
.user-profile > a span.icon-globe, .user-profile > a span.icon-bar-graph, .user-profile > a span.icon-mail{
	margin: 5px 20px 0 5px;
}
.user-profile .user-initials{
	font-family: "Dosis", Georgia, Arial, Helvetica, sans-serif;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-ms-border-radius: 25px;
	-o-border-radius: 25px;
	border-radius: 25px;
	background-color: #777;
	color: #fff;
	width: 35px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	font-size: 16px;
	margin-right: 20px;
	float: left;
}
.user-profile span{
	color: #777;
	font-size: 25px;
	margin: 4px 0 0 10px;
	float: left;
}
nav .user-profile{
	margin: 12px 0 0 0;
	float: left;
	width: 100%;
	padding: 0 10px;
}
nav .user-profile > a{
	width: 100% !important;
	margin: 0 !important;
	float: left;
	border: 1px solid #fff;
	padding: 10px !important;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	-ms-border-radius: 40px;
	-o-border-radius: 40px;
	border-radius: 40px;
}
nav .user-profile .user-initials{
	background-color: #fff;
	color: #1B0001;
}
nav .user-profile span{
	color: #fff;
	font-size: 25px;
	margin: 4px 0 0 10px !important;
	float: right !important;
}
nav .user-profile span.icon-globe, nav .user-profile span.icon-bar-graph{
	color: #fff;
	font-size: 35px;
	margin: 4px 20px 0 0 !important;
	float: left !important;
}
nav .user-profile a:hover, nav .user-profile a:hover span{
	color: #ebc5c5 !important;
}
nav .user-profile a:hover .user-initials{
	background-color: #ebc5c5;
}
header .user-profile ul.submenu{
	background-color: #fff;
	border: 1px solid #dedede;
	position: absolute;
	width: 220px;
	top: 65px;
	right: -11px;
	z-index: 1000;
	padding: 4px 0;
	list-style-type: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}

header .user-profile ul.submenu:before{
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	border-bottom: 9px solid #dedede;
	display: inline-block;
	position: absolute;
	content: '';
	right: 10%;
	top: -9px;
}
header .user-profile ul.submenu:after{
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
	border-bottom: 7px solid #fff;
	display: inline-block;
	position: absolute;
	content: '';
	right: 11%;
	top: -7px;
}


header .user-profile ul.submenu li{
	width: 100%;
	float: left;
}
header .user-profile ul.submenu li a{
	text-align: left;
	width: 100%;
	float: left;
	padding: 10px 0 10px 20px;
	line-height: 20px;
	font-size: 16px;
}
header .user-profile ul.submenu li a:hover, header .user-profile ul.submenu li a:active, header .user-profile ul.submenu li a:focus{
	background-color: #F4F4F4;
}

section.box{
	background-color: #DFECF0;
	width: 98%;
	margin: 0 0 0 2%;
	float: left;
	min-height: 430px;
	position: relative;
	overflow-y: auto;
}
section.box .box-nav{
	font-family: "Dosis", Georgia, Arial, Helvetica, sans-serif;
	width: 62px;
	height: 100%;
	position: fixed;
	color: #fff;
	overflow: hidden;
	top: 0;
	z-index: 100;
}
section.box .box-nav-left{
	left: 2%;
}
section.box .box-nav-right{
	right: 0 !important;
}
section.box .box-nav h1{
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	font-family: "Dosis", Georgia, Arial, Helvetica, sans-serif;
	font-size: 35px;
	line-height: 50px;
	color: #fff;
	height: 60px;
	width: 768px;
	top: 50%;
	text-align: center;
	left: -565%;
	position: absolute;
	float: left;
}
section.box .box-nav span{
	position: absolute;
	bottom: 10px;
	left: 10%;
	font-size: 50px;
}
section.box .box-nav-right span{
	font-size: 62px;
	left: 0%;
}
section.box .box-red{
	background-color: #D10C14;
}
section.box .box-red:hover{
	background-color: #b10910;
}
section.box .box-green{
	background-color: #35843D;
}
section.box .box-green:hover{
	background-color: #297731;
}
section.box .container{
	width: 80%;
	width: calc(100% - 200px);
	float: left;
	margin: 0 0 0 100px;
	position: relative;
	z-index: 10;
}
section.box .container.no-right{
	width: 90%;
	width: calc(100% - 140px);
}
section.box .container ul.content-top{
	padding: 30px 0 0;
	margin-bottom: 15px;
	float: left;
	width: 100%;
	list-style-type: none;
}
section.box .container ul.content-top li h1{
	margin-bottom: 0;
}
section.box .container ul.content-top li{
	float: left;
	line-height: 30px;
	height: 46px;
}
section.box .container ul.content-top li.f-right{
	margin: 0 0 0 10px;
}
section.box .container ul.content-top li span{
	font-size: 40px;
	color: #9CA5A8;
}
section.box .container ul.content-top li a.active span{
	color: #000;
}
section.box .container .content{
	width: 100%;
	float: left;
	font-size: 16px;
	line-height: 22px;
	color: #282828;
	padding: 0 0 20px 0;
}
section.box .container .content ul, section.box .container .content ol{
	margin: 20px 16px 40px;
}
section.box .container .content ul li, section.box .container .content ol li, .box ul li, .box ol li{
	margin: 0 0 5px 0;
}


section.box .container .content label, .box label{
	cursor: pointer;
	position: relative;
	display: block;
	height: 40px;
	float: none;
	width: 100%;
}
label.active{
	font-weight: bold;
	border-bottom: 3px solid #35843D !important;
	
}


.sum-section{
	width: 100%;
	border-bottom: 1px solid #5A939F;
	padding: 15px 0;
	font-size: 16px;
	float: left;
}
.sum-section .sum-row-wrapper{
	width: 100%;
	float: left;
}
.sum-section .head-title{
	font-size: 20px;
	padding: 6px 0;
	float: left;
	width: 50%;
}
.sum-section .head-answer{
	text-align: right;
	font-size: 20px;
	padding: 6px 0;
	float: right;
	width: 50%;
}
.sum-section .sub-title{
	float: left;
	padding: 6px 0;
	width: 50%;
}
.sum-section .sub-answer{
	padding: 6px 0;
	text-align: right;
	float: right;
	width: 50%;
}
.sum-section .description{
	padding: 6px 0;
	float: left;
	width: 100%;
}

section.box .container .content label span, .box label span{
	font-family: "Dosis", Georgia, Arial, Helvetica, sans-serif;
	position: absolute;
	z-index: 100;
	bottom: 0;
	right: 0;
	padding: 7px 13px 7px 10px;
	font-size: 14px;
	-webkit-border-radius: 4px 0 5px 4px;
	-moz-border-radius: 4px 0 5px 4px;
	-ms-border-radius: 4px 0 5px 4px;
	-o-border-radius: 4px 0 5px 4px;
	border-radius: 4px 0 5px 4px;
	color: #000;
	font-size: 25px;
}

.content ul.twocol{
	list-style-type: none;
	width: 100%;
	margin: 0 !important;
	padding: 0;
	float: left;
}
.content ul.twocol > li{
	width: 50%;
}
.content ul.twocol > li:nth-of-type(odd){
	padding: 0 2% 0 0;
	float: left;
}
.content ul.twocol > li:nth-of-type(even){
	padding: 0 0 0 2%;
	float: left;
}





.ischecked{
	display: none;
	font-weight: normal;
}
input.checkbox{
	width: 10px;
	height: 10px;
	vertical-align: middle;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
	filter: alpha(opacity=1);
	-moz-opacity: 0.1;
	-khtml-opacity: 0.1;
	-webkit-opacity: 0.1;
	opacity: 0.1;
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 10;
	display: none;
}
select option:disabled {
	font-weight: bold;
	color: #000;
}
.bottom40space{
	margin-bottom: 40px;
}


.stats-bar-base{
	background-color: #5A939F;
	display: block;
	width: 100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	height: 50px;
	margin: 10px 0;
	overflow: hidden;
}
.stats-bar-base:hover{
	cursor: help;
}
.stats-bar-base .stats-bar-value{
	background-color: #D10C14;
	position: absolute;
	height: 100%;
	width: 0;
	left: 0;
	top: 0;
	-webkit-transition: width 2s ease-in-out;
	-moz-transition: width 2s ease-in-out;
	-o-transition: width 2s ease-in-out;
	transition: width 2s ease-in-out;
}
.stats-bar-base p{
	float: left;
	line-height: 50px;
	position: absolute;
	padding: 0 0 0 15px;
	font-weight: bold;
	color: #fff;
}
.stats-bar-base:hover p span{
	display: none;
}
.stats-bar-base:hover p span.hide{
	display: inline	;
}


table.list, div.list{
	background-color: #fff;
	width: 100%;
	border: 1px solid #DEDEDE;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
table.list thead tr th, div.list .list-head{
	font-family: "Dosis", Georgia, Arial, Helvetica, sans-serif;
	font-weight: 600;
	border-bottom: 1px solid #DEDEDE;
	padding: 12px 15px;
	font-size: 20px;
	text-align: left;
}
table.list thead tr th span, div.list .list-head span{
	color: #8F8F8F;
	font-size: 28px;
	line-height: 10px;
	position: relative;
	top: 3px;
	display: inline-block;
}
table.list tbody tr td{
	padding: 15px 15px;
	color: inherit;
}
table.list tbody tr td a{
	color: #0074A2;
}

table.list tbody tr:nth-child(odd){
	background-color: #F4F4F4;
}
table.list tbody tr:hover, table.list tbody tr.active{
	background-color: #DFECF0;
	font-weight: bold;
}
table.list tbody tr.foot td{
	padding: 25px 15px;
	color: #707070;
}
table.list tbody tr.foot td b{
	font-size: 25px;
	color: #000;
}
div.list .list-body{
	padding: 15px 15px;
	width: 100%;
	float: left;
}
.inverted-border{
	border: 1px solid #5A939F !important;
}
.inverted-border thead tr th, .inverted-border .list-head{
	border-bottom: 1px solid #5A939F !important;
}
.inverted-border tbody tr:hover, .inverted-border tbody tr.active{
	background-color: #5A939F !important;
	color: #fff !important;
}
.grayed{
	color: #707070;
	padding-left: 30px;
}




/* Klasser */
.f-right{
	float: right !important;
}
.f-left{
	float: left !important;
}
.center{
	width: 100%;
	text-align: center;
	margin: auto;
}
.clear{
	text-indent: -4000px;
	line-height: 0;
	display: block;
	font-size: 0;
	clear: both;
	height: 0;
}

.cookies{
	position: fixed;
	bottom: 0;
	width: 100%;
	background-color: #fff;
	font-size: 12px;
	text-align: center;
	display: block;
	line-height: 20px;
	padding: 5px;
}
.cookies span{
	vertical-align: middle;
	font-size: 20px;
	margin: 0 10px 0 0;
}
.mobile{
	display: none;
}
.desktop{
	display: block;
}
.hide{
	display: none;
}
.error-notification{
	font-size: 20px;
	color: #D10C14;
}
.error-notification span{
	font-size: 30px;
	line-height: 20px;
	vertical-align: middle;
}
.red{
	border-bottom: 3px solid #D10C14;
	color: #D10C14;
}


.buttons{
	text-align: center;
	padding: 20px;
	width: 100%;
	float: left;
}
.buttons a:link, .buttons a:visited{
	font-family: "Dosis", Georgia, Arial, Helvetica, sans-serif;
	font-weight: 600;
	background-color: transparent;
	text-align: center;
	width: 24%;
	max-width: 300px;
	display: inline-block;
	padding: 5px 5px;
	margin: 10px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	-ms-border-radius: 16px;
	-o-border-radius: 16px;
	border-radius: 16px;
}
.buttons a:hover{
	background-color: #D10C14;
}
ul.ajaxlist{
	width: 100%;
	background-color: #fff;
	float: left;
	list-style-type: none;
	margin: 0 !important;
	padding: 0;
}
ul.ajaxlist li{
	width: 100%;
	float: left;
}
ul.ajaxlist li a:link, ul.ajaxlist li a:visited, ul.ajaxlist li b{
	padding: 8px 15px;
	width: 100%;
	float: left;
}
ul.ajaxlist li a:hover{
	background-color: #e5e5e5;
}
.no-margin{
	margin-bottom: 0;
}

.arrow-up-down{
	background-image: url(../images/arrow-up-down.svg);
	background-repeat: no-repeat;
	background-position: right 10px;
	background-size: 40px 25px;
}




@media all and (max-width: 750px) {

	.mobile{
		display: block;
	}
	.desktop{
		display: none;
	}
	body{
		overflow-x: hidden;
	}

	header{
		height: 90px;
		padding: 10px 2% 10px 2%;
	}
	header a.logo{
		margin-top: 10px;
	}
	header a.logo img{
		width: 200px;
	}
	header .togglemenu span{
		margin-right: -10px;
	}
	nav > ul li a:link, nav > ul li a:visited {
		font-size: 23px;
		padding: 7px 0;
		line-height: 30px;
		width: auto;
		margin-left: 15%;
	}
	nav > ul li a:link span, nav > ul li a:visited span{
		font-size: 35px;
		line-height: 30px;
		margin-right: 30px;
		top: -3px;
	}
	nav > ul li ul li a:link, nav > ul li ul li a:visited{
		margin-left: 17%;
		width: 100%;
	}



	section.main{
		margin: 0 0 2%;
		width: 100%;
		overflow-x: hidden;
	}
	section.main .main-blocks li{
		width: 100%;
	}

	section.main .main-blocks li a span{
		display: none;
	}
	section.main .main-blocks li p{
		top: auto;
		left: auto;
		right: auto;
		position: relative;
		padding: 10px 0 0 0;
	}
	section.main .main-blocks li p strong{
		font-size: 30px;
		line-height: 35px;
		width: 100%;
		padding: 0;
		display: block;
	}
	section.main .main-blocks li p strong br{
		display: none;
	}
	section.main .main-blocks li div.action{
		top: auto;
		left: auto;
		position: relative;
		margin: 35px auto 10px auto;
	}
	section.main .main-blocks li.start-block{
		padding-bottom: 20px;
		width: 100% !important;
		background-position: 0 20%;
		background-size: 100% auto;
	}
	section.main .main-blocks li.start-block .bubble{
		width: 60px;
		height: 60px;
		line-height: 60px;
		margin: 20px 0 0 0;
		float: left;
		position: relative;
		left: auto;
		top: auto;
	}
	section.main .main-blocks li.start-block h1{
		padding: 32px 0 0 20px;
		position: relative;
		font-size: 40px;
		width: auto;
		float: left;
	}
	section.main .main-blocks li.start-block ul{
		margin: 30px 0 0 0;
		position: relative;
		width: 100%;
	}




	section.box{
		width: 100%;
		margin: 0;
		padding: 50px 0;
		min-height: auto;
		overflow-y: auto;
	}
	section.box .box-nav{
		width: 100%;
		height: auto;
		padding: 10px 0;
		position: absolute;
		overflow: auto;
		top: 0;
	}
	section.box .box-nav-left{
		left: 0;
	}
	section.box .box-nav-right{
		right: auto !important;
		left: 0;
		bottom: 0;
		top: auto;
	}
	section.box .box-nav h1{
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);

		font-size: 30px;
		line-height: 35px;
		color: #fff;
		height: auto;
		width: 100%;
		top: auto;
		text-align: center;
		left: 0;
		position: relative;
		float: left;
		margin: 0;
	}
	section.box .box-nav span{
		position: absolute;
		bottom: auto;
		left: 0%;
		font-size: 37px;
	}
	section.box .box-nav-right span{
		font-size: 45px;
		line-height: 35px;
		left: 0%;
	}
	section.box .container{
		width: 92%;
		margin: 0 0 0 4%;
		min-height: 300px;
	}
	section.box .container.no-right{
		width: 92%;
		margin: 0 0 0 4%;
	}
	section.box .container .content h1{
		line-height: 40px;
		font-size: 25px;
		
	}
	.stats-bar-base p{
		font-size: 14px;
	}

}