/* SYSTEM */
html{box-sizing:border-box;font-size:18px;}
*,*:before,*:after{box-sizing:inherit;}
body,h3,h4,h5,h6,p,ol,ul{margin:0;padding:0;font-weight:normal;font-size:inherit;}
ol,ul{list-style:none;} 
img{height:auto;}
a:visited,a:link,a:active{	text-decoration:none;color:#444444;}
table{width:100%;display:table;border-collapse:collapse;border-spacing:0;}
table,th,td{border:none;}
tr{margin-top:10px;margin-bottom:10px;border-bottom:1px solid rgba(0,0,0,0.12);}
td,th{line-height:22px;padding:15px 5px;display:table-cell;text-align:left;vertical-align:middle;border-radius:2px;}
td{font-weight:300;}
.noselect {	-moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;-ms-user-select: none;user-select: none;}
*,*:focus,*:hover{outline:none;}
.ie {max-width:1024px;margin-top:15px;margin:0 auto;background-color:#ffffff;min-height:500px;font-size:24px;}
.ie img {margin-left:30px;margin-top:30px;}
.ie div {margin-left:30px;}
.ieli {list-style-type: disc!important;list-style-position: inside!important;margin-left:30px;}
.spacer20 {display:block;height:20px;}
.spacer50 {display:block;height:50px;}
.spacer10 {display:block;height:10px;}
.v3_clear{clear:both;}
.text-hvit {color:#ffffff!important;}
.gronnfarge { color:#77bc1f;}
.margintop20 {margin-top:20px!important;}
.marginright10 {margin-right:10px!important;}
.klikk_link { color:white!important;border-bottom:2px solid white;}
.greenoutline {border: 1px solid #77bc1f;}
.centertext {text-align:center;margin:0 auto;}
.margintopminus10 {margin-top:-10px;}
.marginright20p {margin-right: 20%;}
/* ***************************************/
/* FONTER */
/* ***************************************/
@font-face {font-family: 'Roboto';font-style: normal;font-weight: 300;font-display: swap;src: url('../fonts/roboto2/roboto-v20-latin-300.eot');src: local('Roboto Light'), local('Roboto-Light'),url('../fonts/roboto2/roboto-v20-latin-300.eot?#iefix') format('embedded-opentype'),url('../fonts/roboto2/roboto-v20-latin-300.woff2') format('woff2'),url('../fonts/roboto2/roboto-v20-latin-300.woff') format('woff'),url('../fonts/roboto2/roboto-v20-latin-300.ttf') format('truetype'),url('../fonts/roboto2/roboto-v20-latin-300.svg#Roboto') format('svg');}
@font-face {font-family: 'Roboto';font-style: normal;font-display: swap;font-weight: 400;src: url('../fonts/roboto2/roboto-v20-latin-regular.eot');src: local('Roboto'), local('Roboto-Regular'),url('../fonts/roboto2/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/roboto2/roboto-v20-latin-regular.woff2') format('woff2'),url('../fonts/roboto2/roboto-v20-latin-regular.woff') format('woff'),url('../fonts/roboto2/roboto-v20-latin-regular.ttf') format('truetype'),url('../fonts/roboto2/roboto-v20-latin-regular.svg#Roboto') format('svg');}
@font-face {font-family: 'Roboto';font-style: normal;font-display: swap;font-weight: 500;src: url('../fonts/roboto2/roboto-v20-latin-500.eot');src: local('Roboto Medium'), local('Roboto-Medium'),url('../fonts/roboto2/roboto-v20-latin-500.eot?#iefix') format('embedded-opentype'),url('../fonts/roboto2/roboto-v20-latin-500.woff2') format('woff2'),url('../fonts/roboto2/roboto-v20-latin-500.woff') format('woff'),url('../fonts/roboto2/roboto-v20-latin-500.ttf') format('truetype'),url('../fonts/roboto2/roboto-v20-latin-500.svg#Roboto') format('svg');}
@font-face {font-family: 'Roboto';font-style: normal;font-display: swap;font-weight: 700;src: url('../fonts/robot2/roboto-v20-latin-700.eot');src: local('Roboto Bold'), local('Roboto-Bold'),url('../fonts/roboto2/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'),url('../fonts/roboto2/roboto-v20-latin-700.woff2') format('woff2'),url('../fonts/roboto2/roboto-v20-latin-700.woff') format('woff'),url('../fonts/roboto2/roboto-v20-latin-700.ttf') format('truetype'),url('../fonts/roboto2/roboto-v20-latin-700.svg#Roboto') format('svg');}
@font-face {font-family: 'Material Icons';font-style: normal; font-display: swap;font-weight: 400;line-height:2;src: local('Material Icons'), url(../fonts/materialicons/MaterialIcons-Regular.woff) format('woff'), url("../fonts/materialicons/MaterialIcons-Regular.woff2") format("woff2");}
.material-icons {font-family: 'Material Icons';font-weight: normal;font-style: normal;font-display: swap;font-size: 20px;line-height: 1;letter-spacing: normal;text-transform: none;display: inline-block;white-space: nowrap;word-wrap: normal;direction: ltr;-webkit-font-feature-settings: 'liga';-webkit-font-smoothing: antialiased;}
.font300 {font-family: "Roboto";font-weight:300;}
.font400 {font-family: "Roboto";font-weight:400;}
.font500 {font-family: "Roboto";font-weight:500;}
.font700 {font-family: "Roboto";font-weight:700;}
.font11 {font-size:11px;}
.font16 {font-size:16px;}
.font17 {font-size:17px;}
.font18 {font-size:18px;line-height:28px;}
.font20 {font-size:20px;line-height:30px;}
.font21 {font-size:21px;}
.font22 {font-size:22px;}
.font23 {font-size:23px;line-height:34.5px;}
.font24 {font-size:24px;line-height:34.5px;}/* ingress */
.font24x {font-size:1.5vw;}
.font26 {font-size:26px;}
.font28 {font-size:28px;}
.font30 {font-size:30px;line-height:36px;}
.font32 {font-size:32px;}
.font36 {font-size:36px;line-height:44px;}
.font38 {font-size:38px;}
.font48 {font-size:48px;line-height:60px;}
.font50 {font-size:50px;}
.font56 {font-size:56px;}

/* ***************************************/
/* TOOLTIP */
/* ***************************************/
div[data-tool-tip] {
	position:relative;
}
div[data-tool-tip]::after {
	content: attr(data-tool-tip);
	display: block;
	position: absolute;
	padding: 8px;
	border-radius: 5px;
	bottom: -70%;
	white-space: nowrap;
	transform: scale(0);
	transition: transform ease-out 150ms;
	font-size: 16px;
	font-weight: 400;
	background-color: #a9a9a9;
	color: white;
}
div[data-tool-tip]:hover::after {
	transform:scale(1);
}
div[data-tool-tip2] {
	position:relative;
}
div[data-tool-tip2]::after {
	content: attr(data-tool-tip2);
	display: block;
	position: absolute;
	padding: 8px;
	border-radius: 5px;
	bottom: -130%;
	left: -50%;
	white-space: nowrap;
	transform:scale(0);
	transition:transform ease-out 150ms;
	font-size: 16px;
	font-weight:400;
	background-color:#a9a9a9;
	color:white;
}
div[data-tool-tip2]:hover::after {
	transform:scale(1);
}
div[data-tool-tip3] {
	position:relative;
}
div[data-tool-tip3]::after {
	content: attr(data-tool-tip3);
	display: block;
	position: absolute;
	padding: 8px;
	border-radius: 5px;
	bottom: -75%;
	left: -20%;
	white-space: nowrap;
	transform:scale(0);
	transition:transform ease-out 150ms;
	font-size: 16px;
	font-weight:400;
	background-color:white;
	color:#27286E
}
div[data-tool-tip3]:hover::after {
	transform:scale(1);
}
/* FOOTER */
.v4_footer {
	width:100%;
	position:relative;
	background-color:grey;
}

/************************** 
CART
**************************/
.cart_framework {
	display: grid;
	grid-template-columns: 200px auto 200px;
	border: 1px solid #77bc1f;
	padding: 10px;
	margin-bottom: 10px;
	    gap: 40px;
}

.cart_sub_framework {
	display: grid;
	grid-template-columns: auto 200px;
	border: 1px solid #77bc1f;
	padding: 10px;
	margin-bottom: 10px;
}

.cart_select,.cart_select2,.cart_farge {
	padding: 2px 10px 2px 10px;
	background-color: #ffffff;
	border-radius: 6px;
	border: 2px solid #77bc1f;
}

.cart_select_label {
	
}
.cart_options {
	
}

	.cart_sum_grid {
		display:grid;
		grid-gap: 0px;
		margin-top:10px;
		
		grid-template-columns: 150px 100px;
	}
	

.cright {
	text-align:right;
	padding-right:5px;
	    padding: 10px;
}

.cright2 {
	text-align:right;
}

.ccenter {
	text-align:center;
	    padding: 10px;
}
.cleft {
	text-align:left;
	padding-left:10px;
	    padding: 10px;
}
.cart_cell {
	background-color:#ededed;
	border-left: 1px solid silver;
  border-right: 1px solid silver;
}

.fixleft {
	margin-left:-10px;
}

.cart_rod {
	color:#77bc1f;
	font-weight:400;
}

.cart_bilde {
	width:200px;
}
.cart_total {
	    display: grid;
    justify-items: end;
		    margin-right: 12px;
	
}

.cart_kommentar {
	width:100%;
}

.cart_beskjed {
	width: 80%;
	padding:5px;
}

.cart_totalny {
	text-align: right;
}


.cart_knapp_kjop {
	padding: 4px 12px 4px 12px;
    background-color: #d61f2c;
    border-radius: 6px;
    border: 0;
    display: inline-block;
    margin-top: 10px;
    color: #ffffff;
    margin-right: 10px;
}
.cart_knapp_kjop:hover {
	outline:2px solid #273813;
	cursor:pointer;
}


.cart_knapp {
	padding: 2px 10px 2px 10px;
	background-color: #ffffff;
	border-radius: 6px;
	border: 2px solid #77bc1f;
	display: inline-block;
	margin-top: 10px;
	color: #5d7341;
	margin-right: 10px;
}
.cart_knapp:hover {
	border:2px solid #273813;
	cursor:pointer;
}

.cart_kasse_knapp {
	padding: 5px 15px 5px 15px;
	background-color: #ffffff;
	border-radius: 6px;
	border: 2px solid #77bc1f;
	display: inline-block;
	color: #5d7341;
}
.cart_kasse_knapp:hover {
	border:2px solid #273813;
	cursor:pointer;
}

/* ***************************************************************
/* GDPR Cookie dialog */
/* *************************************************************** */
.gdprcookie {
    position: fixed;
    color: white;
    font-size: .8em;
    line-height: 1.2em;
    left: 0;
    bottom: 0;
    width: 100%;
    /*height: 190px;*/
    max-width: 100vw;
    padding: 1rem;
    /*background-color: #3b7e51;*/
		background-color:rgb(59 126 81 / 95%);
    z-index: 9999999;
    font-family: 'Roboto';
    font-weight: 300;
		border-top: 4px solid white;
		 box-shadow: 0px 0px 8px 0px #787575;
    z-index: 999999999;
}
.gdprcookie h1,.gdprcookie h2 {
	font-size: 1.4em;
	margin-bottom: .5rem;
	overflow:hidden;
	font-weight:300;
}
.gdprcookie h2 {
	font-size: 1.2em;
	margin-top:10px;
}
.gdprcookie p {
	font-weight:300;
}
.gdprcookie a {
	color: inherit;
}
.gdprcookie-buttons {
	text-align: left;
}
.gdprcookie-buttons button {
  font-size: 14px;
	font-weight: 300;
	font-family: 'Roboto';
	padding: 7px;
	border: none;
	outline: none;
	background-color: white;
	margin-top: 10px;
	margin-right:10px;
	border-radius: 0.8rem;
	border-bottom-right-radius: 0;
}
.gdprcookie-buttons button:disabled {
	background-color: #aeaeae;
	color: #777777;
}
.gdprcookie-types ul {
	overflow: hidden;
	padding: 0;
	margin: 0 0 1rem;
}
.gdprcookie-types li {
	display: block;
	list-style: none;
	padding: 0;
	margin: 0;
}
.gdprcookie-types input[type=checkbox] {
	margin-right: .25rem;
}



.frakt_lev_reveal {
	display:none;
}

.personvernlink,.kjopsbetingelserlink {
	cursor:pointer;
	
}

.personverntekst,.kjopsbetingelsertekst {
    position: fixed;
    max-width: 600px;
    background-color: white;
    width: 100vw;
    height: 90vh;
display:none;
    z-index: 9999999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    border: 4px solid #77bc1f;
    box-shadow: 2px 2px 20px 7px #928d8d;
}
.personvernafter {
    width: 50px;
    height: 50px;
    background-color: white;
    position: absolute;
    right: -18px;
    top: -21px;
    border: 4px solid #000000;
    font-size: 30px;
    display: grid;
    border-radius: 50%;
    font-weight: 400;
    justify-items: center;
    align-content: center;
}

.personvernafter:hover {
	background-color:grey;
	cursor:pointer;
}
.innerscroll {
	    overflow: hidden;
    overflow-y: auto;
    height: 85vh;
}

.kasse_framework {
	display: grid;
	grid-template-columns: auto 100px 110px 100px 100px 110px;
	border: 1px solid #c0c0c0;
	/*padding: 10px;*/
/*	margin-bottom: 10px;*/
	    border-bottom: 0;
			    border-right: 0;
}
.kasse_framework_legend {
		display:none;
	}
.kasse_framework_header {
	display: grid;
	grid-template-columns: auto 100px 110px 100px 100px 110px;
/*	padding: 10px;*/
    align-items: end;

}

.tekst_knapp {
	text-decoration: underline!important;
}

.personopplysninger_grid {
	display: flex;
	flex-direction: column;
}

.person_sub {
	display: grid;
	grid-gap: 20px;
	grid-template-columns: 100px auto 1px;
	max-width:600px;
  margin-bottom: 10px;
}


/* ***************************************/
/* HEADER */
/* ***************************************/
.v4_header {
	width:100%;
	position:fixed;
	background-color:white;
	height:183px;
	top:0;
	z-index: 9999999;
}
.v4_header1 {
	background-color:white;
	height:115px;
	overflow:hidden;
}
.v4_header1_inner {
	margin:0 auto;
	margin-left:8%;
	margin-right:8%;
	display: grid;
	grid-gap: 20px;
	grid-template-columns: 205px auto 245px;
	/*grid-template-columns: 205px auto 180px;*/
}
.sokefelt {
  position: absolute;
    background-color: #7c7f7c;
    top: 103px;
    padding: 5px;
    right: 8%;
    display: none;
    z-index: 999999;
		}
		.sokefelt_query {
			padding:5px;
		
		}
		
.sokefelt2 {
  position: absolute;
    background-color: #7c7f7c;
    top: 182px;
    padding: 5px;
    width:100%;
    display: none;
    z-index: 999999;
		}
		.sokefelt_query2 {
			padding:5px;
			width:100%;
		
		}
		
				
		
.v4_logo {
	line-height: 115px;
	float:left;
	display:block;
	position:relative;
}
.v4_logo_img {
	width:400px;
	height:76px;
	display: inline-block;
	vertical-align: middle;
}
.top_buttons {
	font-size: 25px;
	padding-left: 8px;
	padding-top: 9px;
	color: #77bc1f;
}
.v4_sokefelt {
	text-align: center;
	margin-top: 37px;
	position: relative;
	margin: 0 auto;
	margin-top: 37px;
	width: 100%;
}
.v4_sokefelt input {
	width: calc(100% - 200px);
	height: 50px;
	padding-left:18px;
	border-radius:4px;
	border:1px solid #969494;
	color:#716F6F;
	position:relative;
}
.v4_sokefelt input::placeholder,
.v4_sokefelt input::-webkit-input-placeholder,
.v4_sokefelt input::-moz-placeholder {
	color: #555555;
	font-weight: 300;
}
.v4_sokefelt::after  {
	font-family: 'Material Icons';
	position: absolute;
	top: 8px;
	right: 110px;
	content: "\e8b6";
	font-size: 35px;
	margin-left: 100px;
	color: #ababab;
}
.v4_symboler {
	float: right;
	display: grid;
	grid-gap: 20px;
	/*grid-template-columns: 45px 45px 45px 45px;*/
	grid-template-columns: 45px 45px 45px 45px;
	height: 45px;
	width: 240px;
	margin-top: 40px;
	position:relative;
}
.handlekurv_relative {
	position:relative;
}
.v4_symboler_ring {
	border: 1px solid #a9a9a9;
	border-radius: 45px;
	width: 45px;
	height: 45px;
}
.v4_symboler_ring:hover {
	background-color:#dedede;
	cursor:pointer;
}
.v4_symboler_ring img {
	color:#77bc1f;
	width: 41px;
	height: 41px;
}
.handlekurv_antall {
	min-width: unset;
	position: absolute;
	left: 30px;
	top: -7px;
	padding: 5px;
	padding-right: 10px;
	padding-left: 10px;
	color: white;
	text-align: center;
	background-color: #27286E;
	border-radius: 15px;
}
.v4_header2 {
	height: 68px;
	background: rgb(206 206 206);
}
.v4_header2_inner {
	margin:0 auto;
	margin-left:8%;
	margin-right:8%;
}
.v3_innlinje4_thumb {
	float: left;
	width: 80px;
	height: 94px;
	margin-right: 10px;
	border: none;
	position:relative;
}
.v4_hamburger,.v4_hamburger_content,.v4_hamburger_content2,.v4_hamburger_content3,.v4_hamburger_content4,.v4_hamburger_content5,.v4_hamburger_content6{
	display:none;
}
.v4_hamburger i:hover {
	background: rgb(39,40,110);
	background: linear-gradient(0deg, rgba(39,40,110,1) 0%, rgba(20,20,55,1) 100%);
	cursor: pointer;
	color:white!important;
}
.mobil_meny {
	display:none;
}
.mobil_delestrek1 { 
	display:none;
}
.mobil_delestrek2 {
	display:none;
}

/* MAIN PAGE */
.forsideh1 {
	margin-top:20px;
	margin-bottom:0;
}
.forside_tester {
	display:flex;
	gap:15px;
	    flex-wrap: wrap;
}
.forside_tester > a {
	padding: 10px;
	padding-bottom:20px;
	background-color:#dfeecc;
	    width: 100%;
    height: auto;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.30) 0px 1px 6px;
    border: 2px solid white;
		position:relative;
		
		    flex-grow: 1;
   
    width: calc(100%*(1 / 5) - 10px - 1px);
		
		
	
}
.forside_tester > a:hover {
    cursor: pointer;
    border: 2px solid #6d923e;
}



.forsideh2 {
	margin:0;
}
.v2_first_block {
	margin-top:203px;
	display:block;
	margin-left:8%;
	margin-right:8%;
	min-height: 500px;
}
.v2_last_block {
	margin-top:40px;
	padding-top:30px;
	padding-bottom:30px;
	color:white;
  min-height: auto;
}
.v4_footer_sub {
	display:block;
	margin-left:8%;
	margin-right:8%;
}
.v4_copyright {
	float:left;
}
.v4_design {
	float:right;
}
.v2_forside_banner {
	position:relative;
}
.v2_forside_banner img {
	width:100%;
}
.v2_banner_boks {
	position: relative;
	left: 0;
	top: 10px;
	width: 100%;
	background-color: transparent;
	padding: 0;
	text-align:left;
}
.v2_banner_knapp {
	padding: 5px 15px 5px 15px;
	background-color: #ffffff;
	border-radius: 6px;
	border: 2px solid #77bc1f;
	display: inline-block;
	margin-top: 10px;
	color: #5d7341;
	margin-right:20px;
	margin-top:20px;
	margin-bottom:-10px;
}
.v2_banner_knapp:hover {
	border:2px solid #273813;
	cursor:pointer;
}
.v2_banner_knapp_filled {
	padding: 5px 15px 5px 15px;
	background-color: #77bc1f;
	border-radius: 6px;
	border: 2px solid #77bc1f;
	display: inline-block;
	margin-top: 10px;
	color: white;
	margin-right:20px;
	margin-top:20px;
	margin-bottom:-10px;
}
.v2_banner_knapp_filled:hover {
	border:2px solid #273813;
	cursor:pointer;
}
.hr_header {
	text-align:left;
	margin-top:60px;
	margin-bottom:60px;
}
.miljobilder {
	display: grid;
	grid-gap: 40px;
	grid-template-columns: repeat(4, 1fr);
}
.nyheter {
	margin-top:60px;
	display: grid;
	grid-gap: 40px;
	grid-template-columns: repeat(4, 1fr);
}
.type_menu_display div, .merke_menu_display div,.valg_menu_display div, .pris_menu_display div {
	padding:5px;
	font-size:17px;
}
.type_menu_display div:hover, .merke_menu_display div:hover,.valg_menu_display div:hover, .pris_menu_display div:hover {
	background-color:#77bc1f;
	cursor:pointer;
}
.type_sykkel_img {
	width:100%;
	height:auto;
	border-radius: 20px;
	box-shadow: rgba(0, 0, 0, 0.30) 0px 1px 6px;
	border: 2px solid white;
}
.type_sykkel_img:hover{
	cursor:pointer;
	border: 2px solid #6d923e;
}
.forside_omoss {
	margin-top:60px;
	background-color:#545454;
	display: grid;
	grid-gap: 40px;
	grid-template-columns: repeat(2, 1fr);
	padding:40px;
}
.forside_virtual {
	margin-top:60px;
	
	display: block;

	padding:0px;
}



.forside_omoss_img {
	width:100%;
}
.sykkelvideo {
	width: 100%;
}
.modeller_grid_wrapper {
	display: grid;
	grid-gap: 20px;
	
	grid-template-columns: 170px auto;
}
.modeller_left {
	padding: 15px;
	background-color: #e5e7e3;
}
.modeller_right {
	float: left;
	width: calc(170% - 180px);
	padding-left: 20px;
	padding-top: 0;
}
.modeller_grid {
	display: grid;
	grid-gap: 40px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}
.modeller_header {
	height: 40px;
	overflow: hidden;
}
.modeller_wrapper_info {
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.09); 
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.09);
	padding:20px;
	position:relative;
}
.modeller_wrapper {
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.09); 
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.09);
	padding:20px;
	position:relative;
	height:100%;
	
}
.modeller_wrapper:hover {
	outline:2px solid green;
	cursor:pointer;
}
.modeller_img {
	width:100%;
}
.beskrivelse {
	height:120px;
	overflow:hidden;
	position:relative;
}
.pris_label {
	margin-bottom:10px;
}
.veil_label {
	margin-top:10px;
}
.tilbud_label {
	margin-bottom:10px;
}
.ribbon {
	height: 30px;
	overflow: hidden;
	margin-top:20px;
}
.noribbon {
	margin-top:20px;
	height: 30px;
	overflow: hidden;
}
/*.ribbon {
	padding: 4px 15px 4px 15px;
	background-color: #efefef;
	border-radius: 6px;
	border: 2px solid #77bc1f;
	margin-top: 0px;
	color: black;
	display: block;
	text-align: left;
	height: 45px;
	overflow: hidden;
}
.noribbon {
	padding: 4px 15px 4px 15px;
	border-radius: 6px;
	border: 2px solid #fbfbfb;
	margin-top: 0px;
	color: black;
	display: block;
	text-align: left;
	height: 45px;
	overflow: hidden;
}*/
.red {
	color:#b41616;
}
.filter_header {
	color:#202057;
	margin-bottom: 5px;
	border: 1px solid black;
	padding: 5px;
	position:relative;
	margin-bottom:10px;
}
.filter_header i {
	position:absolute;
	top:10px;
	margin-left:5px;
}
.filter_header:hover {
	color: black;
	background-color: #77bc1f;
	cursor: pointer;
}
.type_menu_display {
	display:none;
	margin-bottom:10px;
}
.merke_menu_display {
	display:none;
	margin-bottom:10px;
}
.valg_menu_display {
	display:none;
	margin-bottom:10px;
}
.pris_menu_display {
	display:none;
	margin-bottom:10px;
}
.v2_produkt_grid {
	display: grid;
	grid-gap: 20px;
	grid-template-columns: auto 400px;
}
.v2_produkt_img {
	width:100%;
	height:auto;
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.09); 
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.09);
}

