/* Stylesheet for QbSite Style4 site... */

/* 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:#000000;
  color:#FFFFFF;
  z-index:1;
  font-family: Arial, Helvetica, sans-serif;
}

body {
  background-color:#000000;
  color:#FFFFFF;
}

/* 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-right:10px;
  padding-left:10px;
  color:#FFFFFF;
  font-size:11px;
  font-family: Arial, Helvetica, sans-serif;
  overflow:hidden;
}

body.satellite {
  overflow: scroll;
  color:#000000;
  background-color:#CCCCCC;
}

a,.subpage_body a { color:#ff08b1; text-decoration:none; }
a:hover, .subpage_body a:hover { text-decoration:underline; }

p,  .fzine_content { color:#FFFFFF; font-size:12px; padding:0px; line-height:130%; }
h1, .fzine_titel   { color:#FFFFFF; padding:0px; font-size:20px; 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; }

ol, ul, ul p {
  font-size:12px;
  list-style-image:url(images/menu/bullet.gif);
  margin:0px;
  margin-bottom:0px;
  padding:10px;
  padding-top:5px;
  padding-bottom:0px;
}

li {
  font-size:12px;
  margin-left:15px;
}

img { padding:0px; margin:0px; margin-top:3px; margin-bottom:3px; }

/* Nieuws - Used for news in the subpage... */
.nieuws        { padding:0px; margin:0px; }
.nieuws .news_title { font-size:14px; font-style:normal; font-weight:bold; }
.nieuws tr td p  { font-size:13px; font-style:italic; }
.nieuws tr td p.par_title  { font-style:normal; }
.nieuws li     { padding:0px; font-size:12px; }
.nieuws .news_more {
  position:relative;
  float:right;
  text-decoration:none;
  color:#ff08b1;
  font-weight:bold;
  font-size:12px;
  padding-left:10px;
  list-style-image:url(images/menu/bullet.gif);
  background-repeat:no-repeat;
  background-position:0px 4px;
}
.nieuws_datum span { }

.img_righttop  { margin:0px; padding:0px; margin-left:5px;  margin-bottom:5px; }
.img_lefttop   { margin:0px; padding:0px; margin-right:5px; 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-left:10px;
  margin-right:10px;
  padding:0px;
  color:#FFFFFF;
  align:top left;
  font-size:14px;
  font-family: Arial, Helvetica, sans-serif;
}

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



