/* Start of CMSMS style sheet 'cz : kleuren - oar' */
/*
6F0000 - zzd-roze
B00000 - zd-roze
FF1111 - d-roze
FF5959 - ld-roze
FF9D9C - roze
FFC4C4 - l-roze
FFDFDF - zl-roze
FF1A1A - helder roodroze voor H1, H2 etc
*/

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

/*****************
basic layout 
*****************/
body {
   background-color: #FF9D9C;
   color: #6F0000;
}

/* center wrapper, min max width */
div#pagewrapper {
   border: 1px solid #B00000;
   background-color: #FFDFDF;
   color: #6F0000;
}

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

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

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

div.breadcrumbs {
}


div#footer {
   color: #6F0000;
   background-color: #FF1111;
               /* 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 #6F0000;
}




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


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

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


pre {
   border: 1px solid #6F0000;
               /* 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: #FF1111;

}

/* 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 #B00000;
   border-left: 1px solid #B00000;
}


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


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

/* 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: #B00000;
   background-color: #FFDFDF;
}

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

/* 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: #FFDFDF; 
   color: #B00000;
}

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

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

/* first level links */
div#menu_vert a {
   color: #B00000;
             /* this will be link color for all levels */
   background: url(uploads/cz_styles/oar/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/oar/dash.gif) no-repeat 2.8em center; 
}

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

/* 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/oar/arrow-down.gif) no-repeat 0.4em center; 
   background-color: #FF1111;
   color: #B00000;
}

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


/* 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/oar/arrow-right-active.gif) no-repeat 0.4em center;
   background-color: #FF1111;
   color: #B00000;
             /* 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: #B00000;     
}

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

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



/* separator - gebruik separator voor afbeelden oud logo */

/* separator */
div#menu_vert li.separator {
}


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


div#news {
  border: 1px solid #6F0000; 
}

div#news h2 {
   background: #FFFFFF;
}

.NewsSummary {
    border-bottom: 1px solid #6F0000; 
}
/* End of 'cz : kleuren - oar' */