*{
    margin: 0px;
    padding: 0px;
}

body,html {
    text-align:center;
    margin:0;
    color: #000000;
    background: url(/gfx/bg.jpg);
}

#container {
    margin:0 auto;
    padding:0;
    width: 781px;
    font-size: 11px;
    font-family: verdana,helvetica;
    text-align: center;
    background: url(/gfx/container-bg.jpg) repeat-y;
    padding-right: 32px;
    padding-left: 31px;
    padding-top: 10px;
}

#header {
    width: 777px;
    height: 147px;
    background: url(/gfx/header-bg.jpg) no-repeat;
}

.slogan {
  padding-left: 120px;
  padding-top: 50px;
  font-size: 18px;
  color: #fedc00;
}

.slogan a:link,.slogan a:visited,.slogan a:active { color: #fedc00; text-decoration: NONE; }
.slogan a:hover { color: #fedc00; text-decoration: underline;}

#menu {
    width: 757px;
    height: 33px;
    background: url(/gfx/menu-bg.jpg) repeat-x;
    padding: 0px 0 0 20px;
}

#submenu {
  float: right;
  margin: 15px 15px 5px 15px;
  padding: 5px;
  width: 240px;
  border: 1px solid #c7d9bf;
  color: #1a6000;
  background-color: #dff0db;
}

#content {
  margin-top: 20px;
  text-align: left;
  margin-bottom: 20px;
  width: 777px;
  color: #6e6e71;
  background-color: #fff;
  line-height: 17px;
}

#content a:link,#content a:visited,#content a:active { color: #56ad41; text-decoration: underline; }
#content a:hover { color: #ffcf2d; text-decoration: underline;}

#content p {
  margin: 10px;
}

#content table {
  font-size: 11px;
  margin-left: 10px;
  font-family: verdana,helvetica;
}

#content ul, #content ol {
  margin-left: 30px;
}

#content li {
  list-style-type: square;
}

#content h1 {
  font-size: 16px;
  color: #477b29;
  padding-top: 10px;
  margin: 10px 0px 10px 10px;
}

#topfooter {
  width: 777px;
  height: 70px;
  text-align: center;
  padding-top: 5px;
  background: url(/gfx/banner-bg.jpg) no-repeat;
}

#footer {
  margin-top: 20px;
  width: 757px;
  padding-right: 10px;
  padding-left: 10px;
  height: 80px;
  padding-top: 30px;
  background: url(/gfx/footer-bg.jpg) repeat-x;
  color: #dadad8;
}

#footer a:link,#footer a:visited,#footer a:active { color: #dadad8; text-decoration: none; }
#footer a:hover { color: #f1f1ef; text-decoration: underline;}

.contentpic {
  border: 0px;
}

/*^'^ Navigation Structure ^'^*/
.nav-container-outer{
  padding: 0px;
}
.float-left{
  float: left;
}
.float-right{
  float: right;
}
.nav-container .divider{
  display:block;
  font-size:1px;
  border-width:0px;
  border-style:solid;
}
.nav-container .divider-vert{
  float:left;
  width:0px;
  display: none;
}
.nav-container .item-secondary-title{
  display:block;
  cursor:default;
  white-space:nowrap;
}
.clear{
  font-size:1px;
  height:0px;
  width:0px;
  clear:left;
  line-height:0px;
  display:block;
  float:none;
}
.nav-container{
  position:relative;
  zoom:1;
  margin: 0 auto;
}
.nav-container a, .nav-container li{
  float:left;
  display:block;
  white-space:nowrap;
}
.nav-container div a, .nav-container ul a, .nav-container ul li{
  float:none;
}
.nav-container ul{
  left:-10000px;
  position:absolute;
}
.nav-container, .nav-container ul{
  list-style:none;
  padding:0px;
  margin:0px;
}
.nav-container li a{
  float:none;
}
.nav-container li{
  position:relative;
}
.nav-container ul{
  z-index:10;
}
.nav-container ul ul{
  z-index:20;
}
.nav-container ul ul ul{
z-index:30;
}
.nav-container ul ul ul ul{
z-index:40;
}
.nav-container ul ul ul ul ul{
  z-index:50;
}
li:hover>ul{
  left:auto;
}

#nav-container ul {
  top:100%;
}

#nav-container ul li:hover>ul{
  top:0px;
  left:100%;
}


/*^'^ Primary Items ^'^*/
#nav-container a:link,#nav-container a:visited,#nav-container a:active {
  font-family: "Arial";
  height: 15px;
  margin-top: 7px;
  padding-bottom: 11px;
  padding-right: 35px;
  color: #1a6000;
  font-weight: bold;
  font-size:12px;
  text-decoration:none;
  text-align: left;
}

#nav-container a:hover{
  color: #ffea00;
}

.first {
  padding-top: 10px;
}

/* DIT IS DE BACKGROUND VAN HET UITSCHUIFMENU*/
#nav-container div, #nav-container ul{
  margin:0px 0px 0px 0px;
  filter:alpha(opacity=95);
  opacity: 0.95;
  background-repeat: repeat-x;
  background-color: #5aa727;
  padding-bottom: 5px;
  padding-right: 10px;
  border-bottom: 3px solid #195f00;
}

/*^'^ Secondary Items ^'^ DIT IS DE BACKGROUND VAN DE ITEMS*/
#nav-container div a, #nav-container ul a{
  color: #ffffff;
  font-weight: bold;
  text-transform: none;
  padding:0px 0px 3px 6px;
  background-position: 0px 22px;
  padding-right: 10px;
  font-size: 10px;
  text-decoration:none;
  border-width:0px;
  border-style:none;
  margin: 0px 0px 0px 0px;
  text-align: left;
}

/*^'^ Secondary Items Hover State ^'^ */
#nav-container div a:hover, #nav-container ul a:hover{
  color:#ffd600;
}