/* hoofdblok */

.centerall {
	margin: 0px auto 0px auto;
}

html, body
{
  height: 100%;
}

body 
{
  text-align: center;
	padding:0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	font:0.75em Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color: #666666;
}

#holder 
{
  padding:0px 0px 0px 0px;
  margin: 15px auto 0px auto;
  width: 994px;
  position: relative;
  min-height: 100%;
  height:auto !important;
  height:100%;
  text-align: left;
  background: #fff;
}

/* algemeen */

ul /* also in stijl_ie.css! */
{
  padding-left: 0px;
  margin-left: 12px;
}

button.theme {
  border: 0;
  padding: 0;
  margin: 0;
  color: #fff;
  width: 127px;
  height: 24px;
  text-align: center;
  font-weight: bold;
  text-transform: lowercase;
  font-stretch: -0.05;
  font-size: 13px;
  background-repeat: no-repeat;
}

.clear{
	clear: both;
}

.left {
  float: left;
}

.htmlarea .left {
  /* reset float */
  float: none;
}


.right {
  float: right;
}

.hidden
{
  display: none;
}

a.readon
{
  /* NCMSC-142: readon links on a new line */
  display: block;
}

a 
{
  color: #404040;
  text-decoration: none;
}

a:hover 
{
  text-decoration: underline;
}

a img 
{
  border: 0 none;
}

.space {
	padding-left: 7px;
	padding-right: 7px;
}

/* whitelines */

.whiteline {
	height: 7px;
}

.scheiding {
	height: 35px;
}

.scheiding2 {
	height: 25px;
}

.scheiding3 {
	height: 18px;
}

.scheiding4 {
	height: 15px;
}

.scheiding5 {
	height: 10px;
}

/* scheiding_lijn */

.scheiding_grijs {
	height: 37px;
	background: transparent url(../gfx/scheiding_grijs.gif) repeat-x 0 0;
}

.scheiding_wit {
	height: 20px;
	background: transparent url(../gfx/scheiding_wit.gif) repeat-x 0 0;
}

.scheiding_beige {
	height: 20px;
	background: transparent url(../gfx/scheiding_beige.gif) repeat-x 0 0;
}

/* top navigation (sorry the ID's are a bit confusing) */

#top_nav 
{
  float: left;
  height: auto;
  width: 994px;
  background: #f6f6f7;
}

#topnav,
#topnav li
{
  float: left;
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
}

