/* Stylesheet for MDI site - May/June 2007... */

/* 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%;
  bottom:0px;
  margin:0px;
  padding:0px;

  color:#000000;
  background-color:#6688AA;
  z-index:1;
  font-family: Verdana, 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;

  top:0px;
  left:0px;
  width:100%;
  height:100%;

  padding:0px;
  margin:0px;

  background-color: transparent;
  visibility:visible;
}

.content_body {
  width:92%; /* Necessary to suppress the hor.scrollbar in IE/Win */

  margin:0px;
  padding:0px;
  margin-left:15px;
  margin-right:15px;
  margin-top:15px;

  color:#003366;
  font-size:12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.frame_block  {
  width:900px;
  border: 2px solid #000000;
  border-spacing:0px;
  border-collapse:collapse;
  margin:0px;
  padding:0px;

  background-image: url(images/desktop_fill.gif);
  background-repeat: repeat-y;
  background-position: top left;
}

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

  background-image: url(images/desktop.gif);
  background-repeat: no-repeat;
  background-position: 0px 137px;
}

.site_header { height:77px; margin:0px; padding:0px; }
.left_column { width:162px; margin:0px; padding:0px; background-color:transparent; }
.header_strip {
  height:60px;
  background-image: url(images/hdr_strip.gif);
  background-repeat: no-repeat;
  background-position: top left;
}

