<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* donkergroen #3E5239; - lichtgroen #A0B6AA;  dialog-border #ccd8b2*/
* {
   margin:0px;
   padding:0px;
  }
body {
   background-color:#fff;
   font-family: Arial, sans-serif;
   font-size: 12px;
   
 }

a:link    {color: #4a5929; text-decoration: underline; }
a:visited {color: #4a5929; }
a:hover   {color: #000000; }

h1 {
   font-size:16px;
   margin:0 0 15px 0;
}
h2 {
   font-size:14px;
   margin:10px 0 10px 0;
}
h3 {
   font-size:12px;
   margin:10px 0 10px 0;
}
img {
   border:none;
}
textarea {
   margin:10px;
}
table {
   border-collapse:collapse;
}
/* -------------------------------------------------------------------------- */
/* --- delen van de site (met id's)------------------------------------------ */
/* -------------------------------------------------------------------------- */

/* ******************************************************* volledige site *** */
#website {
   /*background-color:white;*/
   width:990px;
   margin:0 auto;
   position:relative;
}
#websitepopup {
   /*background-color:white;*/
   width:2500px;
   margin:0 auto;
}
/* **********************************************************fixed/scroll *** */
#website-fixed {
   width:100%;
   background-color:white;
   height:35px;
   position:fixed;
   top:0;
   left:0;
   z-index:1000;
   opacity:0.90;
   filter:alpha(opacity=90);   /* IE */
   -moz-box-shadow: 0px 0px 15px #bbb ;
   -webkit-box-shadow: 0px 0px 15px #bbb;
   box-shadow: 0px 0px 15px #bbb;
   border-bottom:1px solid #A0B6AA;
}
/*#website-fixed-contents {
   width:990px;
   margin:0 auto;
} */
#website-scroll {
   width:990px;
   margin-top:36px;
   z-index:1;
}
script { z-index:50;}

/* ************************************************************** headers *** */
/* --- logged in box in rechter bovenhoek --- */
#loggedinbox {
   position:absolute;
   font-size:11px;
   right:10px;
   top:35px;
   width:250px;
   height:25px;
   color:#fbffdc;
   text-align:right;
   display:none;
}
#loggedinbox a { color:#fbffdc; }
#loggedinbox a:hover { color:white; }

/* --- info header bovenaan --------- */
#infoheader {
   width:990px;
   margin:0 auto;
   background-color:white;
   height:34px;
   color:black;
   font-family:verdana, arial, sans-serif;
   font-size:9px;
   /*border-bottom:1px solid #A0B6AA;*/
}
#infoheader a { text-decoration:none; color:black;}
#infoheader a:hover { text-decoration:underline; color:black; }

#infoheader img {
   vertical-align:middle;
   float:left;
   height:20px;
   width:20px;
   margin:5px 5px 0 0;
}
#infoheader input {
   font-size:9px;
}
#infoheader .wishlistbox, #infoheader .inlogbox, #infoheader .mailbox, #infoheader .basketbox, #infoheader .rootbox {
   padding-left:5px;
   height:30px;
   line-height:14px;
   width:150px;
}
#infoheader .socialbox {
   padding-left:5px;
   height:30px;
   line-height:14px;
   width:205px;
}
#infoheader .rootbox, #infoheader .socialbox {
   float:left;
   line-height:34px;
   margin-left:10px;
}
#infoheader .socialbox .socialbutton {
   margin:10px;
   width:14px;
   height:14px;
}
#infoheader .wishlistbox {
   border-right:1px solid #c0c0c0;
   float:right;
   display:none;
}
#infoheader .inlogbox {
   border-right:1px solid #c0c0c0;
   float:right;
}

#infoheader .mailbox {
   border-right:1px solid #c0c0c0;
   float:right;
}
#infoheader .mailbox .mailfield {
   width:120px;
}
#infoheader .basketbox {
   border-right:1px solid white;
   float:right;
}
/* --- grote logo banner bovenaan --- */
#logoheader {
   background-color:#A0B6AA;
   height:107px;
   /* border-bottom:2px solid #CCD8B2; */
   color:#fbffdc;
   margin-bottom:0;
}
#logoheader img {
   border:0px;
   /* margin:0 auto; */
}
#logoheader #headerlogo {
   float:left;
}
#logoheader #headertextleft, #logoheader #headertextright {
   padding-top:23px;
   height:84px;
   line-height:84px;
   width:345px;
   font-weight:bold;
}
#logoheader #headertextleft {
   float:left;
   font-variant:small-caps;
   padding-left:10px;
   font-size:14px;
   letter-spacing:1px;
}
#logoheader #headertextright {
   float:right;
   padding-right:10px;
   text-align:right;
}
#websitepopup #logoheader #headertextright {
   float:left;
}
#logoheader a:link    {color: #fbffdc; text-decoration: none; }
#logoheader a:visited {color: #fbffdc; text-decoration: none; }
#logoheader a:hover   {color: #fbffdc; text-decoration: none; }
/* --- talen banner onder de logo en boven de comboboxen --- */
#talenheader {
   /* background-color:#3E5239; */
   background-color:#A0B6AA;
   height:24px;
   width:990px;
   font-size:11px;
   line-height:24px;
   border-bottom:2px solid #ccd8b2;
   color:#fbffdc;
   /*clear:both;*/
   margin:0px;
   position:relative;
}
#talenheader .ulleft {
   float:left;
   overflow:hidden;
   width:845px;
   height:24px;
   top:0px;
   position:absolute;
}
#talenheader .ulright {
   float:right;
   width:145px;
   overflow:hidden;
   height:24px;
}
 #talenheader .ulright li {
   float:right !important;
}
#talenheader ul {
   height:24px;
   margin:0px !important;
   padding:0px !important;
}
#talenheader li {
  height:24px;
  color:#fbffdc;
  padding:0px 3px !important;
  display:block;
  list-style-type:none;
  float:left;
 /*  border-left:1px solid #fbffdc; */
}

#talenheader .li-first {
  color:#fbffdc;
  border-left:0px;
}
#talenheader .li-loginout {
  color:#fbffdc;
  width:55px;
  text-align:center;
}
#talenheader .li-teller {
  color:#fbffdc;
  width:35px;
  text-align:left;
}
#talenheader .li-last {
  color:#fbffdc;
  /* border-left:1px solid #fbffdc;
  border-right:1px solid #fbffdc; */

}
#talenheader .li-zonderkader {
  border-left:none;
  border-right:none;
}

#talenheader a, #talenheader a:visited {
  color:#fbffdc;
  height:24px;
  padding:0px 3px !important;
  text-decoration:none;
}
#talenheader .li-last a, #talenheader .li-last a:visited {
/*  color:#fbfffc !important;*/
  border: 1px solid;
}

#talenheader a:hover, #talenheader a:active {
  color:#3E5239;
  background-color:#fbffdc;
}
/* --- comboboxen met zoekopties --- */
#zoekheader {
   background-color:#f0ebe7;
   height:27px;
   border-bottom:1px solid #f0ebe7;
   border-top:1px solid #f0ebe7;
   clear:both;
}
#zoekheader table {
   border-collapse:collapse;
}
#zoekheader table, #zoekheader td {
   border:none;
}
#zoekheader select, #zoekheader input{
   font-size:11px;
   margin:0 5px;
}
#zoekheader select {
   width:118px;
}
#zoekheader .muntselect {
   width:46px;
}
#zoekheader input {
   width:73px;
}
#zoekheader .buttontd {
   width:60px;
}
#zoekheader .gobutton{
   margin:0 !important;
   width:60px !important;
}
#zoekheader .resetbutton{
   margin:0 !important;
   width:60px !important;
}
/* **************************************************** effectieve pagina *** */
#paginascheiding {
   background-color:#DEEADC;
   height:2px;
   font-size:1px;
   border-top:1px solid #787F77;
   border-bottom:1px solid #787F77;
   margin:0 !important;
}
/* ************************************************************** footers *** */
#linkenfooter {
   background-color:#E8EAE7;
   height:26px;
   line-height:26px;
   border-top:1px solid #3E513B;
   border-bottom:4px solid #3E513B;
   font-size:11px;
   text-align:center;
   width:990px;
   overflow:hidden;
}
#linkenfooter strong {
   font-weight:normal;
}
#linkenfooter strong a {
   left:0px;
}
* html #linkenfooter strong a {
   height:1px;
}
#custodiesfooter {
   background-color:#A0B6AA;
   height:125px;
   font-size:11px;
   text-align:center;
   width:990px;
   line-height:25px;
}
#copyrightfooter {
   background-color:#3E513B;
   height:20px;
   line-height:20px;
   color:#fbffdc;
   font-size:10px;
   text-align:center;
   border-top:1px solid #fbffdc;
   border-bottom:1px solid #fbffdc;
}

