/* Stylesheet for TVA style CMSv2 site... */

/* For W3C browsers: make sure the entire window is filled, also define appearance of the site_body... */
html { width:100%; height:100%; margin:0px; padding:0px; }

/* 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_frameset.
 *   DO NEVER SPECIFY height FOR content_body
 */

.content_frame {
  position:relative;
  width:750px;
  height:550px;
  visibility:hidden;
  overflow:auto;  /* or scroll? */
}
.left_frame  { float:left; overflow:hidden; width:100%; }
.right_frame { float:left; overflow:hidden; width:100%; }

/* Body defs, site_body is also used for the p-satellite body... */
.site_body {
  height:100%;
  margin: 0px;
  overflow:hidden;
  color: #FFFFFF;
  background-color:#000000;
}
.content_body {
  color:#FFFFFF;
  background-color:#000000;
  font-size:12px;
  font-family: Arial, Helvetica, sans-serif;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

a:active  { color:#FFFFFF; text-decoration:underline; font-weight: normal }
a:hover   { color:#FFFFFF; text-decoration:none; font-weight: normal }
a:link    { color:#FFFFFF; text-decoration:underline; font-weight: normal }
a:visited { color:#FFFFFF; text-decoration:underline; font-weight: normal }
.droplist { color:#3F3F31; background-color:#FFFFCA; }

/* Agenda page color and layout definitions... */
.agenda_page         { background:transparent; width:100%; padding:0px; margin:0px; }
/* Er is 1 tabel die om alles heen staat: agenda_surround */
.agenda_surround     { background:transparent; padding:0px; margin:0px; margin-top:10px; width:90%; border:0px; }
.agenda_surround td  { padding:0px; margin:0px; }
/* Voor elke gevonden speeldatum is er een tabelletje: agenda_date */
.agenda_date         { width:100%; background-color:transparent; padding:0px; margin:5px; border: solid 2px #FFFFFF; }
.agenda_date table   { width:100%; padding:0px; margin:0px; }
.agenda_date th      { background-color:#3F3F31; color:#FFFFCA; padding:3px; margin:0px; padding-left:10px; border:0px; }
.agenda_date td      { background-color:#FFFFCA; color:#000000; padding:3px; margin:0px; border:0px; }
/* Bovenin staat in de <th> van deze 'agenda_date'-rij de datum genoemd in een aparte stijl: agenda_show_date */
.agenda_show_date    { color:#FFFFCA; font-weight:normal; }
/* Daaronder staat in de <th> van deze 'agenda_date'-rij de showaankondiging genoemd in een aparte stijl: agenda_show_title */
.agenda_show_title   { color:#FFFFFF; font-weight:bold; }
/* In elke agenda_date tabel zit onderin een tabelletje met de voorstellingsomschrijving (links) en het theateradres (rechts) */
.agenda_detail table { width:100%; padding:0px; margin:0px; }
.agenda_detail td    { padding:0px; padding-left:6px; margin:0px; border:0px; }
.agenda_detail td a,.agenda_detail td a:hover, .agenda_detail td a:visited  { color:#000000; }
/* De adresgegevens kunnen wat kleiner worden weergegeven, definieer dit in de stijl: agenda_address */
.agenda_address      { font-size:10px; }

p    { font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif; }
h1   { font-size:16px; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; }
h2   { font-size:14px; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; }
h3   { font-size:14px; font-family: Verdana, Arial, Helvetica, sans-serif; }
h4   { font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif; }

table { font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif; }
li    { list-style-type: square; font-size:12px; line-height:140%; font-family: Verdana, Arial, Helvetica, sans-serif; }

/* Disclaimer popup...*/
.NoteStyle { color:#FFFFFF; background-color:#B90004; border: solid 1px #FFFFFF; font-size:12; padding:4px; padding-left:8px; padding-right:8px; }
.PopStyle  { z-index: 20; top:0px; left:0px; position: absolute; visibility: hidden; width:200}

/* Various body styles, these replace the need of colors.inc... */
.hdr_style    { color:#FFFFFF; background-color:#000000; }
.nav_style    { color:#FFFFFF; background-color:#000000; }
.ftr_style    { color:#FFFFFF; background-color:#000000; }
.viewer_style { color:#FFFFFF; background-color:#000000; }
.corridor     { color:#FFFFFF; background-color:#000000; background-image:url(/p-httpd/_style/images/web_backdrops/wand_fill.gif); background-repeat:repeat-x; }
.intro_style  { position: relative; width:100%;  height:100%; padding:auto; margin:auto; }
.intro_style td p { font-size:12px; }

.red_text_block { background-color:#B90004; }

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

/* Additional stuff... */
.normal    { background-color:transparent; }
.alt       { background-color:#333328; font-size:11px; }
.var       { background-color:#545442; font-size:11px; }
.inv td     { background-color:#4C4C4C; padding:0px; margin:0px; height:0px; }
.alt td input, .alt td select
{
   font-size:11px;
   color: #FFFFFF;
   background-color: #3F3F31;
   border: 1px solid #868668;
   cursor: hand;
}
.alt td { font-size:11px; }

.alt th { background-color:#868668; font-size:11px; font-weight:bold; }
.alt th a { font-size:11px; font-weight:bold; text-decoration:none;}
.alt th a:hover { text-decoration:underline;}

.capt      { background-color:#4C4C4C; color:#333333; }
.title     { font-weight:bold; color:#FFFFFF; font-size:14px; }
.subtitle  { font-weight:bold; color:#FFFFFF; font-size:13px; }

/* TVA tabel, adverteerders */
.adverteerders    { width:80%; align:center; border:outset 0pt; border-collapse:separate; border-spacing:3; }
.adverteerders TH { }
.adverteerders TR { }
.adverteerders TD { valign:top; border: 0px solid #FFFFFF; padding:5px; padding-left: 8; padding-right: 8; background-color:#3F3F31; }

/* TVA tabel, oa. voor de house-style */
.cms_tva_table    { width:80%; align:center; border:outset 0pt; border-collapse:separate; border-spacing:3; }
.cms_tva_table TH { }
.cms_tva_table TR { }
.cms_tva_table TD { valign:top; border: 0px solid #000066; padding-left: 8; padding-right: 8; background-color:#F6F6F6; }

.mini_response_form    { width:95%; background-color:#3F3F31; padding:0px; margin:0px; border: 1px solid #868668; }
.mini_response_form td { padding:2px; padding-left:5px; margin:0px; font-size:11px; }
.mini_response_form th { text-align:left; padding:0px; margin:0px; padding-left:4px; font-size:12px; color:#FFFFFF; background-color:#CC6600; }
.mini_response_input   { color: #000000; width:100%; font-size:11px; border: 1px solid #7A7A7A; background-color:#FFFFCA; }
.mini_response_button  {
   font-size:11px;
   color: #FFFFFF;
   background-color: #3F3F31;
   border: 1px solid #868668;
   cursor: hand;
   width: 130px;
}

.email_response_form    { width:95%; background-color:#3F3F31; padding:0px; margin:0px; border: 1px solid #868668; }
.email_response_form td { padding:2px; padding-left:5px; margin:0px; font-size:11px; }
.email_response_form th { text-align:left; padding:0px; margin:0px; padding-left:4px; font-size:12px; color:#FFFFFF; background-color:#868668; }
.email_response_input   { color: #000000; width:100%; font-size:11px; border: 1px solid #7A7A7A; background-color:#FFFFCA; }
.email_response_button  {
   font-size:11px;
   color: #FFFFFF;
   background-color: #3F3F31;
   border: 1px solid #868668;
   cursor: hand;
   width: 130px;
}

.inputform           { width:90%; background-color:#3F3F31; padding:0px; margin:0px; border: 1px solid #868668; }
.inputform td        { padding:2px; padding-left:5px; margin:0px; font-size:11px; }
.inputform th        { text-align:left; padding:0px; margin:0px; padding-left:4px; font-size:12px; color:#FFFFFF; background-color:#868668; }
.inputform_input     { color: #000000; width:100%; font-size:11px; border: 1px solid #7A7A7A; background-color:#FFFFCA; }
.inputform_button  {
   font-size:11px;
   color: #FFFFFF;
   background-color: #3F3F31;
   border: 1px solid #868668;
   cursor: hand;
   width: 130px;
}
.normal_row { background-color:#565643; }
.alt_row    { background-color:#3F3F31; }

.alert_box    { width:90%; background-color:#F00000; padding:5px; margin:0px; border: 4px solid #FFFFCA; }
.alert_box td { background-color:#F00000; padding:5px; margin:0px; }
.login_error  { color:#FF6030; }

.signoff, .signoff a { color:#999999; }

/* Defines for news... */
.news_table th { background-color:#4C4C4C; color:#FFFFCA; padding-left:5px; padding-right:10px; }
.news_title    { font-size: 14px; font-weight: bold; }
.news_subtitle { font-size: 14px; font-weight: normal; font-style:italic; }
.news_body     { font-size: 13px; font-weight: normal; }
.news_more     { font-size: 11px; font-weight: normal; font-style:italic; }
.news_back     { font-size: 11px; font-weight: normal; font-style:italic; }

.categories_page th { align:left; background-color:#4C4C4C; color:#FFFFCA; padding-left:5px; padding-right:10px; }

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

/* Guestbook catalog */
table.guestbook       { color:#FFFFFF; padding:5px; margin:0px; width:90%; margin-left:5%; _margin-left:0; border:solid #868668 1px; margin-bottom:10px; }
table.guestbook th    { color:#FFFFFF; font-size:13px; padding:0px; background-color:#868668;}
table.guestbook td    { color:#FFFFFF; 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    { 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 { text-decoration:none; }
.guestbook .message   { padding-left:4px; }
.guestbook .reaction  { font-size:11px; background-color:#3F3F31; border:solid 5px transparent; padding:5px; 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 #868668; }
.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 #868668; }

.catalog_table { margin:0px; padding:0px; width:100%; }
.catalog_table td { margin:8px; padding:5px; padding-left:10px;}
.catalog_table th { background-color: #FFFFFF; color:#000000; margin:8px; padding-right:10px; }