/**********************************************************************

 Stylesheet CRU-site                           Last update: 2008.03.12

**********************************************************************/

body {
	background: #f3f8f8 url(/img/036.gif) repeat-x 0 71px  }

.wrapper {
	background: #f3f8f8 url(/img/cru/menu-bg.gif) repeat-y }
	

/**********************************************************************
 Label
**********************************************************************/
#label {
	background: transparent url(/img/cru/banner.gif) no-repeat 4px 0 }

	
/**********************************************************************
 Menu
**********************************************************************/
#ingredients ul {
	background: #f3f8f8 }

#ingredients li {
	border-left: 4px solid #f3f8f8 }	

#ingredients .current {
	border-color: #a01;
	font-weight: bold;
	letter-spacing: 1px }
	
#ingredients ul.content li.home {
	background: #699 }
#ingredients ul.content li.home a {
	color: #fff }

/* knop "CSCP-Home" ************************************************/
#ingredients ul.content li.homer {
	color: #fff;
	background: #036 }
#ingredients ul.content li.homer a {
	color: #fff }


/**********************************************************************
 Main
**********************************************************************/
#main {
	background: #f3f8f8 url(/img/cru/bg.gif) repeat-y }

h2 {
	color: #fff;
	background: #699 }

#main h2 a {
	border: none;
	color: #fff }
#main h2 a:hover,
#main h2 a:active {
	border: none;
	color: #f3f8f8 }

#main h3 .name {
	color: #066 }

h3,
h4,
h5 {
	color: #000 }

#main p.intro {
	font-size: 12px;
	font-style: italic }
	
#main a {
	color: #066;
	border-bottom: 1px dotted #699 }
#main a:hover,
#main a:active {
	color: #033;
	border-bottom: 1px solid #033 }
#main .related a:hover,
#main .related a:active {
	color: #033 }
	
#main div.publications dl a {
	border: none }
#main div.publications dl a:hover,
#main div.publications dl a:active {
	color: #336 }
	
#main div#events dl a {
	border: none }
#main div#events dl a:hover,
#main div#events dl a:active {
	color: #336 }

a.maillink:active img,
a.maillink:hover img {
	background: #c5e2e2 }
a.weblink:active img,
a.weblink:hover img {
	background: #c5e2e2 }

#main .date {
	color: #066 }
#home #main .date {
	color: #066 }

#search fieldset {
	background: #c5e2e2 }
	
#publications dl {
	margin-left: 0 }
	
/* formulieren *******************************************************/
fieldset {
	background: #ddf }

	
/**********************************************************************
 Panel
**********************************************************************/
#main .related {
	border-top: 4px solid #f3f8f8;
	border-left: 4px solid #f3f8f8;
	background: #f3f8f8 }

.related div,
.related address {
	background: #c5e2e2 }
	
.related h4 {
	color: #fff;
	background: #699 }
#main div.related ul {
	margin: 0 0 3px 18px }


/**********************************************************************
 Shelf
**********************************************************************/
p.copyright {
	color: #fff;
	background-color: #699 }

p.copyright a {
	color: #fff }
p.copyright a:hover,
p.copyright a:active {
	border-bottom: 1px dotted #fff }