#copyrightfooter a:link    {color: #fbffdc; text-decoration: underline; }
#copyrightfooter a:visited {color: #fbffdc; }
#copyrightfooter a:hover   {color: #fbffdc; }

/* ************************************************************************** */
/* **** volledige site ****************************************************** */
/* ************************************************************************** */
#paginainhoud {
   /*background-color:white;*/
   color: #4a5929;
   /* font-family: Arial, sans-serif; */
   font-size: 12px;
   padding-top:5px;
   padding-bottom:1px;
}
#paginainhoud #meldingheader {
   height:95px !important;
   padding:0 25px 10px 25px;
   color:#2d911e;
   font-size:14px;
   font-family:Verdana;
   text-align:center;
   font-weight:normal;
   line-height:1.5em;
   display:none;
}
#paginainhoud #meldingheader img {
   vertical-align:middle;
}

/* ************************************************************************** */
/* **** dialoogschermen ***************************************************** */
/* ************************************************************************** */
#dialoog {
   border:2px solid #ccd8b2;
   width:660px;
   margin:25px auto;
/*   background-color:white; */
   color: #4a5929;
   font-size: 12px;
   text-align:justify;
   padding:15px;
}
#dialoog h1 {
   background-color:#ccd8b2;
   padding:3px 10px;
   font-size:20px;
   color:white;
   margin:0 0 15px 0;
}
#dialoog p {
   text-align:justify;
   margin:6px 0;
}
#dialoog ul, #dialoog ol {
   margin-left:15px;
}
#dialoog li {
   margin-left:15px;
}
#dialoog table {
   border:1px solid #ccd8b2;
   width:100%;
   border-collapse:collapse;
}
#dialoog td {
   border:1px solid #ccd8b2;
   padding:5px 10px;
   text-align:center;
   vertical-align:middle;
}
#dialoog table table {
   border:none;
}
#dialoog table table td {
   border:none;
}
#dialoog .opties {
   margin:25px 15px;
}
#dialoog .betaalkeuze {
border:1px solid #ccd8b2;
   background-color:#E8EAE7;
   width:350px;
   height:90px;
   margin:15px auto;
}
#dialoog .betaalkeuze strong {
   font-size:16px;
}
#dialoog .formsubmit {
   width:150px;
   margin-left:auto;
   margin-right:auto;
}
/*
#dialoog .hiddentable {
   border:none;
   width:100%;
}
#dialoog .hiddentable td {
   border:none;
   padding:0;

}
*/
/* ************************************************************************** */
/* **** algemene te gebruiken als bij-class ********************************* */
/* ************************************************************************** */
.honderdpct {
   width:100%;
}
.eenderde {
   width:33%;
}
.eenvijfde {
   width:20%;
}
.eenderde-rest {
   width:34%;
}
.eenlijn {
   height:15px;
   line-height:15px;
}
.tweelijnen {
   height:30px;
   line-height:30px;
}
.custodies-text {
   width:100%;
   height:46px;
   font-variant:small-caps;
   font-size:16px;
   line-height:46px;
   text-align:center;
   font-weight:bold;
   letter-spacing:1px;
}
.custodies-text a         { color:#fbffdc;text-decoration : none; }
.custodies-text a:link    { color:#fbffdc;text-decoration : none; }
.custodies-text a:visited { color:#fbffdc;text-decoration : none; }
.custodies-text a:hover   { color:#fbffdc;text-decoration : none; }

/* ************************************************************************** */
/* **** under construction ************************************************** */
/* ************************************************************************** */
#underconstruction {
   border:2px solid #ccd8b2;
   background-color:white;
   width:500px;
   margin:25px auto;
   font-size: 12px;
   text-align:justify;
   padding:15px;
}


/* ************************************************************ root grid *** */
.helptext {
   color:#9e9e9e;
   font-size:11px;
   position:absolute;
   left:-8px;
   top:-8px;
}
/* ************************************************************ root grid *** */
.rootgrid {
   width:100%;
   /* height:1230px;     150 * 7 + 30 * 6 */
   height:1050px;    /* 150 * 6 + 30 * 5 */
   /* border:1px solid blue; */
}
.rootgrid a       { color:#666; font-weight:normal; text-decoration:none;}
.rootgrid a:hover { color:#000; font-weight:normal; text-decoration:none;}

.rootfoto {
   float:left;
   width:100px;
   height:150px;
   /* background-color:#d2ffff; */
   margin-left:73px;
   position:relative;
   text-align:center;
   font-size:10px;
   font-family:arial, sans-serif;
   color:#eee;
}
.rootfotolinks {
   margin-left:12px;
   /* background-color:#ccffcc; */
}
.rootlinkserijfotos, .rootrechtserijfotos{
   width:100px;
   /* height:870px;     150 * 5 + 30 * 4 */
   height:690px;    /* 150 * 4 + 30 * 3 */
   float:left;
   /* background-color:#ffe2d5; */
}
.rootlinkserijfotos {
   margin-left:12px;
}
.rootrechtserijfotos {
   margin-left:0px;
}
.rootlinkserijfotos .rootfoto, .rootrechtserijfotos .rootfoto {
   margin-left:0px;
   margin-bottom:30px;
   /* background-color:#e1e100; */
}
.rootlinkserijfotos .rootfotoonderaan, .rootrechtserijfotos .rootfotoonderaan {
   margin-bottom:0px;
   /* background-color:#c0c0c0; */
}
.rootfotobreak {   /* verticale ruimte tussen boven- en onderbalk en grote foto */
   height:30px;
   clear:both;
}
.rootgrotefoto {
   width:619px;   /* 4 * 100 + 73 * 3 */
   /*height:870px;*/
   height:690px;
   margin:0 73px;
   float:left;
   position:relative;
}

.rootgrid img {
   border:none;
}

/* invulling van de individuele fotos */
.rootfoto .theimg {
   width:100px;
   height:100px;
   left:0px;
   top:0px;
}
.rootfoto .viewimg, .rootfoto .similarimg {
   background-image: url(https://www.adin.be/images/2007/view-similar-antique-fotos.jpg);
   background-repeat:no-repeat;
/*    background-position:0 0; */
   width:49px;
   height:16px;
   top:104px;
   line-height:16px;
}
.rootfoto .viewimg {
   left:0;
   position:absolute;
}
.rootfoto .similarimg {
   right:0;
   position:absolute;
}
.rootfoto .moreimg1lijn, .rootfoto .moreimg2lijnen {
   background-image: url(https://www.adin.be/images/2007/detailed-photos-of-this-antique-jewelry-26.jpg);
   background-repeat:no-repeat;
   background-position:0 0;
   width:100px;
   height:26px;
   top:123px;
   left:0;
   position:absolute;
}
.rootfoto .moreimg1lijn {
   line-height:26px;
}
.rootfoto .moreimg2lijnen {
   line-height:10px;
   padding:2px 0 0 0;
}

/* invulling van de grote foto */
.rootgrotefoto {
   /*background-color:#3E5239;*/
   position:relative;
}
.rootgrotefoto .buyjewellerybox, .rootgrotefoto .chooseantiquebox, .rootgrotefoto .verticalgap {
   float:left;
   width:619px;
   /*background-color:#3E5239;*/
   position:relative;
}
.rootgrotefoto .verticalgap {
   width:619px;
   height:6px;
}
.rootgrotefoto .buyjewellerybox {
   height:100px;
   color:#4a5929;
   font-size:50px;
   text-align: center;
   font-family: Verdana;
   font-weight: 400;

}

.rootgrotefoto .chooseantiquebox {
   height:100px;
   font-size:43px;
   color:#4a5929;
   text-align: center;
   font-family: Verdana;
   font-weight: 400;
}
.rootgrotefoto .theimg img {
   width:450px;
   height:450px;
   float:left;
   margin-left:78px;

   border:3px solid white; /* #edd8a7; */
   padding:0;
   background-color:white;
}
.rootgrotefoto .thetext {
   width:450px;
   height:450px;
   float:left;
   margin-left:78px;

   border:3px solid white; /* #edd8a7; */
   padding:10px;
   background-color:white;
}
.rootgrotefoto .thetext h1 {
   margin:25px 0 10px;
}

.rootgrotefoto .buyjewellerybox img {
   left:50px;
   top:21px;
   position:absolute;
}
.rootgrotefoto .chooseantiquebox img {
   left:75px;
   top:21px;
   position:absolute;
}

/*
.rootgrotefoto .viewimg, .rootgrotefoto .similarimg {
   background-image: url(https://www.adin.be/images/2007/view-similar-jewelry-images.jpg);
   background-repeat:no-repeat;
   width:99px;
   height:31px;
   top:839px;
   line-height:31px;
}
.rootgrotefoto .viewimg {
   left:199px;
   position:absolute;
}
.rootgrotefoto .similarimg {
   left:309px;
   position:absolute;
}
.rootgrotefoto .moreimg1lijn, .rootgrotefoto .moreimg2lijnen {
   background-image: url(https://www.adin.be/images/2007/detailed-images-of-these-antique-jewellery.jpg);
   background-repeat:no-repeat;
   background-position:0 0;
   width:200px;
   height:31px;
   top:839px;
   left:419px;
   position:absolute;
}
.rootgrotefoto .moreimg1lijn {
   line-height:31px;
}
.rootgrotefoto .moreimg2lijnen {
   line-height:15px;
}
*/


/* *********************************************************picture bands *** */
.bandhorizontal {
   width:100%;
   height:150px;
}
.bandhorizontal a       { color:#666; font-weight:normal; text-decoration:none;}
.bandhorizontal a:hover { color:#000; font-weight:normal; text-decoration:none;}

.bandvertical6 {
   width:100px;
   height:1050px;   /* 150 * 6 + 30 * 5 */
}

.bandhorizontal img, .bandvertical6 img {
   border:none;
}

.bandfoto {
   float:left;
   width:100px;
   height:150px;
   margin-left:73px;
   position:relative;
   text-align:center;
   font-size:10px;
   font-family:arial, sans-serif;
   color:#eee;
}
.bandfotolinks {
   margin-left:12px;
}

.bandlinks, .bandrechts{
   width:100px;
   float:left;
}
.bandlinks {
   margin-left:12px;
}
.bandrechts {
   margin-left:0px;
}
.bandlinks .bandfoto, .bandrechts .bandfoto {
   margin-left:0px;
   margin-bottom:30px;
}
.bandlinks .bandfotoonderaan, .bandrechts .bandfotoonderaan {
   margin-bottom:0px;
}
.bandbreak {   /* verticale ruimte tussen boven- en onderbalk en grote foto */
   height:1px;
   clear:both;
}

/* invulling van de individuele fotos */
.bandfoto .theimg {
   width:100px;
   height:100px;
   left:0px;
   top:0px;
}
.bandfoto .viewimg, .bandfoto .similarimg {
   background-image: url(https://www.adin.be/images/2007/view-similar-antique-fotos.jpg);
   background-repeat:no-repeat;
   width:49px;
   height:16px;
   top:104px;
   line-height:16px;
}
.bandfoto .viewimg {
   left:0;
   position:absolute;
}
.bandfoto .similarimg {
   right:0;
   position:absolute;
}
.bandfoto .moreimg1lijn, .bandfoto .moreimg2lijnen {
   background-image: url(https://www.adin.be/images/2007/detailed-photos-of-this-antique-jewelry-26.jpg);
   background-repeat:no-repeat;
   background-position:0 0;
   width:100px;
   height:26px;
   top:123px;
   left:0;
   position:absolute;
}
.bandfoto .moreimg1lijn {
   line-height:26px;
}
.bandfoto .moreimg2lijnen {
   line-height:10px;
   padding:2px 0 0 0;
}
.bandlinksrechtsrest{
   float:left;
   width:619px;
   margin:0 73px;
   padding:0 !important;
}


/* *** websubtext *************************** */

#listboxes-en-text {
   width:800px;
   float:left;
   margin: 0 73px 0 12px !important;
}

#listboxes-en-text ul, #listboxes-en-text ol {
   margin-top:10px;
   margin-bottom:10px;
}
#listboxes-en-text li {
   margin-left:25px;
}
#listboxes {
   float:left;
   width:180px;
}

#websubtext {
   float:right;
   width:530px;
   border:2px solid #b0A766;
   margin: 0;
   padding:20px;
   background-color:#F1F5F3;
}
#websubtext h1 {
   padding-bottom:15px;
   color: #445330;
   font-family: serif;
   font-size: 28px;
   font-weight: bold;
   line-height: 32px;
   text-align: center;
   margin:6px 0 12px 0;
}
#websubtext h2 {
   margin:25px 0 5px 0;
   clear:both;
}
#websubtext h3 {
   margin:10px auto;
   text-align:center;
   font-weight:bold;
   clear:both;
}
#websubtext h3 a {
   text-decoration:none;
}
#websubtext p{
   text-align:justify;
   font-family: arial, sans-serif;
   font-size: 12px;
   line-height: 16px;
   margin:12px 0;
}

#websubtext p:first-letter{
   font-size:16px;
   font-weight:bold;
}