.v2_admin_wrapper {
	display: grid;
	grid-gap: 20px;
	grid-template-columns: 250px auto;
}

.v2_admin_menu {
	background-color:#444444;
	padding:10px;
	color:white;
	min-height: 100vh;
	
}

.v2_admin_knapp {
	display:block;
	margin-bottom:0px;
	padding:5px;
	color:white!important;
}
.v2_admin_knapp:hover {
	background-color:#a2a2a2;
	color:black!important;
}
.v2_admin_content {
	
	padding:10px;
}

.v2_admin_boks {
	margin: 0 auto;
	background-color: white;
	height: auto;
	width: 100%;
	max-width: 500px;
	border: 0;
  padding: 20px;
	border:1px solid #dedede;
}
.v2_admin_logginn_boks {
	border:0;
	padding:20px;
}
.v2_admin_input {
	border:1px solid #dedede;
	padding:10px;
	width:100%;
	margin-bottom:10px;
}
.collapsible-header {
	margin-bottom:10px;
	border:1px solid black;
	padding:10px;
	background-color:white;
	display: grid;
	grid-gap: 20px;
	grid-template-columns: 200px auto;
}
.collapsible-header2 {
	margin-bottom:10px;
	border:1px solid black;
	padding:10px;
	background-color:white;
	display: block;
}

