form{margin: 0em;}


/* hack, voor ie of firefox??? h1 was kleiner dan nu zijn ze allebei even groot*/
h1{
 min-height: 1.6em;
 height: 1em;
}
h2{min-height: 1.6em;height: 1em;}

/* hmm, witruimte als <div><h3> niet als <div>&nbsp;<h3>, hack */
h3{margin-top: 0em;padding-top: .5em;}
h2{margin-top: 0em;padding-top: .5em;}


img { 
    border: none;
}

/* wrapper */
#wrapper {
    xxposition:absolute;
    width:900px;
    xxleft:50%;
    xxmargin-left:-450px;

   margin: 0 auto; 
    position:relative;


text-align: left;

}
html{
 /* alway show vertical scroll bar */
 overflow: -moz-scrollbars-vertical;
 overflow-y: scroll;
    overflow-x: auto;
}
body, html {
    width: 100%;
    height: 100%;
    color: #404040;
    font-family: Arial, Helvetica, sans-serif;
    font-size:0.95em;
    line-height:1.6em;
    margin: 0em;
    padding: 0em;
}
html{text-align: center;position: relative;}

/* top */

#topbar {
 background-color: #7b90ab;
 margin: 0em;
 padding: 0em;
 color: white;
 width: 100%;
 position: relative;
 min-height: 50px;
background-image: url(/img/logo-circel.png);
background-repeat: no-repeat;
}

#topbar h1 {
 padding: .2em 0em 0em 0em;;
 margin: 0em;
display: inline;
}

#topbar h1 a{
 text-decoration: none;
 color: #EEE;
 padding-left: 55px;
}
#topbar h1 a:hover{
 text-decoration: none;
 color: #FFF;
 padding-left: 55px;
}

#topbar p {
 margin: 0em 0em 0em 55px;;
 padding: 0em;
}
 

/* lnav */

/* submenu */
.submenu{
 float: left;
 position: absolute; 
 width: 500px;
 left: 190px;
 margin-top: -2em;
 z-index: 50;
 padding: 2em;
}

#lnav {
 position: relative;
 float: left;
 width: 180px;
 max-width: 180px;
/* hmm, submenus; overflow hidden kan niet   xxoverflow: hidden; */
 background: white;
 padding: 0em 0em 0em 0em;
}

#lnav div div ul a {
 text-decoration: none;
 color: #333;
}
#lnav div div ul a:hover {
 text-decoration: underline;
 color: #000;
}

.activated {
 font-weight: bold;
}

/* content */

/* @TODO  ie of firefox hack; ik snap z-index niet */
#content {
  margin-left: 180px;
  position: relative;
  z-index: -1;
}
html>body #content{
    z-index: 0;
}

/* blokken */






/* li */
.li-grijs{
 list-style-image: url(/img/menu/li-grijs.png);
}

/* firefox doet kinders ook list stylen, niet doen */
.li-grijs ul li{
 list-style-image: none;
}


.catblok-grijs {
}

.catblok-grijs xxxh1 {
    background: #7b90ab;
    margin: .3em 0em .3em 0em;
    font-size: 1.0em;
    padding: .2em .2em .2em .5em;
    font-family: Verdana, Arial, Sans;
}
.catblok-grijs xxxh2 {
    background: #aebbcc;
    margin: .3em 0em .3em 0em;
    padding: .2em .2em .2em .5em;
    font-size: 1.0em;
    font-family: Verdana, Arial, Sans;}

.catblok-grijs h3 {
    margin: 0em;
}

/* generic ul niet, helpt een > ???? */ 
.catblok-grijs  xxul {
    background: #aebbcc;
    margin: 0em 0em 0em 0em;
    padding: .2em .2em .2em .2em;
}
.catblok-body-grijs {
    background: #aebbcc;
    margin: 0em 0em 0em 0em;
    padding: 0em .2em 0em .2em;
}

.catblok-grijs ul li {
    margin-left: 1em;
}

.catblok-grijs ul.links {
   background: #FFF;
}

/* grr, hack */
.catblok-grijs .last {
   background: #aebbcc;
}


