/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	font-family:trebuchet ms;
	font-weight:bold;
	font-size:13px;
	margin:			0;
	padding:		0;
	list-style:		none;
	
}
.sf-menu {
	border-radius:5px;
	-moz-border-radius:5px;
	margin-top:63px; 
	background-color:#7151a1;
	background-image:url(http://www.bcmm.nl/sites/all/themes/zen_BCMM/vnd/images/menu_item_bg.png);
	width:100%; 
	
	/* line-height:	1.0; */
	line-height:14px;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			14em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li a,.sf-menu li a:visited {
/* new */
color:#eee;
}
.sf-menu li li a,.sf-menu li li a:visited {
/* new */
-moz-border-radius:5px; border-radius:5px; 
border:1px solid #ccc;
color:#666;
font-weight:normal;
margin-bottom:1px;
}		

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	/*top:			2.5em; /* match top ul list item height */
	top:			34px;
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			14em; /* match ul width */
	top:			0;
	
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			14em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	/*border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;*/
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:#666;
	
}
.sf-menu li {
	
	/* background:		#BDD2FF; */
	
}
.sf-menu li li {
	background: #eee;
	background-image:url(http://www.bcmm.nl/sites/all/themes/zen_BCMM/vnd/images/menu_item_bg2.png);
	/*background:		#AABDE6; */
	
	
}
.sf-menu li li li {
	/*background:		#9AAEDB;*/
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	/*background:		#CFDEFF;*/
	outline:		0;

}
.sf-menu li a:hover 
{
	color:white;
}

.sf-menu li li a:hover, .sf-menu li li a.sfHover,
.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li  a:active {
	/*background:		#CFDEFF;*/
	background-color:#7151a1;
	color:white;
	outline:		0;
}


/*** arrows **/
.sf-menu a.sf-with-ul {
	
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('http://www.bcmm.nl/sites/all/modules/lucid_menu/superfish/images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('http://www.bcmm.nl/sites/all/modules/lucid_menu/superfish/images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
/* $Id: forms.css,v 1.3 2009/08/12 08:37:42 johnalbin Exp $ */

/**
 * @file
 * Form Styling
 */


.form-item,
.form-checkboxes,
.form-radios /* Wrapper for a form element (or group of form elements) and its label */ {
  margin: 1em 0;
}

.form-item input.error,
.form-item textarea.error,
.form-item select.error /* Highlight the form elements that caused a form submission error */ {
  border: 2px solid #c00;
}

.form-item label /* The label for a form element */ {
  display: block;
  font-weight: bold;
}

.form-item label.option /* The label for a radio button or checkbox */ {
  display: inline;
  font-weight: normal;
}

.form-required /* The part of the label that indicates a required field */ {
  color: #c00;
}

.form-item .description /* The descriptive help text (separate from the label) */ {
  font-size: 0.85em;
}

.form-checkboxes .form-item,
.form-radios .form-item /* Pack groups of checkboxes and radio buttons closer together */ {
  margin: 0.4em 0;
}

.form-submit /* The submit button */ {
}

.container-inline div,
.container-inline label /* Inline labels and form divs */ {
  display: inline;
}

.tips /* Tips for Drupal's input formats */ {
}


/*
 * Search (search-theme-form.tpl.php)
 */
#search-box /* Wrapper for the search form */ {
}

#edit-search-theme-form-1-wrapper label /* Label that says "Search this site:" */ {
  display: none;
}


/*
 * Search (search-block-form.tpl.php)
 */
#search-block-form /* Wrapper for the search form */ {

margin-left:10px;
margin-top:10px;
display:block;
}

#search-block-form .form-text/* search form input field */ {
background-color:#fff; width:140px; -moz-border-radius:3px; border:1px solid #444; border-radius:3px; color:#444; font-size:10px; padding:3px;
}


#search-block-form .form-submit/* search form submit */ {
background-color:#444; color:#eee; font-size:10px; padding:3px; border:0;  -moz-border-radius:3px;  border-radius:3px;
}



#edit-search-block-form-1-wrapper label /* Label that says "Search this site:" */ {
  display: none;
}


/*
 * Drupal's default login form block
 */
#user-login-form {
  text-align: left; /* LTR */
}


/*
 * OpenID
 *
 * The default styling for the OpenID login link seems to assume Garland's
 * styling of list items.
 */

#user-login-form ul /* OpenID creates a new ul above the login form's links. */ {
  margin-bottom: 0; /* Position OpenID's ul next to the rest of the links. */
}