.collapsible-header:hover,.collapsible-header2:hover {
	cursor:pointer;
	background-color:#dedede;
}
.collapsible-body {
	display:none;
	border: 1px solid #4c4c4c;
    border-top: 0;
    margin-top: -10px;
		padding:20px;
		margin-bottom:20px;

}

.v2_form_wrapper {
	
	margin-bottom:0px;
}


/* ver 4 admin */
.v2_form_wrapper2sp {
	margin-bottom:0px;
	display:flex;
	margin-bottom: 7px;
}

.v2_form_wrapper2sp div {
	margin-left:10px;
}

.v2_form_wrapper2sp label {
	margin-left:10px;
}
.size1,.size2,.size3,.size4,.size5 {
	width:300px!important;
	max-width:600px!important;
	}
.lager1,.lager2,.lager3,.lager4,.lager5 {
	width:70px!important;
}

.tilbehor_link {
	/*margin:15px;*/
	outline:1px solid #008000;
	width:200px;
}

.tilbehor_link:hover {
	outline:2px solid black;
	cursor:pointer;
}

.valgt_tilbehor_flex {
	display:flex;
	gap:20px;
	margin-top:15px;
	    flex-wrap: wrap;
}

/* slutt ver 4 admin */



.input_head2 {
	display:block;
}



