/* Stylesheet for maranzatheater.nl... */

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

.fixed_back {
  background-image:url(images/watermark.gif);
  background-repeat: repeat;
  background-position:-100px 10px;
  background-attachment:fixed;
}

.site_body {
  width:100%;
  height:100%;
  margin:0px;
  padding:0px;
  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-right:10px;
  color:#000000;
  font-size:11px;
  font-family: Arial, Helvetica, sans-serif;
}

a       { color:#000000; text-decoration:underline; }
a:hover { text-decoration:underline; }

p  { color:#000000; font-size:14px; padding:0px; line-height:130%; }
h1 { color:#000000; padding:0px; font-size:20px; font-style:normal; font-weight:normal; text-align:center; font-family: Times, serif;}
.cms_titel { color:#000000; padding:0px; font-size:20px; font-style:normal; font-weight:normal; line-height:130%;}
h2   { font-size: 15px; }
h3   { font-size: 16px; }
h4   { font-size: 17px; }

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

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

li {
  font-size:14px;
  margin-left:15px;
  list-style-image:url(images/menu/bullet.gif);
  margin-bottom:10px;
  padding-bottom:7px;
}

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

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

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

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

/* Buttons in forms, e.g. mail response form... */
.cms_input    { height:20px; font-weight:bold; font-size:12px; background-color:#FFFFFF;}
.cms_subtitel { color:#000000; font-size:13px; font-style:normal; font-weight:bold; }
.cms_meer     { color:#000000; 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: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:#FFFFFF; padding:0px; margin:0px; border: 1px solid #000000; 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:#000000; }
.mini_response_input   { color:#000000; width:100%; font-size:11px; border: 1px solid #000000; }
.mini_response_button  {
   font-size:11px;
   color: #FFFFFF;
   background-color: #000000;
   border: 1px solid #000000;
   margin:2px;
   margin-right:-4px;
   padding-left:15px;
   padding-right:15px;
}

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


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

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

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

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

.submenu         { color:#000000; 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; }


/* Additional stuff... */
.normal, .alt  { background-color:#FFFFFF; }
.capt      { background-color:#FFFFFF; color:#333333; }
.NoteStyle { color:#990829; background-color:#FFFFFF; border: solid 1px #990829; 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-bottom:10px; }
.par_normal td             { background-color:transparent; padding:10px; padding-top:0px; padding-bottom:0px; margin-top:-3px; }
.par_normal .par_title     { color:#000000; font-size:22px; font-weight:bold; text-align:center; text-transform: uppercase; font-family: Times, serif;}
.par_normal .par_subtitle  { color:#000000; font-size:13px; font-style:normal; font-weight:bold; }
.par_normal p              { color:#000000; }

.par_gray                  { background-color:#F2F2F2; margin-bottom:10px; }
.par_gray td               { background-color:#F2F2F2; padding:10px; padding-bottom:0px; padding-top:3px; }
.par_gray .par_title       { color:#615D50; font-size:22px; font-weight:bold; text-align:center; text-transform: uppercase; font-family: Times, serif;}
.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 #990829; padding-bottom:10px; } */
.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       { color:#615D50; font-size:22px; text-align:center; text-transform: uppercase; font-family: Times, serif; 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; }

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


.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:#990829; }
.paragraph_bg_style td { margin:0px; padding:0px; background-color:#990829; }

.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;
}

/* For Image Zoomer... */
img.zoom_img { border: 1px solid white; cursor: pointer; }

/* Guestbook catalog */
table.guestbook       { color:#000000; padding:5px; margin:0px; width:80%; margin-left:10%; _margin-left:0; border:solid #000000 1px; margin-bottom:10px; }
table.guestbook th    { color:#FFFFFF; font-size:13px; padding:0px; background-color:#000000;}
table.guestbook td    { color:#000000; font-size:13px; 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 5px #FFFFFF; padding:5px; font-style:italic; }
/* Guestbook inputform... */
table.guestbook_inputform { color:#000000; padding:5px; margin:0px; width:75%; margin-left:10%; background-color:#FFFFFF; border:solid 1px #000000; }
.guestbook_inputform td   { padding:2px; margin:0px; padding-right:14px; font-size:11px; }
.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 #000000; }
.alt tr td input { border: 1px solid #9C9C9C; color:#000000; background-color: #FFFFFF; }


/* Inschrijfformulier... */
.inschrijf_form    { width:90%; background-color:transparent; padding:0px; margin:0px; margin-left:5%; border: 1px solid #000000; }
.inschrijf_form td { padding:2px; padding-left:5px; margin:0px; font-size:12px; }
.inschrijf_form th { text-align:left; padding:0px; margin:0px; padding-left:4px; font-size:12px; color:#FFFFFF; background-color:#000000; }
.inschrijf_form_input   { color: #000000; font-size:12px; border: 1px solid #000000; }
.inschrijf_form_button  {
   font-size:12px;
   color: #FFFFFF;
   background-color: #000000;
   border: 1px solid #000000;
}

/* Intake YMLP */
.intake_YMLP { width:90%; background-color:transparent; padding:0px; margin:0px; margin-left:5%; border: 1px solid #000000; }
.intake_YMLP tr th { text-align:left; padding:0px; margin:0px; padding-left:4px; font-size:12px; color:#FFFFFF; background-color:#000000; }
.intake_YMLP tr td { padding:2px; padding-left:7px; padding-right:7px; margin:0px; font-size:11px; }
.intake_YMLP_input { color: #000000; width:100%; font-size:11px; border: 1px solid #000000; }
.intake_YMLP_button {
   font-size:12px;
   color: #FFFFFF;
   background-color: #000000;
   border: 1px solid #000000;
}