/*
  Stylesheet for this website.
*/
html {
overflow: -moz-scrollbars-vertical; 
overflow-y: scroll;
}

body {
  width  : 100%;
  height : 100%;
  margin : 0px;
  padding: 0px;
  border : 0 none;
  color  : #EEEEEE;
  background-color: #332B2A; /* brown */
  background-color  : rgb(255,255,255);
  position: relative;
  margin-bottom: 1px;

  font-size: 15px;
  font-family: calibri,Arial,Helmet,Freesans,sans-serif;
  font-weight: normal;

/*
  Font sizes:
  
  17px : 17/16*100 = 106.25%
  16px : 16/16*100 = 100%      <== browser default
  15px : 15/16*100 = 93.75%
  14px : 14/16*100 = 87.50%
  13px : 13/16*100 = 81.25%
  12px : 12/16*100 = 75%
  11px : 11/16*100 = 68.75%
  10px : 10/16*100 = 62.50%
*/
/*
  New (2010) font family declarations.
  See: http://kv5r.com/articles/dev/font-family.asp
  
  font-family:Arial,Helmet,Freesans,sans-serif;
  font-family:'Arial Narrow','Nimbus Sans L',sans-serif;
  font-family:'Bookman Old Style',Bookman,'URW Bookman L',serif;
  font-family:'Century Gothic',Futura,'URW Gothic L',sans-serif;
  font-family:'Comic Sans MS',cursive;
  font-family:'Courier New',Courier,Freemono,'Nimbus Mono L',monospace;
  font-family:Constantina,Georgia,'Nimbus Roman No9 L',serif;
  font-family:Consolas,'Lucida Console','Bitstream VeraSans Mono','DejaVu Sans Mono',monospace;
  font-family:'Lucida Sans Unicode','Lucida Grande','Lucida Sans','DejaVu Sans Condensed',sans-serif;
  font-family:Cambria,'Palatino Linotype','Book Antiqua','URW Palladio L',serif;
  font-family:symbol,'Standard Symbols L';
  font-family:Cambria,'Times New Roman','Nimbus Roman No9 L','Freeserif',Times,serif;
  font-family:Verdana,Geneva,'Bitstream Vera Sans','DejaVu Sans',sans-serif;
*/  
  
}

/*  
  Supersize an image in the background
  Uses jQuery script
*/
#supersize {
  position:fixed;
  height  : 100%;
  width   : 100%;
}
#supersize img, #supersize a {
  height  : 100%;
  width   : 100%;
  position: absolute;
  z-index : 0;
}
a:focus {
  outline: #FFFFFF none 0px;
}
/*
  Start of website structure
*/
#page-container { /* Needed as container in which the other main elements can be centered */
  position: absolute;
  top     : 0;
  left    : 0;
  width   : 100%;  
  overflow: auto;
}

#header-container,
#content-container,
#footer-container { /* Main containers. All equal width and centered */
  clear  : both;
  margin : 0px auto;
  padding: 0px;
  width  : 960px;
}

#header-container {
  position: relative;
  height: 116px;
  background-color: #332B2A; /* brown */
}
#content-container {
  margin: 64px auto 0px auto;
  overflow: auto;
}
#footer-container {
  margin: 30px auto 1px auto;
  overflow: auto;
}

#menu-container {
  position: absolute;
  top:0px;
  left:0px;
  width : 707px;
  height: 116px;
  background-color: #FFFFFF;
  color: #000000;
  
  font-family: arial, helvetica, sans-serif;
  font-size: 11px;
}
#menu-container a {
  color: #555555;
  font-weight: bold;
  font-size: 11px;
}
#menu-container a:hover {
  color: #000000;
}
#menu-buttons {
  position: relative;
  height: 55px;
  width: 302px;
  float:left;
  z-index: 1;
}     
#menu-static {
  height : 20px;
  margin : 29px 0 0 0;
  padding: 0;
  float  :right;
  ZZZz-index: 5000;
}     
#searchbox {
/* 
  Beware of special overrides for 
  IE6 / IE7 = ie67.css
  IE8       = ie8.css
*/
  height : 25px;
  margin : 26px 0 0 0;
  padding: 0;
  float  :right;
  ZZZz-index: 5000;
} 
#indexedsearch {
  margin: 0px;
  padding: 0px;
  border: 0px none;
}  
#indexedsearch p {
  margin: 0;
  padding: 0;
  border: 0 none;
}  
.search-field {
  margin: 0px 0px 0px 0px;
  color: #555555;
  font-family: arial, helvetica, sans-serif;
  font-size: 11px;
  width: 141px;
  width: 95px;
  border: 1px solid #CCCCCC;
}
.search-button {
  margin: 0px 5px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: 0 none;
  background-color: #FFFFFF;
  color: #555555;
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
  font-size: 11px;
  cursor: pointer;
}

