html,body { margin:0; padding:0; }
*         { margin:0; padding:0; }

body {  background-color: #ffffe0;
        color: black;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10pt;
        line-height:125%;
        margin: 0px;
        padding: 0px; }

/* --- delen van de pagina (id's) ------------------------------------------- */
#website {
   background-color:#f6f6f6;
   width:880px;
   margin:0 auto;
}
#websiteheader {
   background-color:#f6f6f6;
   width:880px;
   height:99px;
}
/* --- titelteksten bovenaan het scherm  ------------------------------------ */
#websiteheader .titelgebied {
   width:710px;
   height:96px;
   float:right;
}
.hoofding-edelcom {
   font-style: normal;
   font-weight: bold;
   text-align: left;
   font-size: 24px;
   line-height:30px;
   font-family: Tahoma, Arial, Sans-serif; color: #000080;
   width:240px;
   height:30px;
}
.hoofding-edelcom a:link    { text-decoration:none;color:#000080; }
.hoofding-edelcom a:visited { text-decoration:none;color:#000080;  }
.hoofding-edelcom a:hover   { text-decoration:none;color:#000080;  }

.hoofding-woorden { font-style: normal; font-weight: bold; text-align: left;
                    font-size: 16px; line-height:22px;
                    font-family: Tahoma, Arial, Sans-serif; color: #c5c8d9;
                    width:125px;
                    height:22px;
                    float:left; }
.hoofding-woorden a:link    { text-decoration:none;color:#c5c8d9; }
.hoofding-woorden a:visited { text-decoration:none;color:#c5c8d9;  }
.hoofding-woorden a:hover   { text-decoration:none;color:#c5c8d9;  }


#websiteheader table {
   width:660px;
   margin-top:10px;
   margin-left:25px;
}
#websiteheader td {
   text-align:left;
   vertical-align:middle;
   padding:2px 8px;
}
#websitefooter {
   clear:both;
   text-align:center;
   width:880px;
   height:85px;
   background: white url(http://www.edelcom.com/images/onderaan.jpg) top left repeat-x;
   font-family: arial, sans-serif;
   font-size: 10px;
   border-top:1px solid #808080;
   padding-top:3px;
   padding-bottom:3px;
}
#websitefooter table {
   width:880px;
   border-top:1px solid #808080;
}
#websitefooter td {
   text-align:left;
   vertical-align:top;
   padding:2px 8px;
   font-family: arial, sans-serif;
   font-size: 10px;
   line-height:14px;
}
#websitefooter .link {
   height:22px;
   line-height:22px;
}
#websitefooter table {
   clear:both;
   margin:4px auto 0 auto;
   width:100%;
}
#websitesubheader, #websitesubfooter {
   text-align:left;
   background: #7D7DA6 url(http://www.edelcom.com/images/butdown.jpg) top left repeat-x;
   width:880px;
   height:21px;
   font-size:8pt;
   font-family: Arial, sans-serif;
   color: #345E8E;
   padding:0px; margin:0;
}
#websitesubheader table {
   margin:0px auto 0 10px;
   width:860px;
}
#websitesubheader td {
   padding:10px 0 0 22px;
}
#websitecontents {
   clear:both;
   float:left;
   text-align:left;
   background: #f6f6f6 url(http://www.edelcom.com/images/back-880.jpg) repeat-y top left;
   width:880px;
}
#websiteself {
   padding:5px 10px 10px 20px;
   float:right;
   width:690px;
}

/* --- definitie standaard html-elementen ----------------------------------- */
h1 {
   font-family: Times, serif;
   font-style: italic;
   text-align: left;
   font-size: 20px; color: #000080;
   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:20px;
   border-top:1px solid #0080FF;
   border-bottom:1px solid #0080FF;
   clear:both;
}
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:10px 0px 10px 0px;
}
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:0px;
   margin-bottom:4px;
   margin-top:4px;
   clear:both;
   text-align:justify;
}
ul {
   margin-left:15px;
   margin-bottom:1.1em;
   text-align:justify;
}
img {
   border:none;
}
table {
   width:100%;
   border-collapse:collapse;
}
/* --- classen die niets doen dan 1 attribuut zetten ------------------------ */
.clear { clear:both !important; }
.left {text-align:left !important;}
.right {text-align:right !important;}
.center {text-align:center !important;}

.floatleft {float:left;}
.floatright {float:right;}