#user-login-form li.openid-link /* The "Log in using OpenID" link. */ {
  margin-top: 1em;
  margin-left: -20px; /* LTR */ /* Un-do some of the padding on the ul list. */
}

#user-login-form li.user-link /* The "Cancel OpenID login" link. */ {
  margin-top: 1em;
}

#user-login ul {
  margin: 1em 0;
}

#user-login li.openid-link,
#user-login li.user-link /* The OpenID links on the /user form. */ {
  margin-left: -2em; /* LTR */ /* Un-do all of the padding on the ul list. */
}


/*
 * Drupal admin tables
 *
 * We overrode these styles in html-elements.css, but restore them for the admin
 * section of the site.
 */

form tbody {
  border-top: 1px solid #ccc;
}

form th,
form thead th {
  text-align: left; /* LTR */
  padding-right: 1em; /* LTR */
  border-bottom: 3px solid #ccc;
}

form tbody th {
  border-bottom: 1px solid #ccc;
}

/* Language interface */

#language-interface { margin-right:5px;}
#language-interface li {margin-top:5px; background-color:#444; list-style:none; float:right; border-radius:5px; -moz-border-radius:5px; margin-right:5px; padding:2px 10px;}
#language-interface li:hover {background-color:#555555;}
#language-interface li a,#language-interface li a:visited{text-decoration:none; color:#fff; font-size:10px;}
#language-interface .active {color:#fff;}
#language-interface img {padding-top:4px;}

/*** ***/ 
/* $Id: layout-fixed.css,v 1.17 2009/11/05 12:09:53 johnalbin Exp $ */

/**
 * @file
 * Layout Styling (DIV Positioning)
 *
 * Define CSS classes to create a table-free, 3-column, 2-column, or single
 * column layout depending on whether blocks are enabled in the left or right
 * columns.
 *
 * This layout is based on the Zen Columns layout method.
 *   http://drupal.org/node/201428
 *
 * Only CSS that affects the layout (positioning) of major elements should be
 * listed here.  Such as:
 *   display, position, float, clear, width, height, min-width, min-height
 *   margin, border, padding, overflow
 */


/*
 * Body
 */
body {
 
}

#page-wrapper,
.region-page-closure {
  /*
   * If you want to make the page a fixed width and centered in the viewport,
   * this is the standards-compliant way to do that. See also the ie6.css file
   * for the necessary IE5/IE6quirks hack to center a div.
   */
  	margin-left: auto;
  	margin-right: auto;
  	width: 800px;
}

#page {

}

/*
 * Header
 */
#header {
 	width:100%;
	padding:0;
	margin:0;
	margin-top:10px;
	background-repeat:no-repeat;
	background-image:url(http://www.bcmm.nl/sites/all/themes/zen_BCMM/vnd/images/site_header.png);
	background-repeat:no-repeat;
	background-position:0px 15px; /*65px; */
	
}

#header .section {
	height:106px;
	border-radius:10px; 
	-moz-border-radius:10px;
	margin:0;
	padding:0;
	
}

#header .section a {

}

#search-box {
}

.region-header {
  clear: both; /* Clear the logo */
}

/*
 * Main (container for everything else)
 */
#main-wrapper {
  position: relative;

}

#main {
}

/*
 * Content
 */

.no-sidebars #content {
  /*float: left; /* LTR */
  width: 800px;
 /*margin-left: 0; /* LTR */
  /*margin-right: -800px; /* LTR */ /* Negative value of #content's width + left margin. */
  padding: 0; /* DO NOT CHANGE. Add padding or margin to #content .section. */
}

#content
{
 /*float: left; /* LTR */
 /*margin-left: 0; /* LTR */
 /*margin-right: -800px; /* LTR */ /* Negative value of #content's width + left margin. */
 padding: 0; /* DO NOT CHANGE. Add padding or margin to #content .section. */
	margin:0;
	width: 570px;
  
}
#home_content
{
 /*float: left; /* LTR */
 /*margin-left: 0; /* LTR */
 /*margin-right: -800px; /* LTR */ /* Negative value of #content's width + left margin. */
 padding: 0; /* DO NOT CHANGE. Add padding or margin to #content .section. */
	margin:0;
	width: 800px;
  
}
.sidebar-first #content {
  width: 570px;
  /*margin-left: 220px; /* LTR */ /* The width of .region-sidebar-first. */
  /*margin-right: -800px; /* LTR */ /* Negative value of #content's width + left margin. */
  
}

.sidebar-second #content {
  width: 570px;
  /*margin-left: 0; /* LTR */
  /*margin-right: -570px; /* LTR */ /* Negative value of #content's width + left margin. */
}