/* @TODO IE hack, ie snapt html>body niet*/
#lnav .blok-grijs{
margin-right: .1em;
}
html>body #lnav .blok-grijs{
margin-right: .3em;
}

.blok-grijs {
 margin: 0em 0em 0em 0em;
 padding:0px;

}

.blok-grijs div{
 position: relative;
}


.blok-grijs  h1.header {
    background: #7b90ab;
    color: #FFF;
    font-size: 1.0em;
    font-family: Verdana, Arial, Sans;
    margin: .3em 0em .3em 0em;
    padding: .2em .2em .2em .5em;
}

/* @TODO alleen directe kinders met 'div > h2' maar werkt niet in IE6 */
.blok-grijs   h2.header {
    background: #7b90ab;
    color: #FFF;
    font-size: 1.0em;
    font-family: Verdana, Arial, Sans;
    margin: .3em 0em .3em 0em;
    padding: .2em .2em .2em .5em;
}



.blok-grijs ul {
    background: #aebbcc;
    margin: 0em;
    padding: .2em;
}
.blok-grijs ul li {
    margin-left: 1em;
}
.blok-grijs  p {
    /* background: #aebbcc; */
    margin: 0em 0em 0em 0em;
    padding: .4em;
}
.blok-grijs  div {
    background: #aebbcc;
    margin: 0em 0em 0em 0em;
    padding: 0em 0em .3em .5em;
}





/* li */
.li-oranje{
 list-style-image: url(/img/menu/li-oranje.png);
}

/* firefox doet kinders ook list stylen, niet doen */
.li-oranje ul li{
 list-style-image: none;
}


.catblok-oranje {
}

.catblok-oranje xxxh1 {
    background: #ff7200;
    margin: .3em 0em .3em 0em;
    font-size: 1.0em;
    padding: .2em .2em .2em .5em;
    font-family: Verdana, Arial, Sans;
}
.catblok-oranje xxxh2 {
    background: #fdd0ac;
    margin: .3em 0em .3em 0em;
    padding: .2em .2em .2em .5em;
    font-size: 1.0em;
    font-family: Verdana, Arial, Sans;}

.catblok-oranje h3 {
    margin: 0em;
}

/* generic ul niet, helpt een > ???? */ 
.catblok-oranje  xxul {
    background: #fdd0ac;
    margin: 0em 0em 0em 0em;
    padding: .2em .2em .2em .2em;
}
.catblok-body-oranje {
    background: #fdd0ac;
    margin: 0em 0em 0em 0em;
    padding: 0em .2em 0em .2em;
}

.catblok-oranje ul li {
    margin-left: 1em;
}

.catblok-oranje ul.links {
   background: #FFF;
}

/* grr, hack */
.catblok-oranje .last {
   background: #fdd0ac;
}


/* @TODO IE hack, ie snapt html>body niet*/
#lnav .blok-oranje{
margin-right: .1em;
}
html>body #lnav .blok-oranje{
margin-right: .3em;
}

.blok-oranje {
 margin: 0em 0em 0em 0em;
 padding:0px;

}

.blok-oranje div{
 position: relative;
}


.blok-oranje  h1.header {
    background: #ff7200;
    color: black;
    font-size: 1.0em;
    font-family: Verdana, Arial, Sans;
    margin: .3em 0em .3em 0em;
    padding: .2em .2em .2em .5em;
}

/* @TODO alleen directe kinders met 'div > h2' maar werkt niet in IE6 */
.blok-oranje   h2.header {
    background: #ff7200;
    color: black;
    font-size: 1.0em;
    font-family: Verdana, Arial, Sans;
    margin: .3em 0em .3em 0em;
    padding: .2em .2em .2em .5em;
}



.blok-oranje ul {
    background: #fdd0ac;
    margin: 0em;
    padding: .2em;
}
.blok-oranje ul li {
    margin-left: 1em;
}
.blok-oranje  p {
    /* background: #fdd0ac; */
    margin: 0em 0em 0em 0em;
    padding: .4em;
}
.blok-oranje  div {
    background: #fdd0ac;
    margin: 0em 0em 0em 0em;
    padding: 0em 0em .3em .5em;
}





/* li */
.li-geel{
 list-style-image: url(/img/menu/li-geel.png);
}