#websubtext img{
   margin:5px 0 10px 20px;
   float:right;
}

#websubtext .headerimg{
   width:530px;
   margin:5px auto 10px auto;
}
#websubtext .bannerimg{
   width:468px;
   margin:5px 36px 10px 36px;
   float:none !important;
}

#websuttext .stepsexplantion {
}

#websubtext .explantion-in-steps img {
  width:250px;
  clear:both;
  float:right;
}

#websubtext .explantion-in-steps p {
  clear:both;
}
#websubtext .explantion-in-steps strong {
  display:block;
}

#websubtext ul, #listboxes-en-text ol {
   margin-top:5px;
   margin-bottom:10px;
}
#websubtext li {
   margin-left:25px;
}

/* --- period table (tabeloverzicht stylen e.d.) ---------------------------- */
#websubtext .periodtable {
   border-collapse:collapse;
   border:1px solid #b6a568;
   width:530px;
}
.periodtable .altcolor {
   background-color:#ffffe6;
}
#websubtext .periodtable td , #websubtext .periodtable th {
   width:78px;
   font-size:11px !important;
   border:1px solid #b6a568;
   text-align:center;
   vertical-align:middle;
   padding:3px 6px;
}
#websubtext .periodtable td em {
   color:#bcad76;
   display:block;
}
#websubtext .periodtable th {
   background-color:#A0B6AA;
   color:white;
}
#websubtext .periodtable .empty {
   background-color:#dce4e0;
   color:white;
}

/* --- scrolling javascript bar --------------------------------------------- */
#websubtext .itilscroll  {
   width:530px;height:110px;
   background-color:white;
   border:none;
   margin:50px 0px;
   position:relative;
   overflow:hidden;
   padding:3px 0;
   text-align:center;}

#websubtext .itilscroll img {
   border:1px solid #c2ac54; padding:3px;}

/* --- refresh javascript foto's -------------------------------------------- */
.itilrefresh {
   width: 186px;
   height: 170px;
   float:right;
   margin-right:0px;
}
.itilrefresh table {
   border-collapse:collapse;
   border:1px solid #3E5239;
   background-color:white;
}
.itilrefresh td {
   text-align:center !important;
   vertical-align:middle !important;
}
.itilrefresh img {
   float:none !important;
   margin:0 auto !important;
   padding:2px !important;
}

/* generieke classen niet gebonden aan websubtext */

.signature {
   text-align:left;
   font-family: arial, sans-serif;
   font-size: 12px;
   line-height: 20px;
   margin:20px 0 30px 0;
}
.nextissue {
   text-align:center;
   line-height: 20px;
   margin:20px 0 30px 0;
   display:block;
}
.totop {
   text-align:left;
   font-size:10px;
   line-height: 16px;
   margin:15px 0 15px 0;
   display:block;
}

.subscribe-home {
   display:block;
   font-family: arial, sans-serif;
   font-size: 12px;
   line-height: 20px;
   margin:40px 0 0px 0;
   float:left;
   clear:both;
   width:100%;
}
#site .subscribe-home a         {color:#445330;}
#site .subscribe-home a:link    {text-decoration: underline; }
#site .subscribe-home a:visited {text-decoration: underline; }
#site .subscribe-home a:hover   {text-decoration: underline;
                                color: black; }

.subscribe-home strong {
   font-weight:normal;
   font-style:normal;
   float:left;
}
.subscribe-home em {
   font-weight:normal;
   font-style:normal;
   float:right;
}

/* *** websubfooter *************************** */

#websubfooter{
    color: #b0A766;
    font-family: sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    text-align: center;
    margin:55px 0 40px 0;
    clear:both;
}
#websubfooter h2{
    color: #808040;
    font-family: sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
    text-align: center;
    margin:10px 0 10px 0;
}

#websubfooter a         {color:#808040;}
#websubfooter a:link    {text-decoration: none; }
#websubfooter a:visited {text-decoration: none; }
#websubfooter a:hover   {text-decoration: none;
                              color: #445330; }


#websubfooter table {
   width:100%;
   border:none;
}
#websubfooter td {
   text-align:center;
   border:none;
}

/* *** linkenlist ***************************** */

#linkenlist{
    color: #b0A766;
    font-family: sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    text-align: center;
    margin:55px 0 40px 0;
    clear:both;
}
#linkenlist .bloklink {
   float:left;
   width:166px;
   height:125px;
   border:1px solid #bbb07a;
   margin-right:3px;
   margin-bottom:3px;
   overflow:auto;
   padding:2px;
}
#linkenlist .eigenlink {
   clear:both;
   float:left;
   width:510px;
   height:40px;
   border:none;
   margin:15px 3px;
   color:black;
   font-weight:bold;
}
#linkenlist .bloklink a {
   display:block;
   margin-bottom:3px;
}

