* { padding:0; margin:0; outline:0; }
body {
	background:#fff url(images/body.gif) repeat-x 0 0;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#636363;
}
input, textarea, select { font-family: "Trebuchet MS", Arial, sans-serif; font-size:12px; }

.searchfield { background:#ebebeb; border:solid 1px #dedede; padding:2px;}

a img { border:0; }
a { color:#000; text-decoration: none; cursor:pointer; }
a:hover { color:#339; text-decoration: none; }

.left { float:left; display:inline; }
.right { float:right; display:inline; }
.clearing { font-size:0; line-height:0; clear:both; display:block; height:0; }

h2 { font-size:14px; line-height:16px; }
h3 { font-size:12px; line-height:14px; text-transform: uppercase; color:#000; }
h4 { font-size:12px; line-height:14px; text-transform: uppercase; color:#000; }

h1#logoHE { font-size:0; line-height:0; width:250px; height:64px; float:left; }
h1#logoHE a{ display:block; height:64px; text-indent: -4000px; background:url(images/hobbyexport_logo.gif); }

.glob { width:960px; margin:0 auto; padding:10px; background:#fff; }
#header { height:64px; background:url(images/header.gif); position:relative;}

#navmain { float:right; white-space:nowrap; }
#navmain ul{ list-style-type: none; height:64px; font-weight: bold; float:left;}
#navmain ul li{ float:left; display:inline; }
#navmain ul li a{ float:left; height:64px; line-height:64px; text-decoration: none; color:#fff; padding:0 15px;}
#navmain ul li a.active,
#navmain ul li a:hover{ background:#fff; color:#339; }

a.toevoeglink {
	color: #000000;
}

#cart { float:right; width:180px; top:0; right:0; height:51px; background:url(images/shopbg.gif); color:#fff; padding:13px 10px 0 10px; white-space:nowrap; line-height:20px;}
a.cart-link { color:#fff; background:url(images/shoppingcart.png) no-repeat 0 0; padding:0 0 0 32px; text-decoration: none;}
a.cart-link:hover { text-decoration: underline;}

#sidenav { float:left; width:226px;}
#usercont { float:right; width:724px;}

#subnavmain { padding:1px 0 0 0; }

#userdata { height:38px; float:right; top:0; right:0; color:#000;}

#filltable { height:38px; background:url(images/filltable.gif); position:relative; text-decoration: none; color:#fff;}
#filltable a{ float:left; height:38px; line-height:38px; text-decoration: none; font-weight: bold; color:#fff; padding:0 5px;}
#filltable a.active,
#filltable a:hover{color:#339; }

.dispo { color: #0FC;}

.sidenavb { padding:1px; border:solid 1px #dedede; margin-bottom:10px;}
.sidenavb h2{ background:#06C; color:#fff; font-weight: normal; padding:0 5px; position:relative; height:27px; line-height:27px; }
.sidenavb h2 span{ position:absolute; width:10px; height:5px; background:url(images/h2-arr.gif); top:27px; right:10px; font-size:0; line-height:0;}
.sidenavbinh { padding:5px;}

.selection { padding:1px; border:solid 1px #dedede; margin-bottom:10px;  text-align:center;}

a.adapt { font-weight: bold;}

.zoek { min-height:122px;}
.zoek label { display:block; padding-bottom:3px; }

.zoek .field { display:block; margin-bottom:10px; }
.zoek input.field { width:206px; }
.zoek select.field { width:212px; }

.searchsubmit { width:70px; background:#06C; border:0; color:#fff; height:27px; display:block; line-height:26px; cursor:pointer; margin:12px 0 10px 0;}

.lang { min-height:30px;}
.langinh { padding:5px; text-align:center;}

.fab { min-height:88px;}
.fab select.field { width:212px; }

.categories { min-height:383px; }
.categories ul { list-style-type: none; font-size:13px;}
.categories ul li{ border-bottom:dashed 1px #ccc; padding:5px 0;}
.categories ul li.last{ border-bottom:0; padding-bottom:0;}
.categories ul li a{ color:#5f5f5f; text-decoration: none; background:url(images/cats.png) no-repeat 0 4px; padding-left:17px;}
.categories ul li a:hover{ color:#339; }

#voetnoot { height:51px; background:#ebebeb; white-space:nowrap; line-height:50px; padding:0 15px; color:#7b7b7b; margin-top:10px;}
#voetnoot a{ color:#7b7b7b; text-decoration: none;}
#voetnoot a:hover{ color:#000;}
#voetnoot span{ padding:0 2px;}

.address { float:left; font-weight: bold; margin-bottom: 5px;}
.vat { float:right; font-weight: bold; margin-bottom: 5px;}

.tablecontact { margin-left: 50px;}
.text6 { text-transform: uppercase;	font-size: 10px; font-weight: bold;	color: #999999; }
.tdcontact { padding:5px 5px; }

.fab_title_promo{ color:#666666; padding:1px 0 1px 0; font-weight:bold; font-size: 11px; height: 10px; text-align: center; }
.fab_box_promo{ width:120px; height:auto; float:left; padding-top:3px; padding-bottom:3px; }
.fab_box_promo_cat{ width:177px; height:auto; float:left; padding-top:15px; padding-bottom:15px; }
.fab_img_promo{ padding:5px 0 15px 0; height: 85px; vertical-align :middle; }

.pagetable { background:#06C; color:#fff; }
.paginanaam { margin-left:110px; }
.paginaproduct { margin-left: 15px; color:#FFF;}
.paginaproductsel { margin-left: 15px;  color:#FFF; font-size: 24px;}

.fabspan { margin-left: 20px; font-weight: bold; font-size: 18px; color:#06C;}
input[type="text"].buybox { width:20px; height:19px; }

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(0, 102, 204, 0.8) url(images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}