.input_head1 {
	  padding: 5px;
    background-color: white;
    border: 1px solid grey;
		max-width:700px;
		width:100%;
}

.input_head9 {
	  padding: 5px;
    background-color: white;
    border: 1px solid grey;
		max-width:700px;
		width:100%;
		height: 150px;
}
			
.input_head5 {
		width:200px;
		padding: 5px;
    background-color: white;
    border: 1px solid grey;
}	
.v2_form_2spalter {
	display: grid;
	grid-gap: 20px;
	grid-template-columns: 45% 45%;
}

.v2_form_3spalter {
	display: grid;
	grid-gap: 20px;
	grid-template-columns: 200px auto;
}
.timebestilling {
	height: 700px;
	max-width: 1024px;
	width: 100%;
	left: 0;
	margin-left: 0;
	border: 1px solid #444;
	padding: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.artikkel_subheading {
	margin-top:10px;
}
.artikkel_img {
	width: 90%;
	display: block;
	margin-bottom: 20px;
}
.v4_video {
	width: 100%;
	max-width: 560px;
	height: 315px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.map_size {
    height: 350px;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
}
#leasing_errors {
	color:red;
	margin-top:10px;
	display:none;
}
#leasing_response {
	color:green;
	margin-top:10px;
	display:none;
}
.fargevalg {
	float:left;
	margin-right:10px;
	
}