#topnav li a
{
  display: block;
  height: 71px;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

#topnav li a:hover
{
  text-decoration: none;
}

#topnav li a span
{
  visibility: hidden;
}

/* default images */
#topnav #site_4en5mei a
{
  width: 179px;
  background-image: url( '../gfx/menu_00_n.gif' );
}
#topnav #site_herdenken a
{
  width: 153px;
  background-image: url( '../gfx/menu_01_n.gif' );
}
#topnav #site_viervrijheid a
{
  width: 155px;
  background-image: url( '../gfx/menu_02_n.gif' );
}
#topnav #site_oorlogsmonumenten a
{
  width: 154px;
  background-image: url( '../gfx/menu_03_n.gif' );
}
#topnav #site_educatie a
{
  width: 155px;
  background-image: url( '../gfx/menu_04_n.gif' );
}

/* rollover images */
#topnav #site_4en5mei a:hover
{
  background-image: url( '../gfx/menu_00_r.gif' );
}
#topnav #site_herdenken a:hover
{
  background-image: url( '../gfx/menu_01_r.gif' );
}
#topnav #site_viervrijheid a:hover
{
  background-image: url( '../gfx/menu_02_r.gif' );
}
#topnav #site_oorlogsmonumenten a:hover
{
  background-image: url( '../gfx/menu_03_r.gif' );
}
#topnav #site_educatie a:hover
{
  background-image: url( '../gfx/menu_04_r.gif' );
}

/* 'current site' images */
#topnav #site_4en5mei a.current
{
  background-image: url( '../gfx/menu_00_c.gif' );
}
#topnav #site_herdenken a.current
{
  background-image: url( '../gfx/menu_01_c.gif' );
}
#topnav #site_viervrijheid a.current
{
  background-image: url( '../gfx/menu_02_c.gif' );
}
#topnav #site_oorlogsmonumenten a.current
{
  background-image: url( '../gfx/menu_03_c.gif' );
}
#topnav #site_educatie a.current
{
  background-image: url( '../gfx/menu_04_c.gif' );
}

#top_nav #topsearch
{
  float: left;
  padding-top: 18px;
  padding-left: 28px;
  background-image: url("../gfx/menu_05_bg.gif");
  height: 53px;
  width: 170px;  
}

#top_nav #topsearch form
{
  margin: 0;
  padding: 0;
}

#top_nav #topsearch form fieldset
{
  margin: 0;
  padding: 0;
  border: none;
}

#top_nav #topsearch input.input
{
  font-size: 0.9em;
  border: 1px solid #ccc;
  height: 14px;
  width: 120px;
  color: #7f7f7f;
  vertical-align: top;
}

#top_nav #topsearch a.faqbtn
{
  background-attachment: scroll;
  background-image: url("../gfx/faq_btn_n.png");
  background-repeat: no-repeat;
  display: block;
  text-decoration: none;	
  width: 143px;
  padding-top:4px;
}

#top_nav #topsearch a.faqbtn:hover
{
  background-image: url("../gfx/faq_btn_r.gif");
}

#top_nav #topsearch .faqbtn span
{
  visibility: hidden;
}

#top_nav #topsearch .zoeksubmit 
{
  vertical-align: top;
}

/* lijst */

.lijst .datum,
.datum {
	font-weight: bold;
	color: #000;
	width: 110px;
}

.lijst .content {
	display: block;
	width: 415px; /* +- column width - 'date-width' */
}

.lijst li
{
	list-style: none;
	list-style-image: none;
}

/* top_img */

#top_img {
	width: inherit;
}

/* site_menu */

#menu {
	color: #fff;
	font-weight: bold;
	margin: auto;
	width:994px;
	height:39px;
}

#menu .center {
	top:50%;
	left:50%;
	margin: auto;
}

#menu ul {
	list-style: none;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 0;
	text-align:center;
}

#menu li {
	display: block;
	height: 39px;
	float: left;
}

/* main */

#breadcrumb {
	width: 952px;
	height: inherit;
	padding-top: 20px;
	padding-left: 42px;
	color: #5e5e5e;
}

#breadcrumb a {
	color: #5e5e5e;
}

#main {
	width: 994px;
	height: inherit;
	float: left;
	background: #fff;
}

/* nav_kolom1 */

#navleft {
	width: 190px;
	color: #fff;
	font-weight: bold;
}

#navleft a 
{
  background: #fff url(../gfx/01_navleft_normal.gif) no-repeat 0 0;
  height: 22px;
  display: block;
  width: inherit;
  margin: auto;
  padding-top: 3px;
  padding-left: 11px;
  color: #fff;
}

#navleft a:hover,
#navleft .sub a:hover
{
  text-decoration: none;
  background: #fff url(../gfx/01_navleft_rollover.gif) no-repeat 0 0;
}

#navleft .selected a,
#navleft a:active,
#navleft a:focus,
#navleft .selected a:hover,
#navleft .sub.selected a:hover
{
  background: #fff url(../gfx/01_navleft_selected.gif) no-repeat 0 0;
}

#navleft .sub a 
{
  background: #fff url(../gfx/01_navleft_sub_normal.gif) no-repeat 0 0;
  font-weight: normal;
  padding-left: 20px;
}

#navleft .sub.selected a,
#navleft .sub a:active,
#navleft .sub a:focus
{
  background: #fff url(../gfx/01_navleft_sub_selected.gif) no-repeat 0 0;
  font-weight: bold;
}

/* textstyle */
.body a, .intro a
{
  text-decoration: underline;
}

