@import url('https://fonts.googleapis.com/css?family=Lato:400,700|Roboto:400,700');

/*
font-family: 'Lato', sans-serif;
font-family: 'Roboto', sans-serif;
*/


html{
	-webkit-text-size-adjust: none;
	height:100%;
}
body{
	-webkit-text-size-adjust: none;
	margin:0px;
	padding:0px;
	background-color:#fff;
	color:#1d1d1b;
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 400;
	font-size:16px;
	height:100%;
    box-sizing: border-box;
}

h1{
	font-family: 'Lato', Arial, sans-serif;
	font-size:26px;
	line-height: 48px;
	font-weight:400;
	margin:0px 0px 24px 0px;
	letter-spacing: 0.01em;
}

h2{
	font-family: 'Lato', Arial, sans-serif;
	font-size:20px;
	line-height: 30px;
	font-weight:400;
	margin:0px 0px 6px 0px;
	letter-spacing: 0.01em;
}
div.kontakt-r h2{
	margin-top:19px;
}
h3{
	font-family: 'Lato', Arial, sans-serif;
	font-size:19px;
	line-height: 23px;
	font-weight:700;
	margin:0px 0px 5px 0px;
	letter-spacing: 0.01em;
}
h4{
	font-size:18px;
	line-height: 24px;
	font-weight:400;
	margin:0px 0px 11px 0px;
	letter-spacing: 0.01em;
}
p{
	font-size: 17px;
	line-height:21px;
	margin:0px 0px 17px 0px;
	letter-spacing: 0.01em;
	
}
p.rm{
	margin:0px;
	color:#57a5da;
	text-decoration: underline;
}
p.lagerinfo{
	color:#4e7e11;
}
span.valjforlager{
	color:#6f6f6f;
}
b, strong{
	font-weight: 700;
}
ul, ol{
	font-size: 1em;
	margin:-10px 0px 0.81em 0px;
	padding:0px 0px 0px 40px;
}
li{
	margin:0px 0px 0px 0px;
}
div.main-text li{
	font-size: 17px;
	line-height: 21px;
}
form{
	width:100%;
	margin:0px 0px 0px 0px;
	box-sizing: border-box;
}