.produkt_tekst2,.produkt_tekst3,.produkt_tekst4,.produkt_tekst5 {
	display:none;
}
.produkt_tekst1 {
	display:block;
}
.valgt_produkt_knapp {
	background-color: green;
	color: white;
}

@media screen and (min-width: 1024px) and (max-width: 1279px){
	.modeller_grid {
		display: grid;
		grid-gap: 40px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.v2_first_block {
    margin-left: 4%;
    margin-right: 4%;
	}
	.kasse_framework_legend {
		display:none;
	}
	.sokefelt {
    right: 4%;
	}
	
	.v4_header1_inner {
		margin-left: 4%;
		margin-right: 4%;
	}
	.v4_header2_inner {
		margin-left: 4%;
		margin-right: 4%;
	}
}
	
@media screen and (min-width: 40px) and (max-width: 1023px){	
	
	.cright {
	text-align:right;
	border:0;

}

.cart_sub_framework {
	display:block;
}

.ccenter {
	text-align:right;
	border:0;

}
.cleft {
	text-align:right;
	border:0;
}
.cleft2 {
	text-align:left;
	border:0;
}
	
	
	.v2_produkt_grid {
	display: block;
	
}
.kasse_framework {
	border:1px solid silver;
	margin-bottom:15px;
}
	

	
	.kasse_framework_legend {
		display:none;
	}
	.sokefelt {
    right: 2%;
	}

	.v2_form_2spalter {
		display: block;
		grid-gap: 20px;
		grid-template-columns: 45% 45%;
	}

	.v2_form_3spalter {
		display: block;
		grid-gap: 20px;
		grid-template-columns: 200px auto;
	}
	
	.modeller_grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-gap: 20px;
	}

	.v2_first_block {
		margin-left: 2%;
		margin-right: 2%;
	}
	.v4_header1_inner {
		margin-left: 2%;
		margin-right: 2%;
	}
	.v4_header2_inner {
		margin-left: 2%;
		margin-right: 2%;
	}
	.nyheter {
		margin-top:60px;
		display: grid;
		grid-gap: 40px;
		grid-template-columns: repeat(2, 1fr);
	}
	.v2_banner_boks {
		position: relative;
		left: 0;
		top: 10px;
		width: 100%;
		background-color: transparent;
		padding: 0;
		text-align:left;
	}
	.forside_omoss {
		display:block;
	}
	.sykkelvideo {
		margin-top:20px;
	}
	
}
	