.two-sidebars #content {
  width: 570px;
  /*margin-left: 200px; /* LTR */ /* The width of .region-sidebar-first */
  /*margin-right: -570px; /* LTR */ /* Negative value of #content's width + left margin. */
}

#content .section {
 
}

/*
 * Navigation
 */
#navigation {
  /*float: left; /* LTR */
  display:block;
  width: 100%;
 /*  margin-left: 0; /* LTR */
  /*margin-right: -100%; /* LTR */ /* Negative value of #navigation's width + left margin. */
  padding: 0; /* DO NOT CHANGE. Add padding or margin to #navigation .section. */
  height: 35px; /* The navigation can have any arbritrary height. We picked one
                    that is the line-height plus 1em: 1.3 + 1 = 2.3
                    Set this to the same value as the margin-top below. */
  margin:0;
}

.with-navigation #content,
.with-navigation #home_content,
.with-navigation .region-sidebar-first,
.with-navigation .region-sidebar-second {
  /* margin-top: 35px; /* Set this to the same value as the navigation height above. */
}

#navigation .section {

 

}
/* BLOCKS */
/*
#block-user-0,
#block-block-1{
	padding: 10px;
	margin-right:10px;
	background-color:#fff;
	border-radius:5px; 
	-moz-border-radius:5px;
	margin-bottom:10px;
	margin-top:10px;
	
	border:1px solid #999;
}
*/
#block-user-1 {-moz-border-radius:5px; border-radius:5px; background-color:#999;  padding-bottom:3px;}
#block-user-1 .content { -moz-border-radius:5px; border:1px solid #999; border-radius:5px; padding-top:0px; background-color:#fff; margin-top:0; margin-bottom:3px; padding-bottom:5px; }
#block-user-1 .title,
#block-block-1 .title {font-size:12px; padding:10px;  color:white; margin-bottom:0; }
#block-user-1 li {display:block;}
	

#navigation ul /* Primary and secondary links */ {
  margin: 0;
  padding: 0;
  text-align: left; /* LTR */
}

#navigation li /* A simple method to get navigation links to appear in one line. */ {
  float: left; /* LTR */
  padding: 0 10px 0 0; /* LTR */
  display:inline;
 
}
#block-menu-primary-links{

}
.header a {font-size:20px;}
#block-menu-primary-links .menu{

	margin-top:155px;
	text-align:center;
	float:right;
	margin-right:15px;
	display:block;
}

#block-menu-primary-links .menu{

	margin:auto;
	margin-top:155px;
	text-align:center;
	float:right;
	display:block;
	width:92%;
}
#block-menu-primary-links .menu li {
display:inline; 
padding:6px 12px; height:22px;  
float:left; 
margin-right:1px;
background-color:#555555;
background-image:url(/yourop/sites/all/themes/zen_BCMM/vnd/images/menu_item_bg.png);
border-radius:5px;
-moz-border-radius:5px;
border-right:1px solid #eee;
font-weight:bold;
background-image:url(/yourop/sites/all/themes/zen_BCMM/vnd/images/menu_item_bg.png);
font-family:trebuchet ms;

}

#block-menu-primary-links .menu li a{
text-decoration:none;
color:#eee;
font-size:14px;

}

#block-menu-primary-links .menu li a:hover{

color:#fff;


}

/*
 * First sidebar
 */
.region-sidebar-first {
  float: right; /* LTR */
  width: 220px;
  /*margin-left: 0; /* LTR */
  /*margin-right: 0; /* LTR */ /* Negative value of .region-sidebar-first's width + left margin. */
  /*padding: 0; /* DO NOT CHANGE. Add padding or margin to .region-sidebar-first .section. */
  padding:0;
 
}

.region-sidebar-first .section {
  	/*margin: 0 0 0 20px ; /* LTR */
  padding:0;
}

/*
 * Second sidebar
 */
.region-sidebar-second {
  /*float: left; /* LTR */
  width: 220px;
 /*margin-left: 570px; /* LTR */ /* Width of content + sidebar-first. */
  /*margin-right: -800px; /* LTR */ /* Negative value of .region-sidebar-second's width + left margin. */
  padding: 0; /* DO NOT CHANGE. Add padding or margin to .region-sidebar-second .section. */
}

.region-sidebar-second .section {
  /*margin: 0 0 0 20px; /* LTR */
  padding: 0;
}

/*
 * Footer
 */
#footer {
}

#footer .section {
}