#linkenlist h2{
    /*color: #6a6a35;*/
    font-family: sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
    text-align: center;
    margin:10px 0 10px 0;
}

#linkenlist a         {color:#808040;}
#linkenlist a:link    {text-decoration: none; }
#linkenlist a:visited {text-decoration: none; }
#linkenlist a:hover   {text-decoration: none;
                              color: #445330; }


#linkenlist table {
   width:100%;
   border:none;
}
#linkenlist td {
   text-align:center;
   border:none;
}

#bannerlist {
   margin-bottom:55px;
}
#bannerlist table {
   width:530px;
   height:100px;
   border:1px solid #A0B6AA;
   margin:25px 5px;
   border-collapse:collapse;
   clear:both;
   background-color:white;
}
#bannerlist td {
   border:1px solid #A0B6AA;
   text-align:center;
   vertical-align:top;
   padding:2px 8px;
}
#bannerlist img {
   margin:0 auto !important;
   float:none;
}

#hall-of-fame {
}
#hall-of-fame p {
   border-top:1px solid #A0B6AA !important;
   padding:10px 0;
}
#hall-of-fame img {
   width:150px;
}


.bandlistboxes {
   float:left;
   /*background-color:#80FFFF;*/
   width:180px;
}
.bandlistboxestext .bandtext {
   float:right;
   width:530px;
}

/* ******************************************************* not found page *** */

.notfoundpage .fotosentekst {
   float:left;
   width:650px;
   background-color:#ccd8b2;
   padding:5px;
}

.notfoundpage .fotorij {
   width:600px;
   height:140px;
   margin:10px 15px;
}
.notfoundpage .texttussenfotos {
   float:left;
}
.fotorij {
   display:block;
   height:15px;
   font-weight:bold;
}
.fotorijcaption {
   height:20px;
   line-height:20px;
}
.foto {
   width:90px;
   height:120px;
   float:left;
}
.foto img {
   width:70px;
   height:70px;
   text-align:center;
   margin:0 9px;
   border:2px solid white;
   padding:1px;
}
.foto .fotocaption {
   clear:both;
   display:block;
   border:none;
   margin:0px auto 0px auto;
   font-size:9px;
   text-align:center;
   height:33px;
   overflow:hidden;
}
.foto .pricesbox {
   display:block;
   border:none;
   margin:0px auto 0px auto;
   clear:both;
   font-size:9px;
   text-align:center;
}
.itilscroll {
   width:579px;height:110px;
   background-color:white;
   border:none;
   margin:10px 0;
   position:relative;
   overflow:hidden;
   padding:3px 0;
   text-align:center;
}
.itilscroll img {
   border:1px solid #A0B6AA;padding:3px;
}
.itilrootscrollarea {
   width:984px;
   margin:25px auto;
}
.itilrootscroll  {
   background-color:white;
   height:132px;
   width:984px;
   position:relative;
   overflow:hidden;
   padding:3px 0;
   text-align:center;
   border-bottom:2px solid #c2ac54;
   border-top:2px solid #c2ac54;
   border-left:none;
   border-right:none;
}
.itilrootscroll img {
   border: 0px; /*1px solid #c2ac54;*/
   padding:3px;
   margin:15px 0;
}

.roottextarea {
   font-family:Verdana;
   width:619px;
   margin-left:188px;
   padding:20px 0px;
   text-align:justify;
}

.roottextarea h1 {
   text-align:center;
   font-size:24px;
   font-weight:normal;
   margin:10px 0 20px 0;
}
.rootfotoarea {
   padding:20px 50px;
   text-align:justify;
}
.rootfotoarea img {
   border:none;
}

p {
   margin:6px 0;
}


/* *** questionbox *************************** */
.questionbox {
   border:2px solid #b0A766;
   width:645px;
   height:25px;
   line-height:25px;
   text-align:left;
   margin: 10px 0px;
   padding:2px 5px;
   background-color:#F1F5F3;
}

/* *** infobox *************************** */

.infobox {
   border-bottom:2px solid #b0A766;
   border-left:2px solid #b0A766;
   border-right:2px solid #b0A766;
   border-top:0px solid #b0A766;
   width:165px;
   text-align:center;
   margin: 0px 0px 20px 0px;
   padding:0px;
   background-color:#F1F5F3;
}

.infobox strong {
   color:white;
   display:block;
   height:16px;
   background-color:#b0A766;
   padding:0px 0px 0px 0px;
   font-weight:bold;
   margin:0px;
   border-bottom:1px solid #b0A766;
  }

.infobox select {
   width:150px;
   height:77px;
   clear:both;
   margin:2px auto;
}

* html .infobox select {
   width:150px;
   height:77px;
   clear:both;
   margin:2px auto 0px auto;
}

.infobox input {
   clear:both;
   font-size:11px;
   margin:0px auto 3px auto;
}
/* -- Internet explorer hacks -- */

* html .infobox select {
   width:150px;
   height:77px;
   clear:both;
   margin:2px auto 0px auto;
}

.infobox input {
   clear:both;
   font-size:11px;
   margin:0px auto 3px auto;
}


/* *** bandtext ***************************
.bandtext {
   border:2px solid #b0A766;
   width:520px;
   margin: 0px 0px 0px 20px;
   padding:20px;
   background-color:#F1F5F3;
}
.bandtext p{
   text-align:justify;
   font-size: 12px;
   font-family: sans-serif;
   line-height: 1.2;
}
.bandtext p:first-letter{
   font-size:xx-large
}
.bandtext h1{
    color: #445330;
    font-family: serif;
    font-size: 28px;
    font-weight: 900;
    line-height: 0.9;
    text-align: center;
}
.bandtext h2{
    color: #445330;
    font-family: serif;
    font-size: 28px;
    font-weight: 900;
    text-align: center;
}
*/

.td-right {
   text-align:right !important;
}
.td-left {
   text-align:left !important;
}
.td-center{
   text-align:center !important;
}
.td-prices{
   text-align:center !important;
   font-size: 12px;
   line-height: 20px;
   height : 40px;
}
/* ************************************************************************** */
/* *** verschillende grids in de artikelpagina ****************************** */
/* ************************************************************************** */

/* --- grid 2 x 10 --- */

.grid2x10 {
   width:990px;
   margin:5px 0 12px 8px;
   padding:5px 0px;
   clear:both;
}
.grid2x10 .griditem {
   position:relative;
   width:485px;
   height:592px;
   float:left;
   border:1px solid #A0B6AA;
   padding:0px;
   margin-right:4px;
   margin-bottom:4px;
}
.grid2x10 .headerbox {
   position:absolute;
   left:18px;
   top:17px;
   text-align:center;
   font-size:12px;
   border:none;
   padding:0px;
   width:448px;
   height:28px;
   line-height:14px;
   margin:0px;
}
.grid2x10 h2 {
   border:1px solid #3E5239;
   background-color:white;
   width:448px;
   font-size:12px;
   text-align:center;
   height:28px;
   line-height:14px;
   padding:0;
   margin:0;
   font-weight:normal;
}
.grid2x10 .periodbox {
   text-align:center;
   line-height:13px;
   height:13px;
   width:465px;
   margin-left:0;
   display:none;
}
.grid2x10 .imgbox {
   position:absolute;
   left:18px;
   top:48px;
   border:none;
   width:450px;
   height:450px;
   margin:0;
   padding:0;
   clear:both;
}

.grid2x10 img {
   border:none;
   width:450px;
   height:450px;
   margin:0;
   padding:0;
}
.grid2x10 .buttonbox {
   position:absolute;
   left:18px;
   top:500px;
   line-height:14px;
   display:block;
   letter-spacing:1px;
   height:46px;
   font-weight:normal;
   font-size:11px;
}
.grid2x10 table {
   width:450px !important;
   border-collapse:collapse;
}
.grid2x10 table td {
   width:150px;
   padding:0px 0px;
   border:none;
   text-align:center;
}
.grid2x10 table td input {
   font-size:12px;
   border:1px solid #3E5239;
   background-color:white; cursor:pointer;
   padding:2px 5px;
   text-align:center;
   width:100px;
   height: 36px;
   word-break: normal;
   white-space: pre-wrap;
}
/*
.grid2x10 .pricesbox {
   line-height:20px; border:1px solid green;
   display:block;
   letter-spacing:1px;
   height:40px;
   font-weight:bold;
   font-size:15px;
   margin-top:8px;
}

.grid2x10 .buttonbox .buttonimg {
   background-image: url(https://www.adin.be/images/2007/detailed-photos-of-this-antique-jewelry-26.jpg);
   background-repeat:repeat;
   background-position:0 0;
   width:95px;  border:1px solid red;
   height:30px;
   /-top:123px;
   left:0;
   position:absolute; -/
   padding:2px 0 0 0;
}
*/
.grid2x10 a { text-decoration:none;}