input.search-button {
/* 
  Beware of special overrides for 
  IE6 / IE7 = ie67.css
  IE8       = ie8.css
*/
  overflow:auto;
} 

ul {
  margin:  0 0 9px 0;
  padding: 0 0 0 1.26em;
  border:medium none;
  list-style-type: disc;
  list-style-position: outside;
}
ul li {
  margin:  0 0 0 0;
  padding: 0px 0 0px 0px;
  border:medium none;
  line-height: 18px;
}
ul ul {
  margin:  0 0 0 0;
  list-style-type: circle;
}
ul ul ul {
  margin:  0 0 0 0;
  list-style-type: square;
}
ul ul ul ul {
  margin:  0 0 0 0;
  list-style-type: none;
  padding: 0 0 0 1px;
}


ul.languages {
  border:medium none;
  display:inline;
  list-style-image:none;
  list-style-position:inside;
  list-style-type:none;
  margin:0;
  padding:0;
}
ul.languages li {
  border:medium none;
  display:inline;
  line-height:1;
  margin:0;
  padding:0;
}
#menu-container ul.languages li a.ACT,
#menu-container ul.languages li a.UDF1 {
  font-weight: normal;
}
#droptest {
  position: absolute;
  height: 61px;
  width: 707px;
  top: 55px;
  left: 0px;
  background-color: #332B2A; /* brown */
  color: #00B8DB; /* blue */
  ZZZz-index: 0;
}

#logo {
  position: absolute;
  top:0px;
  right:0px;
  background-color: #FFFFFF;
  width : 253px;
  height: 116px;
  ZZZz-index: 200;
}
#logo img {
  margin: 0px;
  padding: 0px;
  border: 0px none;
}

.small-col { /* On the left hand side */
  float: left;
  width: 240px;
  background-color: #FFFFFF;
  color: #333333;
  padding-top: 24px;
  
}
body.homepage .small-col {display:none;}

.wide-col { /* For the main content */
  float: right;
  width: 720px;
  background-color: #FFFFFF;
  color: #555555;
  padding-top: 24px;
  padding-bottom: 12px;
  min-height: 300px;
  letter-spacing: -0.01em;
}
.wide-col .content-wrapper {
  margin: 0px;
  padding: 0px 44px 12px 34px;
  border: 0 none;
  clear: both;
}
.small-col .content-wrapper {
  margin: 0px;
  padding: 0px 0px 24px 24px;
  border: 0 none;
  clear: both;
}
.wide-col .content-wrapper p,
.carousel-item p {
  line-height: 18px;
  margin: 0 0 9px 0;
}


h1 {
  color: #00B8DB; /* blue */
  font-size: 28px;
  line-height: 22px;
}
h1.page-title {
  color: #00B8DB; /* blue */
  font-size: 28px;
  line-height: 1.12em;
}
.wide-col .content-wrapper.page-title p {
  color: #00B8DB; /* blue */
  font-size: 28px;
  line-height: 1.12em;
  font-weight: bold;
}
h2 {
  letter-spacing: 0em;
  line-height: 1.12em;
}

#droptest h2 {
  font-size: 15px;  
  font-family: calibri, Arial, sans-serif;
  font-weight: bold;
  line-height: 60px;
  margin-left: 24px;
}
/* General defaults */
a {
  text-decoration: none;
  color: #96BC33; /* green */
  font-weight: bold;
}
a:hover {
  text-decoration: underline;
  text-decoration: none;
  color: #00B8DB; /* blue */
}

#footer-title-container {
  float:left;
  width: 240px;
  background-color: #332B2A; /* brown */
  overflow: auto;
}
#footer-title {
  padding: 18px 15px 21px 24px;
  color: #00B8DB; /* blue */
}
/* Carousel defaults */
#page-carousel-container {
  width   : 720px;
  margin  : 0px;
  padding : 0px 0px 15px 0px;
  overflow: auto;
  float   : right;
  background-color: #332B2A; /* brown */
}
/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 610px; 
    height: 145px;
    
    float:left;
    border: 0px solid #00b8db;
    margin: 15px 0 0 30px;
    padding-bottom: 20px;
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div.carousel-item { 
    float:left; 
    /*HJW start*/
    width: 600px;
    /*height: 135px;*/
    margin: 3px 5px 5px 4px;
    padding: 0px;
    overflow: hidden;
    /*HJW end*/
} 
 