table{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	table-layout: fixed;
	border-collapse: collapse;
}
tr, td{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
td{
	padding:0px 0px 5px 15px;
}

table.fourtd{
	max-width: 100%;
	width: 100%;
}
table.fourtd td{
	width: 25%;
}


div, h1, h2, h3, h4, p{
	box-sizing: border-box;
}

a{
	color:#1d1d1b;
	text-decoration:underline;
}
a:hover{

}

div.main-text a{
	color:#509a35;
}
div.main-text a.but{
	color:#fff;
}

a.nound{
	text-decoration:none;
}
a.nound:hover{
	text-decoration:underline;
}

span.ast{
	font-weight: 500;
}

.clfl{
	clear:both;
	font-size:1px;
	line-height:1px;
	height:1px;
}
.clfl.onlymid{
	display: none;
}
.clfl.onlysmmob{
	display: none;
}

img{
	border:none;
	vertical-align: bottom;
	max-width: 100%;
}

p.formmeddelande{
	color:#000;
	background-color:#fffadb;
	border:1px solid #dbb82f;
	padding:10px 10px 10px 10px;
	width: 100%;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
p.formfelmeddelande{
	color:#000;
	background-color:#FFAAAC;
	border:1px solid #de0000;
	padding:10px 10px 10px 10px;
	width: 100%;
	text-align: center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
div.valinfo{
	display: none;
	color:#000;
	background-color:#FFAAAC;
	border:1px solid #de0000;
	padding:10px 10px 10px 10px;
	margin:0px 0px 10px 0px;
	width: 200px;
	text-align: left;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}


textarea, input, textarea, select{
	font-family: 'Roboto', Arial, sans-serif;
	font-size:16px;
	color:#000;
	display: block;
	box-sizing: border-box;
}
select{
	cursor: pointer;
}

input.cb{
	cursor: pointer;
}

form{
	margin-top:15px;
}
form#formettid{
	margin-top:0px;
}
input.tfield, textarea.tfield, select.tfield, input.subbutton{
	width:auto;
	margin:0px;
	padding:3px 5px 4px 5px;
	font-weight: 400;
	height: 36px;
}
select.tfield{
	min-width:190px;
	max-width: 100%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
select.tfield.strlval{
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border: 1px solid #1d1d1b;
	padding:0px 10px 0px 10px;
	font-size: 16px;
	line-height: 16px;
}
input.tfield, textarea.tfield{
	width:300px;
	border:1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
textarea.tfield{
	width:100%;
	height: auto;
}


input.antal{
	width:54px;
	height:47px;
	border:1px solid #1d1d1b;
	color:1px solid #1d1d1b;
	margin:0px;
	padding:0px;
	font-size: 18px;
	line-height: 18px;
	font-weight: 700;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	text-align: center;
}


div.mobile-menu, div.mobile-head{
	display:none;
}

 
div.onlymob{
	display: none;
}
div.usescr{
	display: none;
}

div.container{
	padding:0px 0px 0px 0px;
	min-height: 100%;
	background-color: #f2f8ff;
}
div.cont-inner{
	width:1430px;
	margin:0 auto;
}
div.cont-inner.foot{
	padding-left:22px;
}


div.header{
	font-family: 'Lato', Arial, sans-serif;
	height:146px;
	margin:0px 0px 0px 0px;
	padding:8px 37px 0px 37px;
	background-color: #fff;
	font-size: 18px;
	line-height: 18px;
}



div.liten-kv{
	float:left;
	width:26%;
}
div.liten-kv.v2{
	width: 19%;
}

div.liten-kv-antal{
	float:left;
	width: 41px;
	height: 26px;
	text-align: center;
	padding:2px 0px 0px 0px;
	border:1px solid #1d1d1b;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	cursor: pointer;
}
div.liten-kv-txt{
	float:left;
	margin-left: 9px;
	width: auto;
	height: 26px;
	padding:4px 0px 0px 34px;
	background-image: url(/im/kv-ikon.png);
	background-position: left top;
	background-repeat: no-repeat;
	cursor: pointer;
}

div.logo{
	float:left;
	width: 348px;
	height: 105px;
}
div.logo a{
	display: block;
	position: relative;
	margin-top:3px;
	z-index: 500;
}
div.main-menu{
	float:right;
	padding-top:0px;
	min-height: 46px;
	padding-bottom:25px;
}
a.but, span.but{
	display: block;
	float:right;
	box-sizing: border-box;
	font-family: 'Lato', Arial, sans-serif;
	margin-left:12px;
	padding:7px 14px 8px 13px;
	background-color: #7d7d7d;
	color:#fff;
	font-size: 15px;
	text-decoration: none;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-transition: background-color 0.2s, color 0.2s; /* For Safari 3.1 to 6.0 */
    transition: background-color 0.2s, color 0.2s;
}
a.but.nm, span.but.nm{
	margin:0px;
}


div.menu-c{
	position: absolute;
	top: 8px;
	right: 37px;
}

div.menu-but{
	position: relative;
	display: block;
	float:right;
	box-sizing: border-box;
	font-family: 'Lato', Arial, sans-serif;
	margin-left:12px;
	padding:7px 0px 8px 0px;
	height: 33px;
	background-color: #7d7d7d;
	color:#fff;
	font-size: 15px;
	text-decoration: none;
	z-index: 9997;
	cursor: pointer;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-transition: background-color 0.2s, color 0.2s; /* For Safari 3.1 to 6.0 */
    transition: background-color 0.2s, color 0.2s;
}


div.menu-but.bla{
	background-color: #00609c;
	width: 139px;
}
div.menu-but.gron{
	background-color: #509a35;
	width: 164px;
}
div.menu-but.orange{
	background-color: #d67b00;
	width: 141px;
}
div.menu-but.rod{
	background-color: #c51a1b;
	width: 163px;
}
div.menu-but.rosa{
	background-color: #e6007e;
	width: 228px;
}
div.menu-but.yellow{
	background-color: #ff5800;
	width: 117px;
}


div.menu-but.bla div.menu-sub-c{
	background-color: #00609c;
}
div.menu-but.gron div.menu-sub-c{
	background-color: #509a35;
}
div.menu-but.orange div.menu-sub-c{
	background-color: #d67b00;
}
div.menu-but.rod div.menu-sub-c{
	background-color: #c51a1b;
}
div.menu-but.rosa div.menu-sub-c{
	background-color: #e6007e;
}
div.menu-but.yellow div.menu-sub-c{
	background-color: #ff5800;
}



div.menu-but.bla div.menu-sub-c a{
	color: #fff;
}
div.menu-but.gron div.menu-sub-c a{
	color: #fff;
}
div.menu-but.orange div.menu-sub-c a{
	color: #fff;
}
div.menu-but.rod div.menu-sub-c a{
	color: #fff;
}
div.menu-but.rosa div.menu-sub-c a{
	color: #fff;
}
div.menu-but.yellow div.menu-sub-c a{
	color: #fff;
}


div.menu-but:hover{
	-webkit-border-radius: 15px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius: 15px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-radius: 15px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
div.menu-but:hover div.menu-sub-c, div.menu-sub-c:hover{
	display: block;
}
div.menu-but:hover, div.menu-but:hover span{
	z-index: 9999;
}
div.menu-but:hover div.menu-sub-c{
	z-index: 9998;
}



div.menu-but.l{
	margin-left: 0px;
}
div.menu-but span{
	display: block;
	position: absolute;
	left:13px;
	top:7px;
	color:#fff;
	text-decoration: none;
	z-index: 9997;
}

div.menu-sub-c{
	display: none;
	position: absolute;
	width: 100%;
	left: 0px;
	top:0px;
	background-color: #fff;
	padding: 32px 0px 15px 15px;
	background-color: #e6007e;
	z-index: 9997;
	border-radius: 15px;
}

div.menu-but.yellow div.menu-sub-c{
	width: 195px;
	left:-39px;
}
div.menu-but.rosa div.menu-sub-c{
	width: 270px;
	left:-21px;
}
div.menu-but.rod div.menu-sub-c{
	width: 220px;
	left:-29px;
}
div.menu-but.orange div.menu-sub-c{
	width: 200px;
	left:-30px;
}
div.menu-but.gron div.menu-sub-c{
	width: 230px;
	left:-33px;
}
div.menu-but.bla div.menu-sub-c{
	width: 195px;
	left:auto;
	right: -27px;
}

div.menu-sub-c a{
	display: block;
	color: #fff;
	text-decoration: none;
    width: 100%;
    padding: 4px 0px 2px 12px;
    font-size: 16px;
    line-height: 20px;
    background-image: url(/im/arrow-right-3.png);
    background-position: 0px 9px;
    background-repeat: no-repeat;
    box-sizing: border-box;
}
div.menu-sub-c a:hover{
	text-decoration: underline;
}

div#anm-nyh-done-id{
	display: none;
	color:#fff;
	font-size: 14px;
}
form.footerForm{
	margin-top: 0px;
}
div.anm-nyh-l{
	float: left;
}
div.anm-nyh-r{
	float: left;
	padding-left: 10px;
}
input.footerField {
    display: block;
    box-sizing: border-box;
    padding: 0px 0px 0px 8px;
    height: 30px;
    border: none;
    background-color: #fff;
    color: #1d1d1b;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    width: 240px;
	font-family: 'Roboto', Arial, sans-serif;
    font-size: 14px;
}

span.footerBut{
	display: block;
	box-sizing: border-box;
	font-family: 'Lato', Arial, sans-serif;
	padding:6px 0px 0px 0px;
	height: 30px;
	background-color: #324e0e;
	color:#fff;
	font-size: 14px;
	text-decoration: none;
	width: 80px;
	text-align: center;
	cursor: pointer;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-transition: background-color 0.2s, color 0.2s; /* For Safari 3.1 to 6.0 */
    transition: background-color 0.2s, color 0.2s;
}
div#anmInfoBox{
	display: none;
}
div.anmInfoError{
	box-sizing: border-box;
	color:#fff;
	background-color:#ca2222;
	padding:8px 10px 8px 10px;
	margin:0px 0px 10px 0px;
	width: 240px;
	min-height: 30px;
	text-align: left;
	font-size: 14px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;	
}


div.sidebar-cont.webshop a.but{
	min-width: 150px;
	text-align: center;
}

span.but.kform{
	cursor: pointer;
}

span.but.kform{
	cursor: pointer;
	width: 100%;
	margin-left: 0px;
	text-align: center;
}
span.but.kform.loading{
	display: none;
	cursor: pointer;
	color:#7ab929;
	background-color: #fff;
	border:1px solid #7ab929;
	background-image: url(/im/loading.gif);
	background-position: 10px center;
	background-repeat: no-repeat;
	text-align: left;
	padding-left:40px;
}


.but.kvl{
	float:left;
	text-align: center;
	margin-top: 75px;
	width:47%;
}
.but.kvr{
	float:right;
	text-align: center;
	margin-top: 75px;
	width:47%;
}

a.but.small, span.but.small{
	margin-left:0px;
	padding:3px 14px 3px 13px;
	background-color: #7d7d7d;
	font-size: 13px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

div.main-menu a.l{
	margin-left:0px;
}
div.main-menu a.m, div.main-menu a:hover{

}

span.but{
	float:left;
	margin-left:5px;
}
div.sidebar-cont.webshop span.but{
	float:right;
	margin-left:0px;
	max-width: 100%;
	word-break: break-word;
}
div.sidebar-cont.webshop.kurs span.but{
	float:left;
}

div.main-menu div.r2{
	padding-top:58px;
	padding-right:14px;
}

div.main-menu div.r2.subm{
	padding-top:91px;
}

div.main-menu div.r2 a{
	display: block;
	float:right;
	box-sizing: border-box;
	margin-left:24px;
	padding:0px 0px 0px 0px;
	font-size: 18px;
	text-decoration: none;
	-webkit-transition: background-color 0.2s, color 0.2s; /* For Safari 3.1 to 6.0 */
    transition: background-color 0.2s, color 0.2s;
}
div.main-menu a.l{
	margin-left:0px;
}
div.main-menu  div.r2 a.m, div.main-menu  div.r2 a:hover{
	text-decoration: underline;
}


a.but.bla, span.but.bla{background-color: #00609c;}
a.but.gron, span.but.gron{background-color: #509a35;}
a.but.ljusgron, span.but.ljusgron{background-color: #7ab929;}
a.but.orange, span.but.orange{background-color: #d67b00;}
a.but.rod, span.but.rod{background-color: #c51a1b;}
a.but.ljbla, span.but.ljbla{background-color: #009fe3;}
a.but.rosa, span.but.rosa{background-color: #e6007e;}
a.but.yellow, span.but.yellow{background-color: #ff5800;}

span.but.ljusgron.laggikv{
    margin: 0 auto;
    width: 162px;
    padding: 7px 0px 8px 0px;
    text-align: center;
    border: 1px solid #7ab929;
	cursor: pointer;
}

div.binfo{
	width: 162px;
	text-align: center;
	padding-top:15px;
}

div.body{
	background-color: #fff;
	padding-bottom:116px;
}

div.bildspel{
    width: 100%;
}
div.bildspel img{

}

div.section{
	padding-bottom:0px;
}

div.top-img{
	position: relative;
	padding-top:122px;
}

div.main{
	float: none;
	width:73%;
	margin-left:13.5%;
	padding-top:30px;
}
div.main h1, div.main h2{
	text-align: center;
}
div.main.right{
	float:right;
	width: 79%;
	margin:0%;
	padding-top:27px;
}
div.main.right.om-oss{
	width: calc(100% - 179px);
}
div.main.right.galleri{
	width: 100%;
}
div.main.right.galleri h1{
	font-family: 'Lato', Arial, sans-serif;
    font-size: 26px;
    line-height: 48px;
    font-weight: 400;
    margin: 0px 0px 18px 0px;
    letter-spacing: 0.01em;
}

div.main.right.kontakt{
	width: 40%;
	margin:0%;
	padding-top:27px;
}
div.main.right.webshop{
	position: relative;
	margin-right: 2%;
	width: 73%;
	padding-top:100px;
}
div.main.right.webshop.kurs{
	margin-right: 2%;
	width: 76%;
	padding-top:100px;
}
div.main.right.webshop.kurs p{
	max-width: 80%;
}
div.main.right.webshop.kurs div.binfo p{
	max-width: 100%;
}
div.main.right.kundvagn{
	position: relative;
	float:none;
	width: 73%;
	padding-top:122px;
	margin-left: 13.5%;
}
div.main.right.webstart{
	position: relative;
	float:none;
	width: 73%;
	padding-top:100px;
	margin-left: 13.5%;
}
div.main.right h1{
	text-transform: uppercase;
}
div.main.right h1, div.main.blogg h1, div.main.right h2{
	text-align: left;
	font-family: 'Roboto', Arial, sans-serif;
	font-size:18px;
	line-height: 22px;
	font-weight:400;
	margin:0px 0px 0px 0px;
	letter-spacing: 0.01em;
}
div.main.right h2{
	font-weight:700;
	margin:15px 0px 6px 0px;
}
div.main.blogg h1{
	margin:20px 0px 20px 0px;
}

div.main.right div.prod-txt.wider h1{
	font-weight: 700;
}

div.sidebar-cont{
	float:left;
	width:21%;
	padding-top:30px;
}
div.sidebar-cont.om-oss{
	float:left;
	width:179px;
	padding-top:30px;
}
div.sidebar-cont.kontakt{
	float:left;
	padding-left:14%;
	padding-right:40px;
	width:60%;
	padding-top:27px;
}
div.sidebar-cont.webshop{
	width:25%;
	padding-right: 18px;
	padding-top:100px;
}
div.sidebar-cont.webshop.kurs{
	width:20%;
	padding-right: 18px;
	padding-top:100px;
	margin-left:2%;
}

div.sidebar{
	float:left;
	width:100%;
}

div.sidehead, div.mob-h{
	font-family: 'Lato', Arial, sans-serif;
	width:100%;
	background-color: #57a5da;
	padding:7px 0px 9px 5px;
	color:#fff;
	font-size: 24px;
	letter-spacing: 0.01em;
}
div.sidebody{
	width:100%;
	padding:9px 15px 14px 7px;
	font-size: 14px;
	line-height: 18px;
}
div.sidebody p{
	font-size: 16px;
	line-height: 20px;
	margin:0px 0px 8px 0px;
}
div.sidebody a{
	text-decoration: none;
}
div.sidebody a.m, div.sidebody a:hover{
	text-decoration: underline;
}

div.sidebody.links{
	padding:0px;
}
div.sidebody.links a{
    display: block;
	width: 100%;
    padding: 11px 20px 12px 13px;
    font-size: 16px;
    line-height: 18px;
    text-decoration: none;
    background-image: url(/im/arr-right.png);
    background-position: right center;
    background-repeat: no-repeat;
    box-sizing: border-box;
    color:#333;
}
div.sidebody.links a:hover, div.sidebody.links a.m{
	background-color: #eff0f0;
    text-decoration: underline;
}


div.sidebody.arrlinks{
	padding:0px;
	padding-left: 10px;
	padding-top: 10px;
}
div.sidebody.arrlinks a{
    display: block;
	width: 100%;
    padding: 4px 30px 2px 12px;
    font-size: 18px;
    line-height: 22px;
    text-decoration: none;
    background-image: url(/im/arrow-right-2.png);
    background-position: 0px 9px;
    background-repeat: no-repeat;
    box-sizing: border-box;
    color:#333;
}
div.sidebody.arrlinks a:hover, div.sidebody.arrlinks a.m{
    text-decoration: underline;
}


div.mob-h{
	display: none;
}

div.sidebody.padd-r{
	padding-right: 18px;
}



div.main-text{
	padding:0px 0px 0px 0px;
}
div.project-text{
	width:67%;
}
p.dte{
	font-size: 14px;
	color:#8e8e8e;
	font-style: italic;
	margin:14px 0px 0px 0px;
}
div.project-imgs{
	width:100%;
	padding-top: 7px;
}
div.project-imgs a{
	display: block;
	position: relative;
	float: left;
	width:18.18%;
	margin-right:2.27%;
	margin-bottom:2.27%;
}
div.project-imgs a.l{
	float: right;
	margin-right:0%;
}
div.project-imgs a img{
	display: block;
}

div.project-imgs img.zoomImg{
	display: none;
	position: absolute;
	left:50%;
	top:50%;
	margin-left: -20px;
	margin-top: -20px;
}
div.project-imgs img.zoomImg.hover{
	display:block;
}

div.proj-list-cont.f{
	padding-top:23px;
}
div.proj-list-cont.l{
	padding-bottom:10px;
	border-bottom:none;
}
div.proj-list-cont{
	padding-top:41px;
	padding-bottom:50px;
	border-bottom:1px solid #d9d9d9;
}

div.proj-list-left{
	float:left;
	width:20%;
	padding-top:12px;
}
div.proj-list-right{
	float:left;
	padding-left:25px;
	width:80%;
	padding-top:10px;
}
div.proj-list-right p.dte{
	margin-top:0px;
	margin-bottom:0px;
}
div.proj-list-right p{
	margin-bottom:5px;
}

a.proj-link{
	display: block;
	text-decoration: none;
	color:#333;
}

div.tillbaka{
	font-size: 20px;
	margin-top:-10px;
	padding-bottom:10px;
}
div.tillbaka a{
	text-decoration: none;
}
div.tillbaka a:hover{
	border-bottom:1px solid #57a5da;
}

div.footer{
	margin:0px 0px 0px 0px;
	padding:31px 0px 56px 0px;
	background-color: #7ab929;
	font-size: 16px;
}

div.fcol-11, div.fcol-1, div.fcol-2, div.fcol-3, div.fcol-4, div.fcol-5, div.fcol-6, div.fcol-7, div.fcol-8{
	float:left;
	padding:0px 0px 15px 0px;
}
div.fcol-11{
	width:232px;
}
div.fcol-1{
	width:192px;
}
div.fcol-2{
	width:181px;
}
div.fcol-3{
	width:204px;
}
div.fcol-4{
	width:174px;
}
div.fcol-5{
	width:120px;
}
div.fcol-6{
	width:93px;
}
div.fcol-7{
	width:72px;
}




div.footer p{
	font-size: 13px;
	line-height: 17px;
	margin-bottom:8px;
}
div.footer p a{
	text-decoration: none;
}
div.footer p a:hover{
	text-decoration: underline;
}


div.footer.ecster{
	width: 100%;
	background-color: #fff;
	padding-top:30px;
	padding-bottom:30px;
}
div.footer.payson{
	width: 100%;
	background-color: #fff;
	padding-top:30px;
	padding-bottom:27px;
}
div.footer.payson img{
	max-width: 300px;
}


div.btn-cont{
	
}

div.normBut, a.normBut{
	display: block;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 16px;
	color:#fff;
	font-weight: 400;
	background-color: #57a5da;
	border:1px solid #57a5da;
	width: auto;
	width: 220px;
	height: 35px;
	padding:9px 0px 0px 0px;
	cursor: pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
}
div.normBut.loading{
	display: none;
	color:#999;
	background-color: #fff;
	border:1px solid #ccc;
	cursor: default;
	background-image: url(/im/loading.gif);
	background-position: 20px center;
	background-repeat: no-repeat;
	text-align: left;
	padding-left:60px;
}
a.normBut{
	width: 184px;
	text-decoration: none;

}

div.login-cont{
	width:30%;
	margin-left:35%;
	text-align: center;
}
div.login-cont input, div.login-cont div.normBut{
	width: 100%;
}
div.login-cont form{
	margin-top:30px;
}

div.prodlogo-cont{
	text-align: center;
}
div.prodlogo-cont img{
	display: inline-block;
	margin-top:30px;
	vertical-align: bottom;
}
div.prodlogo-cont img.f{
	margin-top:0px;
}

div.kontakt-l{
	float:left;
	width: 40%;
}
div.kontakt-r{
	float:left;
	width: 60%;
}

form.kform{
	width: 100%;
	max-width: 450px;
}

div.k-l{
	float: left;
	width: 150px;
	padding-top:8px;
}
div.k-r{
	float: left;
	width: 300px;
	padding-bottom: 15px;
}
div.k-r select.tfield, div.k-r input.tfield, div.k-r textarea.tfield{
	width: 100%;
	border:1px solid #1d1d1b;
}

div#kform-message, div#kform-message-done{
	display: none;
}
div#kform-message p, div#kform-message-done p{
	float:left;
}
div#kform-message-done{
	max-width: 450px;
}

div.bildspel-cont{
	max-width: 100%;
	overflow: hidden;
}

div.bildr-cont{
	float:left;
	width:50%;
	padding-right: 3%;
	margin-top: 6px;
	margin-bottom: 12px;
}
div.bildr-cont.l{
	padding-right: 0%;
	padding-left: 3%;
}
div.bildr-cont div.bildr-img{
	float:left;
	width:31%;
}
div.bildr-cont div.bildr-txt{
	float:left;
	padding-left: 5%;
	width:69%;
}
div.bildr-cont div.bildr-img img{
	width: 100%;
}

div.quoteImg{
	text-align: right;
	padding-top:38px;
}


/*jssor slider loading skin spin css*/
.jssorl-009-spin img {
    animation-name: jssorl-009-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

div#jssor_1{
	position:relative;
	margin:0 auto;
	top:0px;
	left:0px;
	width:1921px;
	height:611px;
	overflow:hidden;
	
}
div.jssorl-009-spin{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	text-align:center;
	background-color:rgba(0,0,0,0.7);
}
div.jssorl-009-spin img{
	margin-top:-19px;
	position:relative;
	top:50%;
	width:38px;
	height:38px;
}
div.jssor-slides{
	cursor:pointer;
	position:relative;
	top:0px;
	left:0px;
	width:1921px;
	height:611px;
	overflow:hidden;
}

/*jssor slider arrow skin 051 css*/
.jssora051 {display:block;position:absolute;cursor:pointer;}
.jssora051.left{
	top:0px;
	left:17px;
}
.jssora051.right{
	top:0px;
	right:67px;
}
.arrow-left{
	display:block;position:absolute;
	background-image: url(/im/arrow-left.png);
	width:50px;
	height:50px;
	margin-top:-25px;
}
.arrow-right{
	display:block;position:absolute;
	background-image: url(/im/arrow-right.png);
	width:50px;
	height:50px;
	margin-top:-25px;
}


div.webshop-top{
	background-color: #7ab929;
	text-align: center;
	margin-top:18px;
	padding:12px 0px 16px 0px;
	-webkit-border-radius: 37px;
	-moz-border-radius: 37px;
	border-radius: 37px;
}
div.webshop-top div.headl{
	font-size: 27px;
}

div.webs-menu{
	padding-top:5px;
}
div.webs-menu a{
	text-decoration: none;
	font-size: 19px;
}
div.webs-menu a.f{
	
}
div.webs-menu a:hover, div.webs-menu a.m{
	text-decoration: underline;
}

div.webs-menu div.men-c{
	display: inline-block;
	margin-left: 40px;
}
div.webs-menu div.men-c.f{
	margin-left: 0px;
	position: relative;
}

div.subcat-cont{
	display: block;
	position: absolute;
	z-index: 500;
	padding-left:25px;

}
div.subcat-cont.dold{
	display: none;
	
}
div.subcat-cont div{
	margin: 0px 0px 0px 0px;
	border-left: 1px solid #1d1d1b;
	padding: 15px 15px 5px 15px;
	/*
	background-image: url(/im/sub-bg-3.png);
	background-repeat: repeat;
	background-position: left top;
	*/
}

div.subcat-cont a{
	display: block;
	float: left;
	text-align: left;
	padding:2px 0px 2px 0px;
}

div.prod-hidden-cont{
	display: none;
}
div.gallery-hidden-cont{
	display: none;
}

div.prod-list-cont{
	padding-top:30px;
}
div.prod-list-cont.catstart{
	padding-top:0px;
}
div.prod-list-cont a{
	display: block;
	float: left;
	width: 25%;
	margin-left: 12.5%;
	margin-bottom:55px;
	text-decoration: none;
}
div.prod-list-cont a.f{
	margin-left: 0%;
}
div.prod-list-cont a.f.cll{
	margin-left:18.8%;
}


div.imgtbl{
	display: table;
	padding: 0px;
    margin: 0px;
    width: 100%;
    border: none;
    table-layout: fixed;
}
div.imgtr{
	display: table-row;
}
div.imgtd{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
div.imgtd div.tdinner{
	position: relative;
	width: 100%;
}
div.imgtd img{
	width: 100%;
}

div.prod-list-cont div.txt{
	padding: 10px 0px 10px 0px;
	text-align: center;
}

div.prod-list-cont span.lasmer{
	position: absolute;
	left:50%;
	margin-left: -44px;
	width: 88px;
	bottom: 30px;
	padding: 5px 0px 6px 0px;
	text-align: center;
}

div.prod-list-cont span.laggikv{
	float: none;
	margin:0 auto;
	width: 162px;
	padding: 7px 0px 8px 0px;
	text-align: center;
	border:1px solid #7ab929;
}
span.laggikv.added{
	background-image: url(/im/check.png);
	background-position: 15px 6px;
	background-repeat: no-repeat;
	background-color: #fff;
	color: #4d8e3c;
}
div.prod-list-cont span.visafler, div.main.right.galleri span.visafler, div.main.blogg span.visafler{
	float: none;
	margin:0 auto;
	width: 220px;
	padding: 7px 0px 8px 0px;
	text-align: center;
	font-size: 18px;
	cursor: pointer;
}
div.main.right.galleri span.visafler{
	margin-top:50px;
}

div.main.blogg span.visafler{
	margin-top:50px;
	border:1px solid #7ab929;
}

div.main.blogg span.visafler.loading{
	background-image: url(/im/loading.gif);
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #fff;
	border:1px solid #ccc;
}


div.prod-img{
	float:left;
	width:37%;
}
div.prod-img img{
	width:100%;
}

div.prod-img-thmbs{
	padding-top:8px;
}
div.prod-img-thmbs div.th{
	float:left;
	width:calc(25% - 6px);
	margin-left: 8px;
}
div.prod-img-thmbs div.th.f{
	margin-left: 0px;
}

div.prod-txt{
	float:left;
	width:63%;
	padding-left:8%;
	padding-right:5%;
	padding-top:5px;
}
div.prod-txt.wider{
	float:left;
	width:100%;
	padding-left:0%;
	padding-right:5%;
	padding-top:5px;
}

div.prod-txt div.headl{
	float:left;
	width:70%;
}
div.prod-txt div.back{
	float:left;
	width:30%;
}



div.prod-txt div.antal-cont{
	float:left;
	width:77px;
}
div.prod-txt div.lagg-i-kv-cont{
	float:left;
	width:auto;
	padding-top:7px;
}
div.prod-txt div.lagg-i-kv-cont .but{
	margin:0px;
}


div.kundvagn-cont{
	position: relative;
	width:100%;
	border:1px solid #7ab929;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
div.kundvagn-cont div.huvud{
	background-color:#7ab929;
	margin:0 auto;
	width:372px;
	height: 61px;
	max-width: 100%;
	padding:14px 10px 13px 10px;
	margin-top:-31px;
	font-size: 27px;
	text-align: center;
	color:#fff;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

div.chkcont-l{
	float:left;
	width:20%;
	text-align: right;
	padding-top:70px;
	padding-right: 40px;
}
div.chkcont-m{
	float:left;
	width:60%;
	padding-top:60px;
	padding-bottom:60px;
}

div.chkcont-l.chk{
	width:10%;
}
div.chkcont-m.chk{
	width:80%;
	padding-top:60px;
	padding-bottom:60px;
}


div.check-outl{
	border:1px solid #7ab929;
	padding:15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.checktable{
	display: table;
	padding: 0px;
    margin: 0px;
    width: 100%;
    table-layout: fixed;
}
.checktable.total{
    border-top: 1px solid #7ab929;
}

div.momsMob{
	display: none;
}

.checktr{
	display: table-row;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.checktd{
	display: table-cell;
    padding: 15px 10px 15px 10px;
    vertical-align: top;
    text-align: left;
    word-wrap: break-word;
    white-space: normal;
}
.checktd img{
	display: block;
}
.checktr.head .checktd{
    border-top: none;
    font-weight: 700;
    border-bottom: 1px solid #7ab929;
}
.checktd label{
	display: none;
}

.checktd.ben{
	text-align: left;
}
.checktd.artnr{
	width:100px;
	text-align: left;
}
.checktd.pris{
	width:110px;
	text-align: left;
}
.checktd.ant{
	width:100px;
	padding-left:20px;
	text-align: left;
}
.checktd.sum{
	width:110px;
	text-align: right;
}
.checktd.rem, .checktd.rem-tot{
	width:60px;
	text-align: right;
}
.checktd.rem-tot{
	border-top:none;
}

.checktd.str{
	font-weight: 400;
	width: auto;
    text-align: left;
    border-top:none;
}

.checktd.tot{
	font-weight: 400;
    width: 140px;
    text-align: right;
    border-top:none;
}
.checktd.str span, .checktd.tot span{
	font-weight: 300;
	font-size: 0.8em;
}

.checktd.str.lh, .checktd.tot.lh{
	line-height: 22px;
}
.checktd.str.fw, .checktd.tot.fw{
	font-weight: 700;
}

.checktd.str.total{
	padding-bottom: 5px;
}
.checktd.tot.total{
	padding-bottom: 5px;
}

.checktd.str.moms{
	padding-top: 0px;
}
.checktd.tot.moms{
	padding-top: 0px;
}

div.caminus{
	float: left;
	padding-right: 5px;
	padding-top:3px;
	cursor: pointer;
	width:21px;
}
div.caam{
	float: left;
}
div.caplus{
	float: left;
	padding-left: 5px;
	padding-top:3px;
	cursor: pointer;
}
div.carem{
	padding-top:3px;
	cursor: pointer;
}

br.checkbr{
	display: none;
}

br.blw1000{
	display: none;
}

div.gal-c{
	float:left;
	width: calc(20% - 8px);
	margin-left:10px;
	margin-top:10px;
}
div.gal-c.f{
	margin-left:0px;
}
div.gal-c img{
	display: block;
	width:100%;
}


div.bl-inlagg{
	margin-top:75px;
}
div.bl-inlagg.single{
	margin-top:5px;
}
div.bl-inlagg div.rubr{
	float: left;
	width: calc(100% - 250px);
	padding-top:4px;
	font-size: 18px;
	line-height: 22px;
}
div.bl-inlagg div.rubr a{
	text-decoration: none;
}
div.bl-inlagg div.rubr.rod, div.bl-inlagg div.rubr.rod a{
	color:#c51a1b;
}
div.bl-inlagg div.rubr.bla, div.bl-inlagg div.rubr.bla a{
	color:#00609c;
}
div.bl-inlagg div.rubr.orange, div.bl-inlagg div.rubr.orange a{
	color:#d67b00;
}
div.bl-inlagg div.rubr.gron, div.bl-inlagg div.rubr.gron a{
	color:#509a35;
}

div.bl-inlagg div.soc-c{
	float: right;
	width:250px;
}
div.bl-inlagg div.soc-c div.but-c{
	float: right;
	margin-right:5px;
}
div.bl-inlagg div.soc-c div.but-c.f{
	margin-right:0px;
}
div.bl-inlagg div.bl-content{
	margin-top:20px;
}


div.toRight{
	float:right;
	text-align: right;
	padding-top: 15px;
}
div.toRight select.tfield.strlval{
	float:right;
}

div.samdinord{
	font-size:14px;
	padding-left: 10px;
	padding-bottom: 10px;
}

div.kassan-val-cont{
	padding-top:50px;
}
div.kassan-val-cont.unline{
	padding-bottom:50px;
	border-bottom: 1px solid #7ab929;
}

div.kassan-val-cont.le{
	float:left;
	width: 48%;
}
div.kassan-val-cont.ri{
	float:right;
	width: 48%;
}

div.kassan-val-cont.angerratt p{
	font-size: 16px;
	line-height: 21px;
}

div.kassan-val-cont span.but{
	margin-left:0px;
	width:200px;
	text-align: center;
	cursor: pointer;
	font-size: 17px;
	padding: 10px 14px 11px 13px;
}

p.pkatlankar{
	float:right;
	text-align:left;
	margin-top:10px;
	max-width: 100%;
	word-break:break-word;
}
span#pkatrubid{
	text-align: center;
	max-width: 100%;
	word-break:break-word;
}

div.till-toppen-c{
	position: absolute;
	right: 0px;
	bottom: -30px;
}
div.till-toppen-c-ws{
	position: absolute;
	right: 0px;
	top: 10px;
}
div.till-toppen-c-kv{
	position: absolute;
	right: 10px;
	top: -27px;
}
div.till-toppen-c a, div.till-toppen-c-ws a, div.till-toppen-c-kv a{
	color: #509a35;	
}

div.relHeader{
	padding-bottom:30px;
}

div.text-cent{
	text-align: center;
}
div.main.right div.text-cent h1, div.main.blogg div.text-cent h1, div.main.right div.text-cent h2{
	text-align: center;
}

div.hecster{
	display: none;
}
div.kvc-payson{
	display: none;
}

div.oblErr{
	display: none;
}

div.chfields{
	padding-top:5px;
}
div.chfields.nom{
	padding-top:0px;
}
div.chfi-l{
	float: left;
	width: 140px;
	padding-top:13px;
}
div.chfi-l.landsval{
	width: 70px;
}
div.chfi-r{
	float: right;
	width: calc(100% - 150px);
	padding-top:10px;
}
div.chfi-r.landsval{
	float: left;
	width: calc(100% - 70px);
	padding-top:10px;
}
div.chfi-f{
	float: none;
	width: 100%;
	padding-top:10px;
}
div.chfi-f.nom{
	padding-top:0px;
}

div.chfi-ll{
	float: left;
	width: 45px;
	padding-top:10px;
}
div.chfi-rr{
	float: right;
	width: calc(100% - 45px);
	padding-top:16px;
}

input.chFi{
    display: block;
    box-sizing: border-box;
    padding: 0px 0px 0px 8px;
    height: 32px;
    border:1px solid #7ab929;
    background-color: #fff;
    color: #1d1d1b;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    width: 100%;
}
textarea.chFi{
    display: block;
    box-sizing: border-box;
    font-family: 'Lato', Arial, sans-serif;
    padding: 2px 2px 0px 8px;
    border:1px solid #7ab929;
    background-color: #fff;
    color: #1d1d1b;
    font-size: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    width: 100%;
}
select.chFi{
    display: block;
    box-sizing: border-box;
    padding: 0px 0px 0px 8px;
    height: 32px;
    border:1px solid #7ab929;
    background-color: #fff;
    color: #1d1d1b;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    width: 100%;
}
select.chFi.landsval{
    max-width: 400px;
}

input.chbst{
	-webkit-appearance: none;
	background-color: #fff;
	padding: 11px;
	display: inline-block;
	position: relative;
	border:1px solid #7ab929;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    cursor: pointer;
}


input.chbst:active, input.chbst:checked:active {
	

	border:1px solid #7ab929;

}

input.chbst:checked {
border:1px solid #7ab929;
}

input.chbst:checked:after {
	content: '\2714';
	font-size: 18px;
	position: absolute;
	top: -1px;
	left: 4px;
	color: #7ab929;
}


div.ecster-logo{
	padding-bottom:20px;
}
div.payson-logo{
	padding-bottom:20px;
}
div.payson-logo img{
	max-width: 177px;
}

div.blimg{
	width: 100%;
	margin-bottom:15px;
}
div.blimg.bott{
	margin-bottom:0px;
	margin-top:15px;
}
div.blimg.left{
	float: left;
	width: 40%;
	margin-bottom:15px;
	margin-right:40px;
}
div.blimg.right{
	float: right;
	width: 40%;
	margin-bottom:15px;
	margin-left:40px;
}
div.blimg span{
	display: block;
	font-size: 0.9em;
}

div.blcont{
	
}
div.blcont.left{
	float:left;
	width: calc(60% - 40px);
}
div.blcont.right{
	float:right;
	width: calc(60% - 40px);
}