/* firefox doet kinders ook list stylen, niet doen */
.li-geel ul li{
 list-style-image: none;
}


.catblok-geel {
}

.catblok-geel xxxh1 {
    background: #ffde00;
    margin: .3em 0em .3em 0em;
    font-size: 1.0em;
    padding: .2em .2em .2em .5em;
    font-family: Verdana, Arial, Sans;
}
.catblok-geel xxxh2 {
    background: #f7e7a5;
    margin: .3em 0em .3em 0em;
    padding: .2em .2em .2em .5em;
    font-size: 1.0em;
    font-family: Verdana, Arial, Sans;}

.catblok-geel h3 {
    margin: 0em;
}

/* generic ul niet, helpt een > ???? */ 
.catblok-geel  xxul {
    background: #f7e7a5;
    margin: 0em 0em 0em 0em;
    padding: .2em .2em .2em .2em;
}
.catblok-body-geel {
    background: #f7e7a5;
    margin: 0em 0em 0em 0em;
    padding: 0em .2em 0em .2em;
}

.catblok-geel ul li {
    margin-left: 1em;
}

.catblok-geel ul.links {
   background: #FFEEAA;
}

/* grr, hack */
.catblok-geel .last {
   background: #f7e7a5;
}


/* @TODO IE hack, ie snapt html>body niet*/
#lnav .blok-geel{
margin-right: .1em;
}
html>body #lnav .blok-geel{
margin-right: .3em;
}

.blok-geel {
 margin: 0em 0em 0em 0em;
 padding:0px;

}

.blok-geel div{
 position: relative;
}


.blok-geel  h1.header {
    background: #ffde00;
    color: black;
    font-size: 1.0em;
    font-family: Verdana, Arial, Sans;
    margin: .3em 0em .3em 0em;
    padding: .2em .2em .2em .5em;
}

/* @TODO alleen directe kinders met 'div > h2' maar werkt niet in IE6 */
.blok-geel   h2.header {
    background: #ffde00;
    color: black;
    font-size: 1.0em;
    font-family: Verdana, Arial, Sans;
    margin: .3em 0em .3em 0em;
    padding: .2em .2em .2em .5em;
}



.blok-geel ul {
    background: #f7e7a5;
    margin: 0em;
    padding: .2em;
}
.blok-geel ul li {
    margin-left: 1em;
}
.blok-geel  p {
    /* background: #f7e7a5; */
    margin: 0em 0em 0em 0em;
    padding: .4em;
}
.blok-geel  div {
    background: #f7e7a5;
    margin: 0em 0em 0em 0em;
    padding: 0em 0em .3em .5em;
}





/* li */
.li-blauw2{
 list-style-image: url(/img/menu/li-blauw2.png);
}

/* firefox doet kinders ook list stylen, niet doen */
.li-blauw2 ul li{
 list-style-image: none;
}


.catblok-blauw2 {
}

.catblok-blauw2 xxxh1 {
    background: #01aabe;
    margin: .3em 0em .3em 0em;
    font-size: 1.0em;
    padding: .2em .2em .2em .5em;
    font-family: Verdana, Arial, Sans;
}
.catblok-blauw2 xxxh2 {
    background: #badee2;
    margin: .3em 0em .3em 0em;
    padding: .2em .2em .2em .5em;
    font-size: 1.0em;
    font-family: Verdana, Arial, Sans;}

.catblok-blauw2 h3 {
    margin: 0em;
}

/* generic ul niet, helpt een > ???? */ 
.catblok-blauw2  xxul {
    background: #badee2;
    margin: 0em 0em 0em 0em;
    padding: .2em .2em .2em .2em;
}
.catblok-body-blauw2 {
    background: #badee2;
    margin: 0em 0em 0em 0em;
    padding: 0em .2em 0em .2em;
}

.catblok-blauw2 ul li {
    margin-left: 1em;
}

.catblok-blauw2 ul.links {
   background: #FFF;
}

/* grr, hack */
.catblok-blauw2 .last {
   background: #badee2;
}


/* @TODO IE hack, ie snapt html>body niet*/
#lnav .blok-blauw2{
margin-right: .1em;
}
html>body #lnav .blok-blauw2{
margin-right: .3em;
}