div.scrollable div.items div.carousel-item h2 {
} 
 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
    border:1px dotted #ccc; 
}
div.items div.active div { 
    background-color:#bbb; 
}
.page-carousel-navigation {
  float: left;
  margin: 18px 0px 0px 20px;
  padding: 0px 0px 0px 0px;
  border: 0px solid #EEEEEE;
}
a.prev.browse {
  margin: 0px 5px 0px 0px;
}
a.next.browse {
  background-position:0 -30px;
  clear:right;
  margin: 0px 0px 0px 0px;
}
a.browse {
  /* background-color: #777; */
  cursor:pointer;
  display:block;
  float:left;
  font-size:1px;
  line-height:1px;
  width :11px;
  height:15px;
  margin: 0px 0px 0px 0px;
  padding: 3px;
  text-align: center;
}
a.browse:hover {
  text-decoration: none;
}

/****************************************************************************/
/* Vertical menu START                                                      */
/****************************************************************************/
.vmenu ul {
  margin:  0 0 0 0;
  padding: 0 0 0 0;
  list-style-type: none;
  list-style-position: outside;
  border-right: 1px solid #DDD;
}
.vmenu ul li {
  margin:  0px 0px 0px 0px;
  padding: 0.3em 0px 0px 0px;
}
.vmenu ul li.current {
/*  display: none; */
  color: #00B8DB; /* blue */
  font-weight: bold;
}
.vmenu ul li a {
  font-weight: normal;
  color: #555555;
}
.vmenu ul li a:hover {
  color: #00B8DB; /* blue */
  text-decoration: none;
}
.vmenu ul li.current.CUR a,
.vmenu ul li.current.ACT a {
  color: #00B8DB; /* blue */
  font-weight: bold;
}
.vmenu ul.geschiedenis {
  border-right: 0px solid #DDD;
}
.vmenu ul.geschiedenis li a {
  color: #96BC33; /* green */
  font-weight: bold;
}
.vmenu ul.geschiedenis li a:hover {
  color: #00B8DB; /* blue */
  font-weight: bold;
}

/****************************************************************************/
/* Vertical menu END                                                        */
/****************************************************************************/

/****************************************************************************/
/* Sitemap START                                                            */
/****************************************************************************/
.sitemap ul {
  margin:  0 0 0 0;
  padding: 0 0 0 1.26em;
  list-style-type: circle;
  list-style-position: outside;
}
.sitemap ul li {
  margin:  0 0 0 0;
  padding: 7px 0 0px 0px;
}
.sitemap ul ul {
  list-style-type: disc;
}
.sitemap ul ul ul {
  list-style-type: square;
}
.sitemap ul ul ul ul {
  list-style-type: none;
  padding: 0 0 0 1px;
}
.sitemap ul ul ul ul ul {
  list-style-type: none;
  padding: 0 0 0 1.26em;
}

/****************************************************************************/
/* Sitemap END                                                              */
/****************************************************************************/
dl.csc-menu-4 dt {
  padding: 7px 0 0px 0px;
}

/****************************************************************************/
/* Smoelenboek START                                                        */
/****************************************************************************/
.tx-bzdstaffdirectory-pi1 {
}
.smoelenboek-wrapper {
  width: 630px;
  overflow: visible;
  border: 0px solid #00B8DB; /* blue */
}
.smoelenboek-item {
  float: left;
  display:inline-block;
  overflow:visible;
  text-align: center;
  margin: 0px 1px 1px 0px;
  padding: 0px;
  border: 0px solid #96BC33; /* green */
}
.smoelenboek-item img {
  margin: 0px;
  padding: 0px;
  border: 0 none;
  display: block;
}
.smoelenboek-item p.tx_bzdstaffdirectory_teamlist_person_name {
  margin: 0px;
  padding: 0px;
  border: 0 none;
  display: none;
}
table.tx_bzdstaffdirectory_detail,
table.tx_bzdstaffdirectory_detail-items {
  margin: 0px;
  padding: 0px;
  border: 0 none;
  border-collapse: collapse;
}
table.tx_bzdstaffdirectory_detail td.header p.name {
  color: #00B8DB; /* blue */
  font-size: 28px;
  line-height: 1.12em;
  font-weight: bold;
}