.content h1 {
	margin: 0;
	font-size: 1.3em;
	color: #000;
}

.content h2 {
	margin: 0;
	font-size: 1.1em;
	color: #000;
}

.content h3 {
	margin: 0;
	font-size: 1.2em;
	color: #000;
}

.content p {
	margin: 0;
}

.content .intro
{
  margin-bottom: 1em;
}

/* inline images (this does not work in IE6-) */
.inline-left
{
  margin: 0px 20px 20px 0px;
}

.inline-right
{
  margin: 0px 0px 20px 20px;
}

.content .quote {
	padding-top: 10px;
	padding-bottom: 15px;
	font-size: 0.8em;
	line-height: normal;
}

.content .eventinfo {
	color: #5e5e5e;
}

.content h1 a {
	color: #000;
	padding: 0;
}

.content h2 a {
	color: #000;
	padding: 0;
}

/* links */

.linklist {
	margin-left: 0;
	margin: 0px 0px 20px 0px;
}

.linklist h2 {
	padding: 0 0 7px 0;
}

.linklist ul {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}

.linklist ul li
{
  margin-bottom: 3px;
}

.itemlist {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

.itemlist ul {
	list-style: none;
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 0;
}

.itemlist li {
	list-style: none;
}

/* fotowrapper newslist */
.fotowrapper {
  width: 220px;
}

/* blokje_kolom3 */

.blokje {
	background: #eaeaea url(../gfx/blokje_bg.gif) repeat-x 0 0;
	padding-bottom: 25px;
}

.blokje .item {
	width: inherit;
	padding: 10px 10px 0 10px;
}

.blokje .center {
	top:50%;
	left:50%;
	margin: auto;
}

.blokje h1 {
	font-weight: normal;
}

/* footer */

#footer {
	background: #fff;
	width: 952px;
	height: 29px;
	padding-left: 42px;
	padding-top: 6px;
	padding-bottom: 10px;
	float: left;
}

/* checklists */

.checklist {
  list-style: none;
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 0;
}

.checklist label {
    display: block;
    text-indent: -25px;
}

/* zoekresultaten */

#zoekresultaten .kop h2
{
  font-size: 2em;
  color: #000;
  margin: 0px;
  /* letter-spacing: -0.05em; */
  font-weight: normal;
}

#zoekresultaten .kop
{
  height: auto;
  margin-top: 0px;
  padding-top: 0px;
  padding-bottom: 25px;
}

#zoekresultaten .content
{
  padding: 16px 0px;
  clear: both;
}

#zoekresultaten ul
{
  padding: 0px;
  margin: 0px;
}

#zoekresultaten ul li
{
  list-style-type: none;
  list-style-image: none;
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: 1px solid #b6b3b0;
}

#zoekresultaten ul li.first
{
  padding-top: 0px;
  margin-top: 0px;
  border-top: none;
}

#zoekresultaten .resultimage
{
  width: 220px;
  float: left;
  text-align: center;
}

#zoekresultaten .resulttext
{
  width: 450px;
  float: left;
  padding-left: 20px;
}

#zoekresultaten .resulttext_3kolom
{
  width: 285px;
  float: left;
  padding-left: 20px;
}

#zoekresultaten .resulttext .title,
#zoekresultaten .resulttext_3kolom .title 
{
  color: #000;
  font-size: 1.1em;
  font-weight: bold;
  display: block;
  padding-bottom: 4px;
}

#zoekresultaten .resulttext table th,
#zoekresultaten .resulttext table td,
#zoekresultaten .resulttext_3kolom table th,
#zoekresultaten .resulttext_3kolom table td
{
  vertical-align: top;
  text-align: left;
  padding: 0px;
  margin: 0px;
  font-weight: normal;
}

#zoekresultaten .resulttext table th,
#zoekresultaten .resulttext_3kolom table th
{
  color: #5e5e5e;
}

