body { font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 12px;
       text-align:left;
       margin:0px auto;
       width:780px;
       background-color:#ffffe0;
       behavior:url(http://www.edelcom.com/_js/csshover.htc); }

*    { margin:0; padding:0;}

h1 { font-family: Times, serif;
     font-style: italic; text-align: left;
     font-size: 20px; color: #000080;
     padding-left:5px;
     margin-top:10px;
     margin-bottom:15px; }

h2 { font-family: Times, serif;
     font-weight: normal;
     font-size: 15px;
     color:#0080FF;
     padding:8px;
     margin-bottom:15px;
     margin-top:10px;
     border-top:1px solid #0080FF;
     border-bottom:1px solid #0080FF; }
h2 strong {
     font-weight:bold;
     color:#0057AE;
   }
h2 img { float:right;
         margin-left:10px;
         padding:0px;
        }

h3 { font-family: Verdana, Arial, Helvetica, sans-serif;
     font-weight: bold; font-style:italic; text-align: left;
     font-size: 13px;  color: #000080;
     margin:5px 0px 15px 15px;}

H4 { font-family: Verdana, Arial, Helvetica, sans-serif;
     font-style: normal; font-weight: bold; text-align: left; font-size: 10pt;
     line-height: 12pt; color: #000000 }

p  { margin-left:15px;
     margin-bottom:1.1em; }

ul  { margin-left:15px;
      margin-bottom:1.1em;
      text-align:justify; }


.TD2 { font-style: normal; font-weight: normal; font-size: 9pt;
       font-family: Arial,sans-serif; }
.body2 { font-family: Arial,sans-serif;  font-style:normal; font-size: 10pt;
         line-height: 11pt; }

/* div rond de volledige pagina *********************************************/

#website { background-color:#f6f6f6;
           margin:0px auto; }

#webleft { width:156px; }

#webright { padding:10px; }

#webright li { margin-left:25px; }
#webright td { padding:5px; }


#rootpage { background-color:#ffffff;
            margin:0px auto; }
#rootpage table { border: 1px solid #cccc00; margin:10px; }


#rootsitestepper { background-color:#ffffff;
                   margin:20px 0px;
                   border:2px solid #0080ff; }

#rootsitestepper img { padding:5px 5px; }

#rootsitestepper strong { display:block; font-family: verdana, Arial, Helvetica, sans-serif;
                 font-weight: normal;
                 font-size: 13px;
                 /* color:#ffffff; */
                 /* margin:10px auto; */
                 padding:5px;
                 border:3px solid white;
                 background-color:#0080FF;
                            }
#rootsitestepper a:link { color:white; border:1px solid red; }
#rootsitestepper a:visited { color:white; }


form {  margin:0; }

td { font-family: Verdana, Arial, Helvetica, sans-serif;
     font-style: normal;
     font-weight: normal; font-size: 10pt;
     }

.tdtitel { font-family: "Times new roman", Times, serif;
          font-style: italic;
          font-weight: bold; font-size: 15pt;
          text-align:center;
          color:#0038c4;
          background:#ffffc0; }
th { font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;
     font-weight: bold; font-size: 10pt; }

A:link    { font-family: Verdana, Arial, Helvetica, sans-serif;
            text-decoration: underline ; color:#0077bb;}
A:visited { text-decoration:underline ; color:#777799;}
A:hover   { text-decoration:underline; color: #003366; background-color: transparent; }

a:hover img { background:transparent;}

.HeaderTable {background:#0000A0; color:#ffffff;}

div.HeaderTable A:link    { font-family: Verdana, Arial, Helvetica, sans-serif;
                            text-decoration: underline ; Color:#ffffff}
div.HeaderTable A:visited { Text-decoration:underline ; Color:#9999ff}
div.HeaderTable A:hover   { Text-decoration:underline; Color: #005599; background : #dddddd }

.uitleg { font-family: Verdana, Arial, Helvetica, sans-serif;
          font-style: normal; font-weight: normal; font-size: 10pt;
          margin-left: 25px}

hr { width:100% ; height:1px ; color:#0038C4 }

.aanbieding { font-family: Verdana, Arial, Helvetica, sans-serif;
              font-style: normal;
              font-weight: bold;
              font-size: 14px;
              color: #0038c4;
              margin-left:5px; }
.centered { text-align:center;
            display:block;
            margin-left:auto;
            margin-right:auto;
          }
.klein { font-family: Arial, Sans-serif; font-size: 9px; }
.meeruitleg { font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic; font-weight: normal; font-size: 8pt;}
.sectie {font-family: Verdana, Arial, Helvetica, sans-serif;
         font-weight: bold; font-size: 11pt;
         color: #0000f0; }
.titel { font-family: Arial, Sans-serif;
         font-size: 14pt; }
.footer { font-family: Arial, Sans-serif;
          font-size: 7pt;
          border-top:1px solid #808080;
          padding-top:3px;
          padding-bottom:3px; }
.footer, .nav { font-family: Arial, Sans-serif;
          font-size: 7pt; }
.footer a { display:inline; }

.headertext { font-style: normal; font-weight: bold; text-align: left; font-size: 14pt;
              line-height: 16pt; font-family: Arial, Sans-serif; color: #ffffff }
.schuinetitel { font-family: "Times New Roman", Times, Serif; font-style: italic; font-weight: normal; font-size: 18pt;}

.aandachtspunt { font-family: verdana, Arial, Helvetica, sans-serif;
                 font-weight: normal;
                 font-size: 13px;
                 color:#ffffff;
                 margin:10px auto;
                 padding:5px;
                 border:3px solid white;
                 background-color:#0080FF;
                 }
.aandachtspunt a:link    { color:#FFFF80; }
.aandachtspunt a:visited { color:#FFFF00; }
.aandachtspunt a:hover   { color:#0080ff;
                           background-color:white; }

.headertext2005 { font-style: normal; font-weight: bold; text-align: left; font-size: 14pt;
                  line-height: 16pt; font-family: Verdana, Arial,Sans-serif; color: #000080 }
.subheadertext2005 { font-style: normal; font-weight: bold; text-align: left; font-size: 12pt;
                    line-height: 14pt; font-family: Verdana, arial, Sans-serif; color: #000080; }

.hoofding-edelcom { font-style: normal; font-weight: bold; text-align: left;
                    font-size: 21pt; line-height:21pt;
                    font-family: Arial, Sans-serif; color: #000080 }

.hoofding-woorden { font-style: normal; font-weight: bold; text-align: left;
                    font-size: 14pt; line-height:14pt;
                    font-family: Arial, Sans-serif; color: #c5c8d9 }

/* -- aanbiedingtabel op rootpagina ----------------------------------------- */
#aanbieding-root {
  /*           padding:0px !important;
            margin:0px !important;
            border:1px solid #008000;
            background-color:#00ff00; */
            }
.aanbiedingtabel {
            border-collapse: collapse;
            background-color:white;
            /* padding:0px !important; */
            margin:0px !important;
            border:1px solid #0080ff;
            width:600px; }

.aanbiedingtabel td {
            padding:0 !important; }

.aanbiedingmenu {
            border-collapse: collapse ;
            border-right: 1px solid #0080ff;
            /*background-color:white;*/
            width:90px;
            height:500px; }

.aanbiedingmenu td { padding:0px 0px !important;
            text-align:center;
            font-size: 10px; }

.aanbiedingmenu td A:link    { font-family: Verdana, Arial, Helvetica, sans-serif; Text-decoration:none; Color:#000000}
.aanbiedingmenu td A:visited { font-family: Verdana, Arial, Helvetica, sans-serif; Text-decoration:none; Color:#000000}
.aanbiedingmenu td A:hover   { font-family: Verdana, Arial, Helvetica, sans-serif; Text-decoration:underline; Color: #000000;  }

.aanbiedingmenu th { font-family: Arial, Sans-serif;
                font-size: 10px;
                text-align:center;
                background-color:#0080ff;
                color:#ffffff;
                padding:0 !important;}

.aanbieding-canvas {
   padding:10px 10px;
}

.aanbieding-canvas .imgleft {
       padding:3px 5px 3px 0px;
       border:none;
       float:left;
     }

.aanbieding-canvas .imgright {
       padding:3px 0px 3px 5px;
       border:none;
       float:right;
       clear:both;
     }
.aanbieding-canvas li {
   list-style-type:bullet;
}
.clear { clear:both; }

.aanbieding-canvas h2 {
     font-family:verdana, arial, sans-serif;
     background-color:#0080ff;
     color:white;
     text-align:center;
     font-weight: bold;
     font-size: 15px;
     padding:8px;
     margin-bottom:25px;
     margin-top:0px;
}

/* .rootabel  td { background-color:white; } */


.rootaanbieding { font-family: Arial, Sans-serif;
            font-size: 10px;
            text-align:right;
            padding-top:7px;
            padding-bottom:7px;
            padding-right:5px;
            background-color: #ffffa0;
            color:~0080ff;
            font-weight:bold;
            border-top:2px solid #0080ff;
            border-bottom:2px solid #0080ff; }
.rootaanbieding A:link    { font-family: Verdana, Arial, Helvetica, sans-serif; Text-decoration:underline ; Color:#000000}
.rootaanbieding A:visited { font-family: Verdana, Arial, Helvetica, sans-serif; Text-decoration:underline ; Color:#000000}
.rootaanbieding A:hover   { font-family: Verdana, Arial, Helvetica, sans-serif; Text-decoration:underline; Color: #58582C; background: #ffffa0; }

/* wittetekst: zonder fontgrootte of fontverandering: gewoon zorgen dat de linken de correcte kleur behouden.*/
.wittetekst { color:#ffffff; }
.wittetekst A:link    { Text-decoration:none;      Color:#ffffff;}
.wittetekst A:visited { Text-decoration:none;      Color:#ffffff;}
.wittetekst A:hover   { Text-decoration:underline; Color:#ffffff; background:none; }

.boekenlijst { /*border:4px solid #808080;*/
               border:2px solid #808080;
               border-right:2px solid #ffffff;
               border-bottom:2px solid #ffffff;
               margin-top:10px;
               margin-bottom:10px;
               margin-left:auto;
               margin-right:auto;
               padding:3px;
               width:530px;
               background-color:#c0c0c0;
               height:auto;
               display:block;
             }
.boekenlijst .boek {
               border:0px solid #CCCCCC;
               width:120px;
               height:200px;
               padding:3px;
               background-color:white;
               float:left;
               margin:3px 3px 5px 3px;
               vertical-align:top;
               text-align:center;
             }
.boekenlijst .boekinfo {
               border:1px solid #CCCCCC;
               width:500px;
               background-color:white;
               float:left;
               margin:5px;
               vertical-align:top;
               padding:10px;
             }
.boekenlijst img { border:1px solid #C0C0C0;
                   margin:3px;
                   padding:3px;
                 }

#merklogos img { margin:10px 0;
                 border:none;
                 clear:both;
                 float:right;
               }

.okilijst { width:134px;
           float:left;
           padding-left:5px;
           border:none;
         }
.okilijstnieuw { width:134px;
                 float:left;
                 padding-left:5px;
                 border:1px;
                 background-color:#D8D8FF;
                 font-weight: bold;
         }

.okilijst select {
           width:130px;
           background-color:#EAF4FF;
          }
.okijumps { font-size:9px;
            color:#0038c4;
          }

/* ** prijslijsten ************************ */

.prijs-tabel { border-collapse:collapse;
               margin:15px 25px;
               width:560px;
               border: 1px solid #aaaaaa;
            }
.prijs-tabel td { border: 1px solid #aaaaaa;
                  padding:3px; }
.prijs-tabel th { border: 1px solid #aaaaaa;
                  padding:3px; }

.prijs-aanbieding { background-color:#ffff00; }

.prijs-product { text-align:left;
                color:black;
             }
.prijs-excl { color:#0000ff;
             font-weight:bold;
             text-align:center; }

.prijs-incl { color:#000000;
             font-weight:normal;
             text-align:center; }
.prijs-optie { color:#000000;
             font-weight:normal;
             text-align:center; }
.prijs-button { float:right;}
.prijs-installatie {
              font-style:italic;
              background-color:#F0F0FF;
              border:1px solid #0000FF;
              padding:5px;
              width:550px;
              margin:15px 25px;
              }

/* ** Button bar **************************** */
#sidebar   { border:none;
             text-align:center;
             width:145px;
            }
#sidebar .lidimg { width:133px;
                   margin-left:auto;
                   margin-right:auto;
                   padding-left:2px; }

ul.buttonbar  {
             text-align:center;
             width:85px;
             margin:0px auto 10px auto;
           }
ul.buttonbar li {
             list-style-type:none;
             font-family:"ms sans serif",arial,sans-serif;
             font-size:8pt;
             width:85px;
             height:1.85em;
             line-height:1.85em;
             background-color:#bfbfbf;
             text-align:center;
             padding:0px;
             margin:1px auto 1px auto;
             border-top:1px solid white;
             border-left:1px solid white;
             border-right:1px solid #7f7f7f;
             border-bottom:1px solid #7f7f7f;
             overflow:hidden;
           }
ul.buttonbar a {
             display: block;
             overflow:hidden;
             text-decoration:none;
           }
ul.buttonbar a:link, ul.buttonbar a:visited {
             color:black;
             overflow:hidden;
             text-decoration:none;
           }
ul.buttonbar a:hover {
             color:#0080FF;
             overflow:hidden;
             text-decoration:none;
           }

* html ul.buttonbar a {height:1.85em;}


div#geschiedenis h2 { float:left;
                      width:50px;
                      border-bottom:none;
                      clear:both;
                      margin-top:5px;
                      padding-top:3px;
                     }
div#geschiedenis h3 { clear:both; }

div#geschiedenis p  { float:right;
                      width:500px;
                      margin-top:5px;
                      text-align:justify;
                       }

.logo { width:60px;
        margin:0 auto; }


/* ---- [ aanbieding-knoppen ] ---------------------------------------------- */

.aanbiedingen { padding:0;
                margin:0;

              }
.aanbiedingen table { margin:0px; padding:0px; border-collapse:collapse;}
.aanbiedingen td    { padding:0px; margin:0px; border:1px solid orange;  }

.aanbiedingen ul  {border:1px solid green;
                   text-align:center;
                   width:85px;
                   margin:0;
                   padding:0;
           }
.aanbiedingen ul li {
             list-style-type:none;
             font-family:"ms sans serif",arial,sans-serif;
             font-size:8pt;
             width:85px;
             height:1.85em;
             line-height:1.85em;
             background-color:#ffffff;
             text-align:center;
             padding:0px;
             margin:0px;
             border-top:1px solid white;
             border-left:1px solid white;
             border-right:1px solid #7f7f7f;
             border-bottom:1px solid #7f7f7f;
             overflow:hidden;
           }
.aanbiedingen ul li:hover {
             border-right:none;
           }
.aanbiedingen ul a {
             display: block;
             overflow:hidden;
             text-decoration:none;
           }
.aanbiedingen ul a:link, .aanbiedingen ul a:visited {
             color:black;
             overflow:hidden;
             text-decoration:none;
           }
.aanbiedingen ul a:hover {
             color:#0080FF;
             overflow:hidden;
             text-decoration:none;
           }

/* * html .aanbiedingen ul a {height:1.85em;} */


/* --- lijnen op linkpagina ---------------- */

.sep { border-top:1px solid #000080;
       padding-bottom:6px;
       padding-top:6px;
       margin-bottom:4px;
       width:100%;
       text-align:left;
       font-size:10pt;
       clear:both;
     }

.sep img  { padding:3px 5px;
            float:left;
     }

.sep .imgleft {
       padding:3px 5px 3px 0px;
       border:none;
       float:left;
     }

.sep .imgright {
       padding:3px 0px 3px 5px;
       border:none;
       float:right;
       clear:both;
     }

.sep .smiley { border:none; }

.sep p { margin:3px 0px; }

.sep em { color: #000080;
          margin:3px 0px;
          font-size: 8pt;
          font-weight:bold;
          display:block;
          font-style:normal;
        }

/* --- download TEdlWriteTable styles --------------------------------------- */
.download-table {
         border:1px solid #720015;
         text-align:left;
         margin:25px 0px;
     }
.download-table-header {
         text-align:left;
         font-weight:bold;
         color:white;
         background-color:#0080ff;
         font-size: 13px;
     }
.download-table th {
         font-size: 11px;
         font-weight:bold;
         padding:5px 3px;
         border:1px solid #720015;
     }
.download-table td {
         font-size: 11px;
         padding:3px;
         border:1px solid #720015;
     }

.download-table form input {
   font-size:9px;
}


/* --- download TEdlWriteTable styles --------------------------------------- */
.stock-table {
         border:1px solid #720015;
         text-align:left;
         margin:25px 0px;
     }
.stock-table-header {
         text-align:left;
         font-weight:bold;
         color:white;
         background-color:#800040;
         font-size: 13px;
     }
.stock-table th {
         font-size: 11px;
         font-weight:bold;
         padding:5px 3px;
         border:1px solid #720015;
     }
.stock-table td {
         font-size: 11px;
         padding:3px;
         border:1px solid #720015;
     }

.stock-table form input {
   font-size:9px;
}


/* --- download TEdlWriteTable styles --------------------------------------- */
.artikel-table {
         border:1px solid #007171;
         text-align:left;
         margin:25px 0px;
     }
.artikel-table-header {
         text-align:left;
         font-weight:bold;
         color:white;
         background-color:#008000;
         font-size: 13px;
     }
.artikel-table th {
         font-size: 11px;
         font-weight:bold;
         padding:5px 3px;
         border:1px solid #007171;
     }
.artikel-table td {
         font-size: 11px;
         padding:3px;
         border:1px solid #007171;
     }

.artikel-table form input {
   font-size:9px;
}