@charset "utf-8";

/* CSS Document */

@import url(https://fonts.googleapis.com/css2?family=Titillium+Web:wght@900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);



/* make the footer stick to bottom */

html, body {height: 100%;}

#wrap {min-height: 100%; margin-bottom:-200px;}

#main {overflow:auto;

	margin-bottom: 10px; clear:both;}  /* must be same height as the footer */

.push {display:block; height:100px;} /* pushes main to footer */ 

#footer {background-color:#101010;

	display:block;

	width:100%;

	color:#FFFFFF;

	height:auto;

	padding:20px 0;

	position: relative;

	clear:both;

	min-height:200px;} 

	#footer a:link, #footer a:visited {color:#fff !important;}

.site-title {font-size:55px; font-weight:bold; font-family: 'Titillium Web', sans-serif; color:#fff; line-height:1; text-transform:uppercase; position: relative; bottom: 1px; left:15px;}



.textblock {float:left; clear:both;}

.textblock img {margin: 0 10px 5px 0;}

.textblock blockquote {border:1px solid black; padding:10px;}

/*Opera Fix*/

body:before {

	content:"";

	height:100%;

	float:left;

	width:0;

	margin-top:-32767px;

}

/* end of footer stick */



body {margin:0; padding: 0; font-family: 'Open Sans', sans-serif; font-size: 0.8em; background-color:#fff;}

a:link {text-decoration: underline; color:#0000CC;}

a:visited {text-decoration: underline; color:#990033;}

a:active {text-decoration: underline; color:#990099;}

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

.text {font-weight:bold;}







#socialbuttons {margin:auto; width:850px; text-align:right; color:#fff;}



#logowrap {background-color:#000; width:100%; padding: 20px 0;}

#logowrap img{max-width:100%; height:auto;}

	#logo {width:870px; margin: 0 auto;}

	#logo a:link, #logo a:visited{text-decoration:none;}



#header {background-color:#b85655; display:block; width:100%; height:55px; padding-top:0px;}

#header-menu {margin:auto; width:850px;}

#header-menu ul {list-style: none; padding: 0; margin: 0; background: white; float: left; width: 100%;}

#header-menu li {float: left; margin: 0 1em 0 0;}

#header-menu a {text-decoration: none; display: block; width: 6em; padding: 0 0.5em; font-weight: bold; border-bottom: 0.5em solid grey; color: grey;}

#header-menu a:hover {border-bottom: 0.5em solid black; color: black;}

#header-menu a:active {border-bottom: 0.5em solid black; color: black;}



	

#content {display:block; min-height: 500px; width:100%;}

#article {width:885px; min-height:460px; margin:0 auto; padding:0 0 25px 0;}

#article h1{

		width:70%;

		font-family: 'Open Sans', sans-serif;

		font-size: 48px;

		color: #333;

		line-height: 50px;

		margin: 10px 0 35px 0;

		padding-top:25px;}



#article h2, h3 {font-family: 'Open Sans', sans-serif; clear:both; padding-top:10px;}

#article p a, #related li a {color:#03C !important; text-decoration:underline !important;}



.categories {padding: 0 !important;width: 130px !important; display:inline-block !important; float:none !important;}



#breadcrumbs {width:885px; margin:0 auto; clear:both;}

#breadcrumbs ol {padding-left:0;}

#breadcrumbs ol li {display:inline-block; list-style-type:none; text-transform: capitalize; float:none;

padding:0 2px; font-family: Arial,Helvetica,sans-serif; font-size: 12px;}

#breadcrumbs a:link, #breadcrumbs a:visited {color:#03C !important; text-decoration:underline !important;}





.brandlist a:link {text-decoration: underline !important; color:#0000CC !important;}



.frontblockleft {clear:both; display:block; width:45%; float:left; border-right:thin black dotted; margin-right: 10px; padding-right: 10px;}

.frontblockright {display:block; width:45%; float:left;}



.menurow {display: block;

padding: 0 15px;

height: 40px;

line-height: 40px;

background: #3799CD;

font-family: 'Open Sans', sans-serif;

font-size:14px;

font-weight:bold;

text-align:center;

color:white;

}

.menurow:hover {background:#A6A6A6;}

	



	#footer .block {width:750px; margin:auto;}

	#footer .block h3 {font-weight:bold; color:#ffffff; font-size: 24px; font-family: 'Open Sans', sans-serif;}

	#footer a:link, #footer a:visited {color:#fff !important; text-decoration:underline !important;}

	
#knapp a.button3{
display:block;
padding:10px;
margin:15px auto;
border-radius:2em;
box-sizing: border-box;
text-decoration:none !important;;
font-family:'Roboto',sans-serif;
font-weight:400;
color:#FFFFFF !important;;
background-color:#007ac1;
text-align:center;
transition: all 0.2s;
max-width:275px;
height:40px;
font-size:16px;
}
#knapp a.button3:hover{
background-color:#4095c6;
}



.greytext {color:grey;}



.floatLeft {float:left; display:block;}

.table {float:left; display:block; text-align:center; margin-right:25px;}

.table table{border:1px solid black;}

.table caption{font-weight:bold; width:100%; background:#3799CD; font-size:16px; line-height:35px; color:#FFFFFF;}

.table tr:nth-child(even) {background: #CCC;}

.table tr:nth-child(odd) {background: #FFF;}



blockquote {font-style: italic;

font-size: 18px;}

.break-wide {clear:both;}



.standard-list ul {display:block; list-style-type:square !important; left: 25px !important;}

.standard-list li {

    display: list-item !important;

    float: none !important;

    text-align: left !important;

    text-transform: none !important;

    font-family: 'Open Sans',sans-serif !important;

    font-size: 12px;

}

.standard-list li a:link, .standard-list li a:visited {text-decoration: underline !important; color: #00c !important;}



.video-container {

    position: relative;

    width: 100%;

    height: 0;

    padding-bottom: 56.25%;

}

.video {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



/* Responsive menu */

/* Clearfix */

.clearfix:before,

.clearfix:after {

    content: " ";

    display: table;

}

.clearfix:after {

    clear: both;

}

.clearfix {

    *zoom: 1;

}



/* Basic Styles */





nav {

	height: 40px;

	width: 100%;

	font-weight: bold;

	position: relative;

	color:#fff !important;

}

nav ul {

	padding: 0;

	margin: 0 auto;

	width: 870px;

	height: 40px;

}

nav li {

	display: inline;

	float: left;

	margin: 0 5px 0 0;

}

nav a {

	color: #fff !important;

	display: inline-block;

	min-width: 125px;

	text-align: center;

	text-decoration: none !important;

	line-height: 53px;

	font-weight: bold;

	text-transform:uppercase;	

}



nav li:last-child a {

	border-right: 0;

}

nav a:hover {text-decoration:underline !important;}

nav a:active {font-style:italic !important;}



nav a#pull {

	display: none;

}



#article a{

    text-decoration: underline !important;

    color: #00c !important;

}



#article form {clear:both;
display:block;
padding: 10px;
background-color: white;
font-size: 15px;
width:100%; margin-top: 10px;}

#article form textarea {width:100%;}
#article button {padding:0.7em 1.7em; margin-top:25px; border-radius:0.2em; box-sizing: border-box; text-decoration:none; font-family:'Roboto',sans-serif; font-weight:400; color:#FFFFFF; background-color:#3369ff; box-shadow:inset 0 -0.6em 1em -0.35em rgba(0,0,0,0.17),inset 0 0.6em 2em -0.3em rgba(255,255,255,0.15),inset 0 0 0em 0.05em rgba(255,255,255,0.12); text-align:center; position:relative;}

#article button:active{box-shadow:inset 0 0.6em 2em -0.3em rgba(0,0,0,0.15),inset 0 0 0em 0.05em rgba(255,255,255,0.12);}


#article .resultat {padding: 10px; font-size: 18px; font-weight: bold; font-style: italic;}

/*Search form styling */

#search-form {

    width: 430px;

    height: 360px;

    margin: 60px auto 0 auto;

    padding: 1px 0 0 0;

    background: url(imgs/form-bg.png) top center no-repeat;

}

 

.form-container {

    width: 353px !important;

    height: 49px;

    padding: 0;

    overflow: hidden;

    text-align: left;

    background: #f8f8f8;

    border: 1px solid #ccc;

    -moz-border-radius: 8px;

    -webkit-border-radius: 8px;

    border-radius: 8px;

    background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#eeeeee));

    background-image: -webkit-linear-gradient(top, #f8f8f8, #eeeeee);

    background-image: -moz-linear-gradient(top, #f8f8f8, #eeeeee);

    background-image: -ms-linear-gradient(top, #f8f8f8, #eeeeee);

    background-image: -o-linear-gradient(top, #f8f8f8, #eeeeee);

    background-image: linear-gradient(top, #f8f8f8, #eeeeee);

    -moz-box-shadow: 0 4px 0 #ddd, 0 6px 8px rgba(0,0,0,.5);

    -webkit-box-shadow: 0 4px 0 #ddd, 0 6px 8px rgba(0,0,0,.5);

    box-shadow: 0 4px 0 #ddd, 0 6px 8px rgba(0,0,0,.5);

}

 

.search-field {

    float: left;

    width: 250px;

    height: 34px;

    margin: 6px 0 0 8px;

    padding: 0 8px;

    font-family: 'Open Sans', Arial, sans-serif;

    font-size: 16px;

    color: #888;

    font-style: italic;

    font-weight: 400;

    background: #fff;

    border: 1px solid #ccc;

    -moz-border-radius: 8px;

    -webkit-border-radius: 8px;

    border-radius: 8px;

    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#ffffff));

    background-image: -webkit-linear-gradient(top, #f5f5f5, #ffffff);

    background-image: -moz-linear-gradient(top, #f5f5f5, #ffffff);

    background-image: -ms-linear-gradient(top, #f5f5f5, #ffffff);

    background-image: -o-linear-gradient(top, #f5f5f5, #ffffff);

    background-image: linear-gradient(top, #f5f5f5, #ffffff);

    -moz-box-shadow: 0 1px 1px #e2e2e2 inset, 0 1px 0 #fff;

    -webkit-box-shadow: 0 1px 1px #e2e2e2 inset, 0 1px 0 #fff;

    box-shadow: 0 1px 1px #e2e2e2 inset, 0 1px 0 #fff;

}

 

.search-field:focus {

    outline: 0;

    color: #666;

    border-color: #aaa;

    -moz-box-shadow: 0 1px 1px #dadada inset;

    -webkit-box-shadow: 0 1px 1px #dadada inset;

    box-shadow: 0 1px 1px #dadada inset;

}

 

.submit-container {

    float: left;

    width: 60px;

    height: 32px;

    margin: 7px 0 0 7px;

    padding: 0;

    cursor: pointer;

    background: #e63c0d;

    border: 1px solid #d62700;

    -moz-border-radius: 6px;

    -webkit-border-radius: 6px;

    border-radius: 6px;

    background-image: -webkit-gradient(linear, left top, left bottom, from(#f55f15), to(#e63c0d));

    background-image: -webkit-linear-gradient(top, #f55f15, #e63c0d);

    background-image: -moz-linear-gradient(top, #f55f15, #e63c0d);

    background-image: -ms-linear-gradient(top, #f55f15, #e63c0d);

    background-image: -o-linear-gradient(top, #f55f15, #e63c0d);

    background-image: linear-gradient(top, #f55f15, #e63c0d);

    -moz-box-shadow: 0 1px 1px #fa8e1f inset, 0 1px 0 #fff;

    -webkit-box-shadow: 0 1px 1px #fa8e1f inset, 0 1px 0 #fff;

    box-shadow: 0 1px 1px #fa8e1f inset, 0 1px 0 #fff;

}

 

.submit-container:hover, .submit-container:focus {

    background-image: -webkit-gradient(linear, left top, left bottom, from(#e63c0d), to(#f55f15));

    background-image: -webkit-linear-gradient(top, #e63c0d, #f55f15);

    background-image: -moz-linear-gradient(top, #e63c0d, #f55f15);

    background-image: -ms-linear-gradient(top, #e63c0d, #f55f15);

    background-image: -o-linear-gradient(top, #e63c0d, #f55f15);

    background-image: linear-gradient(top, #e63c0d, #f55f15);

    -moz-box-shadow: 0 1px 1px #f36215 inset, 0 1px 0 #fff;

    -webkit-box-shadow: 0 1px 1px #f36215 inset, 0 1px 0 #fff;

    box-shadow: 0 1px 1px #f36215 inset, 0 1px 0 #fff;

}

 

.submit-container:active {

    outline: 0;

    -moz-box-shadow: 0 1px 6px #e4340b inset;

    -webkit-box-shadow: 0 1px 6px #e4340b inset;

    box-shadow: 0 1px 6px #e4340b inset;

}

 

.submit {

    float: left;

    width: 60px;

    height: 32px;

    margin: 0;

    padding: 0;

    cursor: pointer;

    border: 0px solid #000;

    background: url(imgs/form-magnifier.png) 20px 6px no-repeat;

    -moz-border-radius: 6px;

    -webkit-border-radius: 6px;

    border-radius: 6px;

}



/* Responsive table */

/* Generic Styling, for Desktops/Laptops */

table { 

  width: 100%; 

  border-collapse: collapse; 

}

table a:link {text-decoration:underline !important;}

table a:hover {color:#06F !important;}

/* Zebra striping */

tr:nth-of-type(odd) { 

  background: #e4e1e1; 

}

th { 

  background: #086793; 

  color: white; 

  font-weight: bold; 

}

td, th { 

  padding: 6px; 

  border: 1px solid #ccc; 

  text-align: left; 

}



.map {width:750px; height:450px;}







/*Styles for screen 600px and lower*/

@media screen and (max-width: 600px) {

	#content {padding-left:15px; padding-right:15px; width:90%; margin-top:0px; z-index:0;}

	#article, #article {width:95%;}

	#socialbuttons {margin:auto; width:100%; text-align:center;}

	.site-title {font-size:42px; position:relative; bottom:0px; left:4px;}

	#article img {max-width:100%; height:auto;}

	#article form {max-width:90%;}

	#article h1, #article h1{font-size:33px; line-height:35px; width:95%; margin-bottom:25px;}

	#article ul{width:100%; margin: 15px auto;}

	body {font-size:14px;}

	a:visited, a:link {color:#fff !important; text-decoration:none !important;}

	/*#article a:link, #article a:visited {color:#000 !important;}*/

	#footer .block {width:95%;}

	.logo, #logo {max-width:100%;}

	#logowrap {padding-bottom: 10px;}

	#logowrap img {max-height: 40px; width: auto; margin: 0 15px;}

	#article form {width:95%; margin-bottom: 20px;}

	#article img {max-width: 100%; height: auto;}

	#article .productfeed {width:100%; margin:0 auto;}

    .productfeed .productname, .productfeed .pricelink, .productfeed .infobox {width:100%;}

    .productfeed .infobox {max-height:70px; height:auto; font-size:12px; padding:0;}

    #article .productfeed li {text-align:left; width:100%; padding:0 0 0 10px;}

    .productimage img {width:100%; height:auto;}

    .productfeed .productname {border: 1px solid #000; padding:0;}

    .productfeed .pricelink {border: 1px solid #294169; padding:5px 0 0 0; height:45px; font-size:16px;}

    .productfeed .productname h3 {margin:5px;}

	#mobilebanner {display:block;}

	#related li{font-size:16px; padding:3px;line-height:24px;}

	#related ul {width:90% !important;}

	.break-wide {clear:none;}

	.standard-list ul {left: -10px !important; width:90% !important;}

	

	.frontblockleft {width:100%; border:none; padding:none; margin:none; float:none;}

		.frontblockleft img {float:none;}

	.frontblockright {width:100%; border:none; padding:none; margin:none; float:none;}

		.frontblockright img {float:none;}

	

	nav a:hover {border:none;}

	nav { 

  		height: auto;

		border-bottom: 0;

		background-color: #b85655;

		color:#fff;

		margin-top:0px;

		z-index:1;

		border-top: 2px solid white;

  	}

  	nav ul {

  		width: 100%;

  		display: none;

  		height: auto;

  	}

  	nav li {

  		width: 50%;

  		float: left;

  		position: relative;

  	}

  	nav li a {

		border:none;

		color:#fff;

	}

  	nav a {

	  	text-align: left;

	  	width: 100%;

	  	text-indent: 25px;

  	}

	nav a#pull {

		display: block;

		background-color: #913c3b;

		color:#fff;

		width: 100%;

		position: relative;

		border-top: 1px solid white;

	}

	nav a#pull:after {

		content:"";

		background: url('/imgs/nav-icon.png') no-repeat;

		width: 30px;

		height: 30px;

		display: inline-block;

		position: absolute;

		right: 15px;

		top: 15px;

	}

	

	#article a:link, #article a:{

    text-decoration: underline !important;

    color: #00c !important;

	}

	.form-container {max-width: 95% !important;}

	.search-field {max-width:55% !important;}

	iframe {max-width:100% !important; height:auto;}

	.map {width:100%; height:300px;}



}



/*Styles for screen 515px and lower*/

@media only screen and (max-width : 480px) {

}



/*Smartphone*/

@media only screen and (max-width : 320px) {

	nav li {

		display: block;

		float: none;

		width: 100%;

	}

	nav li a {

		border-bottom: 1px solid #576979;

	}

}