/* Search */
.search_block  { z-index:40; float:right; padding-top:13px; padding-right:30px;}
.search_input  { color:#003366; font-size:11px; border: 1px solid #003366; width:100px; padding-left:5px; background-color:transparent; }
.search_button { color:#FFFFFF; height:18px; font-weight:normal; font-size:11px; background-color:#6688AA; }
.search_amount,
.search_none   { text-align:right; width:100%; background-color:#C6D5E3; padding:2px; padding-right:5px; margin:0px; }
a.search_title,
a:visited.search_title { font-size:15px; color:#003366; font-weight:bold; text-decoration:underline; }

.hdr_text      { z-index:30; width:400px; float:left; padding:0px; margin:0px; color:#003366; font-weight:bold; font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif; }

/* Vertical whitespace top and bottom...*/
.spacer_row { line-height:20px; height:20px; }

.quicklinks  { margin-bottom:20px; }
.par_divider { padding:0px; height:30px;  }
div.quicklinks a, a       { color:#003366; font-size:10px; text-decoration:underline; }
div.quicklinks a, a:hover { text-decoration:underline; }
.linkspage_left, .linkspage_right { font-size:12px; }

p, li, a, p.MsoNormal { font-size:12px; padding:0px; line-height:130%; }
h1, .h1_style    { color:#003366; font-size:13px; font-weight:bold; }
.cms_titel { color:#415552; padding:0px; font-size:15px; font-style:normal; font-weight:normal; }
h2    { color:#003366; font-size:16px; font-style:italic; }
h3    { font-size: 12px; }
h4    { font-size: 13px; margin-top:0px; }

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

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

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

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

.mini_response_form    { width:100%; background-color:#C6D5E3; padding:0px; margin:0px; border: 1px solid #003366; 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:#003366; }
.mini_response_input   { color:#000000; width:100%; font-size:11px; border: 1px solid #7A7A7A; }
.mini_response_button  {
   font-size:11px;
   color: #FFFFFF;
   background-color: #003366;
   border: 1px solid #003366;
   margin:2px;
   margin-right:-4px;
   padding-left:15px;
   padding-right:15px;
}

.email_response_form       { width:100%; background-color:#C6D5E3; padding:0px; margin:0px; border: 1px solid #003366; }
.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:#003366; }
.email_response_input   { color: #000000; width:100%; font-size:11px; border: 1px solid #7A7A7A; }
.email_response_button  {
   font-size:11px;
   color:#FFFFFF;
   background-color: #003366;
   border:1px solid #003366;
   margin:2px;
   margin-right:-4px;
   padding-left:15px;
   padding-right:15px;
}

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

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

/* Par styles... */
table.par_normal, table.par_normal tr { margin:0px; padding:0px; }
.par_normal                { background-color:transparent; }
.par_normal td             { font-size:12px; background-color:transparent; padding:0px; padding-right:10px; margin:0px; }
.par_normal p.par_title    {
  width:100%;
  height:25px;
  line-height:25px;
  color:#FFFFFF;
  font-size:15px;
  font-weight:bold;

  padding:0px;
  margin:0px;
  padding-left:5px;
  margin-bottom:5px;

  background-color:#013467;
  /*background-image: url(images/paragraph/title_back.gif);
  background-repeat: no-repeat;*/
}
.par_normal p.par_subtitle { font-size:13px; font-style:normal; font-weight:bold; }
.par_normal p              { }

/* Alternative... */
table.par_blue             { width:170px; background-image: url(images/paragraph/bg_nieuwbouw.gif); background-repeat: no-repeat; background-position: top left; }
.par_blue td               { padding:10px; padding-bottom:0px; padding-top:33px; }
.par_blue .par_title       { color:#FFFFFF; font-size:15px; font-weight:bold;}
.par_blue .par_subtitle    { color:#FFFFFF; font-size:13px; font-style:normal; font-weight:normal; }
.par_blue p                { font-size:11px; }


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

/*.page_title { background:#003366; color:#FFFFFF; font-size:21px; line-height:30px; font-weight:normal;  margin:0px; padding:0px; padding-left:20px; }*/
.hdr_text {
  position:relative;
  margin:0px;
  padding:0px;
  left:230px;
  margin-top:15px;
  font-size:14px;
  font-style:italic;
}
.hdr_text a { font-size:14px; }

/* Nieuws en Nieuws-detail... */
.nieuws    { margin:0px; padding:0px; /*background-color:#D7D8D1;*/
  background-image: url(images/news_grad.gif);
  background-repeat: repeat-x;
  background-position: top left;
 }
.nieuws tr { }
.nieuws th { border-bottom: 1px solid #003366; line-height:10px; padding:10px; }
.nieuws td { color:#415552; valign:top; padding:10px; }
.nieuws li { font-size:12px; padding:0px; padding-bottom:4px; }
.nieuws .date_str { font-size:10px; text-align:right; }
.par_normal table.nieuws tr.title_header p.par_title { line-height:5px; margin:0px; padding:0px; }
.par_normal table.nieuws tr.date_header  p.date_str  { line-height:3px; margin:0px; padding:0px; }

/* Fader stuff... */
.fader {
  z-index:40;
  position:absolute;

  width:450px;
  height:50px;
  /*border: solid 1px #003366;*/

  margin:0px;
  padding:0px;
  margin-left:317px;
  margin-top:27px;


  color:#FFFFFF;
  text-align:right;
  font-size:12px;
  font-style:italic;
}

.flash_presentation { background-color:#FFFFFF; margin:0px; padding:0px; }

/* ************* 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_view_footer  { background-color: #33528E;}
.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 #33528E; }

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

/* ************* 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 #33528E; padding-left: 8; padding-right: 8; }

/* ************* webshop_order_table *************** */
.webshop_order_table { 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 #33528E; padding: 5; padding-top: 5; padding-bottom: 5; padding-left: 8; padding-right: 8; }

/* ************* product detail table *************** */
.webshop_detail_table { 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 #33528E; padding: 5; padding-top: 5; padding-bottom: 5; padding-left: 8; padding-right: 8; }

/* Guestbook catalog */
table.guestbook       { color:#003366; padding:5px; margin:0px; width:90%; margin-left:5%; border:solid #39658B 1px; margin-bottom:10px; }
table.guestbook th    { color:#92B1CD; font-size:12px; padding:0px; background-color:#527493;}
table.guestbook td    { color:#003366; font-size:12px; padding:10px; }
p.guestbook           { font-size:13px; text-align:center; }
h1.guestbook          { text-align:center; }
.guestbook .name      { padding:1px; padding-left:4px; font-weight:bold; }
.guestbook .name a    { color:#FFFFFF; text-decoration:none; }
.guestbook .logged    { padding-right:4px; text-align:right; font-weight:bold; }
.guestbook .website   { color:#FFFFFF; font-size:11px; padding-left:4px; }
.guestbook .website a { color:#FFFFFF; text-decoration:none; }
.guestbook .message   { padding-left:4px; }
.guestbook .reaction  { font-size:11px; background-color:#F2F2F2; border:solid 1px #FFFFFF; padding:2px; font-style:italic; }
/* Guestbook inputform... */
table.guestbook_inputform { color:#000000; padding:5px; margin:0px; width:80%; margin-left:10%; background-color:#EFEFEF; border:solid 1px #005983; }
.guestbook_inputform td   { padding:2px; margin:0px; padding-right:14px; font-size:11px; }
.guestbook_inputform th   { color:#FFFFFF; font-size:12px; padding:0px; background-color:#527493;}
.guestbook_charcount  { font:11px arial, sans-serif; color:#000000; background-color:transparent; margin:0px; padding:0px; border:solid 0px transparent; }
.guestbook_captcha    { border:solid 1px #005983; }

/* Overlay Alert */
#simplemodal-overlay { background-color:#003366; }

.overlay_alert {
  background-color:#C6D5E3;
  text-align:center;
  display:none;
  width:350px;
  padding:15px;
  text-align:left;
  border:2px solid #003366;
  opacity:0.9;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  -moz-box-shadow: 0 0 50px #ccc;
  -webkit-box-shadow: 0 0 50px #ccc;
}

.overlay_alert .par_title {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  text-align:center;
  /* background:url(/p-httpd/_style/images/icons/info.png) 0 50% no-repeat; */
  margin:0px;
  padding:0px;
  padding-bottom:10px;
  border-bottom:2px solid #003366;
  font-size:12px;
}
.overlay_alert p {
  text-align:center;
}