.grid2x10-divider {
   width:980px;
   height:1px;
   /*border-bottom:1px solid #d0d0d0;*/
   font-size:1px;
   clear:both;
}

.grid2x10 .overlay-promo,
.grid2x10 .overlay-sales,
.grid2x10 .overlay-new,
.grid2x10 .overlay-sold,
.grid2x10 .overlay-onhold,
.grid2x10 .overlay-reserved,
.grid2x10 .overlay-extrasales,
.grid2x10 .overlay-inbasket,
.grid2x10 .fixed-img {
   border:none;
   padding:0;
   position:absolute;
   margin:0;
   width:450px;
   height:450px;
}


/* --- extra classen a.d.v. de reserved status --- */
.status-reserved {
   color:#cccccc;
}
.status-forcurrentuser {
   color:#fbab04;
}
.status-recent {
   color:blue !important;
}
.status-liquidatie {
   color:#ff0080 !important;
}
.status-promo {
   color:#2DA11E !important;
}
.status-intern {
   color:#0080ff !important;
}
.status-sold {
   color:red !important;
}
/* --- grid hoofding en footer -- */
.gridheader, .gridfooter{
   width:990px;
   text-align:center;
}
.gridheader table, .gridfooter table {
   width:100%;
   border:none;
}
.gridjumplist{
   width:900px;
   text-align:center;
   margin-left:45px;
   clear:both;
}
.gridjumplist table {
   width:100%;
   border:none;
}
.gridjumplist td{
   padding:2px;
   text-align:center;
}
.gridjumplist .arrowtd{
   width:125px;
}
.gridjumplist img {
  border:none;
}
/* --- cooliris --- */
.gridcool {
   margin:10px 0;
   padding:10px 0;
   width:990px;
   background-color:black;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;

}
/* --- grid 3 x 10 --- */

.grid3x10 {
   width:990px;
   margin:5px 0 12px 5px;
   padding:5px 0px;
   clear:both;
}
.grid3x10 .griditem {
   position:relative;
   width:320px;
   height:422px;
   float:left;
   border:1px solid #A0B6AA;
   padding:0px;
   margin-right:2px;
   margin-bottom:2px;
}
.grid3x10 .headerbox {
   position:absolute;
   left:10px;
   top:11px;
   text-align:center;
   font-size:11px;
   border:none;
   padding:0px;
   width:300px;
   height:28px;
   line-height:14px;
   margin:0px;
}
.grid3x10 h2 {
   border:1px solid #3E5239;
   background-color:white;
   width:298px;
   font-size:11px;
   text-align:center;
   height:28px;
   line-height:14px;
   padding:0;
   margin:0;
   font-weight:normal;
}
.grid3x10 .periodbox {
   text-align:center;
   line-height:13px;
   height:13px;
   width:300px;
   margin-left:0;
   display:none;
}
.grid3x10 .imgbox {
   position:absolute;
   left:10px;
   top:43px;
   border:none;
   width:300px;
   height:300px;
   margin:0;
   padding:0;
   clear:both;
}

.grid3x10 img {
   border:none;
   width:300px;
   height:300px;
   margin:0;
   padding:0;
}
.grid3x10 .buttonbox {
   position:absolute;
   left:10px;
   top:344px;
   line-height:14px;
   display:block;
   letter-spacing:1px;
   height:46px;
   font-weight:normal;
   font-size:11px;
}
.grid3x10 table {
   width:300px;
   border:none;
   border-collapse:collapse;
}
.grid3x10 table td {
   width:100px;
   padding:2px 0px;
   border:none;
   text-align:center;
}
.grid3x10 table td input {
   font-size:11px;
   border:1px solid #3E5239;
   background-color:white; cursor:pointer;
   padding:2px 5px;
   text-align:center;
   width:80px;
   height:36px;
   word-break: normal;
   white-space: pre-wrap;
}

.grid3x10 table td.td-center input {
   width:94px;
}

.grid3x10 .td-prices{
   text-align:center !important;
   font-size: 11px;
   line-height: 12px;
   height : 24px;
}
/*
.grid3x10 .pricesbox {
   line-height:20px; border:1px solid green;
   display:block;
   letter-spacing:1px;
   height:40px;
   font-weight:bold;
   font-size:15px;
   margin-top:8px;
}

.grid3x10 .buttonbox .buttonimg {
   background-image: url(https://www.adin.be/images/2007/detailed-photos-of-this-antique-jewelry-26.jpg);
   background-repeat:repeat;
   background-position:0 0;
   width:95px;  border:1px solid red;
   height:30px;
   /-top:123px;
   left:0;
   position:absolute; -/
   padding:2px 0 0 0;
}
*/
.grid3x10 a { text-decoration:none;}

.grid3x10-divider {
   width:980px;
   height:1px;
   /*border-bottom:1px solid #d0d0d0;*/
   font-size:1px;
   clear:both;
}

.grid3x10 .overlay-promo,
.grid3x10 .overlay-sales,
.grid3x10 .overlay-new,
.grid3x10 .overlay-sold,
.grid3x10 .overlay-onhold,
.grid3x10 .overlay-reserved,
.grid3x10 .overlay-extrasales,
.grid3x10 .overlay-inbasket,
.grid3x10 .fixed-img {
   border:none;
   padding:0;
   position:absolute;
   margin:0;
   width:300px;
   height:300px;
}


.twocol-table {
  border:none;
  width:100%;
  margin:0;
  border-collapse:collapse;
}
.twocol-table td {
   width:50%;
   padding:2px 2px 2px 0;
}
.twocol-table ul {
   margin-top:0;
   margin-bottom:0;
}


.adres-table {
  border:none;
  width:100%;
  margin:35px 0;
  border-collapse:collapse;
}
.adres-table td {
   width:50%;
   padding:5px;
   text-align:center;
}

.twocol-picture-table {
  border:none;
  border-collapse:collapse;
   margin:10px 0;
}
#websubtext .twocol-picture-table {
   width:510px;
}

.twocol-picture-table td {
   width:50%;
   padding:5px;
   text-align:center;
   vertical-align:middle;
}
#websubtext .twocol-picture-table td {
   width:255px;
}
.twocol-picture-table ul {
   margin-top:0;
   margin-bottom:0;
}
.twocol-picture-table td img {
   border:1px solid black;
   background-color:white;
   width:200px;
   float:none !important;
   padding:3px;
   clear:both;
   text-align:center;
   margin:0 auto !important;
}


.hallmark-table {
  border:none;
  border-collapse:collapse;
   margin:10px 0;
}
#websubtext .hallmark-table {
   width:510px;
}

.hallmark-table td {
   width:50%;
   padding:5px;
   text-align:center;
   vertical-align:middle;
}
#websubtext .hallmark-table td {
   width:255px;
}
.hallmark-table ul {
   margin-top:0;
   margin-bottom:0;
}
.hallmark-table td img {
   border:1px solid black;
   background-color:white;
   width:150px;
   float:none !important;
   padding:3px;
   clear:both;
   text-align:center;
   margin:0 auto !important;
}

.threecol-table {
  border:none;
  width:100%;
  margin:0;
  border-collapse:collapse;
}
.threecol-table td {
   padding:2px 2px 2px 0;
   width:33%;
   vertical-align:top;
}
.threecol-table ul {
   margin-top:0;
   margin-bottom:0;
}


.threecol-picture-table {
  border:none;
  width:100%;
  margin:15px 0;
  border-collapse:collapse;
}
.threecol-picture-table td {
   padding:5px;
   width:33%;
   vertical-align:top;
   text-align:center;
}
.threecol-picture-table td strong {
   display:block;
   clear:both;
}
.threecol-picture-table td img {
   display:block;
   border:1px solid black;
   padding:3px;
   margin:0 auto !important;
   float:none !important;
}
/* *** naw tabel ************************* */
.naw-table {
   /*border:1px solid red !important;*/
   color:black !important;
   width:100%;
   border:1px solid black !important;
}
.naw-table-header {
   text-align:left;
   font-weight:normal !important;
   color:black !important;
   background-color:#ccd8b2;
   /*font-size: 13px !important;*/
   line-height:20px;
   /*border: 1px solid black;*/
   padding-top:5px !important;
   padding-bottom:5px !important;
}
.naw-table-divider {
   background-color:black;
   font-size:1px !important;
   padding:0px !important; margin:0px;
}
.naw-table th {
   border:1px solid black !important;
   font-size: 12px;
   font-weight:bold;
   padding:2px 5px !important;
   text-align:left !important;
}
.naw-table td {
   border:1px solid black !important;
   font-size: 12px;
   padding:3px 8px !important;
   color:black;
   text-align:left !important;
}
.naw-table-header a {
  color: white;
  font-weight:normal;
  font-size: 12px;
  text-decoration: underline;
}
.naw-table-header a:hover {
  color: white;
  font-weight:normal;
  font-size: 12px;
  text-decoration: none;
}