.blok-blauw2 {
 margin: 0em 0em 0em 0em;
 padding:0px;

}

.blok-blauw2 div{
 position: relative;
}


.blok-blauw2  h1.header {
    background: #01aabe;
    color: black;
    font-size: 1.0em;
    font-family: Verdana, Arial, Sans;
    margin: .3em 0em .3em 0em;
    padding: .2em .2em .2em .5em;
}

/* @TODO alleen directe kinders met 'div > h2' maar werkt niet in IE6 */
.blok-blauw2   h2.header {
    background: #01aabe;
    color: black;
    font-size: 1.0em;
    font-family: Verdana, Arial, Sans;
    margin: .3em 0em .3em 0em;
    padding: .2em .2em .2em .5em;
}



.blok-blauw2 ul {
    background: #badee2;
    margin: 0em;
    padding: .2em;
}
.blok-blauw2 ul li {
    margin-left: 1em;
}
.blok-blauw2  p {
    /* background: #badee2; */
    margin: 0em 0em 0em 0em;
    padding: .4em;
}
.blok-blauw2  div {
    background: #badee2;
    margin: 0em 0em 0em 0em;
    padding: 0em 0em .3em .5em;
}





/* li */
.li-rood{
 list-style-image: url(/img/menu/li-rood.png);
}

/* firefox doet kinders ook list stylen, niet doen */
.li-rood ul li{
 list-style-image: none;
}


.catblok-rood {
}

.catblok-rood xxxh1 {
    background: #fb2323;
    margin: .3em 0em .3em 0em;
    font-size: 1.0em;
    padding: .2em .2em .2em .5em;
    font-family: Verdana, Arial, Sans;
}
.catblok-rood xxxh2 {
    background: #efc7c7;
    margin: .3em 0em .3em 0em;
    padding: .2em .2em .2em .5em;
    font-size: 1.0em;
    font-family: Verdana, Arial, Sans;}

.catblok-rood h3 {
    margin: 0em;
}

/* generic ul niet, helpt een > ???? */ 
.catblok-rood  xxul {
    background: #efc7c7;
    margin: 0em 0em 0em 0em;
    padding: .2em .2em .2em .2em;
}
.catblok-body-rood {
    background: #efc7c7;
    margin: 0em 0em 0em 0em;
    padding: 0em .2em 0em .2em;
}

.catblok-rood ul li {
    margin-left: 1em;
}

.catblok-rood ul.links {
   background: #FFE6E6;
}

/* grr, hack */
.catblok-rood .last {
   background: #efc7c7;
}


/* @TODO IE hack, ie snapt html>body niet*/
#lnav .blok-rood{
margin-right: .1em;
}
html>body #lnav .blok-rood{
margin-right: .3em;
}

.blok-rood {
 margin: 0em 0em 0em 0em;
 padding:0px;

}

.blok-rood div{
 position: relative;
}


.blok-rood  h1.header {
    background: #fb2323;
    color: black;
    font-size: 1.0em;
    font-family: Verdana, Arial, Sans;
    margin: .3em 0em .3em 0em;
    padding: .2em .2em .2em .5em;
}

/* @TODO alleen directe kinders met 'div > h2' maar werkt niet in IE6 */
.blok-rood   h2.header {
    background: #fb2323;
    color: black;
    font-size: 1.0em;
    font-family: Verdana, Arial, Sans;
    margin: .3em 0em .3em 0em;
    padding: .2em .2em .2em .5em;
}



.blok-rood ul {
    background: #efc7c7;
    margin: 0em;
    padding: .2em;
}
.blok-rood ul li {
    margin-left: 1em;
}
.blok-rood  p {
    /* background: #efc7c7; */
    margin: 0em 0em 0em 0em;
    padding: .4em;
}
.blok-rood  div {
    background: #efc7c7;
    margin: 0em 0em 0em 0em;
    padding: 0em 0em .3em .5em;
}





/* li */
.li-blauw{
 list-style-image: url(/img/menu/li-blauw.png);
}

/* firefox doet kinders ook list stylen, niet doen */
.li-blauw ul li{
 list-style-image: none;
}


.catblok-blauw {
}

