/* structurele onderdelen */

body {
  padding:0;
  margin:0;
  text-align:center;
}
body,td,p,th,.sb li,.toplinks a,.bottomlinks,.mb .homeprijs,.breadcrumb,.regerror li,.update,.menub .usermenu li a,.contbestel label,.btn2 span,.lb li {
  font-size:0.85em;
  font-family:arial,sans-serif;
}
a {
  color:#000;
}
a img {
  border-style:none;
}
.cleardiv {
  clear:both;
}
.aleft {
  text-align:left;
}
.aright {
  text-align:right;
}
.fleft {
  float:left;
}
.fright {
  float:right;
}

#container {
  width:1020px;
  text-align:left;
  margin-left:auto;
  margin-right:auto;
}

#header {
  background-image:url("/image/webshopregister.gif");
  background-repeat:no-repeat;
  background-position:80px 15px;
  height:120px;
  position:relative;
}

#header .toplinks {
  float:right;
}
.bottomlinks {
  text-align:center;
  padding-bottom:20px;
}
#header .toplogos {
  padding-top:20px;
  float:right;
  clear:right;
}
#header .toplogos img {
  vertical-align:middle;
}
#header #homebutton {
  width:200px;
  height:115px;
  position:absolute;
  top:0;
  left:0;
  background-image:url("/image/transp.gif");
  
}
#leftcol,#centercol,#rightcol {
  float:left;
}
#leftcol {
  position:relative;
  right:636px;
  width:192px;
}
#centercol {
  position:relative;
  left:192px;
  width:636px;
}
#rightcol {
  width:192px;
}


/* alle hoeken */
.smimage,.smtext,#content,.searchbar, a.subcat,.menub, .sb, .mb, .lb, .lb .grbestel, .tb {
  position:relative;
}
.tl,.tr,.bl,.br {
  position:absolute;
  background-image:url("/image/corners.gif");
  width:7px;
  height:7px; 
}
.tl {
  top:-1px;
  left:-1px;
  z-index:250;
}
.tr {
  top:-1px;
  right:-1px;
  z-index:250;
}
.bl {
  bottom:-1px;
  left:-1px;
  z-index:250;
}
.br {
  bottom:-1px;
  right:-1px;
  z-index:250;
}
.sb .tl {
  background-position:0 -48px;
}
.sb .tr {
  background-position:0 -56px;
}
.sb .bl {
  background-position:0 -64px;
}
.sb .br {
  background-position:0 -72px;
}
.menub .tl {
  background-position:0 -32px;
}
.menub .tr {
  background-position:0 -40px;
}
.menub .bl {
  background-position:0 -16px;
}
.menub .br {
  background-position:0 -24px;
}
#content .tl {
  background-position:0 -32px;
}
#content .tr {
  background-position:0 -40px;
}
#content .bl {
  background-position:0 -64px;
}
#content .br {
  background-position:0 -72px;
}/*
#content .mb.tl {
  background-position:0 -48px;
}
#content .mb .tr {
  background-position:0 -56px;
}
#content .mb .bl {
  background-position:0 -64px;
}
#content .mb .br {
  background-position:0 -72px;
}*/
#content .lb .grbestel .tl,.tb .tl {
  background-position:0 0;
}
#content .lb .grbestel .tr,.tb .tr {
  background-position:0 -8px;
}
#content .lb .grbestel .bl,.tb .bl {
  background-position:0 -16px;
}
#content .lb .grbestel .br,.tb .br {
  background-position:0 -24px;
}
#content .tbl .tl {
  background-position:0 -112px;
}
#content .tbl .tr {
  background-position:0 -120px;
}
#content .tbl .bl {
  background-position:0 -128px;
}
#content .tbl .br {
  background-position:0 -136px;
}
#content .smimage .tl,#content .searchbar .tl,#content a.subcat .tl{
  background-position:0 -144px;
}
#content .smimage .tr,#content .searchbar .tr,#content a.subcat .tr{
  background-position:0 -152px;
}
#content .smimage .bl,#content .searchbar .bl,#content a.subcat .bl{
  background-position:0 -160px;
}
#content .smimage .br,#content .searchbar .br,#content a.subcat .br{
  background-position:0 -168px;
}
#content .smtext .tl {
  background-position:0 -112px;
}
#content .smtext .tr {
  background-position:0 -120px;
}
#content .smtext .bl {
  background-position:0 -128px;
}
#content .smtext .br {
  background-position:0 -136px;
}
#content .lb .tl,#content .mb .tl {
  background-position:0 -80px;
}
#content .lb .tr,#content .mb .tr {
  background-position:0 -88px;
}
#content .lb .bl,#content .mb .bl {
  background-position:0 -128px;
}
#content .lb .br,#content .mb .br {
  background-position:0 -136px;
}
/* content */
#content {
  border: solid 1px #B2B2B2;
  background-color:#ffffff;
  padding:2px;
  margin:0 24px;
}
#bcontent {
  background-image:url("/image/bcontent.gif");
  background-repeat:repeat-x;
  padding:0px;
  margin:1px 0;
  height:20px;
}
#ocontent {
  background-image:url("/image/ocontent.gif");
  background-repeat:repeat-x;
  padding:0;
  margin:1px 0;
  height:20px;
}
#content2 {
  background-color:#e8e8e8;
  padding:10px 9px 10px 9px;
}