/*
 * Closure
 */
.region-page-closure /* See also the #page-wrapper declaration above that this div shares. */ {
}

/*
 * Prevent overflowing content
 */
#header,
#content,
#home_content,
#navigation,
.region-sidebar-first,
.region-sidebar-second,
#footer,
.region-page-closure {
  overflow: visible;
  word-wrap: break-word; /* A very nice CSS3 property */
 
}

#navigation {
  overflow: hidden; /* May need to be removed if using a dynamic drop-down menu */
}

/*
 * If a div.clearfix doesn't have any content after it and its bottom edge
 * touches the bottom of the viewport, Firefox and Safari will mistakenly
 * place several pixels worth of space between the bottom of the div and the
 * bottom of the viewport. Uncomment this CSS property to fix this.
 * Note: with some over-large content, this property might cause scrollbars
 * to appear on the #page-wrapper div.
 */
/*
#page-wrapper {
  overflow-y: hidden;
}
*/
/* $Id: messages.css,v 1.3 2009/08/12 08:37:42 johnalbin Exp $ */

/**
 * @file
 * Message Styling
 *
 * Sensible styling for Drupal's error/warning/status messages.
 */


div.messages,
div.status,
div.warning,
div.error /* Important messages (status, warning, and error) for the user */ {
  min-height: 21px;
  margin: 0 0 30px 0;
  border: 2px solid #ff7;
  padding: 10px 10px 10px 35px; /* LTR */
  color: #000;
  background-color: #ffc;
  background-image: url(../images/messages-status.png);
  background-repeat: no-repeat;
  background-position: 5px 5px; /* LTR */
}

div.messages a,div.status a,div.warning a, div.error a {text-decoration:none; color:#3459e3;}

div.status /* Normal priority messages */ {
}

div.warning /* Medium priority messages */ {
  border-color: #fc0;
  background-image: url(../images/messages-warning.png);
}

div.warning,
tr.warning {
  color: #000; /* Drupal core uses #220 */
  background-color: #ffc;
}

div.error /* High priority messages. See also the .error declaration in pages.css. */ {
  /* border: 1px solid #d77; */ /* Drupal core uses: 1px solid #d77 */
  border-color: #aa4444;
  background-image: url(../images/messages-error.png);
  border-radius:5px; 
  -moz-border-radius:5px;
}

div.error,
tr.error {
  color: #500; /* Drupal core uses #200 */
  background-color: #fff5f5;
  
}
div.error a {text-decoration:none; color:#4075ef;}
div.messages ul {
  margin-top: 0;
  margin-bottom: 0;
}
/* $Id: navigation.css,v 1.5 2009/11/04 19:42:41 johnalbin Exp $ */

/**
 * @file
 * Navigation Styling
 */

 /* VND CUSTOM  */
 
 #block-menu-menu-right-menu-dynamic a{
 background-color:#444;
 font-weight:bold;
 padding:10px;
 margin-bottom:5px;
 font-family:trebuchet ms;
 display:block;
 font-size:14px;
 color:#fff;
 margin-right:10px;
 border-radius:5px;
 -moz-border-radius:5px;
 background-image:url(http://www.bcmm.nl/sites/all/themes/zen_BCMM/vnd/images/arrow_right.png);
 background-repeat:no-repeat;
 background-position:right top;
 height:70px;
 
 }
.breadcrumb a {color:#444;  text-decoration:none;}
/*
 * The active item in a Drupal menu
 */
li a.active {
  color: #000;
  background-color:253331;
}
.menu li {display:inline;}
/*
 * Navigation bar
 */


.region-navigation {

}

/*
 * Primary and Secondary menu links
 */

#main-menu 		{
		border-radius:5px; 
		-moz-border-radius:5px;  
		background-image:url(http://www.bcmm.nl/sites/all/themes/zen_BCMM/images/main_menu_bg.png);
	}

#main-menu li 			
{ 
	line-height:35px; 
	border-radius:3px; 
	-moz-border-radius:3px; 
	color:#6b6c7b; 
	font-size:14px;  
	padding-left:20px;
	padding-right:20px;
	text-align:center;  
}
#main-menu a 			{ text-decoration:none; color:#555555; }
#main-menu a:hover 		{ color:#253331;  }



#secondary-menu 		{ text-align:right;}
#secondary-menu li 		{ }
#secondary-menu a 		{ color:#444; text-decoration:none; }
#secondary-menu a:hover { %color:#253331;  }

/*
 * Menu blocks
 */
.block-menu {
background-color:#999;
}

/*
 * "Menu block" blocks. See http://drupal.org/project/menu_block
 */
.block-menu_block {
background-color:0000ff;
}
/* $Id: pages.css,v 1.18.2.3 2010/06/26 17:18:58 johnalbin Exp $ */

/**
 * @file
 * Page Styling
 *
 * Style the markup found in page.tpl.php. Also includes some styling of
 * miscellaneous Drupal elements that appear in the $content variable, such as
 * ul.links, .pager, .more-link, etc.
 */


/*
 * Body
 */
body {
  margin: 0;
  padding: 0;
  font-family:trebuchet ms;
  background-color:#fff;
 	background-image:url(_http://www.bcmm.nl/sites/all/themes/zen_BCMM/vnd/images/diagonal_bg.png);
 	background-position:top center;
  
}
table {width:100%; margin:0; padding:0}
/*ul {margin:0; padding:0;}
li {margin:0; padding:0;}
td {padding:0; margin:0}*/
img {margin:0}

.field-field-bg-image {display:none;}

#site{
	  background-position:top center;
   background-repeat:no-repeat;;
}

#page-wrapper {

}

#page {
background-color:white;
background-image:url(_http://www.bcmm.nl/sites/all/themes/zen_BCMM/vnd/images/diagonal_bg.png);
 	 background-position:top center;
}


/*
 * The skip navigation link will be completely hidden until a user tabs to the
 * link. See http://www.webaim.org/techniques/skipnav/
 */
#skip-link a,
#skip-link a:visited {
  position: absolute;
  display: block;
  left: 0;
  top: -500px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  text-align: center;
  background-color: #666;
  color: #fff;
}

#skip-link a:hover,
#skip-link a:active,
#skip-link a:focus {
  position: static;
  width: 100%;
  height: auto;
  padding: 2px 0 3px 0;
  
}



