* {
  margin: 0px;
  padding: 0px;
}

body {
  background-image: url(../img/background.png);
  margin-bottom: 20px;
  font-family: Arial;
  font-size: 9pt;
  font-weight: normal;
  /*line-height: 12pt;*/
}

a {
	color: navy;
  text-decoration: none;
}

a:hover {
	color: maroon;
}

img {
  border: 0px;
}

tt {
  font-family: Arial;
  font-weight: bold;
}

li {
  margin-left: 20px;
  marker-offset: -20px;
}

/* Page positioning and size */
.pagination {
  margin-left: auto;
  margin-right: auto;
  width: 790px;
  height: auto;
  /*min-width: 750px;
  max-width: 750px;
  width: expression(document.body.style.width > 750 ? "750px" : document.body.style.width < 750 ? "750px" : "auto" );*/
}

.shadow {
  padding: 2px;
  background-image: url(../img/shadow.png);
  height: 100%;
}
.shadow .shadow{
  padding: 1px;
  overflow: visible;
}

/* Page layout, colour etc */
.page {
  background-color: white;
  height: 100%;
}

.pageinner {
  padding: 20px;
  height: 100%;
  padding-bottom: 6px;
}

.date {
  float: right;
  padding-top: 8px;
  padding-left: 0px;
  padding-right: 3px;
  font-size: 7.5pt;
  color: #ccc;
  margin-top: 117px;
  margin-bottom: -139px;
}

.columns {
  float: none;
  clear: both;
  height:1%;
  overflow: hidden;
}

.column {
  height: auto;
}

.sessionbar {
  position: relative;
  left: -20px;
  top: -20px;
  width: 742px;
  margin-right: -50px;
  background-color: #eee;
  border-bottom: 1px solid #ccc;
  padding-left: 20px;
  padding-right: 20px;
  clear: both;
  line-height: 12pt;
}

.sessionsubbar {
  margin-top: 3px;
  padding-top: 3px;
  border-top: 1px solid #ccc;
}

.artikelmaintekstcolumnleft {
  text-align: justify;
  width: 48%;
  float: left;
  padding-right: 2%;
  border-right: 1px solid #eee;
}

.artikelmaintekstcolumnright {
  text-align: justify;
  float: right;
  width: 48%;
}

.introduction {
  margin-bottom: 10px;
  color: #000;
  font-size: 9pt;
  font-family: arial;
  text-align: justify;
}

.heading {
  background-image: url(../img/heading_background.png);
  background-repeat: repeat-y;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 5px;
  padding-left: 10px;
  color: #777;
  font-size: 10pt;
  font-weight: bold;
  height: 1%;
  overflow: hidden;
}

h3 {
  background-image: url(../img/heading_background.png);
  background-repeat: repeat-y;
  border-left: 1px solid #ccc;
  padding: 5px;
  padding-left: 10px;
  color: #999;
  font-size: 10pt;
  font-weight: bold;
}

p {
  margin-bottom: 10pt
}


.mailitem {
  background-image: url(../img/item_sideline.png);
  background-repeat: no-repeat;
  padding: 5px;
  color: #000;
  text-align: justify;
}

.mailitembottom {
  margin-top: -10px;
  border-bottom: 1px solid #ccc;
  background-image: url(../img/heading_background_r.png);
  background-repeat: repeat-y;
  background-position: 100% 0px;
  text-align: right;
  height: 1%;
  overflow: hidden;
}

.readmore {
  display: block;
  text-align: right;
  padding: 2px;
  padding-right: 5px;
  border-right: 1px solid #ccc;
  background-image: url(../img/item_topline.png);
  background-repeat: no-repeat;
  background-position: 100% 0px;
  color: #000;
  font-family: tahoma;
  font-size: 7pt;
  position: relative;
  z-index: 1;
  width: 60px;
  float: right;
}

.readmore:hover {
  color: #666;
}

.menubar {
  height: 25px;
  background-image: url(../img/menu_background.png);
  text-align: center;
}

.menuitems {
  margin-left: auto;
  margin-right: auto;
  float: right;
  overflow: hidden;
  z-index: 1;
  position: relative;
  border-left: 1px solid #ccc;
}