/* --- not underlined : toont de linken zonder underline ! ------------------ */
.not-underlined {}
.not-underlined a:link    {text-decoration: none; }
.not-underlined a:visited {text-decoration: none; }
.not-underlined a:hover   {text-decoration: none; }


.uitleg-h2 {
   border:1px solid white;
   color:white;
   background-color:#0080ff;
   font-size:18px;
   font-family:verdana, arial, sans-serif;
   padding:5px 25px;
}

.googlebox {
   width:486px;
   height:60px;
   margin:3px 0 3px 25px;
}
#googlemap-canvas {
   width:500px;
   height:400px;
   border:1px solid #eeeeee;
}


.titlelisting {
   text-align:center;
}
.titlelisting p {
   text-align:center !important;
}

/* --- display basket tabel ------------------------------------------------- */
.displaybasket-table {
   border:none;
   border-top:2px solid #A0B6AA;
   width:90%;
}
.displaybasket-table td{
   border:none;
   padding:4px 5px;
}
.displaybasket-table td, .displaybasket-table th {
   border:none;
   padding:8px 5px;
}
.displaybasket-table-divider {
   background-color:black;
   font-size:1px !important;
   padding:0px !important; margin:0px;
}


/* --- login box ------------------------------------------------------------ */
.loginbox {
}
.loginbox form {
   border:none;
   padding:10px 0;
   text-align:center;
   margin:5px 0;
}
.loginbox input {  /*[type='edit'], .loginbox input[type='text'], .loginbox input[type='password'] {*/
   width:250px;
}
.loginbox .label {
   width:140px;
   float:left;
   text-align:right;
}
.loginbox strong {
   display:block;
   margin:15px 0;
}
.loginbox .radiobutton {
   width:25px;
}

#debugheader {
   display:none;
   height:20px;
   width:990px;
   text-align:center;
   background-color:#004080;
   font-size:10px;
   color:white;
   line-height:20px;
   padding:0;
}

/* --- munt switch ---------------------------------------------------------- */
.muntswitch {
   /*position:absolute;*/
   /*right:5px;*/
   /*top:0px;*/
   /*text-align:right;*/
   /*float:right;*/
   /*width:160px;*/
   /*height:18px;*/
   /*line-height:25px;*/
   /* border:1px solid red; */
}
.muntswitch select {
   font-size:11px;
}

/* --- grid 7 x 12 --- */

.grid7x12 {
   width:990px;
   margin:5px 0 12px 10px;
   padding:10px 0px;
   clear:both;
}
.grid7x12 .griditem ,
.grid7x12 .imgbox ,
.grid7x12 .artbox {
   width:137px;
}
.grid7x12 .griditem {
   position:relative;
   height:257px;
   float:left;
   border:none;
   padding:0px;
   margin-right:2px;
   margin-bottom:16px;
}
.grid7x12 .imgbox {
   position:absolute;
   left:0px;
   top:0px;
   border:none;
   height:129px;
   margin:0;
   padding:0;
   clear:both;
}
.grid7x12 .artbox {
   position:absolute;
   left:0px;
   top:138px;
   text-align:center;
   font-size:11px;
   border:none;
   padding:0px;
   height:148px;
   line-height:14px;
   margin:0px;
}

.grid7x12 a { text-decoration:underline;}

.grid7x12-divider {
   width:980px;
   height:1px;
   border-bottom:1px solid #d0d0d0;
   font-size:1px;
   clear:both;
}
.grid7x12 input {
   font-size:11px;
   /*
   border:1px solid #3E5239;
   background-color:white; cursor:pointer;
   padding:2px 5px;  */
   text-align:center;
   width:94px;
   height:28px;
}

.grid7x12 .overlay-promo,
.grid7x12 .overlay-sales,
.grid7x12 .overlay-new,
.grid7x12 .overlay-sold,
.grid7x12 .overlay-onhold,
.grid7x12 .overlay-reserved,
.grid7x12 .overlay-extrasales,
.grid7x12 .overlay-inbasket,
.grid7x12 .fixed-img {
   border:none;
   padding:0;
   position:absolute;
   margin:0;
   width:129px;
   height:129px;
}



.witte-foto {
   background: white url('https://www.adin.be/images/slagschaduw-120.gif') no-repeat top left;
   position:absolute;
   left:10px;
   top:10px;
   width:120px;
   height:120px;
}
.witte-foto:hover {
   background: white url('https://www.adin.be/images/slagschaduw-130.gif') no-repeat top left;
   position:absolute;
   left:4px;
   top:5px;
   width:130px;
   height:130px;
}

.witte-foto img {
   width:100px;
   height:100px;
   left:7px;
   top:7px;
   position:absolute;
}
.witte-foto img:hover {
   width:110px;
   height:110px;
   left:7px;
   top:7px;
   position:absolute;
}


/* -------------------------------------------------------------------------- */
/* --- G R I D S ------------------------------------------------------------ */
/* -------------------------------------------------------------------------- */

/* grid 7x12 met vergroting van de foto dmv jQuery -------------------------- */
.grid7x12jq {
   width:1000px;
   margin:0;
   padding:0;
   clear:both;
   /*height:600px;
   overflow:auto;*/
   position:relative;
   margin:5px 0 12px 0;
}
.grid7x12jq .gridrow {
   width:980px;
   height:290px;
   border-top:1px solid #ddd;
   border-left:1px solid #ddd;
   clear:both;
   background-image:url('https://www.adin.be/images/web/dtn-text.jpg');
   background-repeat:no-repeat;
   background-position:top left;
}
.grid7x12jq .griditem ,
.grid7x12jq .imgbox ,
.grid7x12jq .artbox  {
   width:137px;
}
.grid7x12jq .griditem {
   position:relative;
   height:260px;
   float:left;
   border:none;
   padding:0px;
   /*margin-right:2px;*/
   margin-top:2px;
   margin-left:2px;
   margin-bottom:12px;
}
.grid7x12jq .imgbox  {
   position:absolute;
   left:0px;
   top:0px;
   border:none;
   height:129px;
   margin:0;
   padding:0;
   clear:both;
}

.grid7x12jq .artbox  {
   position:absolute;
   left:0px;
   top:138px;
   text-align:center;
   font-size:11px;
   border:none;
   padding:0px;
   height:148px;
   line-height:14px;
   margin:0px;
}
.grid7x12jq a  { text-decoration:underline;}
.grid7x12jq input  {
   font-size:11px;
   text-align:center;
   width:94px;
   height:28px;
   margin-top:2px;  
}
.grid7x12jq .griddivider  {
   width:980px;
   height:5px;
   font-size:1px;
   clear:both;
}

.grid7x12jq .overlay-promo,
.grid7x12jq .overlay-sales,
.grid7x12jq .overlay-new,
.grid7x12jq .overlay-sold,
.grid7x12jq .overlay-onhold,
.grid7x12jq .overlay-reserved,
.grid7x12jq .overlay-extrasales,
.grid7x12jq .overlay-inbasket,
.grid7x12jq .enlargable-img  {
   border:1px solid black;
   padding:7px;
   background-color:white;
   position:absolute;
   left:7px;
   top:7px;
   width:106px;
   height:106px;
}
/* grid 5x10 met vergroting van de foto dmv jQuery -------------------------- */
.grid5x10jq {
   width:1000px;
/*   height:3700px; */
   margin:0;
   padding:0;
   clear:both;
   /*height:600px;
   overflow:auto;*/
   position:relative;
   margin:5px 0 12px 0;
}
.grid5x10jq .gridrow {
   width:980px;
   height:346px;
   margin-left:7px;
   border-top:1px solid #ddd;
   border-left:1px solid #ddd;
   clear:both;
   background-image:url('https://www.adin.be/images/web/dtn-text.jpg');
   background-repeat:no-repeat;
   background-position:top left;
}
.grid5x10jq .griditem ,
.grid5x10jq .imgbox ,
.grid5x10jq .artbox  {
   width:194px;
}
.grid5x10jq .griditem {
   position:relative;
   height:260px;
   float:left;
   border:none;
   padding:0px;
   /*margin-right:2px;*/
   margin-top:2px;
   margin-left:2px;
   margin-bottom:12px;
}
.grid5x10jq .imgbox  {
   position:absolute;
   left:0px;
   top:0px;
   border:none;
   height:235px;
   margin:0;
   padding:0;
   clear:both;
}
.grid5x10jq .artbox  {
   position:absolute;
   left:0px;
   top:188px;
   text-align:center;
   font-size:11px;
   border:none;
   padding:0px;
   height:148px;
   line-height:14px;
   margin:0px;
}
.grid5x10jq a  { text-decoration:underline;}
.grid5x10jq input  {
   font-size:11px;
   text-align:center;
   width:100px;
   height:30px;
}
.grid5x10jq .griddivider  {
   width:980px;
   height:5px;
   font-size:1px;
   clear:both;
}
.grid5x10jq .overlay-promo,
.grid5x10jq .overlay-sales,
.grid5x10jq .overlay-new,
.grid5x10jq .overlay-sold,
.grid5x10jq .overlay-onhold,
.grid5x10jq .overlay-reserved,
.grid5x10jq .overlay-extrasales,
.grid5x10jq .overlay-inbasket,
.grid5x10jq .enlargable-img  {
   border:1px solid black;
   background-color:white;
   padding:7px;
   position:absolute;
   left:7px;
   top:7px;
   width:162px;
   height:162px;
}


