#nav{ 
  position: relative;
  width:    945px;
  /* overflow: hidden; niet; anders kan het menu niet erbuiten vallen */
}

#nav #nav_flash{ 
  position: absolute;
  top:      0em;
  z-index:  0;
  /* border: 1px dotted green; */
  left:     0em;
}

#nav #nav_menu{ 
  position: absolute;
  top: 0em;
  left: 0em;
  z-index: 10;
/*  border: 1px dotted yellow; */
  width: 945px;
 }

#nav #nav_menu_background{ 
  opacity: .5;
  background: #808080;
  position: absolute;
  top: 0em;
  left: 0em;
  width: 945px;
}

#nav #nav_menu table{ 
  width: 945px;
  position: absolute;
  top: 0em;
  left: 0em;
  height: 1em;
 }

#nav .dropdown{ 
  margin-top: 1.5em;
  z-index: 1;
}

/* TOPNAV links */

a.topnav{ 
  color: #FFF;
  /* background: #888; */
  text-decoration: none;
}

a.topnav_active{ 
  color: #000;
  background: #CCC;
  text-decoration: none;
}

.topnav:hover {
  color: #000;
  background: #CCC;
}

.topnav_active:hover{ 
  color: #FFF;
}

.topnav {
  display: block;
  text-align: center;
  border-left: 1px solid white;
  padding: 0px;
  margin:  0px;
  font-weight: bold;
  opacity: 1;
}

.topnav_active {
  display:block;
  text-align:center;
  border-left:1px solid white;
  padding:0px;
  margin:0px;
  font-weight:bold;
}

/* DROPDOWN MENUS*/

.dropdown {
  background-color:#888;
  padding: 3px 5px .7em 5px;
  width:   150px;
  font-weight: bold;
}

.dropdown a{
  display: block;
  padding: .3em 0em .3em 1em;
  text-decoration: none;
  color: #FFF;
  text-align: left;
}

.dropdown a:hover{
  background: #CCC;
  color:      #000;
}

/* --- @TODO uitzoeken*/

#topmenu {
    position: absolute;
    color:white;
    top: 45px;
    width:760px; 
    height: 21px;
    margin-left:-380px;
    left:50%;
    padding: 0px 10px 0px 0px;
    text-align:right;
    vertical-align:middle;
    z-index: 10;
    font-size:12px;
}

#topmenu a {
    color:white;
    text-decoration: none;
}

#breadcrum {
    position: absolute;
    top: 227px;
    margin-left:-390px;
    left:50%;
    padding-left: 20px;
    z-index: 3;
    font-size:8pt;
}

.submenu {
    position: absolute;
    top: 250px;
    width:205px; 
    height: 350px;
    margin-left:-390px;
    left:50%;
    padding-left: 10px;
    z-index: 3;
}

.subknop a {
    display:block;
    min-height:14px;
    width:190px;
    color:black;
    font-weight:bold;
    background-color:#c7cbd3;
    padding:4px 5px 4px 5px;
    margin-bottom:2px;
    text-decoration:none;
}

.subknop a:hover {
    color:white;
    background-color:#515e7e;
}

.subknop_active a {
    display:block;
    min-height:14px;
    width:190px;
    color:white;
    font-weight:bold;
    background-color:#515e7e;
    padding:4px 5px 4px 5px;
    margin-bottom:2px;
    text-decoration:none;
}

.subknop1 a {
    display:block;
    height:14px;
    width:170px;
    color:black;
    background-color:#d7dbe3;
    padding:4px 5px 4px 25px;
    margin-bottom:2px;
    text-decoration:none;
}
.subknop1 a:hover {
    color:white;
    background-color:#515e7e;
}
.subknop1_active a {
    display:block;
    height:14px;
    width:170px;
    color:white;
    background-color:#515e7e;
    padding:4px 5px 4px 25px;
    margin-bottom:2px;
    text-decoration:none;
}

#bgimage {
    position: absolute;
    top: 45px;
    width:760px; 
    height: 180px;
    margin-left:-380px;
    left:50%;
    background-position: left top;
    background-repeat: no-repeat;
    padding-top: 15px;
    z-index: 3;
}

#kader {
    float:right;
    width:160px;
    background-color:#c7cbd3;
    padding:8px;
    margin:0px 0px 20px 20px;
    color:#555;
}

#kader ul {
    margin-top:-10px;
    margin-left:0px;
    padding-left:15px;
}

.newsflag {
    width:100px;
    border-right:1px solid #515e7e;
}

.newslabel {
    display:block;
    background-color:#515e7e;
    color:white;
    padding:1px 5px 1px 5px;
}

.newslink {
    margin:0px;
    padding:0px;
}

input,select,textarea {
    background-color:#eee;
}

.ruler {
    margin:0px;
    border-bottom:1px solid grey;
}