#logo /* Wrapping link for logo */ {
  float: left; /* LTR */
  margin: 0;
  padding: 0;
}

#logo img {
  vertical-align: bottom;
}

#name-and-slogan /* Wrapper for website name and slogan */ {
}

h1#site-name,
div#site-name /* The name of the website */ {
  margin: 0;
  font-size: 2em;
  line-height: 1.3em;
}

#site-name a:link,
#site-name a:visited {
  color: #000;
  text-decoration: none;
}

#site-name a:hover,
#site-name a:focus {
  text-decoration: underline;
}

#site-slogan /* The slogan (or tagline) of a website */ {
}

.region-header /* Wrapper for any blocks placed in the header region */ {
margin:0;
}
#block-block-1{padding:0;margin:0;background:transparent; border:0}
/*
 * Main (container for everything else)
 */
#main-wrapper {

}

#main {
padding:0;
margin:0;
}

/* 
 * homepage content
 */
#home-content .section {padding:0;  margin:0;}

#home_content .title {margin:0; padding:20px 0 0 20px;  }
#home_content .content {margin:0; padding:0 0 0 20px; }
#home_content .section {padding:0; margin:0;}

/*
 * Content
 */
#content {
margin-top:20px;
background-color:#fff;
background-image:url(http://www.bcmm.nl/BCMM/http://www.bcmm.nl/sites/all/themes/zen_BCMM/vnd/images/content_bg2.png);
 background-repeat:no-repeat;
 background-position:0px -20px;
}

#content .section {
	background-color:whote;
	font-family:trebuchet ms;
	padding: 30px;
	padding-top:0px;
	text-align:justify;
  /*background-color:#fff;*/
}

#content .links a {color:#4075ef; text-decoration:none;}
#content .content a {color:#3459e3; text-decoration:none;}

#mission /* The mission statement of the site (displayed on homepage) */ {
}

.region-content-top /* Wrapper for any blocks placed in the "content top" region */ {
}

.breadcrumb /* The path to the current page in the form of a list of links */ {
  padding-bottom: 0; /* Undo system.css */
}

h1.title, /* The title of the page */
h2.title, /* Block title or the title of a piece of content when it is given in a list of content */
h3.title /* Comment title */ {
  margin: 0;
  font-size:20px;
  font-weight:bold;
  color:#555555;
  margin-bottom:10px;
}

h1.pane-title, /* The title of the page */
h2.pane-title, /* Block title or the title of a piece of content when it is given in a list of content */
h3.pane-title /* Comment title */ {
  margin: 0;
  font-size:16px;
  color:#555555;
}


tr.even /* Some tables have rows marked even or odd. */ {
  /* background-color: #eee; */ /* Drupal core uses a #eee background */
}