.catblok-blauw xxxh1 {
    background: #8c8cfc;
    margin: .3em 0em .3em 0em;
    font-size: 1.0em;
    padding: .2em .2em .2em .5em;
    font-family: Verdana, Arial, Sans;
}
.catblok-blauw xxxh2 {
    background: #c1d2ec;
    margin: .3em 0em .3em 0em;
    padding: .2em .2em .2em .5em;
    font-size: 1.0em;
    font-family: Verdana, Arial, Sans;}

.catblok-blauw h3 {
    margin: 0em;
}

/* generic ul niet, helpt een > ???? */ 
.catblok-blauw  xxul {
    background: #c1d2ec;
    margin: 0em 0em 0em 0em;
    padding: .2em .2em .2em .2em;
}
.catblok-body-blauw {
    background: #c1d2ec;
    margin: 0em 0em 0em 0em;
    padding: 0em .2em 0em .2em;
}

.catblok-blauw ul li {
    margin-left: 1em;
}

.catblok-blauw ul.links {
   background: #E6EEFF;
}

/* grr, hack */
.catblok-blauw .last {
   background: #c1d2ec;
}


/* @TODO IE hack, ie snapt html>body niet*/
#lnav .blok-blauw{
margin-right: .1em;
}
html>body #lnav .blok-blauw{
margin-right: .3em;
}

.blok-blauw {
 margin: 0em 0em 0em 0em;
 padding:0px;

}

.blok-blauw div{
 position: relative;
}


.blok-blauw  h1.header {
    background: #8c8cfc;
    color: black;
    font-size: 1.0em;
    font-family: Verdana, Arial, Sans;
    margin: .3em 0em .3em 0em;
    padding: .2em .2em .2em .5em;
}

/* @TODO alleen directe kinders met 'div > h2' maar werkt niet in IE6 */
.blok-blauw   h2.header {
    background: #8c8cfc;
    color: black;
    font-size: 1.0em;
    font-family: Verdana, Arial, Sans;
    margin: .3em 0em .3em 0em;
    padding: .2em .2em .2em .5em;
}



.blok-blauw ul {
    background: #c1d2ec;
    margin: 0em;
    padding: .2em;
}
.blok-blauw ul li {
    margin-left: 1em;
}
.blok-blauw  p {
    /* background: #c1d2ec; */
    margin: 0em 0em 0em 0em;
    padding: .4em;
}
.blok-blauw  div {
    background: #c1d2ec;
    margin: 0em 0em 0em 0em;
    padding: 0em 0em .3em .5em;
}





/* li */
.li-paars{
 list-style-image: url(/img/menu/li-paars.png);
}

/* firefox doet kinders ook list stylen, niet doen */
.li-paars ul li{
 list-style-image: none;
}


.catblok-paars {
}

.catblok-paars xxxh1 {
    background: #e437e6;
    margin: .3em 0em .3em 0em;
    font-size: 1.0em;
    padding: .2em .2em .2em .5em;
    font-family: Verdana, Arial, Sans;
}
.catblok-paars xxxh2 {
    background: #e4c4e5;
    margin: .3em 0em .3em 0em;
    padding: .2em .2em .2em .5em;
    font-size: 1.0em;
    font-family: Verdana, Arial, Sans;}

.catblok-paars h3 {
    margin: 0em;
}

/* generic ul niet, helpt een > ???? */ 
.catblok-paars  xxul {
    background: #e4c4e5;
    margin: 0em 0em 0em 0em;
    padding: .2em .2em .2em .2em;
}
.catblok-body-paars {
    background: #e4c4e5;
    margin: 0em 0em 0em 0em;
    padding: 0em .2em 0em .2em;
}

.catblok-paars ul li {
    margin-left: 1em;
}

.catblok-paars ul.links {
   background: #FFE2FF;
}

/* grr, hack */
.catblok-paars .last {
   background: #e4c4e5;
}


/* @TODO IE hack, ie snapt html>body niet*/
#lnav .blok-paars{
margin-right: .1em;
}
html>body #lnav .blok-paars{
margin-right: .3em;
}

.blok-paars {
 margin: 0em 0em 0em 0em;
 padding:0px;

}