table.tx_bzdstaffdirectory_detail td,
table.tx_bzdstaffdirectory_detail-items td {
  margin: 0px;
  padding: 0px 0px 0px 0px;
  border: 0px solid #FF0000;
  vertical-align: top;
  text-align: left;
}
table.tx_bzdstaffdirectory_detail-items td {
  padding: 0px 0px 0px 1em;
}
/* Contactpersons "BOX" per page: */
.tx_bzdstaffdirectory_box {
  float:left;
  margin: 0px 10px 10px 0px;
  padding: 0px 0px 0px 0px;
  border: 0px solid #FF0000;
  text-align: left;
}
.tx_bzdstaffdirectory_box a img {
  border: 1px solid #96BC33; /* green */
}
.tx_bzdstaffdirectory_box a:hover img {
  border: 1px solid #00B8DB; /* blue */
}

/****************************************************************************/
/* Smoelenboek END                                                          */
/****************************************************************************/

/****************************************************************************/
/* Indexed Search START                                                     */
/****************************************************************************/

.tx-indexedsearch form,
.tx-indexedsearch .tx-indexedsearch-link-to-other-mode,
.tx-indexedsearch .tx-indexedsearch-rules
 {
  display: none;
}

.tx-indexedsearch-descr.descr {
  padding-left: 21px;
}
/* Searchresults Page Navigation */
ul.browsebox {
  clear: both;
	margin:15px auto 15px auto;
	padding:0;
	border:0;
	text-align:center;
	font-size: 12px;
}
ul.browsebox li.browseboxInfo {
	display:block;
	margin:1em;
	padding:0 3px 0 0;
	border:0;
	list-style-position:inside;
	list-style-type:none;	
}
ul.browsebox li {
	display: inline;
	margin:0;
	padding:0 3px 0 0;
	border:0;
	list-style-position:inside;
	list-style-type:none;
}
ul.browsebox li a , ul.browsebox li span {
  background-color:#FFFFFF;
  border:1px solid #DDDDDD;
  color:#96BC33; /* green */
  padding: 2px 3px;
  margin:0;
  text-decoration:none;
}
ul.browsebox li a:hover {
  color: #00B8DB; /* blue */
}
/****************************************************************************/
/* Indexed Search END                                                       */
/****************************************************************************/

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
margin:0.3em 0 0;
}





/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#eeeeee;
	
	width:860px;	
/* min-height:490px; */
	border:1px solid #666;
/* overflow: hidden; */
	overflow: auto;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #aaa;
	-webkit-box-shadow: 0 0 90px #aaa;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
/*
  background-color: #00FF00;
	background-image:url(../img/pijltje_links.gif);
	position:relative;
	right:1px;
	top:1px;
	width:22px;
*/
  background-color: #332B2A; /* brown */  
	cursor:pointer;
	height:30px;
	line-height: 30px;
	margin:0 auto;
  color: #00B8DB; /* blue */
  text-align: right;
  padding-right: 23px;
  font-weight: bold;
}
.simple_overlay .contentWrap {
  padding: 0px;
  color: #000000;
}

.contentWrap #content-container {
  width: 860px;
  height: 483px;
  margin-top: 0px;
  background-color: #332B2A; /* brown */  
  color: #ddd;  
}

.contentWrap #content-container #overlay-header {
  text-align: center;
  padding: 0px 0px 30px 0px;
}

.contentWrap #content-container .small-col {
  width: 413px;
  padding-top: 0px;
  background-color: #332B2A; /* brown */  
  color: #ddd;  
}

.contentWrap #content-container .small-col .content-wrapper {
  padding: 0 20px 12px 20px;
}

.contentWrap #content-container .small-col .content-wrapper p {
  line-height: 18px;
  margin: 0 0 9px 0;
}

.contentWrap #content-container .wide-col {
  width: 430px;
  padding-top: 0px;
  background-color: #332B2A; /* brown */  
  color: #ddd;  
}

.contentWrap #content-container .wide-col .content-wrapper {
  padding: 0 20px 12px 20px;
}



/****************************************************************************/
/* Nieuwslog BEGIN                                                          */
/****************************************************************************/
.tx-nieuwslogsynd-pi1-listitem,
.tx-nieuwslogsynd-pi1-singleitem {
  margin: 0 0 10px 0;
  padding: 10px;
  border: 1px outset #ddd;
  background-color: #EDEDCC;
}
/****************************************************************************/
/* Nieuwslog END                                                            */
/****************************************************************************/