body {
   background-color:#ffff80;
   color:black;
   font-size:12px;
   font-family:verdana, arial, sans-serif;
}
*    {  margin:0; padding:0; }

h1 {
   font-size:18px;
   margin:15px 5px;
   clear:both;
   }

h2 {
   font-size:15px;
   margin:15px 5px;
   clear:both;
   }

p {
   margin:8px 10px;
   }

img {
   border:none;
}

ul, ol {
   margin-left:25px;
   }

listing {
   font-size:11px;
}
#site {
   border:2px solid white;
   width:900px;
   height:100%;
   margin-left:auto;
   margin-right:auto;
   position:relative;
   text-align:left;
   background-color:white;
}

#site-header {
   height:145px;
   border-bottom:3px solid white;
   background-color:#000040;
   background-image:url(http://www.sitestepper.be/demo-asp-site/images/sitestepper-top900.jpg);
   background-repeat: no-repeat;
   background-position: top left;
   color:yellow;
   }

#site-header img {
         width:280px;
         height:140px;
         position:absolute;
         margin-left:205px;
         margin-top:0px;
         border:none;
}

#site-header p {
        text-align:right;
        padding-right:25px;
        padding-top:75px;
        color:white;
        font-size: 20px;
     }


#site-header p a {
        color:white;
        text-decoration:none;
     }
#site-header p a:visited {
        color:white;
        text-decoration:none;
     }


#site-footer {
   /* height:80px; */
   background-color:#c0c0c0;
   border-top:3px solid white;
   bottom:0px;
   clear:both;
   /* position:absolute; */
   font-size:9px;
   font-family: arial, sans-serif;
   padding:5px;
   }


#site-canvas {
   float:left;
   min-height:400px;
   background-color:white;
   }

#site-menu-area {
   width:150px;
   float:left;
   background-color:#ffff80;
}

#site-contents {
   /*margin-left:160px;*/
   width:720px;
   float:right;
   padding:10px;
   border-left:1px solid #c0c0c0;
}

/* --- [ navigatie ] -------------------------------------------------------- */

div#nav {
   position:relative; left:0px; top:0px; width:150px;
   padding:0; margin:0;
   font-size:.8em; }

div#nav a {
   text-decoration:none;
   color:#C60;
   }

div#nav a:hover {
   color: #fff;
   text-decoration:underline;
   }

div#nav ul {
   margin:0; padding:0;
   list-style-type:none;
   font-weight:normal;
   }

div#nav li {
   padding:5px 2px;
   margin:0px;
   /* background-color:#d0d0d0; */
   border-top:1px solid white;
   border-bottom:1px solid white;
   }

div#nav li:hover {
   color: white;
   background-color:#006;
   border-top:1px solid black;
   border-bottom:1px solid black;
   }

/* ---[ Windows Internet Explorer hacks ] ----------------------------------- */
/** html div#nav ul {border-top:2px solid #960;}*/
/** html div#nav ul { margin:0; padding:0;
                   list-style-type:none;
                    font-weight:bold; }*/

* html div#nav a { display:block;}
* html div#nav a:hover {
   color: #006;
   text-decoration:underline;
   }

* html div#nav li{ height:1.2em;
                   margin:0px;
                   display:block; }
* html div#nav li:hover {
   color: #960;
   background-color:#006;
   border-top:1px solid black;
   border-bottom:1px solid black;
   }
/*end of hack */

* html body {
   text-align:center;
   }



/* --- [ classen gebruikt in de demos ] ------------------------------------- */

.stand { font-size:12px;
         font-family: Arial, sans-serif;
         color: #000030;
       }

.rowref   { background-color:#d9ffff; font-style:italic; color:#0080ff; }
.rowtotal { background-color:#0080ff; color:white; }
.refrij   { background-color:#d90000; }
.bovenref { color:green; width:75px; height:10px; text-align:right;}
.exactref { color:blue; width:75px; height:10px; text-align:right;}
.onderref { color:red; width:75px; height:10px; text-align:right;}