tr.odd {
  /* background-color: #eee; */ /* Drupal core uses a #eee background */
}

div.messages /* Important messages (status, warning, and error) for the user. See also the declarations in messages.css. */ {
}

div.status /* Normal priority messages */ {
}

div.warning,
tr.warning /* Medium priority messages */ {
  /* border: 1px solid #f0c020; */ /* Drupal core uses: 1px solid #f0c020 */
}

div.error,
tr.error /* High priority messages. See also the .error declaration below. */ {
}

.error /* Errors that are separate from div.messages status messages. */ {
  /* color: #e55; */ /* Drupal core uses a #e55 background */
}

.warning /* Warnings that are separate from div.messages status messages. */ {
  /* color: #e09010; */ /* Drupal core uses a #e09010 background */
}

div.tabs /* See also the tabs.css file. */ {
}

.help /* Help text on a page */ {
  margin: 1em 0;
}

.more-help-link /* Link to more help */ {
  font-size: 0.85em;
  text-align: right;
}

#content-area /* Wrapper for the actual page content */ {
 color:#253331;
 font-size:14px;
 
}



.panel-panel .inside {padding:5px; border:1px solid black; background-color:#eee}

#content-area img {  }

ul.links /* List of links */ {
  margin: 1em 0;
  padding: 0;
}

ul.links.inline {
  margin: 0;
  display: inline;
}

ul.links li {
  display: inline;
  list-style-type: none;
  padding: 0 0.5em;
}

.pager /* A list of page numbers when more than 1 page of content is available */ {
  clear: both;
  margin: 1em 0;
  text-align: center;
}

.pager a,
.pager strong.pager-current /* Each page number in the pager list */ {
  padding: 0.5em;
}

.feed-icons /* The links to the RSS or Atom feeds for the current list of content */ {
  margin: 1em 0;
}

.more-link /* Aggregator, blog, and forum more link */ {
  text-align: right; /* LTR */
}

.region-content-bottom /* Wrapper for any blocks placed in the "content bottom" region */ {
}

/*
 * First sidebar (on left in LTR languages, on right in RTL)
 *
 * Remember to NOT add padding or margin to your .region-sidebar-first
 * (see the layout.css file.)
 */
.region-sidebar-first {
}

.region-sidebar-first .section {
	
	
}

.region-sidebar-first .title {
	font-size:16px;
	color:#555555;
}

.region-sidebar-first .form-item {
	font-size:12px;
	color:#555555;
}

.region-sidebar-first .form-submit {
	font-size:12px;
	color:#eee;
	background-color:#999;
	border-radius:3px;
	-moz-border-radius:3px;
	border:0;
	padding:5px;
	cursor:pointer;
}

.region-sidebar-first .form-text {
	background-color:#fff; 
	border-radius:3px; 
	-moz-border-radius:3px; 
	border:1px solid #999;
}

/* .region-sidebar-first li, 
.region-sidebar-first ul,*/
.region-sidebar-first a {
	padding:0;
	list-style:none;
	color:#4075ef;
	text-decoration:none;
}


/*
 * Second sidebar (on right in LTR languages, on left in RTL)
 *
 * Remember to NOT add padding or margin to your .region-sidebar-second
 * (see the layout.css file.)
 */
.region-sidebar-second {
}

.region-sidebar-second .section {
}

/*
 * Footer
 */
#footer {
}

#footer .section {
}

#footer-message /* Wrapper for the footer message from Drupal's "Site information"
                   and for any blocks placed in the footer region */ {
}

.region-footer {
}

/*
 * Closure
 */
.region-page-closure /* Wrapper for any blocks placed in the closure region */ {
}

/*
 * Drupal boxes
 *
 * Wrapper for Comment form, Comment viewing options, Menu admin, and
 * Search results.
 */
.box /* Wrapper for box */ {
}

.box h2 /* Box title */ {
}

.box .content /* Box's content wrapper */ {

}

/*
 * Markup free clearing (See: http://www.positioniseverything.net/easyclearing.html )
 */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/**
 * Hide elements from all users.
 *
 * Used for elements which should not be immediately displayed to any user. An
 * example would be a collapsible fieldset that will be expanded with a click
 * from a user. The effect of this class can be toggled with the jQuery show()
 * and hide() functions.
 */
.element-hidden {
  display: none;
}

