/* =========================================================================================== */
/* body */
body { background-color: #003366;
      font-family: "Verdana";
      font-size: 10pt;
      margin: 0;
      overflow: hidden;
			}

/* =========================================================================================== */
/* header */
#header {color: #ffffff;
        background-color: #003366;
        height: 80px;}
.headerimg {border: none;
					height: 80px;
					}

/* =========================================================================================== */
/* menubalk */ 
div.menu { position: absolute;
          top: 90px;
          /*height: 0px;*/
          /*width: 100%;*/
					right: 1px;
          background-color: transparent;
          left: 10px;
          min-width: 900px;
          z-index: 2000;
        }
div.menu ul {display: inline;
          padding:0;
         }
li.unact { display: inline;
            float: left;
            padding: 0;
            border-width: 1px 1px 1px 1px;
            border-color: #c0e0ff #c0e0ff #c0e0ff #c0e0ff;
            border-style: solid;
            list-style-type: none;
            background-color: #6699cc;
            margin-right: 2px;
            height: 16px;
          }
li.unact:hover {background-color: #336699;
                 border-bottom: 1px solid #336699;}
li.active { display: inline;
            float: left;
            padding: 0;
            border-width: 1px 1px 1px 1px;
            border-color: #c0e0ff #c0e0ff #336699 #c0e0ff;
            border-style: solid;
            list-style-type: none;
            background-color: #336699;
            margin-right: 2px;
            height: 16px;
          }
li.active:hover {background-color: #8099b0;
                 border-bottom: 1px solid #8099b0;
                 color: #ffff00;
              }
div.icon {z-index: 10000;
        position: relative;
        top: -8px;
        display: inline;
        background-color: transparent;
        }
div.item {z-index: 200;
        position: relative;
        display: inline;
        width: 100%;
        /*height:100%;*/
				top: -8px;
				height: 16px;
				/*vertical-align: top;*/
        }
a.menitem {  color: #ffffff;
              text-decoration: none;
              padding-right: 2px;
          }
img.menicon { border: none;
            vertical-align: middle;
            padding-right: 1px;
            background: none;
            }
a.menimg:hover {background: transparent;}

/* =========================================================================================== */
/* submenu */
ul.submenu {position: relative;
          display: block;
          float: left;
          top: 22px;
          background-color: #ccddee;}
ul.submenu li {display: inline;
            background-color: #ccddee;}
ul.submenu li a{background-color: #ccddee;
            }

/* =========================================================================================== */
/* hoofdkader */
#content {  position: absolute;
            z-index: 1000;
            top: 107px;
            background-color: #336699;
            border: 1px solid #ccddee;
						left: 0px;
						right: 1px;
						/*height: 400px;*/
						bottom: 30px;
            margin: 0;
            padding: 10px 10px 10px 10px;
            color: #ffffff;
					  overflow: auto;
						max-width: 1024px;
						}
#content li {list-style-type: square;
          list-style-position: outside;}
#content h1{font-size: 11pt;
    font-weight: bold;
    font-family: "Verdana";
    color: #ffffff;
    margin-bottom: -5px;
  }
#content h2 {font-size: 10pt;
    font-weight: bold;
    font-family: "Verdana";
    color: #ffffff;
    margin-bottom: -5px;
  }
#content a {color: #ffff66;
          text-decoration: none;
          }

.content a:hover {color: #ffff66;
                border-bottom: 1px dashed #ffffff;
                }

img.imgtitle {padding-bottom: 5px;
            padding-right: 5px;
            vertical-align: middle;
						width: 32px;
						height: 32px;
            }

/* =========================================================================================== */
/* tekstkader  */
#homekad {  position: absolute;
						z-index: 1100;
            top: 15px;
            background-color: #336699;
            background: transparant;
						border: 0px solid #ccddee;
						left: 10px;
						right: 260px;
            /*width: 700px;*/
            height: 90%;
            margin: 0;
            padding: 10px 10px 10px 10px;
            color: #ffffff;
            overflow: auto;
            }

/* =========================================================================================== */
/* actuakader  */
#actukad {  position: absolute;
            z-index: 1100;
            top: 15px;
            background-color: #205080;
						background: transparant;
            border: 1px solid #ccddee;
            width: 200px;
            height: 85%;
            right: 25px;
            margin: 0;
            padding: 10px 10px 10px 10px;
            color: #ffffff;
            overflow: auto;
						vertical-align: middle;
						text-align: center;
            }

/* =========================================================================================== */
/* footer */
#footer { position: absolute;
         bottom: 0;
				 left: 5px;
				 right: 5px;
	max-width: 1024px;
        }
#footer a {color: #ffffff;
          text-decoration: none;}