#zoekresultaten .resulttext table td,
#zoekresultaten .resulttext_3kolom table td
{
  padding-left: 6px;
  color: #6d6864;
}

#zoekresultaten .resulttext .date,
#zoekresultaten .resulttext_3kolom .date
{
  color: #d5d5d5;
}

/* search forms (on the right of the page) */
.searchcontainer
{
  background: #eaeaea url(../gfx/blokje_bg.gif) repeat-x 0 0;
  padding: 5px 9px 15px 10px;
}

.searchcontainer form
{
  margin: 0px;
}

.searchcontainer h1
{
  font-size: 1.3em;
  border-bottom: 1px solid #fff;
  padding-bottom: 10px;
  color: #000;
}

.searchcontainer input,
.searchcontainer select
{
  border: 1px solid #eaeaea;
  margin: 0;
  padding: 0;
  width: 100%;
}

.searchcontainer ul li input,
.searchcontainer label input
{
  width: auto;  
}

.searchcontainer select
{
  width: 100%;
}

.searchcontainer ul,
.searchcontainer ul li
{
  padding: 0;
  margin: 0;
  list-style: none;
  list-style-image: none;
}

.searchcontainer ul
{
  margin-top: 8px;
}

.searchcontainer ul li input
{
  padding: 0px;
  margin: 6px 4px 0px 0px;
  border: none;
}

dl.optionlist {
	margin: 0;
	padding: 0;
}

dl.optionlist input {
   width: auto;	
}

dl.optionlist label {
	display: inline;
   font-weight: normal;
}

dl.optionlist dt {
	clear: left;
	float: left;
}
dl.optionlist dd {
	margin: 0 0 0 22px;
}

.searchcontainer label
{
  display: block;
  margin-top: 8px;
  color: #6d6862;
  font-weight: bold;
}

.searchcontainer ul li label
{
  margin-top: 3px;
}

.searchcontainer .button
{
  border: none;
  width: auto;
  margin: 20px 0px 10px 10px; 
}

.searchcontainer button {
  margin: 10px 0 0 12px;
}

/* ************************************************************************* */
/* Kaartje van Nederland                                                     */
/* ************************************************************************* */
.kaartje 
{
  background: #fff url(../gfx/03_kaartje_nl.jpg) no-repeat 0 0;
  width: 530px;
  height: 552px;
  position: relative;
}

.kaartje li 
{
  position: absolute;
  padding-left: 9px;
  background-image: url( '../gfx/pijl_link2_bg.gif' );
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: top left;
  list-style-image: none;
  list-style-type: none;
}

.kaartje .groningen 
{
  left: 370px;
  top : 78px;
}

.kaartje .friesland 
{
  left: 288px;
  top : 115px;
}

.kaartje .drenthe 
{
  left: 375px;
  top : 155px;
}

.kaartje .overijssel 
{
  left: 362px;
  top : 235px;
}

.kaartje .gelderland 
{
  left: 310px;
  top : 284px;
}

.kaartje .flevoland 
{
  left: 250px;
  top : 220px;
}

.kaartje .utrecht 
{
  left: 220px;
  top : 280px;
}

.kaartje .noord-holland 
{
  left: 170px;
  top : 175px;
}

.kaartje .zuid-holland 
{
  left: 120px;
  top : 290px;
}

.kaartje .zeeland 
{
  left: 65px;
  top : 377px;
}

.kaartje .noord-brabant 
{
  left: 190px;
  top : 365px;
}

.kaartje .limburg 
{
  left: 305px;
  top : 425px;
}

.kaartje .amsterdam
{
  left: 200px;
  top : 243px;
}

.kaartje .haarlem
{
  left: 160px;
  top : 230px;
}

/* Activiteit aanmelden */
#aanmeldform
{
  background: #eaeaea url(../gfx/blokje_bg.gif) repeat-x 0 0;
  min-height: 300px;
  padding: 0px 0px 20px 0px;
}

#aanmeldform form
{
  margin: 0;
  padding: 10px 0px 0px 0px;
}