/*
.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; float:left; }

#webright { padding:10px; float:right; background-color:#80ff80; }

#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;}


.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; }


/* -------------------------------------------------------------------------- */
/* -- aanbiedingtabel en titel op rootpagina -------------------------------- */
/* -------------------------------------------------------------------------- */
#titel-root {
}
#titel-root h1 {
   line-height:60px;
}
#titel-root h3 {
   clear:both;
}
#aanbieding-root {
   margin-bottom:15px;
   width:690px;
   text-align:left;
}
.aanbiedingtabel {
   border-collapse: collapse;
   background-color:white;
   margin:0px !important;
   border:1px solid #0080ff;
   width:100%;
}
.aanbiedingtabel td {
   padding:0 !important;
   vertical-align:top;
}
.aanbiedingmenu {
   border-collapse: collapse ;
   border-right: 1px solid #0080ff;
   width:110px;
   height:500px;
}
.aanbiedingmenu td {
   padding:0 !important;
   text-align:center !important;
   font-size: 10px;
   line-height:13px;
   vertical-align:middle;
}
.aanbiedingmenu td A:link    { Text-decoration:none; Color:#000000}
.aanbiedingmenu td A:visited { Text-decoration:none; Color:#000000}
.aanbiedingmenu td A:hover   { 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;
   width:560px;
}
.aanbieding-canvas td {
   vertical-align:top;
}

.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:square;
}

.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-left:0px;
     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;
                 }

/* --- 2 secties van de hardwarepagina -------------------------------------- */
#merklogos {
   float:right;
   width:200px;
}
#merklogos img {
   margin:10px 0;
   border:none;
   clear:both;
   float:right;
}
#hardwarelijst {
   width:460px;
   float:left;
}

/* ---- OKI pagina's -------------------------------------------------------- */
#okicontents {
}
#okicontents img {
   border:1px solid #eeeeee;
}
#okicontents p {
   clear:none;
}
.okimodelimg {
   float:right;
   margin-left:15px;
   margin-bottom:15px; 
}
.okifotos {
}
.okifotos td, .okifotos th {
   text-align:center;
   vertical-align:middle;
   padding:5px 15px;
}
.okilinktabel {
   width:680px;
  /*  border-bottom:1px solid #0080ff; */
   margin-top:15px;
   margin-bottom:15px;
}
.okilinktabel td, .okilinktabel th {
   /*width:175px;*/
   text-align:center;
   vertical-align:middle;
   line-height:16px;
   font-size:10px;
   height:36px;
}
.okiselectie {
   width:680px;
   padding:0 0 5px 0;
   clear:both;
   background:#0080ff none;
   margin-top:25px;
   margin-bottom:25px;
   height:39px;
}
.okilijst {
   width:158px;
   float:left;
   margin-left:5px;
   padding-right:5px;
   border:none;
   height:35px;
}

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

.okilijst select {
           width:150px;
           background-color:#EAF4FF;
          }
.okijumps { font-size:9px;
            color:#0038c4;
          }
.oki, .rood {
   color:red !important;
   font-weight:bold;
   font-family:verdana, arial, sans-serif;
}
.prijsverlaging {
   color:red;
   font-family:arial, sans-serif;
   font-style: italic;
   margin-left:5px;
}


.nieuw, .nieuwwoord, .oud, .oudwoord {
   font-family:arial, sans-serif;
   padding-left:5px;
   padding-right:5px;
   margin-left:5px;
   margin-right:5px;
}
.nieuw, .nieuwwoord {
   background-color:yellow;
   color:blue;
}
.nieuwwoord, .oudwoord {
   font-weight:bold;
   font-style:italic;
}
.oud, .oudwoord {
   background-color:#e4e4e4;
   color:#ff0000;
}

/* *** allerlei speciale kaders ********************************************* */
.aandachtspunt {
   font-family: verdana, Arial, Helvetica, sans-serif;
   font-weight: normal;
   font-size: 13px;
   line-height:17px;
   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; }

