/* Start of CMSMS style sheet 'blauw' */
/* stylesheet blauw */
/********************
MENU link + current
Blauw = link: 0dabe3, current: 336699
Groen = link: 3dd915 current: 389918
Rood = link: f5169e current: ab2b79
Geel = link: ffc700 current: cca519
*********************/

#sidebar {
/*   background-color: #FAF0E6;  */
/*   background-color: lightskyblue;   87CEFA */
}

/* START NAV VERTICAL */

#menu_vert {
   display: block; 
   padding: 0;
   min-height:1em;  /* Fixes IE7 whitespace bug */ 
}

/* menu li block */
#menu_vert li {
   list-style: none; 
   margin: 0; 
   display: block; 
}

/* fix stupid ie bug with display:block; */
* html #menu_vert li a { height: 1%; } 
* html #menu_vert li hr { height: 1%; }


/* first level links */
div#menu_vert ul li a {
   display: block; 
   padding: 0.2em 1em 0.2em 1.5em;
   color: #0dabe3;
   background: transparent; 
   font-weight: bold;
   font-size: 14px;
   min-height:1em;  /* Fixes IE7 whitespace bug */ 
}

/* second level links, more padding and smaller font */
div#menu_vert ul ul li a {
   font-size: 13px;
   padding: 0.2em 0.5em 0.2em 2em;
}

/* second level lists */
#menu_vert ul ul li {
   border: none;
}

/* hover state for all menu links */
div#menu_vert a:hover {
   background: white url(images/blauw/dot-blauw.gif) no-repeat left center; 
   color: #0dabe3;
}

div#menu_vert a.activeparent:hover {
   color: #0dabe3;
}

/* active parent, that is the first-level parent */
/* of a child page that is the current page */
div#menu_vert li a.activeparent {
    color: #0dabe3;
}

div#menu_vert ul ul li a.activeparent {
   background-color: transparent;
   color: #0dabe3;
}


/* current pages in the default Menu Manager template are unclickable. */
/* This is for current page on first level  */
div#menu_vert ul li h3 {
   display: block; 
   padding: 0.2em 1em 0.2em 1.5em;
   color: #336699;
   font-size: 14px; 
   margin: 0;        /* as <h3> normally has some margin by default */
}

/* second level current pages, more padding, smaller font and no background color */
div#menu_vert ul ul li h3 {
   font-size: 13px;
   padding: 0.2em 0.5em 0.2em 2em;
   background-color: transparent;
   color: #336699;
   margin: 0;
}

/* section header */
div#menu_vert li.sectionheader {
   border-right: none;
   font-size: 130%;
   font-weight: bold;
   padding: 1.5em 0 0.8em 0;
   background-color: #fff;
   line-height: 1em;
   margin: 0;
   text-align:center;
}

/* separator */
div#menu_vert li.separator {
   height: 1px !important;
   margin-top: -1px;
   margin-bottom: 0;
   padding:2px 0 2px 0;
   background-color: #000;
   overflow:hidden !important;
   line-height:1px !important;
   font-size:1px; /* for ie */
}

div#menu_vert li.separator hr {
   display: none; /* this is for accessibility */
}
/* END NAV VERTICAL */

/* START NAV HORIZONTAL  */
/********************
MENU link + current
Blauw = link: 0dabe3, current: 336699
Groen = link: 3dd915 current: 389918
Rood = link: f5169e current: ab2b79
Geel = link: ffc700 current: cca519
*********************/

* html div#menu_horiz {
/* hide ie/mac \*/
    height: 1%;
/* end hide */
    }

div#menu_horiz {
    width: 100%;
    margin: 0;
    text-align: center;
    }

div#menu_horiz ul {
    margin: 0;
    padding: 0;
    list-style: none;
    }

div#menu_horiz li {
/* this is the horizontal menu-option width */
    width: 110px; 
    float: left;
    display: inline;
    list-style: none;
    margin: 0;
    }

div#menu_horiz li a {
    border-width: 0px 1px 1px 0px;
    border-color: #ffffff #000000 #000000 #ffffff;
    border-style: solid;
    display: block;
    padding: 7px 1px 7px 1px;  
    color: #ffffff;
    background: #0dabe3;
    font-size: 13px; 
    }

/* Optionele knoppen-effect bij hover
div#menu_horiz li a:hover {
    border-width: 1px;
    border-color: #000000 #ffffff #ffffff #000000;
    border-style: solid;
    }
*/

div#menu_horiz li.currentpage h3 {
    border-width: 1px;
    border-color: #000000 #000000 #ffffff #ffffff;
    border-style: solid;
    display: block;
    padding: 7px 1px 7px 1px;  
    color: #336699;
    background: #ffffff;
    font-size: 13px; 
   }

div#menu_horiz li.activeparent a {
    border-width: 1px;
    border-color: #000000 #000000 #ffffff #ffffff ;
    border-style: solid;
    display: block;
    padding: 7px 1px 7px 1px;  
    color: #336699;
    background: #ffffff;
    font-size: 13px; 
   }

/* END NAV HORIZONTAL */
/* End of stylesheet blauw */
/* End of 'blauw' */