/* grid 10x12 met vergroting van de foto dmv jQuery ------------------------- */
/* grid met artikels in basket dmv jQuery ----------------------------------- */
.grid10x12jq, .gridbasketjq {
   width:990px;
   margin:5px 0 10px 2px;
   padding:9px 0px;
   clear:both;
}
.grid10x12jq .gridrow, .gridbasketjq .gridrow {
   width:980px;
   height:286px;
   border-top:1px solid #ddd;
   border-left:1px solid #ddd;
   clear:both;
}
.grid10x12jq .griditem, .gridbasketjq .griditem {
   position:relative;
   width:79px;
   float:left;
   border:none;
   padding:0px;
   /*margin-right:2px;*/
   margin-top:2px;
   margin-left:2px;
   margin-bottom:12px;
}
.grid10x12jq .griditem {
   height:110px;
   position:relative;
}
.grid10x12jq .griditem .btnadd {
   width:24px;
   height:24px;
   position:absolute;
   left:70px;
   bottom:20px;
   z-index:1000;
}
.gridbasketjq .griditem {
   height:70px;
}
.grid10x12jq .imgbox, .gridbasketjq .imgbox {
   position:absolute;
   left:0px;
   top:0px;
   border:none;
   width:83px;
   height:83px;
   margin:0;
   padding:0;
   clear:both;
}
.grid10x12jq .artbox, .gridbasketjq .artbox {
   position:absolute;
   left:0px;
   top:83px;
   text-align:center;
   font-size:11px;
   border:none;
   padding:0px;
   width:83px;
   height:19px;
   line-height:19px;
   margin:0px;
}
.grid10x12jq a, .gridbasketjq a { text-decoration:underline;}
.grid10x12jq input, .gridbasketjq input {
   font-size:11px;
   text-align:center;
   width:80px;
}
.grid10x12jq .griddivider, .gridbasketjq .griddivider {
   width:980px;
   height:5px;
   font-size:1px;
   clear:both;
}
.grid10x12jq .overlay-promo,
.grid10x12jq .overlay-sales,
.grid10x12jq .overlay-new,
.grid10x12jq .overlay-sold,
.grid10x12jq .overlay-onhold,
.grid10x12jq .overlay-reserved,
.grid10x12jq .overlay-extrapromo,
.grid10x12jq .overlay-inbasket,
.grid10x12jq .enlargable-img,
.gridbasketjq .overlay-promo,
.gridbasketjq .overlay-new,
.gridbasketjq .overlay-sold,
.gridbasketjq .overlay-onhold,
.gridbasketjq .overlay-reserved,
.gridbasketjq .overlay-extrasales,
.gridbasketjq .overlay-inbasket,
.gridbasketjq .enlargable-img {
   border:1px solid black;
   background-color:white;
   padding:1px;
   position:absolute;
   left:8px;
   top:8px;
   width:75px;
   height:75px;
}
/* grid 10x12 compact met vergroting van de foto dmv jQuery -------------------------- */
.grid10x12jqc {
   width:1000px;
   margin:0;
   padding:0;
   clear:both;
   /*height:600px;
   overflow:auto;*/
   position:relative;
   margin:5px 0 12px 0;
}
.grid10x12jqc .gridrow {
   width:980px;
   height:140px;
   border-top:1px solid #ddd;
   border-left:1px solid #ddd;
   clear:both;
   background-image:url('https://www.adin.be/images/web/dtn-text.jpg');
   background-repeat:no-repeat;
   background-position:top left;
}
.grid10x12jqc .griditem ,
.grid10x12jqc .imgbox ,
.grid10x12jqc .artbox  {
   width:96px;
}
.grid10x12jqc .griditem {
   position:relative;
   height:96px;
   float:left;
   border:none;
   padding:0px;
   /*margin-right:2px;*/
   margin-top:2px;
   margin-left:2px;
   margin-bottom:2px;
}
.grid10x12jqc .imgbox  {
   position:absolute;
   left:0px;
   top:0px;
   border:none;
   height:96px;
   margin:0;
   padding:0;
   clear:both;
}

.grid10x12jqc .artbox  {
   position:absolute;
   left:0px;
   top:96px;
   text-align:center;
   font-size:11px;
   border:none;
   padding:0px;
   height:32px;
   line-height:14px;
   margin:0px;
}
.grid10x12jqc a  { text-decoration:underline;}
.grid10x12jqc input  {
   font-size:11px;
   text-align:center;
   width:80px;
}
.grid10x12jqc .griddivider  {
   width:980px;
   height:5px;
   font-size:1px;
   clear:both;
}

.grid10x12jqc .overlay-promo,
.grid10x12jqc .overlay-sales,
.grid10x12jqc .overlay-new,
.grid10x12jqc .overlay-sold,
.grid10x12jqc .overlay-onhold,
.grid10x12jqc .overlay-reserved,
.grid10x12jqc .overlay-extrasales,
.grid10x12jqc .overlay-inbasket,
.grid10x12jqc .enlargable-img  {
   border:1px solid black;
   padding:1px;
   background-color:white;
   position:absolute;
   left:3px;
   top:3px;
   width:85px;
   height:85px;
}

.left   {  text-align:left !important; }
.center {  text-align:center !important; }
.right  {  text-align:right !important; }

/* --- IE 6 hacks ----------------------------------------------------------- */
/* ie6 verdubbeld de linkse kantlijn ... */
* html .rootfotolinks {
   margin-left:6px;
}
* html .bandfotolinks {
   margin-left:6px;
}
* html .rootlinkserijfotos {
   margin-left:6px;
}
* html .bandlinks {
   margin-left:6px;
}


* html #logoheader #headertextleft {
  letter-spacing:1px;
}
* html .rootfoto .moreimg2lijnen {
   padding:3px 0 0 0;
}

/* --- packing en shipping informatie --------------------------------------- */
.packingshippingbox {
   width:660px;
   border:1px solid #dedebe;
   padding:15px;
   text-align:justify;
   margin:15px 0;
}
.packingshippingbox li {
   margin-left:20px;
}
/* --- dialoog is zelf maar 660px dus hier overschrijven -------------------- */
#dialoog .packingshippingbox {
   width:600px;
   border:none;
}

