html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,button,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent;}

body{background:#ffffff;margin-top:0px;}
body{font-family:Arial,Helvetica,sans-serif;background:#d9cdb2;color:#444;text-decoration:none;word-spacing:normal;letter-spacing:0;font-size:1em;}

h1,h2,h3,h4,h5,h6{font-weight:700;color:#000000;margin:0 0 13px 0;text-transform:uppercase;}
h1,h2,h3,h4,h5,h6{font-family:Arial,Helvetica,sans-serif;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:#000000;}

h1,h2,h3,h4,h5,h6,p,hr,select,textarea,input{margin:0 0 5px 0;}

h1{font-size:30px;line-height:32px;font-family:'Oswald';color:#464646;}
h2{font-size:22px;}
h3{font-size:14px;}
h4{font-size:12px;}
h5{font-size:11px;}

a{color:#694f42;outline:none;text-decoration:none;}
a:hover{text-decoration:none;color:#694f42;}
a:active{outline:none;}

.fr{float:right;}
.fl{float:left;}

.hidden-desktop{display:none;}

.bgdark {background: #d9cdb2;}
input.formnosize, .cardnum, .cvc, .emonth, .eyear {padding: 3px;border: 1px solid #cccccc;}
.formsmall {padding: 5px;border: 1px solid #cccccc; }
.formlarge {padding: 5px;border: 1px solid #cccccc; width: 300px;}
.formlargeselect {padding: 5px;border: 1px solid #cccccc; width: 312px;}
.formtextarea {border: 1px solid #cccccc;padding-left: 5px; height: 100px; width: 300px;}
.form_center{text-align:center;}
.postdkpickupzip {padding: 5px;border: 1px solid #cccccc;width: 50px;} 

input[type='checkbox']{vertical-align: -2px;margin-left: 5px;}

#toplight{position:absolute;width:100%;height:68px;background-color:#fff;z-index:-50;}
#topdark{position:absolute;width:100%;height:121px;background-color:#f9f5ee;z-index:-100;}

#top-wrapper{max-width:1170px;margin:0 auto 0 auto;height:30px;}
#top-wrapper > .logos{padding-top:6px;}
#top-wrapper > .logos img{margin-left:10px;}

#wrapper{max-width:1170px;margin:0 auto 10px auto;}

#topmenu{margin-top:10px;height:55px;margin-left:15px;}
#topmenu-fixed{display:none;}

#logo{float:left;height:55px;}	
#searchbox{float:left;margin-top:4px;margin-left: 110px;}
#searchbox #search{background: none repeat scroll 0 0 #f9f5ee;border: 0 none;color: #694F42;float: left;height: 26px;margin: 0;padding: 10px;width: 350px;outline: none;font-family:'Oswald', sans-serif;font-size: 20px;}
#searchbox #button{background: url("/images/search.png") no-repeat scroll center center #694f42;cursor: pointer;height: 48px;text-indent: -99999em;transition: background 0.3s ease-in-out 0s;width: 48px;border: 2px solid #f9f5ee;outline: none;cursor: pointer;}
#searchbox #button:hover{background-color: #000;}	

#cart{float:right;margin:5px 0px 0px 0px;cursor:pointer;display:block;padding: 8px 10px 8px 10px;color: #fff;background-color:#694f42;}
#cart #text {float: right;font-family:'Oswald', sans-serif;font-size: 15px;line-height: 30px;font-weight:700;text-transform: uppercase;}

#cart:hover {color: #694f42;background-color:transparent;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}  

.boxshadow{background:transparent url(/images/shadow-box-01.png) no-repeat 0 0;width:auto;height:15px;margin:0;padding:0;clear:both;background-size: 100% 100%;}

#menuwrapper{background-color:#f9f5ee;border:0px solid #f3f3f3;}
.menu{margin:8px 0 10px 0px;}	
.menu ul{margin:0;float:right}
.menu li{margin:0;display:block;float:left;}
.menu li a{text-align:center;min-width:50px;margin:0;display:block;padding:5px 10px;font-size:18px;text-transform:uppercase;font-weight:600;color:#1a343a;font-family:'Oswald', sans-serif;}
.menu li:hover a{color:#ffffff;background-color:#694f42;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.menu .fr{float:right;}	

.box{border:1px solid #ddd7c1;padding:10px;background-color:#fff;}

#bodywrapper{background-color:#f9f5ee;border:2px solid #f3f3f3}
#body{margin:15px;}
#body #sidebar{width:22%;float:left;padding-right:10px;}
#body #main{width:76%;float:right;line-height:20px;}

#body #sidebar .sidemenu span.heading{display:block;background:#694f42;color:#fff;margin:0;padding:4px 10px;font-size:20px;font-weight:500;font-family:'Oswald';text-transform:uppercase;margin: 0 0 10px 0;}
#body #sidebar .sidemenu li,#body #sidebar .sidemenu li a{float:none;margin-left:0;display:block;border-bottom:1px dotted #e0e0e0;}
#body #sidebar .sidemenu li.submenu{margin-left:10px;}
#body #sidebar .sidemenu li.active a{color: #ffffff;background-color: #694f42;}
#body #sidebar .sidemenu li.submenu.active a{color: #ffffff;background-color: #694f42;}
#body #sidebar .sidemenu li a{font-weight:400;color:#464646;padding:0px 10px;line-height:2.0em;font-size: 0.9em;}
#body #sidebar .sidemenu li:last-child a{border-bottom:none;margin-bottom:10px;}
#body #sidebar .sidemenu li a.current{color:#cdac7f;background:#fcfcfc;font-weight:700;}
#body #sidebar .sidemenu li a:hover{color:#ffffff;background-color:#694f42;}	

/*.infomenutable{ background: url(/images/derfor_fenomen_02.png) no-repeat; height: 165px; width:200px;margin-bottom: 10px;}	*/
.infomenutable{border-top: 1px solid #694f42;border-bottom: 1px solid #694f42;background-color: #fff;  width:100%;margin-bottom: 10px;}	
.infomenu{ padding-top: 10px; padding-bottom:10px; margin-left: 20px;font-size: 14px;} 	
.infomenu ul{margin-top: 10px;padding:0;margin: 0;list-style-position:inside;line-height:16px;}	
.infomenu li{ margin-bottom: 0px; list-style-position:inside;}
.header{font-family: Georgia, "Times New Roman", Times, serif;font-size: 16pt;color: #333333;font-weight: 400;text-decoration: none;font-style: normal;}	

#frontpage #intro{width:65%;float:left;min-height: 440px;}
#frontpage #intro #image{float:right;width:60%;}
#frontpage #intro #image img{width:100%;height:auto;}
#frontpage #contact{width:26%;float:right;min-height: 440px;}
#frontpage #contact .header{font-family: Georgia, "Times New Roman", Times, serif;font-size: 16pt;color: #333333;font-weight: 400;text-decoration: none;font-style: normal;padding-left: 8px;}	
#frontpage #contact .divider{border-top: 1px dotted #bfbfbf;margin-top: 7px;padding-top: 7px;}
#frontpage #contact #text{color: #333333;font-size: 11pt;font-family: Georgia, "Times New Roman", Times, serif;font-weight: 400;line-height: 15pt;padding: 8px;}
#frontpage #contact .icon{float:left;margin: 0px 10px;}

#crump{font-size: 11px;position: relative;top:-4px;}

#productlist .product{float:left;text-align:left;width:274px;height:380px;margin:20px 20px 0 0;position:relative;overflow:hidden;}
#productlist .product:nth-child(3n){float:right;margin:20px 0 0 0;}			
#productlist .image img{border:1px solid #e0e0e0;margin-bottom:5px;height: 99%;width: 99%;}

#productlist .product .sale{font-family:"Trebuchet MS";line-height:16px;font-size:12px;position:absolute;text-transform:uppercase;right:-30px;top:15px;text-align:center;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);display:block;width:101px;color:#fff !important;background-color:#e3b213;padding:1px 4px;font-weight:700;}
#productlist .product .popular{font-family:"Trebuchet MS";line-height:16px;font-size:12px;position:absolute;text-transform:uppercase;right:-30px;top:15px;text-align:center;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);display:block;width:101px;color:#fff !important;background-color:#d9cdb2;padding:1px 4px;font-weight:700;}

#productlist .product .title{display:block;line-height:20px;font-size:17px;color:#777;padding-top: 20px;}
#productlist .product:hover .title{color:#694F42 !important;}
#productlist .product .price{display:block;line-height:16px;font-size:18px;color:#222;font-weight:700;height:20px;}
#productlist .product .offer{line-height:16px;font-size:10px;color:#222;font-weight:700;}

#productsubcatlist{margin-top: 20px;}
#productsubcatlist .subcat{float:left;width:33%;text-align: center;margin-bottom: 20px;min-height: 80px;}

#product #info{width:49%;float:right;}
#product #picture{float:left;position:relative;overflow:hidden;width:49%}
#product #picture .image img {width: 100%;height: auto;}
#product .price {padding: 10px 0 0;}
#product #picture .sale{font-family:"Trebuchet MS";line-height:16px;font-size:12px;position:absolute;text-transform:uppercase;right:-30px;top:15px;text-align:center;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);display:block;width:101px;color:#fff !important;background-color:#e3b213;padding:1px 4px;font-weight:700;}
#product #picture .popular{font-family:"Trebuchet MS";line-height:16px;font-size:12px;position:absolute;text-transform:uppercase;right:-30px;top:15px;text-align:center;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);display:block;width:101px;color:#fff !important;background-color:#d9cdb2;padding:1px 4px;font-weight:700;}
#product #picture .new{font-family:"Trebuchet MS";line-height:16px;font-size:12px;position:absolute;text-transform:uppercase;right:-30px;top:12px;text-align:center;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);display:block;width:101px;color:#fff !important;background-color:#cdac7f;padding:1px 4px;font-weight:700;}
#product .addbasket{width:100%; text-transform:uppercase;margin-bottom: 10px;}
#product .buttons{width:38%; text-transform:uppercase;font-size: 0.6em;line-height: 20px;}
#product .price{font-size:28px;line-height:32px;font-family:'Oswald';color:#464646;font-weight:700;margin:0 0 13px 0;text-transform:uppercase;}

#product .productvariant{width:100%;height:25px;font-size:15px;line-height: 32px;}

#gallerywrapper{width:450px;height:500px;margin-left: auto;margin-right: auto; }
#gallerywrapper .picture {width: 100%;height: auto;}

.infobox{position:relative;margin-top:45px;width:100%;height:120px;border:1px solid #ccc;background-color:#fff;}
.infobox .picture{position:absolute;left:35%;top:-64px}
.infobox .contact{position:absolute;left:58%;top:20px;line-height:20px;}
.infobox .list{position:absolute;left:5%;top:8px;width: 200px;}
.infobox ul{margin-top:10px;padding:0;margin:0;list-style-position:inside;}
.infobox li{list-style-position:inside;line-height:20px;}
.infobox a{color:#464646;outline:none;text-decoration:underline;}
.infobox a:hover{text-decoration:none;color:#000;}

#footerwrapper{background-color:#fff;border:2px solid #f3f3f3}
#footer{padding:15px 0px 15px 0px;font-family:Georgia,serif;font-size:15px;font-style:italic;text-align:center;}

.color.cssbutton,.color.cssbutton:visited{background-color:#7fb93c;}
.color.cssbutton:hover{background-color:#749a02;}

.cssbutton,.cssbutton:visited,.formsubmit,.formsubmit:visited{display:inline-block;padding: 5px 10px 6px; color:#fff;background-color:#888;text-decoration:none;-moz-border-radius:3px;-webkit-border-radius:3px;-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);text-shadow:0 -1px 1px rgba(0,0,0,0.25);border-bottom:1px solid rgba(0,0,0,0.25);position:relative;cursor:pointer;-webkit-appearance: none; }
.cssbutton:hover{background-color:#777;color:#fff;}
.cssbutton:active{top:1px;}
.xsmall.cssbutton,.xsmall.cssbutton:visited{border:0;font-size:9px;font-weight:bold;text-align:center;line-height:1;text-shadow:0 -1px 1px rgba(0,0,0,0.25);}	
.small.cssbutton,.small.cssbutton:visited{font-size:11px;}
.cssbutton,.cssbutton:visited,.medium.cssbutton,.medium.cssbutton:visited,.formsubmit{border:0;font-size:13px;font-weight:bold;text-align:center;line-height:1.5;text-shadow:0 -1px 1px rgba(0,0,0,0.25);}
.large.cssbutton,.large.cssbutton:visited,.formsubmit{font-size:14px;padding:8px 14px 9px;}	
.green.cssbutton,.green.cssbutton:visited,.formsubmit,.formsubmit:visited{background-color:#7fb93c;}
.green.cssbutton:hover,.formsubmit:hover{background-color:#749a02;}
.white.cssbutton,.white.cssbutton:visited{background-color:#fff;color:#aaa;}
.white.cssbutton:hover{background-color:#ff0000;color:#fff;}

.accord-header {background-color:#efefef;height:40px;display:block;line-height: 44px;margin-bottom: 10px;cursor: pointer; cursor: hand;font-size:20px;}

#tinybox {position:absolute;display:none;padding:10px;background:#fff url(/images/preload.gif) no-repeat 50% 50%;border:5px solid #e3e3e3;z-index:2000}
#tinymask {position:absolute;display:none;top:0;left:0;height:100%;width:100%;background:#d3d3d3;z-index:1500;}
#tinycontent {background:#fff}

#xmastop {cursor:pointer;background-color: #b40f0f; background-image: url('/images/christmas-top-bg-01.jpg'); padding: 8px; text-align: center; font-size: 18px; color: #fff;  background-position: top center;  font-family: 'oswald', sans-serif; text-shadow: -1px -1px black, 1px 1px #000;}

#xmaxspecial img {width:450px;}
#xmaxspecial #header {width:550px;margin-left: auto ;  margin-right: auto ;}

.clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;visibility:hidden;}
.clearfix:after{clear:both;}

.group:before,.group:after { content: "";display: table;} 
.group:after {clear: both;}
.group {zoom: 1; /* For IE 6/7 (trigger hasLayout) */}

.clerk-livesearch-title {padding: 0.8em 0.8em;font-size: 0.8em;text-transform: uppercase;background-color: #694F42;color: #fff;}

#email2 {display: none;}

.trustpilot-top, .alle-kort-2014, .postdk, .brug-f1, .brug-f2, .emaerket-top, .search
{ display: inline-block; background: url('/images/sprite.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; }
 
.trustpilot-top { background-position: -0px -0px; width: 168px; height: 15px; }
.alle-kort-2014 { background-position: -0px -15px; width: 150px; height: 10px; }
.postdk { background-position: -0px -25px; width: 35px; height: 10px; }
.brug-f1 { background-position: -35px -25px; width: 32px; height: 32px; }
.brug-f2 { background-position: -67px -25px; width: 32px; height: 32px; }
.emaerket-top { background-position: -99px -25px; width: 30px; height: 18px; }
.search { background-position: -129px -25px; width: 20px; height: 20px; }

@media screen and (max-width:1170px){
	#productlist .product{float:left;text-align:left;width:267px;height:380px;margin:20px 20px 0 0;position:relative;overflow:hidden;}
}	

@media screen and (max-width:1024px){
	#productlist .product{float:left;text-align:left;width:237px;height:380px;margin:20px 20px 0 0;position:relative;overflow:hidden;}
}	

@media screen and (max-width:940px){
	.hidden-tablet{display:none !important;}
	.hidden-desktop{display:block;}
	#top-wrapper{width:750px;padding:0px;margin:0px auto 0px auto;}
	#wrapper{width:750px;padding:0px;margin:10px auto 40px auto;}
	
	#topmenu-fixed{display:none;}
	
	#searchbox {margin-left:20px;}

	#frontpage #intro{min-height: 480px;}
	#frontpage #contact{min-height: 480px;}	
	
	#frontpage #contact .header{font-size: 18px;}		
	#body #sidebar li a{padding:0px 10px;line-height:2.1em;}	
	#informationwrapper .informationwrapper-small{width:100%;margin-top:10px;}
	#informationwrapper .informationwrapper-big{width:100%;margin-top:10px;}
	#informationwrapper li{height:2.1em}	
	#productlist .product {float:left;text-align:center;width:31%;height:260px;margin:6px;overflow:hidden;}
	#productlist .product:nth-child(3n){float:left;margin:6px;}
	#productlist .product .title {font-size: 14px;}
	
	#productlistheader img{width:100%;margin-bottom:10px;margin-top:10px;}	
	
	#product #picture .image img {width: 100%;height: 100%;}
	#productlist .product .image img {width: 98%;height: 98%;}	

	.infobox .picture{top:-30px}
	.infobox .picture img {height:150px;}
	
	#subcatlist .catimage img{width: 100%;height: 100%;}
	
	.drop-shadow{position:relative;float:left;}
}	

@media screen and (max-width:767px){	
	.hidden-mobile{display:none !important;}
	body{border-top:0px solid;}
	
	#toplight{height:150px;}
	#topdark {display:none;}
	#top-wrapper {display:none;}
	#wrapper {width: 100%;padding: 0px;margin: 0px auto 40px auto;}	
	
	#topmenu{padding-top:40px;margin-left:15px;height:110px}	
	
	#topmenu-fixed{display:block;width: 100%;position: fixed;top:0px;left:0px;z-index: 10;max-width: 960px;min-height: 40px;background:#f9f5ee;border-bottom: 3px solid #d9cdb2;}
	#logo{width:100%;text-align:center;}
	#searchbox{width:100%;text-align:center;}
	#cart{position:absolute;position: fixed;top:0px;left:0px;z-index: 12;display:none;}
	
	#nav-cat{width:49%;display: inline-block;border-right: 1px solid #d9cdb2;padding: 12px 10px 12px;font-size:14px;font-weight:bold;background-image: url('/images/nav-menu-1.png');background-size: 25px 25px;background-repeat: no-repeat;background-position: 11px 7px;padding-left: 40px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	#nav-cart{width:49%;display: inline-block;padding: 12px 10px 12px;font-size:14px;font-weight:bold;background-image: url('/images/nav-cart-1.png');background-size: 25px 25px;background-repeat: no-repeat;background-position: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	
	#searchbox {width:100%;position: relative;margin-left: 0px;}
	#searchbox #search{background: none repeat scroll 0 0 #f9f5ee;border: 0 none;color: #694F42;float: left;height: 20px;margin: 0;padding: 10px;width: 90%;outline: none;opacity:0.97;}
	#searchbox #button{background: url("/images/search.png") no-repeat scroll center center #694f42;cursor: pointer;height: 40px;text-indent: -99999em;transition: background 0.3s ease-in-out 0s;width: 40px;border: 2px solid #f9f5ee;outline: none;position: absolute;top: 0;right: 15px;;}
	#searchbox #button:hover{background-color: #000;}	
	
	#body #sidebar{width:100%;margin-top:10px;}
	#body #main{width:100%;}
		
	#product #info{width:49%;}
	#product #picture{width:49%}
	
	
	
	#productlist .product{float:left;text-align:center;width:31%;height:auto;margin:0.3em;overflow:hidden;}
	#productlist .product:nth-child(3n){float:left;margin:0.4em;}	
	
	#xmastop {margin-top:80px; font-size: 14px; }
}	

@media screen and (max-width:450px){		
	#logo img{width:60%;height:auto}

	#frontpage #intro{width:93%;float: none;}	
	#frontpage #contact{display: none;}	
	
	#productlist .product{float:none;text-align:center;width:100%;height:auto;margin:10px 0 0 0;overflow:hidden;}	
	#productlist .product:nth-child(2n+1) {margin-right:0px;}	
	#productlist .product .title{display:block;line-height:22px;font-size:22px;color:#777;height:50px;}

	#productlistheader img{display:none !important;}
	#subcatlist .cat{width:40%;}

	#product #info{width:100%;margin-top:10px;}
	#product #picture{width:100%}

	.formlarge {padding: 5px;border: 1px solid #cccccc; width: 100%;}
	.formlargeselect {padding: 5px;border: 1px solid #cccccc; width: 104%;}
	
	.infobox .picture{left:0%;top:-30px}
	.infobox .picture img {height:150px;}
	.infobox .contact{display:none !important;}
	.infobox .list{left:42%;width:180px;}

	.accord-header {font-size:12px;}
	
	#gallerywrapper{width:290px;height:310px;margin-left: auto;margin-right: auto; }
	#gallerywrapper img {width: 100%;height: auto;}	

	
	#xmaxspecial img {width:270px;}
	#xmaxspecial #header {width:270px;margin-left: auto ;  margin-right: auto ;}
}	

/* oswald-regular - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/oswald-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Oswald Regular'), local('Oswald-Regular'),
       url('/fonts/oswald-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/oswald-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/oswald-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/oswald-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/oswald-v16-latin-regular.svg#Oswald') format('svg'); /* Legacy iOS */
}
/* oswald-700 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/oswald-v16-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Oswald Bold'), local('Oswald-Bold'),
       url('/fonts/oswald-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/oswald-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/oswald-v16-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/fonts/oswald-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/oswald-v16-latin-700.svg#Oswald') format('svg'); /* Legacy iOS */
}