@media screen and (max-width: 767px) {

.forside_tester {
	display:block;
}


.cart_framework {
	display:block;
}
.kasse_framework_header {
	display:none;
}
.kasse_framework {
	display:block;
}
.kasse_framework_legend {
	display:block;
	float:left;
	margin-right:10px;
}

.modeller_grid_wrapper {
	display:block;
}


.forside_tester > a {
	width: 100%;
    display: block;
    margin-bottom: 10px;
}

.v2_produkt_grid {
	display: block;
	
}

	.modeller_grid_wrapper {
		grid-template-columns: auto;
		grid-template-rows: auto auto;
	}


	.v2_form_2spalter {
		display: block;
		grid-gap: 20px;
		grid-template-columns: 45% 45%;
	}

	.v2_form_3spalter {
		display: block;
		grid-gap: 20px;
		grid-template-columns: 200px auto;
	}

	.hr_header {
		text-align:center;
		margin-top:60px;
		margin-bottom:0px;
	}
	.v2_first_block {
		margin-left: 2%;
		margin-right: 2%;
	}
	.v4_header1_inner {
		margin-left: 2%;
		margin-right: 2%;
	}
	.v4_header2_inner {
		margin-left: 4%;
		margin-right: 2%;
	}
	.modeller_grid {
		grid-template-columns: 100%;
		grid-gap: 20px;
	}
	.miljobilder {
		display: block;
	}
	.nyheter {
		margin-top:20px;
		display: block;
	}
	.type_sykkel img {
		margin-bottom:10px;
		margin-top:40px;
	}
	.v4_symboler {
		display:none;
	}
	.v4_header1_inner {
		margin:initial;
		display: block;
	}
	.v4_logo_img {
		width: 315px;
		height: 60px;
		margin-left: 20px;
	}
	.v4_hamburger {
		display:block;
		position: absolute;
    right: 10px;
    top: 125px;
	}
	.v4_hamburger_content {
		width: 100%;
    height: 100vh;
    background-color: #77bc1f;
		color:white;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
		padding:20px;
	}
	.v4_hamburger_content2 {
		width: 100%;
    height: 100vh;
    background: white;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
		padding:20px;
	}
	.v4_hamburger_content3 {
		width: 100%;
    height: 100vh;
    background: white;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
		padding:20px;
	}
	.v4_hamburger_content4 {
		width: 100%;
    height: 100vh;
    background: white;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
		padding:20px;
	}
	.v4_hamburger_content5 {
		width: 100%;
    height: 100vh;
    background: white;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
		padding:20px;
	}
	.v4_hamburger_content6 {
		width: 100%;
    height: 100vh;
    background: white;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
		padding:20px;
	}
	.v4_hamburger_hr {
		border-bottom:1px solid white;
	}
	.v4_hamburger_hr2 {
		border-bottom:1px solid #aaaaaa;
	}
	.mobil_meny {
		display: block;
    padding-top: 24px;
    list-style-type: none;
	}
	.mobil_meny a {
		float: left;
    margin-right: 14px;
	}
	.v4_hamburger_close,.v4_hamburger_close2 {
		position:absolute;
		right:20px;
		top:20px;
	}
	.v4_hamburger_close:hover,.v4_hamburger_close2:hover {
		cursor:pointer;
	}
	.v4_hamburger_meny {
		left: 50px;
    position: absolute;
    top: 150px;
    margin-right: 80px;
    display: block;
    right: 0px;
	}
	.v4_hamburger_meny2 {
		left: 50px;
		position: absolute;
		top: 150px;
		margin-right: 200px;
		display: block;
		width: 70%;
	}
	.v4_hamburger_event2 {
		margin-bottom:10px;
		margin-top:10px;
	}	
	.v4_hamburger_event {
		margin-bottom:20px;
		margin-top:20px;
	}
	.v4_hamburger_right {
		float:right;
	}
	.v4_hamburger_right img {
	width: 30px;
    height: 30px;
    padding-top: 4px;
	}
}	
	