.light-border  {border:1px solid #ccd8b2;}
.margin-bottom {margin-bottom:25px;}
.evenrow       {background-color:#f5f5f5;}
.oddrow        {background-color:white;}
.float-left    {float:left !important;}
.float-right   {float:right !important;}
.clear         {clear:both !important;}

.mailarchive {
   border:1px solid black;
   margin:auto;
   -moz-box-shadow: 0px 0px 15px #bbb ;
   -webkit-box-shadow: 0px 0px 15px #bbb;
   box-shadow: 0px 0px 15px #bbb;
   margin-bottom:25px;
   width:800px;
   padding:15px;
   text-align:justify;
}
.mailarchive h1 {
   background-color:#A0B6AA;
   padding:5px 0px;
}

.mailarchivefromjan2021 {
   border:1px solid black;
   margin:auto;
   -moz-box-shadow: 0px 0px 15px #bbb ;
   -webkit-box-shadow: 0px 0px 15px #bbb;
   box-shadow: 0px 0px 15px #bbb;
   margin-bottom:25px;
   width:800px;
   padding:15px;
   text-align:justify;
}

.mailarchivefromjan2021 h1 {
   font-family:Verdana;
   font-weight:normal;
   font-size: 32px;
   padding:5px 0px;
   text-align:center;
}

.mailarchivefromjan2021 h2 {
   font-family: Verdana;
   font-weight:normal;
   font-size: 24px;
   padding:5px 0px;
   text-align:center;
}

.mailarchivefromjan2021 p {
   font-family: Verdana;
   font-size:12px;
}

.mailingsfrom2021 {
   font-family:Verdana;
   font-weight:normal !important;
   font-color: #00ff00;
}

.mailingsfrom2021 h1 {
   font-family:Verdana;
   font-weight:normal !important;
   font-size: 32px;
   padding:5px 0px;
   text-align:center;
}

.mailingsfrom2021 h2 {
   font-family: Verdana;
   font-weight:normal;
   font-size: 24px;
   padding:5px 0px;
   text-align:center;
}

.mailingsfrom2021 p {
   font-family: Verdana;
   font-size:12px;
}


/* --- jumplist deel bovenaan de resolutionpagina's ------------------------- */
.storeheader {
   width:990px;
   height:19px;
   margin-bottom:0px;
}
.storeresolutionlist, .storepagelist, .storefinalize, .storeorderlist, .nrarticles, .jumplist {
   height:19px;
   line-height:19px;
}
/* .storeresolutionlist, .storefinalize {
   line-height:19px;
}
 */
.storeresolutionlist {
   width:200px;
   float:left;
   text-align:left;
}
.storepagelist {
   width:330px;
   float:left;
   text-align:center;
}
.storepagelist .jumplist {
   float:left;
   width:330px;
   vertical-align:top;
   line-height:19px;
}
.storepagelist .jumplist-arrow {
  /*flat:left;*/
   width:30px;
   text-align:center;
   height:19px;
}
.storepagelist .jumplist-arrow img, .storepagelist img {
   height:19px;
   width:19px;
   margin:0;
   padding:0 2px;
   vertical-align: middle;
   margin-bottom: .25em;
}
.storeorderlist {
   width:150px;
   float:left;
   text-align:center;
}
.nrarticles {
   width:80px;
   float:left;
   text-align:center;
}
.storefinalize {
   width:160px;
   float:right;
   text-align:right;
}
/* --- twitter dingen ------------------------------------------------------- */
.twitter {
   position:relative;
}
.twitter h2 {
   text-align:center;
   font-size:16px;
}
.twitter-widget {
   background-image:url('https://www.adin.be/images/web/dtn-text.jpg');
   background-repeat:no-repeat;
   background-position:top left;
   clear:both;
   margin-bottom:15px;
}
.twitter li {
   margin-top:6px;
}

.twitter-logo {
   position:absolute;
   top:-15px;
   right:15px;
}
.twitter-tekst {
   height:80px;
   width:400px;
   float:left;
}
.twitter-followus {
   height:80px;
   width:660px;
}
.twitter-followus img {
   margin-top:15px;
   margin-left:195px;
}

/* --- facebook dingen ------------------------------------------------------- */
.facebook {
   position:relative;
}
.facebook h1 {
   background-color:#014997 !important;
}
.facebook h2 {
   text-align:center;
   font-size:16px;
   color:#014997;
}
.facebook-widget {
   background-image:url('https://www.adin.be/images/web/dtn-text.jpg');
   background-repeat:no-repeat;
   background-position:top left;
   clear:both;
   margin-bottom:15px;
}
.facebook li {
   margin-top:6px;
}

.facebook-logo {
   position:absolute;
   top:-15px;
   right:15px;
}
.facebook-logo img {
   border:1px solid white;
}
.facebook-tekst {
   height:80px;
   width:400px;
   float:left;
}
.facebook-followus {
   height:80px;
   width:660px;
}
.facebook-followus img {
   margin-top:15px;
   margin-left:195px;
}

/* --- blogspot dingen ------------------------------------------------------- */
.blogspot {
   position:relative;
   width:980px;
   margin:10px auto;
}
.blogspot h1 {
   background-color:#ccd8b2;
   padding:3px 10px;
   font-size:20px;
   color:white;
   margin:0 0 15px 0;
}
.blogspot h2 {
   text-align:center;
   font-size:16px;
}
.blogspot li {
   margin-top:6px;
}

.blogspot-logo {
   position:absolute;
   top:-15px;
   right:15px;
}
.blogspot-tekst {
   height:80px;
   width:400px;
   float:left;
}
.blogspot-followus {
   height:80px;
   width:660px;
}
.blogspot-followus img {
   margin-top:15px;
   margin-left:195px;
}
.blogspot-widget {
   background-image:url('https://www.adin.be/images/web/dtn-text.jpg');
   background-repeat:no-repeat;
   background-position:top left;
   clear:both;
   overflow:hidden;
   position:relative;
   height:700px;
}
.blogspot-widget iframe {
   top:0px;
   overflow:scroll;
   position:absolute;
   height:700px;
}


/* --- display basket bovenaan resolution pagina's -------------------------- */
#displaybasket {
   position:absolute;
   border:1px solid #dadab1;
   margin:15px 0;
   width:110px;
   height:600px;
   overflow:auto;
   right:-122px;
   top:205px;
   background-color:#ebebd6;
   font-size:9px;
   color:#969647;
   -moz-border-radius: 10px;
   opacity: .85;
}
#displaybasket a { color:#969647; text-decoration:none; }
#displaybasket a:hover { color:#737335; text-decoration:underline; }
#displaybasket h2, #displaybasket h3 {
   clear:both;
   text-align:center;
}
#displaybasket .griditem {
   width:55px;
   height:50px;
   /*clear:both;*/
   position:relative;
   float:left;
}
#displaybasket .basketimg {
   position:absolute;
   border:1px solid white;
   padding:2px;
   top:1px;
   left:5px;
   background-color:#ccc;
   height:40px;
   width:40px;
   z-index:50;
}
#displaybasket .btndelete {
   width:10px;
   height:10px;
   position:absolute;
   left:32px;
   top:35px;
   z-index:1000;
   display:none;
}

/* --- kleur tabel ---------------------------------------------------------- */
.color-picker-table {
   border:none;
}
.color-picker-table td {
   padding:0 0 0 1px;
}
.color-picker-table .geselecteerd {
   border-bottom:1px solid black;
   padding-bottom:1px;
}
.color-picker-table .niet-geselecteerd {
   border-bottom:1px solid #f0ebe7;
   padding-bottom:1px;
}
/* --- debug window voor cookies -------------------------------------------- */
#cookie-window {
   position:fixed;
   border:2px solid red;
   background-color:#ffdfdf;
   padding:3px;
   width:130px;
   height:200px;
   top:3px;
   right:3px;
   text-align:center;
   color:black;
   font-size:9px;
   font-family:verdana, arial, sans-serif;
}
#dtn-info-window {
   position:fixed;
   border:2px solid yellow;
   background-color:#ffffd9;
   padding:3px;
   width:180px;
   height:140px;
   top:3px;
   left:3px;
   text-align:center;
   color:black;
   font-size:9px;
   font-family:verdana, arial, sans-serif;
}

.ingave-vereist {
   background-color:#ffe1e1;
}


/* --- Warning melding ----------------------------------------------------------*/
#warning{
color:#800000;}

#warning a{
color:#800000;}

/*----------IM zaken ------------------*/

#im{
margin: 0 auto;}

#im_top{
 margin: 0 auto;
text-align:center;}

#im_mid{
  margin: 0 auto;
  text-align:center;
  }

#im_mid img{
padding: 6px;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
border-bottom: 1px solid #c0c0c0;
border-right: 1px solid #c0c0c0;
}

#im_bot{
  margin: 0 auto;
  clear:both;
}

#websubtext .im_img{
display:block;
width:250px;
  margin:0 auto;
   float:none !important;
margin-bottom:15px;
  margin-top:15px;
}

.im_strong{
font-size:30px;}

.im_txt_img{
margin: 0 auto;
font-size:16px;}


/*----------Basket knoppen-----------------*/
.btntable {
   width:95%;
   padding:10px;
   height:75px;
}

.btntable .tobasket {
   height:40px;
   margin-right:25px;
   margin-left:25px;
}
.btntable .form {
   height:35px;
   background-color:#A0B6AA;
   background-image:url('https://www.adin.be/images/web/dtn-text-button-35.jpg');
   cursor:pointer;
}
.btntable input {
   font-weight:normal;
   font-size:12px !important;
   width:200px !important;
   height:35px;
   background-color:#A0B6AA;
   background-image:url('https://www.adin.be/images/web/dtn-text-button-35.jpg');
   cursor:pointer;
}


/* *** blokkeren pagina bij submit ***************************************** */

.FreezePaneOff {
   visibility: hidden;
   display: none;
   position: absolute;
   top: -100px;
   left: -100px;
}

.FullScreenFreezePaneOn {
   position: absolute;
   top: 0px;
   left: 0px;
   visibility: visible;
   display: block;
   width: 100%;
   height: 100%;
   background-color: #666;
   z-index: 998;
   opacity:0.25;
   padding-top: 20%;
}

.InnerFreezePaneOn {
   position: absolute;
   top: 30%;
   left: 10%;
   visibility: visible;
   display: block;
   text-align: center;
   width: 76%;
   background-color: #A00;
   color: White;
   font-size: large;
   border: solid 4px #111;
   opacity:1; !important
   z-index: 999;
   padding: 9px;
}


</pre></body></html>