/* views */
.topbanner {
  text-align:center;
  border-bottom: solid 1px #B2B2B2;
  margin-left:4px;
  margin-right:4px;
  padding-bottom:10px;
}
.sb,.tb{
  position:relative;
  border: solid 1px #B2B2B2;
  margin-bottom:15px;
}
.tbl {
  position:relative;
  background-color:#ffffff;
  border: solid 1px #B2B2B2;
  padding:5px 8px;;
  margin-bottom:15px;
}
.tbl .fleft {
  position:relative;
  top:5px;
}
.tbl p {
  margin:0;
}
.tbl .schrijfreview label {
  display:block;
  float:left;
  clear:left;
  width:90px;
  font-weight:bold;
  padding-top:2px;
}
.tbl .schrijfreview textarea {
  width:100%;
}
.sb .wb {
  border:solid 2px #ffffff;
  background-color:#e8e8e8;
  padding:0 5px 3px 5px;
}
.sb .wb h2 {
  padding:0 5px;
  margin:0 -5px;
  border-bottom:solid 1px #666666;
  background-color:#061BA6;
  font-size:0.9em;
  color:#fff;
}
.sb .alginfo {
  list-style:none;
  padding:3px 0;
  margin:0;
}
.sb p {
  padding:0 5px;
}
.sb .alginfo li {
  padding:0;
  margin:0;
}
.sb .alginfo li a {
  text-decoration:none;
  display:block;
}
.sb .alginfo li a:hover {
  background-color:#d4d4d4;
}

