/* Start of CMSMS style sheet 'cz : kleuren - cz' */
/*
484800 - zzd-geel
808000 - zd-geel
D5D500 - d-geel
EAEA00 - ld-geel
FFFF00 - geel
FFFF66 - l-geel
FFFFC4 - zl-geel
E7AB0B - oranje voor H1, H2 etc
*/

/* default link styles */
a,
a:link,
a:active,
a:visited {
   background-color: inherit; 
   color: #484800;
   text-decoration: underline;
}
a:hover {
   background-color: #FFFFC4;
   color: #484800;
   text-decoration: none;
}

/*****************
basic layout 
*****************/
body {
   background-color: #FFFF00;
   color: #484800;
}

/* center wrapper, min max width */
div#pagewrapper {
   border: 1px solid #808000;
   background-color: #FFFFC4;
   color: #484800;
}

div#main{
   background-color: #FFFFFF;
}
div#content {
}

div#sidebar {
   background: url(uploads/cz_styles/cz/logo-cz.png) no-repeat top left;
}

div#header h1 a {
   background-color: #D5D500;
   background: url(uploads/cz_styles/cz/banner-cz.jpg) no-repeat 0;
               /* placed here bg-image prevents highlighting when hovering */
}

div.breadcrumbs {
}


div#footer {
   color: #484800;
   background-color: #D5D500;
               /* same bg color as in header */
}

div#footer p a {
}

/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
   border-bottom: 1px dotted #484800;
}




/********************
CONTENT STYLING
*********************/


/* HEADINGS */
div#content h1 {
   color: #E7AB0B;
}
div#content h2 {
   color: #E7AB0B; 
   border-bottom: 1px solid #E7AB0B; 
   border-left: 1.1em solid #E7AB0B; 
               /* set borders around header */
}
div#rsidebar h2 {
   border: none;
}
div#content h3 {
   color: #E7AB0B; 
}
div#content h4 {
   color: #E7AB0B; 
}
div#content h5 {
   color: #E7AB0B;
}
h6 {
   color: #E7AB0B; 
}
/* END HEADINGS */

/* TEXT */
p {
}
blockquote {
   border-left: 10px solid #484800;
}


pre {
   border: 1px solid #484800;
               /* black border for pre blocks */
   background-color: #DDDDDD;
}

/* END TEXT */

/********************
MENU HORIZONTAL
*********************/

/* bg-color for entire menu row, covering 100% of the width and text center-aligned */
div#menu_horiz {
   background-color: #D5D500;

}

/* the menu ul box has bottom and left border, right border is provided by the li elements */
div#menu_horiz ul {
   border-bottom: 1px solid #808000;
   border-left: 1px solid #808000;
}


/* menu list items */
div#menu_horiz li {
   border-right: 1px solid #808000;
   border-top: 1px solid #808000;
   background-color: #EAEA00;
}


/* the links, that is each list item */
div#menu_horiz a {
   color: #808000;
}

/* when list item is active it is displayed as h3; don't mess with this - it's in CMSMS!! - <FMH>*/
/* of course the css properties of h3 may be changed - <FMH> */
div#menu_horiz h3 {
   color: #808000;
   background-color: #FFFFC4;
}

/* hover state for links */
div#menu_horiz li a:hover {
   background-color: #FFFF66;
}
div#menu_horiz a.activeparent:hover {
   background-color: #FFFF66;
   color: #808000;
}

/* active parent, that is the first-level parent of a child page that is the current page */
div#menu_horiz li.activeparent a {
   background-color: #FFFFC4; 
   color: #808000;
}

/********************
MENU VERTICAL
*********************/

/* menu li block */
#menu_vert li {
}

/* first level links */
div#menu_vert a {
   color: #808000;
             /* this will be link color for all levels */
   background: url(uploads/cz_styles/cz/arrow-right.gif) no-repeat 0.5em center; 
}


/* third level links, more padding */
div#menu_vert ul ul ul a {
   background: url(uploads/cz_styles/cz/dash.gif) no-repeat 2.8em center; 
}

/* hover state for all links */
div#menu_vert a:hover {
   background-color: #D5D500;
}
div#menu_vert a.activeparent:hover {
   background-color: #D5D500;
   color: #808000;
}

/* active parent, that is the first-level parent of a child page that is the current page */
div#menu_vert li a.activeparent {
   background: url(uploads/cz_styles/cz/arrow-down.gif) no-repeat 0.4em center; 
   background-color: #D5D500;
   color: #808000;
}

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


/* current pages in the default Menu Manager template are unclickable. This is for current page on first level */
div#menu_vert ul h3 {
   background: url(uploads/cz_styles/cz/arrow-right-active.gif) no-repeat 0.4em center;
   background-color: #D5D500;
   color: #808000;
             /* this will be link color for all levels */
}

/* next level current pages, more padding, smaller font and no background color or bottom border */
div#menu_vert ul ul h3 {
   background-color: transparent;
   color: #808000;     
}

/* current page on third level, more padding */
div#menu_vert ul ul ul h3 {
   background: url(uploads/cz_styles/cz/arrow-right-active.gif) no-repeat 2.7em center; 
}

/* section header */
div#menu_vert li.sectionheader {
/*   background-color: #fff;*/
}



/* separator */
div#menu_vert li.separator {
/*   background-color: #000;*/
}

/*****************
  NEWS
*****************/


div#news {
  border: 1px solid #484800; 
}

div#news h2 {
   background: #FFFFFF;
}

.NewsSummary {
    border-bottom: 1px solid #484800; 
}

/* End of 'cz : kleuren - cz' */