/* hoofdblok */
body 
{
  background: #EBE7D6 url(../gfx/03_bg.gif) repeat-x;
}

ul li
{
  list-style-image: url( '../gfx/pijl_link2_bg.gif' );
}

/* the banner column has a different background for 'monuments' (landingpage only) */ 
#background
{
  background: #ebe7d6 url( '../gfx/03_bg_art.gif' ) repeat-x top left;
}

/* readon + back links */
a.readon, a.back
{
  color: #908866;
}

/* links inside CMSC text */
.cmsc-text a {
  color: #908866;
}

/* theme buttons */
button.theme {
  background-image: url(../gfx/btn_background_bg.gif);
}

/* submenu */

#menu {
	background: #fff url(../gfx/03_menu_bg.gif) repeat-x 0 0;
}

#menu a {
	height: 26px;
	padding: 7px 18px 0 18px;
	display: block;
	color: #fff;
	float: left;
}

#menu a:hover {
	background: #908866 url(../gfx/03_menu_rollover.gif) repeat-x 0 0;
	text-decoration: none;
}

#menu a:active {
	background: #fff url(../gfx/03_topnav_selected.gif) no-repeat center;
	height: 32px;
}

#menu a:focus {
	background: #fff url(../gfx/03_topnav_selected.gif) no-repeat center;
	height: 32px;
}

#menu li.selected {
	background: #fff url(../gfx/03_topnav_selected.gif) no-repeat center !important;
	height: 39px;
}

/* nav_kolom1 */
#navleft a 
{
  background-image: url(../gfx/03_navleft_normal.gif);
}

#navleft a:hover,
#navleft .sub a:hover
{
  background-image: url(../gfx/03_navleft_rollover.gif);
}

#navleft .selected a,
#navleft a:active,
#navleft a:focus,
#navleft .selected a:hover,
#navleft .sub.selected a:hover
{
  background-image: url(../gfx/03_navleft_selected.gif);
}

#navleft .sub a 
{
  background-image: url(../gfx/03_navleft_sub_normal.gif);
}

#navleft .sub.selected a,
#navleft .sub a:active,
#navleft .sub a:focus
{
  background-image: url(../gfx/03_navleft_sub_selected.gif);
}

#kolom1 .blokje {
	width: 170px;
}


/* zoek_blok */

.blokje {
	background: #ebe7d7 url(../gfx/blokje_bg2.gif) repeat-x 0 0 !important;
	padding-bottom: 20px;
}

.blokje .zoekheaders {
	font: 10px arial;
	color: #666666;
	font-weight: bold;
}

.blokje .bottom {
	text-align:center;
	font: 11px arial, helvetica;
	color: #fff;
	font-weight: bold;
	height: 24px;
	background: url(../gfx/btn_bg.gif) no-repeat;
	display: block;
}

.blokje .center {
	width:inherit;
	height:24px;
	display: block;
	text-align:center;
	padding: 4px;
}

.blokje .bottom a {
	color: #fff;
}

.blokje .bottom a:hover {
	text-decoration: none;
}

.blokje .bottom a:active {
	color: #fff;
}

.blokje .result {
	height: 25px;
	font: 14px arial;
	font-weight: bold;
	padding-top: 4px;
	background: #fff url(../gfx/06_result_btn.gif) no-repeat 0 0;
}

.blokje .list a {
	color: #666666;
}

.blokje .list a:active {
	color: #000;
	font-weight: bold;
}

.blokje .item h2 a {
	color: #7e735f;
}

/* artikelbalk */

.artikelbalk {
	color: #b6b3b0;
	height: 20px;
	width: inherit;
}

.artikelbalk .right a {
	color: #000;
}

.artikelbalk .right a:hover {
	text-decoration: underline;
}

.artikelbalk .left {
	float: left;
}

.artikelbalk .right {
	float: right;
}

/* zoekresultatenbalk */

.resultaat_balk {
	background: #f0ede1;
	height: 26px;
}