.sb .waarom {
  list-style:none;
  padding:5px 0 0 0;
  margin:0;
}
.sb .waarom li {
  padding:2px 0 2px 10px;
  margin:0;
  background-image:url("/image/br.gif");
  background-repeat:no-repeat;
  background-position:0 5px;
  font-style:italic;
  font-weight:bold;
}
.mb {
  position:relative;
  border: solid 1px #B2B2B2;
  width:275px;
  height:220px;
  float:left;
  margin-right:9px;
  margin-bottom:9px;
  background-color:#fff;
}
.mb h2 {
  padding:2px 10px;
  margin:0;
  border-bottom:solid 1px #666666;
  background-color:#061BA6;
  font-size:0.9em;
  position:relative;
  z-index:100;
  color:#fff;
}
.mb a.bglink {
  text-decoration:none;
  position:absolute;
  top:0;
  left:0;
  width:275px;
  height:220px;
  z-index:50;
  overflow:hidden;
}
.mb a {
  text-decoration:none;
}
.mb .topbeoordeling  {
  margin:0 10px;
  font-weight:bold;
}
.mb .imghome {
  position:absolute;
  bottom:10px;
  right:10px;
  z-index:50;
}
#content .mb .btn,.btn2 {
  position:absolute;
  bottom:10px;
  left:15px;
  z-index:50;
}
#content .mb .beschrijving {
  display:block;
  padding:5px 10px;
  position:relative;
  z-index:150;
  width:220px;
  font-size:0.85em;
  margin:30px 10px;
  background-color:#fff;
  filter:alpha(opacity=80);
  -moz-opacity:0.80;
  opacity: 0.80;
}
#content .mb .wsrbeschrijving {
  padding-left:10px;
  padding-right:10px;
}
.lb {
  position:relative;
  border: solid 1px #B2B2B2;
}
.lb .wb {
  border:solid 2px #ffffff;
  background-color:#e8e8e8;
  padding:0 3px 3px 3px;
}
.lb .wb h2 {
  padding:0 3px;
  margin:0 -3px;
  border-bottom:solid 1px #666666;
  background-color:#061BA6;
  font-size:0.9em;
}

/* menublock */
.menub  {
  position:relative;
  border: solid 1px #B2B2B2;
}
.menub  .zoek,.menub  .menu {
  margin:2px;
  padding:0 3px 3px 3px;
}
.menub  .zoek {
  background-color:#e8e8e8;
  border-bottom:solid 3px #061BA6;
  margin-bottom:0;
}
.menub .menu {
  border-top: solid 1px #B2B2B2;
  padding:0 0 3px 0;
  margin-top:0;
}
.menub  .zoek h2 {
  margin:0;
}

.menub  .menu ul {
  list-style:none;
  padding:0;
  margin:0;
}
.menub .menu ul li{
  padding:0;
  margin:0;
}
.menub .menu ul li a {
  display:block;
  font-size:0.85em;
  color:#000000;
  border-bottom:1px dotted #000000;
  text-decoration:none;
  padding:3px 3px 3px 19px;
  font-weight:bold;
  background-image:url("/image/gr.gif");
  background-repeat:no-repeat;
  background-position: 4px 5px;
}
.menub  .menu ul li a:hover {
  background-image:url("/image/gd.gif");
  background-position: 3px 7px;
  background-color:#D6DBFE;
}
.menub  .menu ul li.activems ul li a, .menub  .menu ul li.activem ul li a {
  padding-left:22px;
  font-weight:normal;
  background-image:none;
}
.menub  .menu ul li.activems a:hover, .menub .menu ul li.activems ul li a:hover, .menub  .menu ul li.activem ul li a:hover {
  background-color:#D6DBFE;
}
.menub .menu ul li.activems a {
  background-color:#E8E8E8;
  background-image:url("/image/gd.gif");
  background-position: 3px 7px;
}
.menub  .menu ul li.activem a {
  background-color:#99A7FF;
  background-image:url("/image/gd.gif");
  background-position: 3px 7px;
}
.menub  .menu ul li.activem li a,.menub  .menu ul li.activems li a {
  background-color:#FAFAFA;
}
.menub  .menu ul li.activems li.activess a {
  background-color:#99A7FF;
}
.menub  .inlogerror {
  text-align:left;
}
.menub  .usermenu {
  padding:0;
  margin:0;
  list-style:none;
}
.menub  .usermenu li  {
  padding:2px 0 2px 10px;
  margin:0;
}
.menub  .usermenu li a {
  text-decoration:none;
}
.menub  .usermenu li a:hover {
  text-decoration:underline;
}


/* zoekform in menu */