#aanmeldform .titel
{
  color: #000;
  font-weight: bold;
  font-size: 1.25em;
  padding: 10px;
  border-bottom: 1px solid white;
}

#aanmeldform label
{
  text-align: right;
  font-weight: bold;
  float: left;
  display: block;
  width: 151px;
  padding-right: 20px;
  padding-bottom: 8px;
}

#aanmeldform input,
#aanmeldform select,
#aanmeldform textarea
{
  border: 1px solid #eaeaea;
  float: left;
  width: 190px;
}

#aanmeldform select
{
  width: 192px;
}

#aanmeldform input.validation-error,
#aanmeldform select.validation-error,
#aanmeldform textarea.validation-error,
#aanmeldform select.validation-error
{
  border-width: 1px;
  border-color: red;
}

/* JIRA: NCMSC-181
#aanmeldform .date
{
  width: 75px;
}

#aanmeldform .time
{
  width: 68px;
}
*/

#aanmeldform .button
{
  margin-left: 230px;
  margin-top: 20px;
  width: 130px;
  height: 24px;
}

#aanmeldform .button input.button
{
  display: block;
  height: 24px;
  font-weight: bold;
  background-color: #000;
  color: #fff;
  padding-top: 3px;
  text-align: center;
  width: 100%;
}

#aanmeldform .activiteit
{
  float: left;
  width: 190px;
}

#aanmeldform .activiteit input,
#aanmeldform .activiteit label
{
  width: auto;
  height: auto;
  border: none;
}

#aanmeldform a.tt
{ 
  position: relative; 
  left: 5px;
  text-decoration: none; 
  z-index: 65; 
}

#aanmeldform a.tt span
{
  display: none;
}

#aanmeldform a.tt:hover
{ 
  z-index: 66;
  background-color: transparent; /* for some reason IE6 needs this statement?? */
}

#aanmeldform a.tt:hover span
{ 
  display: block; 
  border: 1px solid #c1c1c1; 
  background-color: #959595; 
  color: #fff; 
  font-weight: normal;
  padding: 5px; 
  position: absolute; 
  top: 25px;
  left: 15px; 
  width: 130px; 
}

#aanmeldform a.tt:hover span strong.label
{ 
  display: block;
  color: #000;
}

/* activity detail view */
.activity table,
.activity p.info,
.activity div.contactinfo
{
  margin-bottom: 20px;
}

.activity table th
{
  text-align: left;
  font-weight: bold;
  vertical-align: top;
  width: 120px;
}

.activity div.contactinfo p
{
  margin-bottom: 8px;
}

/* image legend / caption */
.linkedimage.top-left,
.linkedimage.top-right,
.linkedimage.top {
  padding-bottom: 1em;
}

.linkedimage.bottom-left,
.linkedimage.bottom-right,
.linkedimage.bottom {
  padding-bottom: 0;
  padding-top: 1em;
}

.img-txt-down,
.img-txt-up {
  display: block;
}

.linkedimage.top-left,
.linkedimage.bottom-left,
.linkedimage.histimage {
  float: left;
  margin-right: 20px;
}

.linkedimage.top-right,
.linkedimage.bottom-right {
  float: right;
  margin-left: 20px;
}

.linkedimage.bottom {
  clear: both;
}

/* videoreports */
.videoreport {
  margin-bottom: 1em;
}

/* Dynamische forms */

#dynamicform
{
  background: #eaeaea url(../gfx/blokje_bg.gif) repeat-x 0 0;
  padding: 0px 0px 20px 0px;
}

#dynamicform form
{
  margin: 0;
  padding: 10px 0px 0px 0px;
}

#dynamicform .titel
{
  color: #000;
  font-weight: bold;
  font-size: 1.25em;
  padding: 10px;
  border-bottom: 1px solid white;
}

#dynamicform label
{
  text-align: right;
  font-weight: bold;
  float: left;
  display: block;
  width: 151px;
  padding-right: 20px;
  padding-bottom: 8px;
}