.resultaat_balk .left {
	background: #f0ede1 url(../gfx/06_rond_links.gif) no-repeat 0 0;
	float: left;
	height: 26px;
	width: 15px;
}

.resultaat_balk .right {
	background: #f0ede1 url(../gfx/06_rond_rechts.gif) no-repeat 0 0;
	float: right;
	height: 26px;
	width: 15px;
}

.resultaat_balk .txtleft {
	float: left;
	height: inherit;
	width: auto;
	text-align: left;
	padding-top: 3px;
	color: #666666;
}

.resultaat_balk .txtresultaat {
	color: #000;
	font-weight: bold;
}

.resultaat_balk .txtright {
	float: right;
	height: inherit;
	width: auto;
	text-align: right;
	padding-top: 3px;
	color: #666666;
}

.resultaat_balk a {
	color: #666666;
	text-decoration: none;
}

.resultaat_balk a:hover {
	text-decoration: underline;
}

/* balk */

.balk {
	background: #F0EDE1;
	height: 26px;
	width: 200px;
}

#kolom2 .balk {
	width: inherit;
}

.balk .left {
	background: #F0EDE1 url(../gfx/06_rond_links.gif) no-repeat 0 0;
	float: left;
	height: 26px;
	width: 15px;
}

.balk .right {
	background: #F0EDE1 url(../gfx/06_rond_rechts.gif) no-repeat 0 0;
	float: right;
	height: 26px;
	width: 15px;
}

.balk .txtleft {
	float: left;
	height: inherit;
	width: auto;
	text-align: left;
	padding-top: 3px;
	color: #000;
}

.balk .nav a {
	color: #908866;
	text-decoration: none;
}

.balk .nav a:hover {
	text-decoration: underline;
}

/* actielijst */

.actielijst {
	background: #fff;
}

.actielijst .content {
	padding: 10px 10px 0 10px;
}

.actielijst a {
	display: block;
	background: #fff;
}

/* kaartje van nederland */
.kaartje 
{
  background: #fff url(../gfx/02_kaartje_nl.jpg) no-repeat 0 0;
}

.kaartje li 
{
  background-image: url( '../gfx/pijl_link2_bg.gif' );
}

/* search containers (on the left) */
.searchcontainer
{
  background: #ebe7d7 url(../gfx/blokje_bg2.gif) repeat-x 0 0;
  zoom: 1;
}

.searchcontainer label
{
  color: #908866;
}

#zoekresultaten .resultimage
{
  background-color: #eae7d6;
}

#zoekresultaten .resultimage.empty
{
  background-color: transparent;
}

.fotowrapper
{
  text-align: center;
  /*
   * Until the cmsc-bm:linkedimages tag supports the 'height' attribute, this
   * isn't of much use. [avl]
   * background-color: #eae7d6; 
   */
}

.fotowrapper.empty
{
  background-color: transparent;
}

.captionwrapper
{
  width: 170px;
  margin-left: 20px;
}

.captionwrapper-left
{
  width: 170px;
  margin-right: 20px;
}


li.witnessaccount a
{
  color: #000;
  font-weight: bold;
}

div.witnessaccount h2
{
  font-size: 1em;
  font-weight: normal;
}

div.witnessaccount .title
{
  margin-top: 12px;
  font-weight: bold;
  color: #7e735d;
}

p.witnessaccount .icon {
	vertical-align: top;
}

/* detail page of a witness account */
#witnessaccountdetail h3
{
  margin: 0;
  font-size: 1em;
  color: #000;
}

/* small witnessaccount list on the right side */
.witnessaccountsmall h1.title
{
  font-weight: bold;
  font-size: 1.25em;
  color: #000;
  display: block;
  padding: 10px;
  margin: 0;
}

.witnessaccountsmall h2
{
  font-weight: bold;
  font-size: 1.1em;
  margin: 0;
}

/* partner overzicht */

.partners .cell a {
  background-color: #7E735F;
  color: white;
}  

.partners .cell a:hover {
  background-color: #4C4334;
}