/* content algemeen =================== */
#content
{
  min-height:575px;
}
#content .pagina-header
{
  margin:14px 0 25px 0;
  position:relative;
}
h1
{
  font-size:30px;
  font-weight:normal;
  line-height:31px;
  display:inline-block;
  padding-right:31px;
  position:relative;
  font-family:AdelleBasic-Light;
}
#content .pagina-header h1 a
{
  position:absolute;
  right:0px;
  top:4px;  
  width:25px;
  height:25px;
  display:inline-block;
  background-position:0 -306px;
}
#content .pagina-header h1 a:hover,
#content .pagina-header h1 a.favoriet
{
  background-position:0 -227px;
}
#content .pagina-header h2
{
  font-size:15px;
  font-weight:normal;
  line-height:20px;
  margin-top:6px;
  max-width:700px;
}
#content .pagina-header p
{
  margin-top:10px;
  margin-bottom:4px;
  color:#0066a7;
  font-size:11px;
}
#content .pagina-header p span
{
  color:#00385b;
}

#content .pagina-header .isfavoriet
{
  float:right;
  background-image: url(/National_Library/20160930123623oe_/http://www.vanditmar.nl/Content/img/sprite-algemeen.png);
  background-position: 0 -225px;
  height: 25px
}
#content .pagina-header .isfavoriet span 
{
  visibility: hidden;
}

#content .pagina-header .favoriet
{
  float:right;
  background-image: url(/National_Library/20160930123623oe_/http://www.vanditmar.nl/Content/img/sprite-algemeen.png);
  background-position: 0 -305px;
  height:25px
}
  
#content .pagina-header .favoriet span 
{
  visibility: hidden;
}

#content .floatright
{
  float:right;
}
#content li.actief a,
#content li a.actief
{
  color:#e9831e;
}
.nowrap
{
  white-space:nowrap;
}
.pagina-header a.nieuwe-invoer,
.pagina-header a.nieuwe-invoer:hover
{
  position:absolute;
  right:0px;
  top:39px;
  z-index:1;
  color:#0066a7;
  background-position: 0 5px;
  padding-left:11px;
}

.pagina-header a.nieuwe-invoer:hover,
.pagina-header .nieuwe-invoer a:hover
{
  text-decoration:underline;
}
.pagina-header div.nieuwe-invoer {
	position:absolute;
  right:0px;
  top:39px;
  z-index:1;
	width:300px;
	text-align:right;
}
.pagina-header .nieuwe-invoer a,
.pagina-header .nieuwe-invoer a:hover
{
	background-image: url(/National_Library/20160930123623oe_/http://www.vanditmar.nl/Content/img/sprite-algemeen.png?v=1.0);
	background-repeat: no-repeat;
  background-position: 0 4px;
  color:#0066a7;
  padding-left:11px;
}








.status h4
{
  padding-left:10px;
  font-size:12px;
  margin:15px 0 5px 0;
}
.status table.dotted
{
  margin-bottom:10px;
}
.status table.dotted td
{
  padding-left:10px;
}
.status > a,
.status > a:hover
{
  color:#0066a7;
  padding-left:10px;
  text-decoration:underline;
}
.status > a:hover
{
  text-decoration:none;
}




/* contentpagina =============== */
.inleiding p
{
  font-size:16px;
  line-height:22px;
  margin-bottom:30px;
}

.contentpagina h2,
h4
{
  font-family:verdana;
  font-size:14px;
  font-weight:bold;
  line-height:20px; 
  margin-top:20px;
}

table.dotted
{
  background:url(/National_Library/20160930123623oe_/http://www.vanditmar.nl/Content/img/dot-bg.png) 0 top repeat-x;
  width:100%;
}
table.dotted th,
table.dotted td
{
  padding-top:2px;  
  padding-bottom:2px;  
  vertical-align: top;
  line-height:20px;
  background:url(/National_Library/20160930123623oe_/http://www.vanditmar.nl/Content/img/dot-bg.png) 0 top repeat-x;
}
table.dotted td.no-border,
table.dotted thead td,
table.dotted thead th,
table.dotted tbody tr:first-child td
{
  background:none;
}
table.dotted th
{
  text-align:left;
  font-weight:normal;
}

table.winkelwagen
{
  border-bottom:solid 2px #e5edf1;
}




input[type=password].xxlarge {
    width:264px;
}


ul, ol
{
  margin-left:17px;
}

.retourtable td
{
	overflow:hidden;
	white-space:normal !important;
}

.inzet .submit-button
{
	float:right;
}




/* datepicker */
/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
  top: 0;
  left: 0;
  padding: 4px;
  margin-top: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  /*.dow {
    border-top: 1px solid #ddd !important;
  }*/

}
.datepicker:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 6px;
}
.datepicker:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -6px;
  left: 7px;
}
.datepicker > div {
  display: none;
}
.datepicker table {
  width: 100%;
  margin: 0;
}
.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker td.day:hover {
  background: #eeeeee;
  cursor: pointer;
}
.datepicker td.day.disabled {
  color: #eeeeee;
}
.datepicker td.old,
.datepicker td.new {
  color: #999999;
}
.datepicker td.active,
.datepicker td.active:hover {
  color: #ffffff;
  background-color: #e9831e;
  background-repeat: repeat-x;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #e9831e;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker td.active:hover,
.datepicker td.active:hover:hover,
.datepicker td.active:focus,
.datepicker td.active:hover:focus,
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active,
.datepicker td.active.disabled,
.datepicker td.active:hover.disabled,
.datepicker td.active[disabled],
.datepicker td.active:hover[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active {
  background-color: #e9831e;
}
.datepicker td span {
  display: block;
  width: 47px;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 2px;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker td span:hover {
  background: #eeeeee;
}
.datepicker td span.active {
  color: #ffffff;
  background-color: #e9831e;
  background-repeat: repeat-x;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #e9831e;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker td span.active:hover,
.datepicker td span.active:focus,
.datepicker td span.active:active,
.datepicker td span.active.active,
.datepicker td span.active.disabled,
.datepicker td span.active[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}
.datepicker td span.active:active,
.datepicker td span.active.active {
  background-color: #d07010;
}
.datepicker td span.old {
  color: #999999;
}
.datepicker th.switch {
  width: 145px;
}
.datepicker th.next,
.datepicker th.prev {
  font-size: 21px;
}
.datepicker thead tr:first-child th {
  cursor: pointer;
}
.datepicker thead tr:first-child th:hover {
  background: #eeeeee;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
}

#inloghulpPopup {
  width:700px;
  margin-left:-350px;
}

  #inloghulpPopup .grid_12 {
    width:310px;
  }

.unselectable
{
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	-o-user-select: none;
	user-select: none;
}


.image-reeksen {
  width: 115px;
  height: 180px;
}

  .container-reeksen .uitgelicht {
    padding-top: 0;
  }

    .container-reeksen .uitgelicht h6 {
      margin-top: 10px;      
      text-align: center;
    }
  .container-reeksen .header-reeksen {
    margin-bottom: 10px;    
  }
    .container-reeksen .header-reeksen h2 {
      margin-top: 40px;      
      margin-bottom: 0;
    }

    .push-down{
      margin-top: 40px;
    }