#dynamicform input,
#dynamicform select,
#dynamicform textarea
{
  border: 1px solid #eaeaea;
  float: left;
  width: 190px;
}

#dynamicform select
{
  width: 192px;
}

#dynamicform input.validation-error,
#dynamicform select.validation-error,
#dynamicform textarea.validation-error,
#dynamicform select.validation-error
{
  border-width: 1px;
  border-color: red;
}

#dynamicform .button
{
  margin-left: 230px;
  margin-top: 20px;
  width: 130px;
  height: 24px;
  float: none;
}

#dynamicform .button input.button
{
  display: block;
  height: 24px;
  font-weight: bold;
  background-color: #000;
  color: #fff;
  padding-top: 3px;
  text-align: center;
  width: 100%;
}

#dynamicform .inputgroup
{
  float: left;
  width: 190px;
  margin-bottom: 10px;
}

#dynamicform .inputgroup input,
#dynamicform .inputgroup label
{
  width: auto;
  height: auto;
  border: none;
}

#dynamicform .dynamicform-error {
  margin-left: 171px;
  color: red;
  font-size: smaller;
}

/* community-module login form */
.login-form input {
  width: 100%;
}

/* combined agenda items */
.activity {
  padding: 0.5em 0;
  border-top: 1px solid #ebebeb;
}

.activity.first {
  border-top: none;
}

.activity dl {
  float: left;
  margin: 0 0 0.5em 0;
}

.activity dl dt {
  float: left;
  margin: 0;
  padding: 0;
  width: 50px;
}

.activity dl dd {
  float: left;
  margin: 0;
  padding: 0;
  width: 120px; /* 170 - 50 */
}

.activity a.readon {
  clear: left;
}

/* partner overzicht */
.partners 
{
  overflow: visible;
}

.partners .cell 
{
  float: left;
  margin: 5px;
  display:inline;
}
    
.partners .cell a 
{
  display: block;
  height: 22px;
  background-color: white;
  color: black;
  text-decoration: none;
  padding-top: 3px;
  padding-left: 5px;
  padding-right: 5px;
}  

.partners .clearall 
{
   clear: left;
}

div.item p a {
	color:#0056A9;
	text-decoration:underline;
}

/*******************************************************************************
 * Withness Account List Portlet
 ******************************************************************************/
 ul.witnessaccounts div.teaser { float: left; width: 340px; }
 
/*******************************************************************************
 * Google Map Portlet
 ******************************************************************************/
div.googlemap h2 { font-size: 1em; font-weight: normal; margin: 0 0 0.5em 0; text-align: right; }
div.googlemap ul { list-style-position: inside; margin: 6px 0; }


/*******************************************************************************
 * Products Portlet
 ******************************************************************************/
div.product h3 { border-bottom: 1px solid #FFF; font-size: 1.25em; font-weight: bold; padding: 10px; }
div.product fieldset { border: 0; }
div.product form { background:#EAEAEA url(../gfx/blokje_bg.gif) repeat-x; }
div.product form dt { clear: left; float: left; font-weight: bold; }
div.product form dt label { display: block; text-align: right; width: 135px; }
div.product form dd { margin-left: 155px; }
div.product form .enum { list-style: none; margin : 0; padding: 0; }
div.product form .enum li { margin: 0; padding: 0; }
div.product input.submit { clear: left; height: 24px; margin: 20px 0 0 215px; width: 130px; }
div.product input,
div.product textarea { border: 0; margin-bottom: 5px; width: 190px; }
div.product form .enum input { width: auto; }
div.product form .validation-error { border: 1px solid #F00; }

/*******************************************************************************
 * Activity Portlet
 ******************************************************************************/
div.activity div.monuments { margin-top: 1em; }
div.activity div.monuments a { color: #666; }
div.activity div.monuments h3 { margin-bottom: 1em; }

/*******************************************************************************
 * Personal Pages (Organizations)
 ******************************************************************************/
#organization_banner { margin-top: 20px; }