.blok-paars div{
 position: relative;
}


.blok-paars  h1.header {
    background: #e437e6;
    color: black;
    font-size: 1.0em;
    font-family: Verdana, Arial, Sans;
    margin: .3em 0em .3em 0em;
    padding: .2em .2em .2em .5em;
}

/* @TODO alleen directe kinders met 'div > h2' maar werkt niet in IE6 */
.blok-paars   h2.header {
    background: #e437e6;
    color: black;
    font-size: 1.0em;
    font-family: Verdana, Arial, Sans;
    margin: .3em 0em .3em 0em;
    padding: .2em .2em .2em .5em;
}



.blok-paars ul {
    background: #e4c4e5;
    margin: 0em;
    padding: .2em;
}
.blok-paars ul li {
    margin-left: 1em;
}
.blok-paars  p {
    /* background: #e4c4e5; */
    margin: 0em 0em 0em 0em;
    padding: .4em;
}
.blok-paars  div {
    background: #e4c4e5;
    margin: 0em 0em 0em 0em;
    padding: 0em 0em .3em .5em;
}





/* li */
.li-groen{
 list-style-image: url(/img/menu/li-groen.png);
}

/* firefox doet kinders ook list stylen, niet doen */
.li-groen ul li{
 list-style-image: none;
}


.catblok-groen {
}

.catblok-groen xxxh1 {
    background: #78b72e;
    margin: .3em 0em .3em 0em;
    font-size: 1.0em;
    padding: .2em .2em .2em .5em;
    font-family: Verdana, Arial, Sans;
}
.catblok-groen xxxh2 {
    background: #cedec6;
    margin: .3em 0em .3em 0em;
    padding: .2em .2em .2em .5em;
    font-size: 1.0em;
    font-family: Verdana, Arial, Sans;}

.catblok-groen h3 {
    margin: 0em;
}

/* generic ul niet, helpt een > ???? */ 
.catblok-groen  xxul {
    background: #cedec6;
    margin: 0em 0em 0em 0em;
    padding: .2em .2em .2em .2em;
}
.catblok-body-groen {
    background: #cedec6;
    margin: 0em 0em 0em 0em;
    padding: 0em .2em 0em .2em;
}

.catblok-groen ul li {
    margin-left: 1em;
}

.catblok-groen ul.links {
   background: #EFFFE7;
}

/* grr, hack */
.catblok-groen .last {
   background: #cedec6;
}


/* @TODO IE hack, ie snapt html>body niet*/
#lnav .blok-groen{
margin-right: .1em;
}
html>body #lnav .blok-groen{
margin-right: .3em;
}

.blok-groen {
 margin: 0em 0em 0em 0em;
 padding:0px;

}

.blok-groen div{
 position: relative;
}


.blok-groen  h1.header {
    background: #78b72e;
    color: black;
    font-size: 1.0em;
    font-family: Verdana, Arial, Sans;
    margin: .3em 0em .3em 0em;
    padding: .2em .2em .2em .5em;
}

/* @TODO alleen directe kinders met 'div > h2' maar werkt niet in IE6 */
.blok-groen   h2.header {
    background: #78b72e;
    color: black;
    font-size: 1.0em;
    font-family: Verdana, Arial, Sans;
    margin: .3em 0em .3em 0em;
    padding: .2em .2em .2em .5em;
}



.blok-groen ul {
    background: #cedec6;
    margin: 0em;
    padding: .2em;
}
.blok-groen ul li {
    margin-left: 1em;
}
.blok-groen  p {
    /* background: #cedec6; */
    margin: 0em 0em 0em 0em;
    padding: .4em;
}
.blok-groen  div {
    background: #cedec6;
    margin: 0em 0em 0em 0em;
    padding: 0em 0em .3em .5em;
}





/* li */
.li-default{
 list-style-image: url(/img/menu/li-default.png);
}

/* firefox doet kinders ook list stylen, niet doen */
.li-default ul li{
 list-style-image: none;
}


.catblok-default {
}