#mzzoekform {
}
#mzzoek,#mzcat,#mzprijs {
  margin-bottom:3px;
}
#mzzoek {
  width:160px;
}
#mzcat{
  width:165px;
}
#mzprijs{
  width:100px;
}
#mzsubmit{
  margin-top:3px;
  margin-right:13px;
  float:right;
  width:12px;
  height:15px;
  cursor:pointer;
  background-image:url("/image/mzsubmit.gif");
}
.menub .centerform {
  text-align:center;
}
.menub h2 {
  font-size:1em;
  padding-top:3px;
  padding-bottom:3px;
}
#user,#pwd,#pwd2,#user2,#pwd3,#pwd4 {
  width:160px;
  height:16px;
  margin-bottom:3px;
}
#pwd,#pwd3 {
  display:none;
}

.grayinput {
  color:#999999;
}
.blackinput {
  color:#000000;
}
.login {
  float:right;
  margin-right:7px;
}
.zoek p {
  clear:both;
  margin-left:9px;
  padding-top:4px;
}
.inlog2{
  width:170px;
  margin-top:20px;
  margin-bottom:30px;
  margin-left:20px;
}
/* buttons (meerinfo,meerinfo2,bestel,levertijd) */
.shopbutton {
  clear:both;
  text-align:right;
  margin: 10px 0 0 0;
}
.shopbutton .btn {
  float:right;
}
.btnmeerinfo,.btnmeerinfo2,.btnbestel,.btnlevertijd,.btn,.btn2 {
  width:80px;
  height:24px;
  display:block;
  background-image:url("/image/button.gif");
  background-repeat:no-repeat;
}
.btn,.btn2 {
  padding-top:5px;
  font-size:1em;
  font-weight:bold;
  text-decoration:none;
  text-align:center;
  
}
.btnmeerinfo{
  background-position:0 -44px;
}
.btnmeerinfo2 {
  background-position:0 -66px;
}
.btnbestel {
  background-position:0 0;
}
.btnlevertijd {
  background-position:0 -22px;
}
.btnmeerinfo span,.btnmeerinfo2 span,.btnbestel span,.btnlevertijd span,.btninloggen span,.btnregistreren span,.btnbestellen span {
  display:none;
}

.btninloggen,.btnregistreren,.btnbestellen {
  width:91px;
  height:30px;
  display:block;
  float:right;
  background-repeat:no-repeat;
  margin-left:20px;
}
.btninloggen {
  background-image:url("/image/inloggen.gif");
}
.btnregistreren {
  background-image:url("/image/registreren.gif");
}
.btnbestellen {
  background-image:url("/image/bestellen.gif");
}
/* lijst van artikelen */
.smimage, .smtext {
  float:left;
  height:97px;
  margin:5px 0;
}
.smimage {
  clear:left;
  border: 1px solid #061BA6;
  width:94px;
}
.smtext {
  border: 1px solid #B2B2B2; 
  background-color:#ffffff;
  width:456px;
  margin-left:9px;
}
.smtext h2 {
  margin:0;
  padding:3px 5px;
  font-size:1em;
}
.smtext p {
  margin:0;
  padding:0 5px;
}
.smtext .smbutton {
  text-align:right;
  position:absolute;
  bottom:4px;
  right:0;
  width:451px;
}
.smtext .smbutton a {
  float:right;
  margin-top:-3px;
  margin-right:5px;
}

.smtext .smbutton a.btnbestel {
  margin-left:150px;
}

/* zoekbalk */

.searchbar {
  padding:0 5px;
  padding-left:5px;
  border: 1px solid #061BA6;
  background-color:#F9F9F9;
}
.searchbar p {
  padding:2px 0;
  margin:0;
}

.searchbar span{
  margin-left:190px;
}
.searchbar input{
  width:120px;
}
.searchbar #sbsubmit{
  margin:3px 3px;
  float:right;
  width:12px;
  height:15px;
  cursor:pointer;
  background-image:url("/image/mzsubmit.gif");
}

