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

/* For W3C browsers: make sure the entire window is filled. */
html { margin:0; padding:0; width:100%; height:100%; }

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

  overflow-x:hidden;
  background-color:#FFFFFF;
  color:#000000;
  z-index:1;
  font-family: Arial, Helvetica, sans-serif;
}

/* 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;
}

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

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

p,  .fzine_content { color:#615D50; font-size:12px; padding:0px; line-height:130%; }
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      { padding:0px; margin:0px; }
.nieuws td p { padding-left:10px; font-size:15px; }
.nieuws li   { padding:0px; font-size:12px; }

.img_righttop { margin:0px; padding:0px; margin-left:10px; margin-bottom:5px; }
.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:190px;
  margin:0px;
  padding:0px;
}

.subpage_frame   {
  position:relative;
  overflow:hidden;
  width:233px;
  margin:0px;
  padding:0px;
}

.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; font-family: Arial, Helvetica, sans-serif;}
.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; font-family: Arial, Helvetica, sans-serif; }
.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; font-family: Arial, Helvetica, sans-serif; }
.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; }
.kolom2 { width:560px; }
.kolom3 { width:233px; padding:0px; margin:0px; }

/* 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                { background-color:transparent; }
.par_normal td             { background-color:transparent; padding:10px; padding-top:0px; padding-bottom:0px; margin-top:-3px;}
.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                  { 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                  { 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-left:10px; 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; }

/* Special table style for: Eurowebb news */
.eurowebb_nieuws    { color:#7E7E7E; overflow:none; width:100%; clear:left; align: center; font-size:11px; font-family: Arial, Helvetica, sans-serif; }
.eurowebb_nieuws TH { padding-left:4px; text-align: left; color:#FFFFFF; background-color:#2A4A71;}
.eurowebb_nieuws TR { }
.eurowebb_nieuws TD { padding:0px; padding-left:4px; }
.eurowebb_nieuws a  { color:#2A4A71; }

.paragraph_style       { font-size:12px; margin:0px; padding:0px; padding-left:5px; padding-right:5px; }
.paragraph_style td    { margin:0px; padding:0px; }
.paragraph_bg_style    { margin:0px; padding:0px; padding-left:5px; padding-right:5px; background-color:#2A4A71; }
.paragraph_bg_style td { margin:0px; padding:0px; background-color:#2A4A71; }

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

/* For Max.Hypotheek (WoonQuote) en Inboedel- en Opstalcalculator... */
.calc_table    { width:90%; background-color:#EFEFEF; padding:0px; margin:0px; border: 1px solid #7E7E7E; margin-left:5%; }
.calc_table td { padding:2px; padding-left:5px; margin:0px; font-size:12px; }
.calc_table th { text-align:left; padding:0px; margin:0px; padding-left:4px; font-size:12px; color:#FFFFFF; background-color:#7E7E7E; }
.calc_table_input   { color: #000000; font-size:11px; border: 1px solid #7A7A7A; }
.calc_table_button  {
   font-size:12px;
   color: #FFFFFF;
   background-color: #7E7E7E;
   border: 1px solid #2A4A71;
   width: 130px;
}

/* Tickertape */
.ticker       { font-weight: bold; font-family: Arial, Helvetica, sans-serif; background-color: #FFFFFF; }
.ticker_fund  { font-weight: normal; color:#484848; font-size:12px; }
.ticker_up    { font-weight: bold; color:#38A700; font-size:12px; }
.ticker_down  { font-weight: bold; color:#FF0000; font-size:12px; }
.ticker_equal { font-weight: bold; color:#0000FF; font-size:12px; }
.ticker_cell  {
  background-color: #FFFFFF;
  padding:0px;
  margin:0px;
  background-image:url(images/ticker_grad.gif);
  background-position: top left;
  background-repeat: repeat-x;
}

/* For Pensioen Check... */
.pensioencheck_form    { width:60%; background-color:#EFEFEF; padding:0px; margin:0px; border: 1px solid #7E7E7E; margin-left:20%;}
.pensioencheck_form td { padding:2px; padding-left:5px; margin:0px; font-size:12px; }
.pensioencheck_form th { text-align:left; padding:0px; margin:0px; padding-left:4px; font-size:12px; color:#FFFFFF; background-color:#7E7E7E; }
.pensioencheck_form_input   { color: #000000; font-size:12px; border: 1px solid #7A7A7A; }
.pensioencheck_form_button  {
   font-size:12px;
   color: #FFFFFF;
   background-color: #7E7E7E;
   border: 1px solid #2A4A71;
}

/* 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;
}

/* For 'gegevens-rekeninghouder' form... */
.rekhouder_form    { width:95%; background-color:#EFEFEF; padding:0px; margin:0px; border: 1px solid #7E7E7E; margin-left:5%; }
.rekhouder_form td { padding:2px; padding-left:5px; margin:0px; font-size:12px; }
.rekhouder_form th { text-align:left; padding:0px; margin:0px; padding-left:4px; font-size:12px; color:#FFFFFF; background-color:#7E7E7E; }
.rekhouder_form_input   { color: #000000; font-size:12px; border: 1px solid #7A7A7A; }
.rekhouder_form_button  {
   font-size:12px;
   color: #FFFFFF;
   background-color: #7E7E7E;
   border: 1px solid #2A4A71;
}

/* For 'Leencalculator' and general other 'animated'-form (eg. jaarruimte)... */
.animcalc_form, .leencalc_form       { width:95%; background-color:#EFEFEF; padding:0px; margin:0px; border: 1px solid #7E7E7E; margin-left:5%; }
.animcalc_form_text, .leencalc_form_text  { font-size:12px; color:#E8E8E8; }
.animcalc_form td, .leencalc_form td    { padding:2px; padding-left:5px; margin:0px; font-size:12px; }
.animcalc_form th, .leencalc_form th    { text-align:left; padding:0px; margin:0px; padding-left:4px; font-size:12px; color:#FFFFFF; background-color:#7E7E7E; }
.animcalc_form_input, .leencalc_form_input   { color: #000000; font-size:12px; border: 1px solid #7A7A7A; }
.animcalc_form_button, .leencalc_form_button  {
   font-size:12px;
   color: #FFFFFF;
   background-color: #7E7E7E;
   border: 1px solid #021C4D;
}
.animcalc_form_animcell, .leencalc_form_animcell  { border: 1px solid #7E7E7E; height:100%; width:90%; background-color:white; margin-right:10px; }
.animcalc_form_animtable td, .leencalc_form_animtable td { padding:0px; margin:0px; font-size:12px; color:#AAAAAA; }
.animcalc_form_animcell .calc_final, .leencalc_form_animcell .calc_final  { font-size:12px; color:#1860AB; }
.animcalc_form_animcell .calc_nmbr, .leencalc_form_animcell .calc_nmbr   { font-size:26px; color:#1860AB; }

/* 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;
  line-height:1px; /* Just for IE... */
  z-index:10;
}
.hdr_menu a {
  text-decoration:none;
  padding:2px;
  color:#2A4A71;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
}


.message_box {
  width:100%;
  position:absolute;
  visibility:show;
  top:65px;
  line-height:1px; /* Just for IE... */
  z-index:10;

  color:#2A4A71;
  font-family: Arial, Helvetica, sans-serif;
  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-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-size:11px; background-color: #FFFFFF; padding-left: 5; padding-right: 5; padding-top: 5; padding-bottom: 5; }
.webshop_products_table .webshop_cat_altcell     { font-size:11px; background-color: #D5E5F5; padding-left: 5; padding-right: 5; padding-top: 5; padding-bottom: 5; }
.webshop_products_table .webshop_cat_controls    { padding:0px; margin:0px; }
.webshop_products_table .webshop_cat_pagenumbers { padding:0px; margin:0px; }

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

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

/* ************* webshop_groups_table *************** */
.webshop_groups_table { 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 { 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 { background-color: #D5E5F5; border: 0px solid #375F93; }
td.webshop_icon_cell { font-size:13px; }
td.webshop_text_cell { font-size:13px; }

/* ************* webshop_products_table *************** */
.webshop_products_table { 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-size:11px; border: 0px solid #375F93; padding-left: 8; padding-right: 8; }

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

/* ************* product detail table *************** */
.webshop_detail_table { color:#000000; font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif; border: outset 0pt; border-collapse: separate; border-spacing: 0; }
.webshop_detail_table TH { }
.webshop_detail_table TR { }
.webshop_detail_table TD { 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; }