/* *** allerlei speciale kaders ********************************************* */
.verouderdepagina {
   font-family: verdana, Arial, Helvetica, sans-serif;
   font-weight: normal;
   font-size: 13px;
   line-height:17px;
   color:#703838;
   margin:10px auto;
   padding:5px;
   border:3px solid red;
   background-color:#fff0f0;
   text-align:center;
}
.verouderdepagina a:link    { color:#000000; }
.verouderdepagina a:visited { color:#000000; }
.verouderdepagina a:hover   { color:#703838; }

/* ** OKI-prijslijsten en specificatietabellen ****************************** */
.prijs-tabel {
   border-collapse:collapse;
   margin:15px;
   width:660px;
   border: 1px solid #aaaaaa;
}
.prijs-tabel td, .prijs-tabel th {
   border: 1px solid #aaaaaa;
   padding:2px 5px;
   text-align:center;   /* per default is alles gecentreerd */
}
.prijs-installatie-kader {
   font-style:italic;
   background-color:#F0F0FF;
   border:3px solid #0000FF;
   padding:5px 8px;
   width:610px;
   margin:25px 15px;
}





.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 **************************** */

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 #ff8040;  }

.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;
}

/* --- sidebar -------------------------------------------------------------- */
#sidebarlogo {
   float:left;
   height:96px;
   overflow:hidden;
}

#sidebarlogo, .sidebar-top, .sidebar-back, .sidebar-bottom, .sidebar-line, .sidebar-logo {
   width:156px;
   text-align:center;
   font-family: Arial, Sans-serif; font-size: 9px;
}
.sidebar-top {
   height:11px;
   background: white url(http://www.edelcom.com/images/sidebar-top.jpg) top left;
}
.sidebar-back {
   background: white url(http://www.edelcom.com/images/sidebar-back.jpg) top left repeat-y;
   padding:0;
}
.sidebar-back img {
   margin:5px auto;
}
.sidebar-logo {
   height:96px;
   background: white url(http://www.edelcom.com/images/sidebar-logo.jpg) 0px -8px;
}
.sidebar-logo img {
   height:96px;
   width:96px;
   margin-left:25px;
}
.sidebar-bottom {
   height:18px;
   clear:both;
   background: white url(http://www.edelcom.com/images/sidebar-bottom.jpg) top left;
}
.sidebar-line {
   height:3px;
   background: white url(http://www.edelcom.com/images/sidebar-line.jpg) top left;
}

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

/* --- opsomminglijsten ----------------------------------------------------- */
/*   met links een woord en rechts een verklaring                             */
.opsomming {
   width:690px;
   margin:20px 0;

}
.opsomming h2 {
   float:left;
   width:70px;
   height:35px;
   border-bottom:none;
   padding:0;
   clear:both;
   /*margin-top:5px;
   padding-top:3px;  */
   /*display:inline;*/
   margin:0 0 20px 0;
}
.opsomming h2 img {
   width:96px;
   position:relative;
   top:20px;
   float:left;
}
.opsomming h3 {
   clear:both;
   float:right;
   width:610px;
}
.opsomming p , .opsomming ul, .opsomming ol, .opsomming table {
   float:right;
   position:relative;
   top:-2px;
   width:610px;
   /*margin-top:5px;   */
   text-align:justify;
   /*display:inline;*/
   margin:0 0 20px 0;
   clear:none;
}
.opsomming li {
   margin-left:25px;
   margin-bottom:3px;
}
.brede-opsomming h2 {
   width:125px !important;
}
.brede-opsomming p, .brede-opsomming ul, .brede-opsomming ol, .brede-opsomming h3 {
   width:555px !important;
}
.brede-opsomming table {
   width:485px !important;
}
.brede-opsomming td {
   padding:0 0 10px 0;
   text-align:justify;
}
.versmalde-opsomming {
   width:460px;
}
.versmalde-opsomming h2 {

}
.versmalde-opsomming p, .versmalde-opsomming ul, .versmalde-opsomming ol {
   width:380px !important;
}


/* --- contacttabel - enkel gebruikt in contactinfo-pagina ------------------ */
.contacttabel {
   border:1px solid #ccc;
   width:100%;
}
.contacttabel td, .contacttabel th {
   padding:3px 6px;
   border:1px solid #ccc;
}
.contacttabel th {
   background-color:#a8d3ff;
   text-align:left;
}

.webcamtabel {
   width:100%;
}
.webcamtabel th {
   padding:10px;
}
.webcamtabel p {
   text-align:center;
}

/* --- tabellen in meerdere kolommen ---------------------------------------- */
.tabel2kolommen {
   width:680px;
}
.tabel2kolommen td {
   width:340px;
   /*padding:2px;*/
   vertical-align:top;
   text-align:justify;
}
.linksekolom {
   padding-left:0;
   padding-right:10px;
   border-right:1px solid #ccc;
}
.rechtsekolom {
   padding-left:10px;
   padding-right:0;
}