/* Stylesheet for Het Christelijke Boek... */

/* For W3C browsers: make sure the entire window is filled. */
html { margin:0; padding:0; width:100%; height:100%; font-family: Arial, Helvetica, sans-serif; }

.site_body {
  width:100%;
  height:100%;
  margin:0px;
  padding:0px;

  overflow-x:hidden;
  background-color:#FFFFFF;
  color:#000000;
  z-index:1;
}

/* The appearance of the content iframe */
/* Here it can be choosen if the frameset has scrollbars, or the iframe.
 *   scrollbars in the iframe:   content_frame needs either a height or a bottom spec.
 *   scrollbars in the frameset: NO height or a bottom spec for content_frame
 *   DO NEVER SPECIFY height FOR content_body
 */

.content_frame {
  position:relative;
  width:100%;
  top:0px;
  padding:0px;
  margin:0px;
  visibility:hidden;
  z-index:1;
  font-family: Arial, Helvetica, sans-serif;
}

.body {
  margin:0px;
  padding:0px;
  color:#000000;
  font-size:11px;
  overflow:hidden;
  font-family: Arial, Helvetica, sans-serif;
}

a       { color:#2A4A71; text-decoration:none; }
a:hover { text-decoration:underline; }

p,  .fzine_content { color:#615D50; font-size:12px; padding:0px; margin:0px; line-height:130%; font-family: Arial, Helvetica, sans-serif; }
h1, .fzine_titel { color:#7E7E7E; padding:0px; font-size:20px; font-style:normal; font-weight:normal; }
.h1_style { color:#2A4A71; padding:0px; font-size:16px; font-style:normal; font-weight:normal; }

.cms_titel { color:#7E7E7E; padding:0px; font-size:20px; font-style:normal; font-weight:normal; line-height:130%;}
h2   { font-size: 13px; }
h3   { font-size: 14px; }
h4   { font-size: 15px; }

hr { color:#CCCCCC; height:1px; padding:0px; margin:0px; }

ul, ul p {
  font-size: 12px;
  margin:0px;
  list-style-image:url(/p-httpd/_style/images/menu/bullet.gif);
  padding:10px;
  padding-top:5px;
  padding-bottom:5px;
  background-color:#D5E5F5;
}
ul li {
  font-size: 12px;
  margin-left:15px;
  list-style-image:url(/p-httpd/_style/images/menu/bullet.gif);
}
ol, ol p {
  font-size: 12px;
  margin:0px;
  padding:10px;
  padding-top:5px;
  padding-bottom:5px;
  background-color:#D5E5F5;
}
ol li {
  font-size: 12px;
  margin-left:20px;
  _margin-left:25px;
}

/* Nieuws - Used for news in the subpage... */
.nieuws      { font-family: Arial, Helvetica, sans-serif; padding:0px; margin:0px; }
.nieuws td p { padding-left:10px; font-size:15px; }
.nieuws li   { padding:0px; font-size:12px; }

.imageRight, .img_righttop { margin:0px; padding:0px; margin-left:10px; margin-bottom:5px; }
.imageLeft, .img_lefttop  { margin:0px; padding:0px; margin-right:10px; margin-bottom:5px; }

.hallmark_img  { padding:0px; margin-left:5px; margin-right:5px; margin-bottom:10px; }
.page_pic      { padding:0px; margin:0px; }

/* QbSite specific... */
.response_form { font-size:12px; }

.colofon_frame   {
  position:relative;
  overflow:hidden;
  width:100%;
  margin:0px;
  padding:0px;
  font-family: Arial, Helvetica, sans-serif;
}

.subpage_frame   {
  position:relative;
  overflow:hidden;
  width:100%;
  margin:0px;
  padding:0px;
  margin-top:10px;
  font-family: Arial, Helvetica, sans-serif;
}

.subpage_body    {
  margin:0px;
  /*margin-right:10px;*/
  padding:0px;
  color:#615D50;
  align:top left;
  font-size:14px;
  font-family: Arial, Helvetica, sans-serif;
}
.subpage_body a  { color:#2A4A71; }

/* more class for the user to use in the WYSIWYG editor... */
.cms_more {
  text-decoration: none;
  color:#2A4A71;
  font-weight: bold;
  font-size: 12px;
  padding-left: 10px;
  background-image:url(/p-httpd/_style/images/menu/bullet.gif);
  background-repeat: no-repeat;
  background-position: 0px 4px;
}
a.cms_more      { color:#2A4A71; }
.cms_more:hover { color:#2A4A71; }

/* Disclaimer popup... */
.disclaimer        { position:absolute; visibility:hidden; width:150px; color:#7E7E7E; background-color:#FFFFFF; border: 1px solid #7E7E7E; border-spacing: 0; font-size:10px; padding:4px; margin:0; z-index:10; }
.disclaim_text     { color:#7E7E7E; font-size:11px; }
.disclaim_text a   { text-decoration:underline; }

.footer_info  {  height:20px; padding:0px; margin:0px; padding-top:0px; padding-bottom:5px;}

.nieuws_tag    { padding:0px; font-size:12px; font-weight:bold; }
.aex_banner    { padding:0px; margin:0px; _margin-top:-1px; }

/* Buttons in forms, e.g. mail response form... */
.cms_input    { height:20px; font-weight:bold; font-size:12px; background-color:#FFFFFF;}
.cms_subtitel { color:#615D50; font-size:13px; font-style:normal; font-weight:bold; }
.cms_meer     { color:#2A4A71; font-size:13px; font-style:bold; }
.cms_meer a, .cms_meer a:hover  { text-decoration:none; }

/* Additional standard colors... */
.cms_rood  { color:#FF0000; }
.cms_wit   { color:#FFFFFF; }
.cms_zwart { color:#000000; }
.cms_9px_font { font-size:9px; }
.cms_10px_font { font-size:10px; }
.cms_11px_font { font-size:11px; }
.cms_12px_font { font-size:12px; }
.cms_14px_font { font-size:14px; }
.cms_16px_font { font-size:16px; }
.cms_18px_font { font-size:18px; }

/* E-mail forms... */
.email_response_div             { width:100%; margin-left:0px; margin-right:0px; }
.email_response_required_fields { font-size:9px; font-style:italic; color:#444444; padding-right:10px; }

.mini_response_form    { width:95%; background-color:#EFEFEF; padding:0px; margin:0px; border: 1px solid #7E7E7E; border-collapse: separate; border-spacing:3;}
.mini_response_form tr td { padding:2px; padding-left:7px; padding-right:7px; margin:0px; font-size:11px; }
.mini_response_form tr th { text-align:left; padding:0px; margin:0px; padding-left:4px; font-size:12px; color:#FFFFFF; background-color:#2A4A71; }
.mini_response_input   { color:#000000; width:100%; font-size:11px; border: 1px solid #7A7A7A; }
.mini_response_button  {
   font-size:11px;
   color: #FFFFFF;
   background-color: #2A4A71;
   border: 1px solid #2A4A71;
   margin:2px;
   margin-right:-4px;
   padding-left:15px;
   padding-right:15px;
}

.email_response_form       { width:95%; background-color:#EFEFEF; padding:0px; margin:0px; border: 1px solid #7E7E7E; }
.email_response_form tr td { padding:2px; padding-left:7px; padding-right:7px; margin:0px; font-size:11px; }
.email_response_form tr th { text-align:left; padding:0px; margin:0px; padding-left:4px; font-size:12px; color:#FFFFFF; background-color:#2A4A71; }
.email_response_input   { color: #000000; width:100%; font-size:11px; border: 1px solid #7A7A7A; }
.email_response_button  {
   font-size:11px;
   color:#FFFFFF;
   background-color: #2A4A71;
   border:1px solid #2A4A71;
   margin:2px;
   margin-right:-4px;
   padding-left:15px;
   padding-right:15px;
}

.shadow_left {
  background-color:#EFEFEF;
  background-image:url(images/shadow_left.gif);
  background-position: top right;
  background-repeat: repeat-y;
}

.shadow_right {
  background-color:#EFEFEF;
  background-image:url(images/shadow_right.gif);
  background-position: top left;
  background-repeat: repeat-y;
}

.header {
  margin:0px;
  padding:0px;
  width:983px;
  height:160px;
}

td.hdr_text p { color:#FFFFFF; font-size:15px; font-style:italic; }

.header_image {
  margin:0px;
  padding:0px;
  background-image:url(images/header.jpg);
  background-position: top left;
  background-repeat: no-repeat;
}

.menu_strip {
  padding:0px;
  margin:0px;
  height:25px;
  background-color:#FFFFFF;
  background-image:url(images/menu_strip.jpg);
  background-position: top left;
  background-repeat: repeat-x;
}

/* Disclaimer popup... */
.disclaim_text         { color:#CCCCCC; font-size:12px; }
.disclaim_text a       { color:#CCCCCC; text-decoration:none; }
.disclaim_text a:hover { color:#CCCCCC; text-decoration:underline; }
.disclaim_box          { position:relative; margin-left:10px; bottom:2px; }

.submenu         { color:#CCCCCC; padding:0px; margin:0px; font-size:11px; }
.submenu_divider { padding:0px; margin:0px; padding-left:7px; padding-right:4px; margin-bottom:-1px; }
.submenu a       { text-decoration:none; }

.kolom1 { width:190px; border-right: 1px solid #CCCCCC; margin:0px; padding:10px; }
.kolom2 { width:560px; margin:0px; padding:10px; }
.kolom3 { width:233px; padding:0px; margin:0px; padding-left:5px; padding-right:5px;}

/* Additional stuff... */
.normal    { background-color:#FFFFFF; }
.alt       { background-color:#EFEFEF; }
.var       { background-color:#FFFFFF; }
.inv       { background-color:#FFFFFF; }
.capt      { background-color:#FFFFFF; color:#333333; }
.NoteStyle { color:#2A4A71; background-color:#FFFFFF; border: solid 1px #2A4A71; font-size:10; padding:4px;}
.PopStyle  { z-index:20; top:0px;left:0px; position:absolute; visibility:hidden; width:200; }

.img_right      { margin:0px; padding:0px; margin-right:0px; margin-bottom:-3px;}
.img_center     { margin:0px; padding:0px; margin-right:0px; margin-bottom:-3px;}

/* Par styles... */
.par_normal                { font-family: Arial, Helvetica, sans-serif; background-color:transparent; }
.par_normal td             { background-color:transparent; padding:0px; }
.par_normal .par_title,
.par_normal .fzine_titel   { color:#615D50; font-size:18px; font-weight:bold; }
.par_normal .par_subtitle  { color:#7E7E7E; font-size:13px; font-style:normal; font-weight:bold; }
.par_normal p              { color:#615D50; }

.par_gray                  { font-family: Arial, Helvetica, sans-serif; background-color:#F2F2F2; }
.par_gray td               { background-color:#F2F2F2; padding:10px; padding-bottom:0px; padding-top:3px;}
.par_gray .par_title,
.par_gray .fzine_titel     { color:#615D50; font-size:18px; font-weight:bold; }
.par_gray .par_subtitle    { color:#7E7E7E; font-size:13px; font-style:normal; font-weight:normal; }
.par_gray p                { color:#615D50; }

.par_box                  { font-family: Arial, Helvetica, sans-serif; background-color:#F2F2F2; margin:10px; margin-right:0px; border: solid 1px #2A4A71; }
.subpage_body .par_box    { margin-left:0px; }
.par_box td               { background-color:#F2F2F2; padding:10px; padding-bottom:0px; padding-top:3px;}
.par_box .par_title,
.par_box .fzine_titel     { color:#615D50; font-size:18px; font-weight:bold; margin:0px; }
.par_box .par_subtitle    { color:#7E7E7E; font-size:13px; font-style:normal; margin:0px; font-weight:normal; }
.par_box p                { color:#615D50; margin:0px; margin-bottom:10px; }

.img_button_l { margin-bottom:5px; }
.img_button   { _margin-bottom:5px; }

/* Search */
.search_block  { padding-left:10px; }
.search_input  { color: #615D50; font-size:11px; border: 1px solid #CCCCCC; width:120px; }
.search_button { color:#999999; height:18px; font-weight:normal; font-size:11px; background-color:#FFFFFF;}
.search_amount,
.search_none   { text-align:right; width:100%; background-color:#EFEFEF; padding:2px; padding-right:5px; margin:0px; }
a.search_title,
a:visited.search_title { font-size:15px; color:#2A4A71; font-weight:bold; text-decoration:underline; }

.normal_row td { background-color: #EFEFEF; }
.alt_row    td { background-color: #F6F2F6; }


/* Intake MailPlus */
.intake_mailplus { width:95%; background-color:#EFEFEF; padding:0px; margin:0px; border: 1px solid #7E7E7E; }
.intake_mailplus tr th { text-align:left; padding:0px; margin:0px; padding-left:4px; font-size:12px; color:#FFFFFF; background-color:#2A4A71; }
.intake_mailplus tr td { padding:2px; padding-left:7px; padding-right:7px; margin:0px; font-size:11px; }
.intake_mailplus_input { color: #000000; width:100%; font-size:11px; border: 1px solid #7A7A7A; }
.intake_mailplus_button {
   font-size:11px;
   color:#FFFFFF;
   background-color: #2A4A71;
   border:1px solid #2A4A71;
   margin:2px;
   margin-right:-4px;
   padding-left:15px;
   padding-right:15px;
}

/* Flash popup - Yellow Note Flash movie... */
div.flash_popup_div {
height:200px;
width:200px;
  visibility:show;
  position:absolute;
  top:25px;
  margin-left:325px;
  z-index:10;
}

.hdr_menu {
  width:100%;
  position:absolute;
  visibility:show;
  top:17px;
  z-index:10;
}
.hdr_menu a {
  text-decoration:none;
  padding:2px;
  color:#2A4A71;
  font-size:12px;
  font-weight:bold;
}

.message_box {
  width:100%;
  position:absolute;
  visibility:show;
  top:75px;
  z-index:10;

  color:#2A4A71;
  font-size:12px;
  /*font-weight:bold;*/
}

.search_menu {
  position:absolute;
  visibility:show;
  top:123px;
  line-height:1px; /* Just for IE... */
  z-index:10;
}
/* Search */
.search_table  { padding:0px; margin:0px; margin-right:120px; border: 2px solid #375F93; }
.search_block  { padding-left:10px; }
.search_input  { margin-left:5px; width:150px; height:18px; font-size:13px; border:0px; background-color:transparent; color:#375F93; }
.search_button { height:18px; font-weight:bold; font-size:10px; background-color:#D5E5F5; color:#375F93; }

table.boektip   { margin-bottom:5px; width:220px; background-color: #D5E5F5; border: 1px solid #375F93; }
.boektip_number { font-size:19px; margin-right:15px; color:#2A4A71; background-color:#D5E5F5; }

table.productstrip    { margin-bottom:5px; width:526px; background-color: #D5E5F5; border: 1px solid #375F93; margin-top:10px; }
table.productstrip th { color:#FFFFFF; background:#1d3f67; font-size:14px; }
table.productstrip td { font-family: Arial, Helvetica, sans-serif; font-size:12px; padding:4px; width:33%; }

/* Optional diap-blockcolors for Newsletter plug-in, can be overrulled with config of plug-in */
.newsletter p.par_title { font-size:12px; margin-top:8px; }
.newsletter td.diap  { background-color:#EFEFEF; }

/* ************* Some general column colors *************** */
.webshop_icon_cell    { }
.webshop_products_table .webshop_cat_cell        { font-family: Arial, Helvetica, sans-serif; font-size:11px; background-color: #FFFFFF; padding-left: 5; padding-right: 5; padding-top: 5; padding-bottom: 5; }
.webshop_products_table .webshop_cat_altcell     { font-family: Arial, Helvetica, sans-serif; font-size:11px; background-color: #D5E5F5; padding-left: 5; padding-right: 5; padding-top: 5; padding-bottom: 5; }
.webshop_products_table .webshop_cat_controls    { font-family: Arial, Helvetica, sans-serif; padding:0px; margin:0px; }
.webshop_products_table .webshop_cat_pagenumbers { font-family: Arial, Helvetica, sans-serif; padding:0px; margin:0px; }

.webshop_detail_infoblock { border: 1px solid #375F93; }

.webshop_view_footer { width:100%; height:45px; background-color: #375F93;  }
.webshop_view_footer tr { text-align:center; background-color: #375F93; }
.webshop_view_footer tr td { padding-bottom:10px; }
.webshop_view_display { background-color: #D5E5F5;}

/* ************* webshop_groups_table *************** */
.webshop_groups_table { font-family: Arial, Helvetica, sans-serif; width: 100%; align: center; border: outset 0pt; border-collapse: separate; border-spacing: 4; }
.webshop_groups_table TH { }
.webshop_groups_table TR { }
.webshop_groups_table TD { background-color: #D5E5F5; border: 1px solid #375F93; }

/* ************* webshop_groups_table INNER *************** */
.webshop_groups_inner { font-family: Arial, Helvetica, sans-serif; width: 100%; align: center; border: outset 0pt; border-collapse: separate; border-spacing: 4; }
.webshop_groups_inner TH { }
.webshop_groups_inner TR { }
.webshop_groups_inner TD { font-family: Arial, Helvetica, sans-serif; background-color: #D5E5F5; border: 0px solid #375F93; }
td.webshop_icon_cell { font-size:13px; }
td.webshop_text_cell { font-size:13px; padding:10px; }

/* ************* webshop_products_table *************** */
.webshop_products_table { font-family: Arial, Helvetica, sans-serif; width: 100%; align: center; border: outset 0pt; border-collapse: separate; border-spacing: 5; }
.webshop_products_table TH { }
.webshop_products_table TR { }
.webshop_products_table TD { font-family: Arial, Helvetica, sans-serif; font-size:11px; border: 0px solid #375F93; padding-left: 8; padding-right: 8; }

/* ************* webshop_order_table *************** */
.webshop_order_table { font-family: Arial, Helvetica, sans-serif; color:#000000; font-size:12px; border: outset 0pt; border-collapse: separate; border-spacing: 0; }
.webshop_order_table TH { }
.webshop_order_table TR { }
.webshop_order_table TD { font-family: Arial, Helvetica, sans-serif; background-color: #D5E5F5; border: 0px solid #375F93; padding: 5; padding-top: 5; padding-bottom: 5; padding-left: 8; padding-right: 8; }
.webshop_order_table TD.sumline { border-top: 1px solid #375F93; }
.webshop_order_table img { padding:0px; margin:0px; margin-top:3px; margin-bottom:-3px; }
.webshop_order_table .shop_amount { width:15px; text-align:right; }

/* ************* product detail table *************** */
.webshop_detail_table { color:#000000; font-size:12px; border: outset 0pt; border-collapse: separate; border-spacing: 0; }
.webshop_detail_table TH { }
.webshop_detail_table TR { }
.webshop_detail_table TD { font-family: Arial, Helvetica, sans-serif; border: 0px solid #375F93; padding: 5; padding-top: 5; padding-bottom: 5; padding-left: 8; padding-right: 8; }

.basket_img { margin-left:10px; margin-bottom:-5px; _margin-bottom:-2px; }