/* subcategorien */
.subcats {
margin-right:-90px;
}

a.subcat {
  display:block;
  position:relative;
  float:left;
  width:170px;
  height:130px;
  padding:10px 0;
  margin:10px 24px 10px 0px;
  text-align:center;
  border: 1px solid #061BA6;
  background-color:#F9F9F9;
  text-decoration:none;
  font-weight:bold;;
} 
a.subcat:hover {
  background-color:#FFFFFF;
}
a.subcat img {
  margin-bottom:2px;
} 

/* lb */

.lb {
  padding:0 10px 10px 10px;
  background-color:#FFFFFF;
  border: 1px solid #B2B2B2; 
  margin-bottom:15px;
}
.lb img{
  float:right;
  margin:10px 0 10px 10px;
}
.lb h1 {
  padding:2px 10px;
  margin:0 -10px;
  border-bottom: 1px solid #B2B2B2; 
  background-color:#061BA6;
  font-size:1.1em;
  color:#fff;
}
.lb table {
  margin:10px 0;
  border-collapse:collapse;
}
.lb table.levprijs {
  font-weight:bold;
}
.lb table.winkelwagen {
  width:100%
}
.lb table.winkelwagen td,.lb table.winkelwagen th{
  padding:2px 5px;
}
.lb table.winkelwagen .aantal {
  width:30px;
}
.lb table.winkelwagen .totaal td {
  border-top:1px solid #999999;
  font-weight:bold;
}
.lb table.winkelwagen th {
  border-bottom:1px solid #999999;
}
.lb .grbestel {
  display:block;
  width:200px;
  height:25px;
  line-height:22px;
  text-align:center;
  border: 1px solid #B2B2B2; 
  background-color:#F9F9F9;
  text-decoration:none;
  color:#000000;
  font-weight:bold;
  margin:15px 0;
}
.lb .grbestel:hover {
  background-color:#061BA6;
}
.breadcrumb {
  margin:3px 24px;

}
.breadcrumb span {
  font-weight:bold;
}

.registratie p {
  margini:0;
  padding:0;
  display:none;
}
.registratie input {
  margin-right:5px;
  
}
.small {
  width:30px;
}
.contbestel {
  padding-top:15px;
}
.navbestel {
  clear:both;
  padding-top:10px;
}
.contbestel label {
  margin-right:5px;
}
.contbestel h2 {
  font-size:1.1em;
}
.contbestel td label {
  font-size:1em;
}
#incassogegevens label {
  width:130px;
  float:left;
  display:block;
  clear:left;
  padding-top:2px;
}

.contbestel th,.contbestel td {
  padding-right:5px;
  vertical-align:top;
}
#invisible {
  display:none;
}
.faqt {
 font-size:1.3em;
}
.faqq {
 font-size:0.95em;
}
#persberichten {
  padding:0;
  margin:0;
  list-style:none;
}
#persberichten li {
  padding:0;
  margin:0;
}
#persberichten h2 {
  font-size:1.1em;
  clear:both;
}
#persberichten h2 a {
  text-decoration:none;
}
#persberichten p{
  margin:0;
}
#persberichten .pmore {
  float:right;
  margin-bottom:10px;
}
.poudert {
  font-size:1.2em;
  font-weight:bold;
  clear:both;
}
.pouder {
  padding-left:10px;
}
.niets {
  margin-top:20px;
}
.gegevens strong {
  display:block;
  float:left;
  width:100px;
  text-align:left;
}
.tablewrapper{
  clear:both;
}
.tablewrapper img{
  margin:0;
}
.tablewrapper .betaling,.tablewrapper .keurmerken {
  float:left;
  width:49%;
}
.tablewrapper th {
  text-align:left;
}
.shop img.imgsterren {
  float:none;
  margin:0;
}
.liststerren {
  float:left;
  margin-left:10px;
}
.icon {
  width:45px;
}