/**
 * Hide elements visually, but keep them available for screen-readers.
 *
 * Used for information required for screen-reader users to understand and use
 * the site where visual display is undesirable. Information provided in this
 * manner should be kept concise, to avoid unnecessary burden on the user. Must
 * not be used for focusable elements (such as links and form elements) as this
 * causes issues for keyboard only or voice recognition users. "!important" is
 * used to prevent unintentional overrides.
 */
.element-invisible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}
#admin-page-wrapper
{
	margin-left:auto;
	margin-right:auto;
	width: 1100px;
}

/* admin pages */
.admin-site-width {width:1100px;}
.admin-site-width #content-area tbody td {padding:5px; font-size:12px;}
.admin-site-width h2 {font-size:14px; color:#444;}
.admin-site-width #content-area a {color:#4075ef;}

/* admin links e.g. panel node edit buttons */
.admin-links {margin:0; padding:0;}
.admin-links ul {padding:0; margin:0}
.admin-links li {padding:0; margin:0}
.admin-links .update {padding:0; margin:0}
.admin-links .links {padding:0; margin:0}
.panel-hide {padding:0; margin:0}
.admin-links a {text-decoration:none; color:#0084ff; font-size:10px;}

/* panel admin links */
.pane-title a {text-decoration:none; color:#0084ff;}

/* panel admin options */
.ctools-dropdown-link-wrapper a {text-decoration:none; color:#0084ff;}

/* admin content edit */
#node-admin-content a {text-decoration:none; color:#0084ff;}


.admin-links a {text-decoration:none; color:#0084ff;}

.node-form a,.node-form a:visited {text-decoration:none; color:#4075ef;}
.form-item label{padding:5px;}
.form-item {background-color:#f5f5f5; padding:5px;}
fieldset {border:1px dotted #999; }
fieldset legend {color:#444; background-color:white; padding:0 5px;}
fieldset legend a {color:#3459e3;}
fieldset .form-item label {font-size:12px; color:#555555; font-weight:bold;}
fieldset .form-item .option {font-size:12px; color:#555555;}
fieldset .form-item .description, fieldset .description {padding:5px; font-size:11px; line-height:15px;}
.help a {color:#4075ef; text-decoration:none;}

#node-admin-content {font-size:12px;}

#content-area th {font-weight:normal; padding:5px; color:#fff; font-size:12px; background-color:#7151a1;}
#content-area th a {color:#f0e4ff;}
#content-area th a:link {color:#f0e4ff;}
#content-area th a:hover {color:#fff;}


.tab{font-weight:normal; color:#3459e3; font-size:12px;}


.site-width {width:800px}

.theme-side-bar-right {width:220px; background-color:#afa;}


/* RIGHT MENU */
#block-menu-menu-right-menu .leaf{
	height:120px; background-color:#fff;
	border:1px solid #999; 
	display:block;
	margin-bottom:10px;
}

div#contentRight .twtr-widget{
    font-family:Trebuchet MS; font-size:4px;
}

#block-menu-menu-ondermenu {text-align:right;}
#block-menu-menu-ondermenu .leaf a {float:right; padding-left:15px; padding-right:15px; text-decoration:none; border-left:1px solid #ccc; color:#999;}
#block-menu-menu-ondermenu .last a { border:0;}


.twtr-widget .twtr-hd h3 {font-size:9px;}
.twtr-widget .twtr-hd h4 {font-size:9px;}

.login-button {background-color:#7151a1; border-radius:3px; -moz-border-radius:3px;  color:#fff; padding:0px; margin-bottom:10px;}
.login-button .title {padding:5px 10px; font-size:14px; font-family:trebuchet ms;}
.login-button a {color:white; text-decoration:none;}

.breadcrumb {background-color:#cdb7ee; padding:5px 10px;  border-radius:3px; -moz-border-radius:3px;  color:#fff;  margin-bottom:20px;}
.breadcrumb .title {font-size:14px; font-family:trebuchet ms;}
.breadcrumb a {color:white; text-decoration:none;}



/* NEWS ITEMS */
.news-item 					{ background-color:#f0e4ff; margin-right:-30px; -moz-border-radius:5px; color:#fff;   padding:10px 20px; border-radius:5px;  margin-bottom:10px; display:block;}
.news-item h2 a 			{ text-decoration:none; color:#555555;}
.news-item h2	 			{ color:#fff;  font-size:20px;}
.news-item .content a 		{ text-decoration:none; color:#444;}
.news-item .content  		{ text-decoration:none; color:#444; font-size:14px; padding-bottom:5px; background-image:url(http://www.bcmm.nl/sites/all/themes/zen_BCMM/vnd/images/home-arrow-right_inv.png); background-repeat:no-repeat; background-position:bottom right;}



#content-area a/* Wrapper for the actual page content */ {
 text-decoration:none;
 color:_#4075ef;
}


/* HOME PANEL/PANES */
.home_pane_border			{ border:1px solid #ccc; }
.home1_pane 				{ font-family:trebuchet ms; width:798px; height:368px; width:100%;  background-repeat:repeat-once;  }
.home1_pane .title  		{ color:#444; padding:0; padding-left:20px; padding-top:40px;  font-size:22px; height:40px;}
.home1_pane .title a		{ text-decoration:none; text-align:right; color:#555555; padding:0; padding-right:5px;}
._home1_pane .content-cell	{ height:200px;}
.home1_pane .content		{ padding:20px; width:300px;} 
.home1_pane .content a		{ color:#666; text-decoration:none;} 


.home2_pane 				{ font-family:trebuchet ms;  height:138px; width:258px;  background-repeat:repeat-once;}
.home2_pane .title_block	{  background-image:url(http://www.bcmm.nl/sites/all/themes/zen_BCMM/vnd/images/home3_title_bg.png); height:50px;}
.home2_pane .title  		{ font-weight:bold; border-top:1px solid #ccc; color:#333; text-align:right; height:50px; }
.home2_pane .title a		{ text-decoration:none; text-align:right; color:#555555; padding:0; padding-right:5px;}
.home2_pane .content		{ padding:7px; height:86px; } 
.home2_pane .content p		{ padding:0; margin:0; } 
.home2_pane .content a		{ color:#666; text-decoration:none;} 
.home2_pane .arrow-right	{ width:40px; border-top:1px solid #ccc;background-image:url(http://www.bcmm.nl/sites/all/themes/zen_BCMM/vnd/images/home3_title_bg.png);  text-align:center;  line-height:40px}

.home3_pane 				{ font-family:trebuchet ms;  height:90px; width:125px; background-color:#999; background-repeat:repeat-once; margin-bottom:10px; }
.home3_pane .title  		{ border:1px solid #ccc; background-image:url(http://www.bcmm.nl/sites/all/themes/zen_BCMM/vnd/images/home3_title_bg.png); text-align:right;  height:30px;  padding:0; font-size:12px;}
.home3_pane .title a		{ text-decoration:none; text-align:right; color:#444; padding:0; padding-right:5px;}
.home3_pane .content		{ border:1px solid #999;} 
.home3_pane .content div	{ cursor:pointer; width:123px; height:64px; display:block;} 


.right_menu_pane 				{ font-family:trebuchet ms; height:110px; width:100%; overflow:hidden; background-color:#eee; background-image:url(http://www.bcmm.nl/sites/all/themes/zen_BCMM/vnd/images/placeholder.png); background-position:top center; }
.right_menu_pane .title  		{ height:40px; font-weight:bold; border-top:1px solid #ccc; color:#7151a1; background-image:url(http://www.bcmm.nl/sites/all/themes/zen_BCMM/vnd/images/right_menu_title_bg.png); text-align:right;  padding:0; padding-left:10px; font-size:11px;}
.right_menu_pane .title a		{ text-decoration:none; text-align:right; color:#555555; padding:0; padding-right:5px;}
.right_menu_pane .content		{  height:70px;} 
.right_menu_pane .content a		{ color:#666; text-decoration:none;} 
.right_menu_pane .arrow-right	{ width:40px; border-top:1px solid #ccc; background-image:url(http://www.bcmm.nl/sites/all/themes/zen_BCMM/vnd/images/right_menu_title_bg.png);  text-align:center;  line-height:40px}

/* VIEWS */
.view-content {}
.view-content a {text-decoration:none; color:#4075ef;}
.view-content .views-field {padding:3px;}
.view-content {font-size:10px;}
.view-content th {font-size:10px; background-color:#7151a1; color:#fff}
.views-entry tr {background-color:#ffef;}
.views-entry td {padding:5px; font-size:12px;}
.views-entry .view-name {padding:5px; font-size:12px;}
.views-entry .view-ops {background-color:#ccc; padding:5px; font-size:12px;}
.views-admin-links a {font-size:12px;}

.pager {background-color:#f0e4ff; line-height:31px; border-top:1px solid #7151a1;}
.pager li {}
.pager li a {color:#3459e3; text-decoration:none; padding:5px 8px;}
.pager li a:hover{background-color:#fff;}
.pager .pager-current {background-color:#fff; border-top:1px solid #7151a1;}

/* attachments */
#attachments td {padding:5px; font-size:12px;}