.menubarpaginatop {
  height: 25px;
  background-image: url(../img/menu_background.png);
  text-align: center;
  overflow: hidden;

  /*position: relative;
  left: -20px;
  top: -20px;
  padding-left: 5px;
  width: 757px;
  margin-right: -50px;*/
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  x-padding-right: 20px;
  clear: both;
  line-height: 12pt;
}

.menuitemspaginatop {
  /*margin-left: auto;
  margin-right: auto;*/
  overflow: hidden;
}

a.menuitem {
  padding-left: 14px;
  padding-right: 14px;
}

a.search {
  border-left: none;
  border-right: none;
  margin-left: 0px;
  padding: 5px 4px 0 4px;
  margin-bottom: -5px;
}

a.menuitem, a.search {
  float: left;
  display: block;
  line-height: 25px;
  font-size: 10pt;
  font-weight: bold;
  color: #777;
  height: 25px;
  border-right: 1px solid #ccc;
}

a.menuitem2 {
  float: left;
  display: block;
  line-height: 25px;
  font-size: 10pt;
  font-weight: bold;
  color: #777;
  padding-left: 13px;
  padding-right: 12px;
  height: 25px;
  border-right: 1px solid #ccc;
}

div.search {
  float: left;
  margin-left: 15px;
}

a:active.menuitem, a:hover.menuitem,
a:active.search, a:hover.search {
	text-decoration: none;
	color: #666;
  background-image: url(../img/menu_item_active.png);
}

img.mailicon {
  border: 1px solid #999;
  float: left;
  width: 60px;
  height: 40px;
  margin-right: 10px;
}

.mailauthor, .deepeninginfo, .reactieinfo {
  font-size: 7pt;
  color: #999;
  font-weight: bold;
  line-height: 10pt;
  padding-top: 3px;
}

.extrainfo{
  display: block;
  font-size: 7pt;
  color: #999;
  font-weight: bold;
  line-height: 6pt;
  padding-top: 6px;
  white-space: nowrap;
}
.extraheader {
  white-space: nowrap;
}

.mailheader, .deepeningheader {
  display: block;
  font-size: 9pt;
  color: #000;
  font-weight: bold;
  line-height: 12pt;
  padding-bottom: 2px;
}
.zoekdeepeningheader {
  font-size: 9pt;
  color: #000;
  font-weight: bold;
  line-height: 12pt;
  padding-bottom: 2px;
}

.mailheader:hover, .deepeningheader:hover {
  color: #666;
}

.banner {
  background-image: url(../img/banner2014.jpg);
  height: 139px;
}
.printbanner {
  display: none;
}
.pressreleasedate {
  display: inline;
  color: #000;
  font-weight: bold;
  margin-right: 4px;
}

.zoekinstructie {
  font-size: 7pt;
  margin-top: 25px;
  color: #999;
}

.zoekhit {
	border-bottom: 1px dotted black;
}

.disclaimer {
  width: 100%;
  font-size: 8pt;
  color: #999;
  margin-top: 25px;
  text-align: center;
}

.disclaimer a.contact {
  color: #000;
}

