
/* START own css: Prokkel-Nav */
ul#nav, ul#subnav, ul#footernav {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
}

ul#nav li, ul#subnav li, ul#footernav li {
  margin: 0;
  list-style: none;
}

ul#nav li {
  margin-top: 13px;
  margin-right: 5px;
  float: left;
  display:block;
  border: 1px solid #cccccc;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  background: #cccc00;
  height: 26px;
  padding-top: 10px;
  padding-left: 10px;  
  padding-right: 10px;
}

ul#subnav li {
  margin-top: 10px;
}

ul#nav li a, ul#subnav li a {
  display: block;
  text-decoration: none;
}

ul#nav li a {
  height: 16px;
  color: black;
}

ul#nav li a:hover, ul#subnav li a:hover {
  text-decoration: underline;
}

ul#nav li.selected {
  background-color: #ffffff;
  border-bottom: 1px solid #ffffff;
}

ul#subnav {
  width:200px;
  margin: 10px;
  padding: 10px;
  border-radius: 12px;
  border: 1px solid #cccccc;
  background: #cc0066;
}

/*div.Netwerk div ul#subnav li a, div.Activiteiten div ul#subnav li a {*/
ul#subnav li a {
  color: white;
}

div#nav4 ul#subnav li a /*Agenda*/, 
div#nav5 ul#subnav li a /*Nieuws*/ ,
div#nav9 ul#subnav li a /*Over Ons*/ {
  color: black;
}

div#nav2 /*Prokkels 2009*/,
div#nav57 /*Prokkels 2010*/,
div#nav63 /*Prokkels 2011*/,
div#nav71 /*Prokkels 2012*/ {
  background: #cc0066;
}

div#nav3 /*Netwerken*/ {
  background: #0099cc;
}

div#nav4 /*Agenda*/, 
div#nav5 /*Nieuws*/ ,
div#nav9 /*Over Ons*/ {
  background: #ffdd0a;
}

ul.Agenda, ul.Nieuws {
  background: url(http://www.generateit.net/rounded-corner/rounded.php?sh=r&r=10&bw=1&bc=CCCCCC&bg=FF0000&fg=FFDD0A&w=250&h=300&f=png&aa=1&bgt=1&bt=&fgt=&tc=FFFFFF) no-repeat;
}

ul#footernav {
  float: left;
  margin-top: 10px;
  margin-left: 260px;
}

ul#footernav li {
  margin-left: 10px;
  float: left;
}

/* END own css: Prokkel-Nav */