.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:#FFFFFF; font-size:13px; font-style:normal; font-weight:bold; }
.cms_meer     { color:#004275; 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; }

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

.mini_response_form    { width:100%; background-color:#5f1547; padding:0px; margin:0px; border:1px solid #5f1547; 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:3px; margin:0px; font-size:12px; color:#ffffff; background-color:#bc1e86; }
.mini_response_input   { color:#000000; width:100%; font-size:11px; border:1px solid #5f1547; }
.mini_response_button  {
   font-size:11px;
   color:#000000;
   background-color:#ff08b1;
   border:1px solid #bc1e86;
   margin:2px;
   margin-right:-4px;
   padding-left:15px;
   padding-right:15px;
}

.email_response_form    { width:100%; background-color:#5f1547; padding:0px; margin:0px; border:1px solid #5f1547; }
.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:3px; margin:0px; font-size:12px; color:#ffffff; background-color:#bc1e86; }
.email_response_input   { color:#000000; width:100%; font-size:11px; border:1px solid #5f1547; }
.email_response_button  {
   font-size:11px;
   color:#000000;
   background-color:#ff08b1;
   border:1px solid #bc1e86;
   margin:2px;
   margin-right:-4px;
   padding-left:15px;
   padding-right:15px;
}

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

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

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

.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... */
.disclaimer        { position:absolute; visibility:hidden; width:400px; color:#5f1547; background-color:#000000; border: 1px solid #5f1547; border-spacing: 0; font-size:10px; padding:4px; margin:0; z-index:10; }
.disclaim_text         { color:#5f1547; font-size:12px; font-family: Arial, Helvetica, sans-serif; }
.disclaim_text a       { color:#5f1547; text-decoration:none; }
.disclaim_text a:hover { color:#5f1547; 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:#5f1547; }
.var       { background-color:transparent; }
.inv       { background-color:transparent; }
.capt      { background-color:#FFFFFF; color:#333333; }
.NoteStyle { color:#ff08b1; background-color:#FFFFFF; border:solid 1px #ff08b1; 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; margin:0px; margin-top:10px; }
.par_normal tr.title {
  height:20px;
}

.par_normal tr td { padding:0px; margin:0px; }
.par_normal .par_title     {
  color:#FFFFFF;
  font-size:18px;
  font-weight:bold;
  line-height:18px;
  padding:0px;
  margin:0px;
  /*padding-top:10px;*/
}
.par_normal .par_subtitle  { color:#FFFFFF; font-size:13px; font-style:normal; font-weight:bold; padding:0px; margin:0px; }
.par_normal p              { color:#FFFFFF; font-size:13px; }

.par_block                  { background-color:#5f1547; margin:0px; margin-top:10px; }
.par_block td               { background-color:#5f1547; padding:10px; padding-top:0px; margin:0px; margin-left:10px; margin-right:10px; }
.par_block tr.title td      { padding:0px; padding-left:10px; }
.par_block .par_title       {
  color:#FFFFFF;
  font-size:18px;
  font-weight:bold;
}
.par_block .par_subtitle    { color:#FFFFFF; font-size:13px; font-style:normal; font-weight:normal; }
.par_block p                { color:#FFFFFF; font-size:13px; }

div.icon {
  position:relative;
  float:right;
  width:20px;
  margin:0px;
  padding:0px;
  padding-right:5px;
  margin-top:-20px;
}
div.goto_pagetop img { padding:0px; margin:0px; }
div.goto_pagetop a {
  display:block;
  height:20px;
  padding:0px; margin:0px;
  margin-top:2px;
  background-image:url(/p-httpd/_cache/_style/images/pagetop.png);
  background-repeat:no-repeat;
  background-position:0px 0px;
  behavior: url(/p-httpd/_cms/js/iepngfix.htc);
}
.goto_pagetop a:hover { background-position:0px -20px; }

#tooltip {
  position: absolute;
  z-index: 999;
  border: 1px solid #ff08b1;
  background-color: #000000;
  padding: 4px;
  opacity: 0.85;
}
#tooltip h3, #tooltip div { margin:0; font-size:10px; }

/* Search */
.search_block  { padding:0px; margin:0px; padding-top:10px; }
.search_input  { color:#FFFFFF; font-size:11px; padding-bottom:3px; border:1px solid #5f1547; width:100px; }
.search_button { color:#FFFFFF; font-weight:normal; font-size:11px; background-color:#000000; }
.search_amount,
.search_none   { text-align:right; width:100%; background-color:#5f1547; padding:2px; padding-right:5px; margin:0px; }
a.search_title,
a:visited.search_title { font-size:15px; color:#ff08b1; font-weight:bold; text-decoration:underline; }

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

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

.thumbnailer img { margin:8px; }
.show_image_description { color:#FFFFFF; font-size: 16px; font-weight:bold; line-height:160%; font-family: Arial, Helvetica, sans-serif; }

/* Guestbook catalog */
table.guestbook       { color:#FFFFFF; padding:5px; margin:0px; width:90%; margin-left:5%; border:solid #5f1547 1px; margin-bottom:10px; }
table.guestbook tr th    { color:#FFFFFF; font-size:13px; padding:5px; background-color:#5f1547;}
table.guestbook tr td    { color:#FFFFFF; font-size:13px; padding:10px; }
p.guestbook           { font-size:13px; text-align:center; }
h1.guestbook          { text-align:center; }
.guestbook .name      { color:#FFFFFF; padding:1px; padding-left:4px; font-weight:bold; }
.guestbook .name a    { color:#FFFFFF; text-decoration:none; }
.guestbook .logged    { color:#DCC6DD; font-style:italic; padding-right:4px; text-align:right; font-weight:bold; }
.guestbook .website   { color:#C500FF; font-size:11px; padding-left:4px; }
.guestbook .website a { color:#ff08b1; text-decoration:none; }
.guestbook .message   { padding-left:4px; }
.guestbook .reaction  { font-size:11px; background-color:#5f1547; padding:5px; font-style:italic; }
/* Guestbook inputform... */
table.guestbook_inputform { color:#FFFFFF; padding:5px; margin:0px; width:90%; margin-left:5%; background-color:#5f1547; border:solid #5f1547 1px; }
.guestbook_inputform td   { padding:2px; margin:0px; padding-right:14px; font-size:11px; }
.guestbook_charcount  { font: 11px arial, sans-serif; color:#FFFFFF; background-color:#5f1547; margin:0px; padding:0px; border: 1px solid #5f1547; }
.guestbook_captcha    { border: 1px solid #5f1547; }