.catblok-default xxxh1 {
    background: #7b90ab;
    margin: .3em 0em .3em 0em;
    font-size: 1.0em;
    padding: .2em .2em .2em .5em;
    font-family: Verdana, Arial, Sans;
}
.catblok-default xxxh2 {
    background: #aebbcc;
    margin: .3em 0em .3em 0em;
    padding: .2em .2em .2em .5em;
    font-size: 1.0em;
    font-family: Verdana, Arial, Sans;}

.catblok-default h3 {
    margin: 0em;
}

/* generic ul niet, helpt een > ???? */ 
.catblok-default  xxul {
    background: #aebbcc;
    margin: 0em 0em 0em 0em;
    padding: .2em .2em .2em .2em;
}
.catblok-body-default {
    background: #aebbcc;
    margin: 0em 0em 0em 0em;
    padding: 0em .2em 0em .2em;
}

.catblok-default ul li {
    margin-left: 1em;
}

.catblok-default ul.links {
   background: #FFF;
}

/* grr, hack */
.catblok-default .last {
   background: #aebbcc;
}


/* @TODO IE hack, ie snapt html>body niet*/
#lnav .blok-default{
margin-right: .1em;
}
html>body #lnav .blok-default{
margin-right: .3em;
}

.blok-default {
 margin: 0em 0em 0em 0em;
 padding:0px;

}

.blok-default div{
 position: relative;
}


.blok-default  h1.header {
    background: #7b90ab;
    color: #FFF;
    font-size: 1.0em;
    font-family: Verdana, Arial, Sans;
    margin: .3em 0em .3em 0em;
    padding: .2em .2em .2em .5em;
}

/* @TODO alleen directe kinders met 'div > h2' maar werkt niet in IE6 */
.blok-default   h2.header {
    background: #7b90ab;
    color: #FFF;
    font-size: 1.0em;
    font-family: Verdana, Arial, Sans;
    margin: .3em 0em .3em 0em;
    padding: .2em .2em .2em .5em;
}



.blok-default ul {
    background: #aebbcc;
    margin: 0em;
    padding: .2em;
}
.blok-default ul li {
    margin-left: 1em;
}
.blok-default  p {
    /* background: #aebbcc; */
    margin: 0em 0em 0em 0em;
    padding: .4em;
}
.blok-default  div {
    background: #aebbcc;
    margin: 0em 0em 0em 0em;
    padding: 0em 0em .3em .5em;
}


/* table */
#maintable tr td .last{
}

/* @TODO ie6 717px breed, rest 720 */
#maintable {
  width: 720px;
  border-collapse: collapse;
  margin:  -1px 0em 0em 0em;
  padding: 0em;
}

body>html #maintable{
 width: 720px;
}

#maintable tr td {
   vertical-align: top;
   width: 50%;
/* background: black; */
}

table tr td {
    vertical-align: top;
}


/* links */

ul.links li {
}
ul.links li p {
    margin: 0em;
    padding: 0em;
}


/* cat */

.cat-colofon {
  float: right;
  max-width: 30%;
  margin: .3em 0em 0em 0em;
}
.cat-colofon ul{
  margin: 0em;
  padding: 0em;
}
.cat-colofon li {
    padding: 0em 1em 0em 0em;
}

/* footer */
#footer{
 clear: both;
 text-align: center;
 height: 1.5em;
 color: #888;
}

/* last, voor stretchSite */
.last{
 position: relative;
}


/* lastChanged */
.lastChanged{
 font-size: .7em;
 text-align: right;
}

/* top link in h2 naar #topbar */
.anchortop{
 text-decoration: none;
 color: #555;
 width: 100%;
 text-align: right;
 display: block;
 margin-top: -1.5em;
}
.anchortop:hover{
 text-decoration: underline;
 color: #000;
}

/* disclosure triangle  */
.triangle{
vertical-align: middle;
}

/* is_new link */
.link_is_new{
 color: #000;
}

/* selected, voor scriptaculous ajaxy search */
li.selected{
 background-color: #FF0;
}

/* linkid_selected, voor link naar een specifieke link in subcat */
a.linkid_selected{
    border-bottom: 1px solid #D22;
    text-decoration: none;
}
a.linkid_selected:hover{
    border-bottom: 1px solid #F00;
}

#search_field {
    width:150px;
    margin:4px 0px 2px 0px;
}