/* Scrolling */
html  { overflow:hidden; }
body  { overflow-x:hidden; overflow-y: scroll;   }



/* Defaults */
body, html                        { height:100%; background-color:#FFFFFF; }
html, body, div, span, form, p, a { margin:0px; padding:0px; }
body, td, div, a                  { font-family:Verdana; }

/* Centeren van de site mbv div en css in alle browsers */
#outer      {                      position: relative; height: 100%; width:100%;       }
#outer[id]  { display: table;      position: static;                                                       }
#middle     {                      position: absolute; height:100%;              top:0%;   _left: 50%;     }
#middle[id] { display: table-cell; position: static;   vertical-align: top;                                }
#inner      {                      position: relative; height:100%;  width:980px; top:0%;   _left: -50%;    }

/*
 * Blok boven in de site met links en zoek veld
 */
.titlebar_1,
.titlebar_2                    { display:block; height:51px; width:980px; background-color:#fff; background-repeat:no-repeat; background-position:17px 0; }
.titlebar_1 .titlebuttons,
.titlebar_2 .titlebuttons      { margin-left:550px; }
.titlebar_1 .titlebuttons a,
.titlebar_2 .titlebuttons a    { font-weight:bold; font-size:10px; color:#000; text-decoration:none; }
.titlebar_1 .titlebuttons form,
.titlebar_2 .titlebuttons form { display:inline; }
.titlebar_1                    { background-image:url(/graphics/00_logo3_0_t.gif); }
.titlebar_2                    { background-image:url(/graphics/00_logo2_0_t.gif); }


/*
 * Horizontaal menu boven in de site
 */
.menubar      { margin:0px; padding:0px; height:23px; display:block; background: #C1E17E url(/graphics/00_bg_0_t.jpg) no-repeat; }
.menubar li   { float:left; list-style:none; height:23px; padding:0px 10px 0px 10px; border-right: 1px solid #fff; }
.menubar li a { color:#FFF; font-size:11px; font-weight:bold; text-decoration:none; line-height:23px; vertical-align:middle; }


/*
 * Blok onder horizontaal menu (met tekst `members of the besi Group`)
 */
#titlebeam  { display:block; text-align:left; height:28px; width:810px; padding:40px 0px 0px 170px; background:url(/graphics/00_bg1_0_m.jpg); color:#007755; font-size:13px; font-weight:bold; }
#titlebeam  { _width:980px; _height:68px; }
 

/*
 * Menu links, naast de content
 */

.menuleft      { height:100%;  }

.menuLeftTable { height:100%; margin:0px; padding:0px;  background:red; }
.menuLeftRow   { height:100%; margin:0px; padding:0px;  }
.menuLeftCell  { height:100%; margin:0px; padding:0px;  }


.menuleft                           { float:left; width:158px; background-image:url(/graphics/00_bg_0_l.jpg); background-repeat:repeat-y; }
.menuleft ul                        { margin:0px; padding:0px; border-top:#FFFFFF dotted 1px; margin-bottom:-1px; }
.menuleft ul li                     { margin:0px; padding:0px; list-style:none; text-align:left; border-bottom:#FFFFFF dotted 1px;  }
.menuleft ul li table               { height:22px; width:158px; }
.menuleft ul li table tr            { height:22px; }
.menuleft ul li table tr td         { height:22px; }
.menuleft ul li table tr td img     { margin:8px 2px 0px 2px; }
.menuleft ul li table tr td a       { color:#FFFFFF; font-size:12px; font-weight:bold; text-decoration:none; }
.menuleft ul li table tr td a:hover { color:#000000; }
/*Voor menuitems die niet in een table staan */
.menuleft ul li img     { margin:8px 4px 0px 2px; }
.menuleft ul li a       { color:#FFFFFF; font-size:12px; font-weight:bold; text-decoration:none; line-height:22px; height:22px;}
.menuleft ul li a:hover { color:#000000;  }
/* Submenu's */
ul.subsubmenu          { border:none!important; }
td.pijl1,   td.pijl2   { width:10px; }
td.link1 a, td.link2 a { font-size:12px!important;  }
td.pijl3,   td.pijl4   { width:20px; text-align:right; }
td.link3 a, td.link4 a { font-size:11px!important;  }
td.pijl5,   td.pijl6   { width:30px; text-align:right; }
td.link5 a, td.link6 a { font-size:10px!important;  }


/*
 * Content vak
 */
#werkvlak { height:100%; }
#werkvlak { float:right; width:812px; text-align:left; padding-left:10px; background-color:#FFF; font-size:13px;  }
#werkvlak { _width:822px; }


/*
 * Wireframe display


#outer  { background:red; }
#middle { background:blue; }
#inner  { background:brown; }

.titlebar_1 { background:Orange; }
.titlebar_1 .titlebuttons { background:OrangeRed; }
#menubar    { background:purple; }
#titlebeam  { background:yellow; }

.menuleft   { background:lime; }
#werkvlak   { background:deeppink; }

 */