/* START own css: Prokkel */
body {
  font-family: Verdana,Arial,sans-serif;
  font-size: 8pt;
  margin: 0;
}

div {
  font-family: Verdana,Arial,sans-serif;
  font-size: 8pt;
  margin: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td {
  font-family: Verdana,Arial,sans-serif;
  font-size: 8pt;
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: top;
} 

th {
  font-family: Verdana,Arial,sans-serif;
  font-size: 8pt;
  border: 0;
}

img {
  border: 0;
}

form {
  margin: 0;
}

body {
  text-align: center;
  background: #cccccc;
}

div#wrap {
  margin: 0 auto;
  width: 960px;
  text-align: left;
  background: white;
  border-left: 1px solid #666666;
  border-right: 1px solid #666666;
  border-left: 1px solid #666666;
  border-bottom: 1px solid #666666;
}

#header {
  background: url(../prokkel/images/prokkellogohalfroze.jpg) 10px 10px no-repeat;
  padding-left: 255px;
  height: 50px;
  border-bottom: 1px solid #cccccc;
  padding-top: 10px;
  margin-bottom: 10px;
}

#content {
  min-height: 400px;
}

#leftcol {
  width: 250px;
}

#main {
  width: 490px;
  margin-left: 10px;
}

#rightcol {
  margin-left: 10px;
  width: 190px;
}

#leftcol, #main, #rightcol {
  float: left;
}

#footer {
  clear: both;
  border-top: 1px dotted #666666;
  text-align: center;
  margin-bottom: 10px;
}

h1 {
  font-size: 16pt;
  font-weight: bolder;
}

td.multiedit textarea {
  width: 250px;
}

input, select, textarea, button {
  font-family: Verdana,Arial,sans-serif;
  font-size: 8pt;
}

button {
  margin: 3px;
}

.searchcontainer div {
  padding: 5px;
}

.pagination {
  padding: 5px;
  height: 27px;
}

span.post_date {
  font-size: 7pt;
  color: #999999;
}

ul.postlist {
  padding: 0;
  margin: 0;
}

ul.postlist li.postlistitem {
  list-style: none;
  padding: 0;
  marghin: 0;
  display: block;
  border-bottom: 1px dotted #aaaaaa;
}
 
/* END own css: Prokkel */


/* 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 */