.hoekje {
  width: 295px;
  height: 218px;
  overflow: hidden;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

.hoekjeonderschrift {
  font-size: 7pt;
  color: #999;
  margin-top: 5px;
}

.corner {
  margin-top: 10px;
  padding: 12px;
  border: 1px solid #ccc;
}

.cornertitle {
  margin-left: auto;
  margin-right: auto;
}

img.deepeningicon {
  border-right: 1px solid #ccc;
  float: left;
  width: 140px;
  height: 100px;
  margin: 0px;
  margin-right: 10px;
}

.deepeningitem {
  display: block;
  border-left: 1px solid #ccc;
  height: 100px;
  overflow: hidden;
  font-size: 8pt;
  color: #000;
  text-align: justify;
  /*background-image: url(../img/item_sideline.png);
  background-repeat: no-repeat;
  padding: 5px;
  color: #666;*/
}

.deepeningitem a {
}

a.deepeningitem:hover {
  xbackground-color: #eee;
}

.deepeningitembottom {
  margin-top: -15px;
  border-bottom: 1px solid #ccc;
  background-image: url(../img/heading_background_r.png);
  background-repeat: repeat-y;
  background-position: 100% 0px;
  text-align: right;
  height: 1%;
  overflow: hidden;
}

.join {
  border: 1px solid #ccc;
  background-image: url(../img/joinbackground.png);
  background-repeat: repeat-x;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
}

.welkom {
  border: 1px solid #ccc;
  background-image: url(../img/joinbackground.png);
  background-repeat: repeat-x;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: left;
  line-height: 17px;
}

a.button {
  display: block;
  border: 1px solid #999;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  background-image: url(../img/button.png);
  background-repeat: repeat-x;
  padding-left: 10px;
  padding-right: 10px;
  height: 21px;
  color: #000;
  font-size: 10pt;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  line-height: 19px;
  overflow: auto;
  width: 100px;
  margin-left: auto;
  margin-right: auto;
}

a.button:hover {
  background-image: url(../img/buttondown.png);
  line-height: 21px;
}

a.buttoninhoud {
  display: block;
  border: 1px solid #999;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  background-image: url(../img/button.png);
  background-repeat: repeat-x;
  padding-left: 10px;
  padding-right: 10px;
  height: 21px;
  color: #000;
  font-size: 10pt;
  text-align: center;
  text-decoration: none;
  line-height: 19px;
  overflow: auto;
  width: 100px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1px;
}

a.buttoninhoud:hover {
  background-image: url(../img/buttondown.png);
  font-weight: bold;
  line-height: 21px;
}

.extraitem {
  display: block;
  height: 32px;
  overflow: hidden;
  border-left: 1px solid #ccc;
}

a.extraitem:hover {
  background-color: #eee;
}

.extraicon {
  border-right: 1px solid #ccc;
  float: left;
  width: 32px;
  height: 32px;
  margin: 0px;
  margin-right: 10px;
}

.extraheader {
  display: block;
  font-size: 9pt;
  color: #000;
  font-weight: bold;
  line-height: 12pt;
}

.extraitembottom {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  height: 15px;
  margin-top: -15px;
}

.persvoetje {
  display: block;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 2px;
  padding-right: 5px;
  background-image: url(../img/heading_background_r.png);
  background-repeat: repeat-y;
  background-position: 100% 0px;
  font-family: Tahoma;
  font-size: 7pt;
  text-align: right;
  color: #000;
}

.persvoetje:hover {
  color: #666; 
}

.deepeninglist {
  /*background-image: url(../img/item_sideline.png);
  background-repeat: no-repeat;*/
  border-collapse: collapse;
  margin-top: 5px;
}

.deepeninglist .deepeninglistheader {
  font-weight: bold;
}

.deepeninglist a {
  padding-left: 6px;
  padding-right: 6px;
  color: #000;
  display: block;
  margin-right: 10px;
}
.deepeninglist a:hover {
  background-color:#eee;
}

.deepeninglistleft {
  font-size: 9pt;
  color: #000;
  line-height: 12pt;
  padding: 8px;
  font-weight: bold;
  float: left;
  width: 45%;
}

.deepeninglistright {
  font-size: 9pt;
  color: #000;
  padding: 8px;
  line-height: 12pt;
}

.reacties {
/*  display: none;*/
}

.reactieitem {
  background-image: url(../img/item_sideline.png);
  background-repeat: no-repeat;
  padding: 5px;
  color: #000;
  text-align: justify;
  overflow: visible;
  /*background-color: #fafafa;*/
}

.reactieitem .naam {
  font-weight: bold;
  margin-right: 10px;
}

.reactieitemheading {
  padding-bottom: 5px;
}
.reactieitem a.naam{
  color: #000;
}
.reactieitem a:hover.naam{
  background-color: #eee;
}
.reactieitem .datum {
  font-size: 8pt;
}

.reageer {
  cursor: pointer;
  padding: 5px;
  display: block;
  color: #000;
  font-weight: bold;
  height: 17px;
  border: 1px solid #ccc;
  border-right: none;
  margin-top: 10px;
}

.reageer:hover {
  background-color: #fafafa;
}

.reactieitembottom {
  margin-top: -10px;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  /*background-color: #fafafa;*/

  /*background-image: url(../img/heading_background_r.png);
  background-repeat: repeat-y;
  background-position: 100% 0px;*/
  text-align: right;
}

.separator {
  height: 25px;
}

.separatorklein {
  height: 10px;
}

.separatorheelklein {
  height: 9px;
}

.separatornano {
  height: 5px;
}

.artikelinfo {
  color: #999;
  font-size: 9pt;
  text-align: justify;
}

.artikeltitel {
  color: #000;
  font-size: 14pt;
  text-align: justify;
}

.artikelsubtitel {
  margin-bottom: 10px;
  color: #000;
  font-size: 10pt;
  text-align: justify;
}

.artikelmaintekst {
  margin-bottom: 5px;
  color: #000;
  font-size: 9pt;
  font-family: arial;
  line-height: 13pt;
  text-align: justify;
}

.artikelitem {
  overflow: hidden;
  border-left: 1px solid #ccc;
  color: #000;
  font-size: 9pt;
  padding: 5px;
  text-align: justify;
}

.artikelitembottom {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  height: 15px;
  margin-top: -15px;
}

.geluidsfragment {
  margin-top: 0px;
  color: #000;
  font-size: 8pt;
  text-align: center;
}

.decofotorechts {
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 3px;
  margin-left: 27px;
  margin-bottom: 12px;
  margin-top: 12px;
  float: right;
}

.decofotolinks {
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 3px;
  margin-right: 27px;
  margin-bottom: 12px;
  margin-top: 12px;
  float: left;
}

.decofotolinksboven {
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 3px;
  margin-right: 25px;
  margin-bottom: 10px;
  float: left;
}

.decofotorechtsboven {
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 3px;
  margin-left: 25px;
  margin-bottom: 10px;
  float: right;
}

.decothumbnail {
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 3px;
  margin-right: 6px;
  margin-top: 7px;
}

.decothumbnailsmal {
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin: 0px;
}

.decothumbnailrechts {
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 3px;
  margin-top: 7px;
}

.minithumbnails img {
  /*border-left: 1px solid #999;
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;*/
  margin: 3px;
}

.dvhbouw {
  text-align:center;
}

.dvhbouw img {
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin: 3px;
}

.mediafotolinksboven {
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 3px;
  margin-right: 10px;
  margin-bottom: 1px;
  float: left;
}

.thumbnaildatum {
  margin: 0 auto;
  padding: 2px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 7px;
  width: 150px;
  color: #000;
  font-size: 8pt;
  font-family: arial;
  line-height: 13pt;
  font-weight: bold;
}

.artsubtitel {
  margin: 0 auto;
  padding: 2px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 3px;
  width: 200px;
  color: #000;
  font-size: 8pt;
  font-family: arial;
  line-height: 13pt;
  font-weight: bold;
  /*text-align: center;*/
}

.inhoudsopgave {
  width: 130px;
  border: 1px solid #ccc;
  background-image: url(../img/joinbackground.png);
  background-repeat: repeat-x;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: 32px;
  margin-bottom: 10px;
  text-align: center;
}

.decofotocenter {
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 3px;
  margin: 5px;
}

.decokleinrechts {
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 3px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 7px;
}

.tekstlink, p a {
  color: #999;
  text-decoration: none
}

.menulinknietlaatste {
	margin-right: 50px;
}

a.tekstlink:hover, p a:hover {
  color: #999;
  text-decoration: underline;
}

.bladerbalk {
  width: 250px;
  border: 1px solid #ccc;
  background-image: url(../img/bladerbackground.png);
  background-repeat: repeat-x;
  padding: 0px;
  margin: 10px;
  text-align: center;
}

.artikelquoterechts {
  background-image: url(../img/quote_background.png);
  background-repeat: repeat-y;
  float: right;
  padding: 10px;
  margin-left: 20px;
  margin-right: 0px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: georgia;
  font-size: 13pt;
  text-align: left;
}

.artikelquotelinks {
  background-image: url(../img/quote_background_r.png);
  background-repeat: repeat-y;
  background-position: top right;
  float: left;
  padding: 10px;
  margin-left: 0px;
  margin-right: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: georgia;
  font-size: 13pt;
  text-align: left;
}

.mailindex {
  width: 100%;
  border-bottom: 1px solid #ccc;
}

.mailindex th{
  background-image: url(../img/heading_background.png);
  background-repeat: repeat-y;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  color: #777;
  font-size: 8pt;
  font-weight: bold;
  padding: 1px 3px;
  vertical-align: top;
  text-align: left;
}

.mailindex td {
  font-size: 9pt;
  padding: 3px;
  vertical-align: top;
  font-weight: bold;
  border-top: 1px solid #eee;
}
.mailindex .mailtekst {
  font-weight: normal;
}

.mailindex .mailnummer {
  width: 45px;
  font-size: 8pt;
  white-space: nowrap;
}

.mailindex .mailafzender {
  width: 115px;
  font-size: 9pt;
  white-space: nowrap;
}

.mailindex .maildatum {
  font-weight: normal;
  width: 105px;
  font-size: 8pt;
  white-space: nowrap;
}

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

.mailindex a:hover {
  color: #666;
}

td.perstekst {
  font-weight: normal;
}

.mailnummer a, .perstekst a {
  padding-left: 15px;
  background-image: url(../img/vlop.png);
  background-position: 0px 3px;
  background-repeat: no-repeat;
}

.mailnummer a:hover, .perstekst a:hover {
  background-image: url(../img/vlopopen.png);
  background-position: 0px 0px;
}

.mailnummer.premiummailnummer a {
  background-image: url(../img/vlop_gold.png);
}

.mailnummer.premiummailnummer a:hover {
  background-image: url(../img/vlopopen_gold.png);
}

.mailindexnavigation {
  text-align: right;
  font-size: 8pt;
}

.mailindexnavigation a {
  color: #000;
}

.mailindexnavigation a:hover {
  /*text-decoration: underline;*/
  color: #999;
}

.mailindexnavigation .nolink {
  color: #999;
}

.hoekjenavigation {
  text-align: left;
  font-family: tahoma;
  font-size: 7pt;
  color: #999;
}

.hoekjenavigation a {
  color: #999;
}

.nav_left {
  width: 10px;
  height: 10px;
  background-image: url(/img/nav_left.png);
  background-repeat: no-repeat;
  background-position: 2px 2px;
}

a .nav_left:hover {
  background-image: url(/img/nav_left_active.png);
}

.nav_right {
  width: 10px;
  height: 10px;
  background-image: url(/img/nav_right.png);
  background-repeat: no-repeat;
  background-position: 2px 2px;
}

a .nav_right:hover {
  background-image: url(/img/nav_right_active.png);
}

table.mailinfo {
  font-weight: normal;
  color: #000;
  font-size: 9pt;
}

table.mailinfo td {
  padding-right: 15px;
}

.mailview {
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-size: 8pt;
  color: #000;
  padding: 22px;
  font-size: 9pt;
}

.mailview a, .reactie a{
  color: #777;
}
.mailview a:hover, .reactie a:hover{
  text-decoration: underline;
}

.warn {
  color: maroon;
  font-weight: bold;
  font-size: larger;
}

table.reactie {
  margin-top: 10px;
}

.reactie {
  margin-top: 10px;
  margin-bottom: 10px;
  width: 40%;
}

.reactie .openitem {
  font-size: 8pt;
  text-align: left;
}

.reactie .label {
  font-size: 8pt;
}

.reactie input, .reactie textarea {
  width: 100%;
  margin-bottom: 3px;
}

#imgbanner {
  position: relative;
  z-index:0;
  margin-bottom: 10px;
  margin-top: -10px;
  padding-top: -10px;
  margin-left: 100px;
  margin-right: 100px;
}

#sortorder {
  float: right;
  text-align: center;
  border: 1px solid #ccc;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 17px;
}
