/* Stylesheet for CMSv2 site: Wintercircus - Updated oktober 2009 */

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

  /* IE only scrollbar color defs... */
  scrollbar-3dlight-color: #000FD2;
  scrollbar-highlight-color: #FCBC34;
  scrollbar-face-color:  #000FD2;
  scrollbar-shadow-color: #FCBC34;
  scrollbar-darkshadow-color: #000FD2;
  scrollbar-arrow-color: #FCBC34;
  scrollbar-track-color: #28307F;
}

.site_body {
  z-index:1;
  width:100%;
  height:100%;
  margin:0px;
  padding:0px;

  color:#FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  background-color:#000FD2;
  /* background-image: url(images/confetti_back.gif); */
  background-image: url(images/snow_back_nav.gif);
  background-repeat: repeat;
  overflow:visible;
}

/* 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:absolute;
  width:800px;
  padding:0px;
  margin:0px;
  margin-left:10px;
  margin-right:10px;

  z-index:1;
  visibility:hidden;
  /*overflow:hidden;*/
}

.content_body {
  margin:0px;
  padding:0px;
  color:#FFFFFF;
  font-size:12px;
  font-family: Arial, Helvetica, sans-serif;

  background-color:#000FD2; 
  background: url(images/bluenoise_back.gif);
  /* overflow:hidden;*/
  /*overflow-x:hidden;*/
}

.menu_overlay { position:fixed; float:left; /*z-index:20;*/ width:100%; }

/* Fotoalbum */
.album_body {
  background-image: url(images/page/fotoalbum.jpg);
  background-repeat: repeat-y;
}

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

.side_fill  { }
.subkolom   { width:150px; }

.site_area  { /*width:825px;*/ height:100%; background-color:#000FD2;  background: url(images/bluenoise_back.gif);}
/* .header_row { height:120px; background: url(images/confetti_back_hdr.gif); background-repeat: repeat-x; } */
.header_row { height:120px; background: url(images/snow_back_hdr.gif); background-repeat: repeat-x; }

/* NO color def below, then ALL text will be that color in tinyMCE editor!! */
p, body, td { font-size:13px; font-family: Arial, Helvetica, sans-serif; }
h1          { color:#FCBC34; font-size: 16px; font-style:italic; font-weight:bold;}
h2          { font-size: 15px; }
h3          { font-size: 14px; }
h4          { font-size: 13px; }

/* CMS-site specific user styles for use in tinyMCE */
.cms_groter    { font-size: 14px; }
.cms_grootst   { font-size: 14px; }
.cms_kaderloos { border: 0px;  }
.par_normal .cms_kaderloos { border: 0px; }
.cms_linker_tabelkolom { width:25%; }
.par_normal .cms_linker_tabelkolom { width:25%; }

li   { font-size: 13px; }
ol   { font-size: 13px; }

.status_line {
  z-index:10;
  color:#FCBC34;
  font-size:24px;
  font-weight:bold;
  margin-top:50px;
  margin-left:20px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing:2pt;
}

/* Additional stuff... */
.normal    { background-color:#FFFFFF; }
.inv       { background-color:#FFFFFF; }
.capt      { background-color:#FFFFFF; color:#333333; }
.title     { font-weight:bold; color:#FFFFFF; font-size:14px; }
.subtitle  { font-weight:bold; color:#FFFFFF; font-size:13px; }

.viewer_style { color:#FFFFFF; background-color:#000000; }

.logo_hdr    { float:right; margin-right:10px; margin-top:20px; }
.poster      { margin:0px; padding:0px; margin-top:20px; }
.ondertitel1 { text-align:center; color:#FCBC34; font-size:16px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; }
.ondertitel2 { text-align:center; color:#FCBC34; font-size:13px; font-weight:normal; font-family: Arial, Helvetica, sans-serif; }

.NoteStyle { color:#FFFFFF; background-color:#28307F; border: solid 1px #FFFFFF; font-size:10; padding:10px;}
.PopStyle  { z-index:20; top:0px;left:0px; position:absolute; visibility:hidden; width:200px; }
a.popup    { text-decoration:none; border:0px; }
img.popup  { border:0px; }

/* Par styles... */
.par_normal                { background-color:transparent; }
.par_normal td             { background-color:transparent; padding:10px; padding-top:0px; padding-bottom:0px; }
.par_normal .par_title     { color:#FCBC34; font-size:16px; font-weight:bold; padding-bottom:5px;}
.par_normal .par_subtitle  { color:#FFFFFF; font-size:13px; font-style:normal; font-weight:bold; }
.par_normal p              { }
.par_normal table          { border: 1px solid #28307F; border-collapse: separate; border-spacing:3px; }
.par_normal table tr       { font-size:12px; }
.par_normal table tr td    {  }

.par_normal .tour_shows    { width:100%; border: 0px; padding:10px; margin:0px; }
.par_normal .tour_shows th { font-size:16px; font-style:bold; padding-top:15px; }
.par_normal .tour_shows td { width:0px; height:24px; }
.par_normal .tour_shows .in_past td { color:#999999; }

.par_normal .next_show  { padding:10px; margin:0px; margin-left:30px; }
.par_normal .next_show table { padding:0px; margin:0px; }
.par_normal .next_show th { font-size:16px; font-style:bold; }
.par_normal .next_show td { width:0px; }

.par_normal .thumbnailer    { width:90%; padding:10px; margin:0px; margin-top:20px; margin-left:5%; border:none; }
.par_normal .thumbnailer td { text-align:center; padding-top:10px; padding-bottom:10px; }

table.par_normal table.thumbnailer tr td a img { color:transparent; border:none; }

.par_normal .show_image td { width:100%; border: 3px; padding:10px; margin:0px; }
.par_normal .show_image_description { font-size:13px; text-align:center; }

.quicklinks select { background:#FFFCD7; color:#000FD2; margin-bottom:25px; }
.par_divider { padding:0px; height:30px; border-top: 1px solid #FCBC34; }
.vert_space, .tablerow_spacer { line-height:8px; }

/* E-mail forms... */
.email_response_div    { width:80%; margin-left:20%; margin-right:0px; }

.mini_response_form    { width:95%; background-color:#EFEFEF; padding:0px; margin:0px; border: 1px solid #28307F; border-collapse: separate; border-spacing:3px; }
.mini_response_form tr td { padding:2px; padding-left:5px; 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:#28307F; }
.mini_response_input   { color:#000000; font-size:11px; border: 1px solid #7A7A7A; }
.mini_response_button  {
   font-size:11px;
   color: #FFFFFF;
   background-color: #28307F;
   border: 1px solid #28307F;
   width: 130px;
}
.par_normal td p table.action_form,
.action_form {
  width:375px;
  padding:0px;
  /*margin:0px;*/
  margin-left:25%;
  _margin-left:50%;

  border: 1px solid #28307F;
  border-collapse: separate;
  border-spacing:3px;

  background-color:#28307F;
  background-image:url(images/wedstrijd/pony_naam_fill.gif);
}
.action_form tr td { padding:2px; padding-left:5px; /*margin:0px;*/ font-size:11px; }
.actionform tr th  { text-align:left; padding:0px; /*margin:0px;*/ padding-left:4px; font-size:12px; color:#FFFFFF; background-color:#28307F; }
.action_form_input      { color:#000000; background-color: #FFE5E5; font-size:11px; border: 1px solid #7A7A7A; }
.action_form_inner {
  width:365px;
  background-image:url(images/wedstrijd/pony_naam_hdr.gif);
  background-position: top left;
  background-repeat: no-repeat;
}
.action_form_spacer { height:150px; }
.action_form_button  {
   font-size:11px;
   color: #FFFFFF;
   background-color: #28307F;
   border: 1px solid #28307F;
   width: 130px;
}
.action_form_required_fields { font-style:italic; }

.email_response_form    { width:95%; margin-left:auto; margin-right:auto; background-color:#EFEFEF; padding:0px; margin:0px; border: 1px solid #28307F; border-collapse: separate; border-spacing:3px; }
.email_response_form tr td { padding:2px; padding-left:5px; 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:#28307F; }
.email_response_required_fields { font-size:9px; font-style:italic; color:#444444; padding-right:10px; }
.email_response_input   { color: #000000; width:100%; font-size:11px; border: 1px solid #7A7A7A; }
.email_response_button  {
   font-size:11px;
   color: #FFFFFF;
   background-color: #28307F;
   border: 1px solid #28307F;
   width: 130px;
}

table.doc_table_outer { width:100%; padding:0px; margin:0px; border:none; margin-top:20px; }
table.doc_table_outer td { border:none; }
table.doc_table_inner { width:550px; border: 1px solid #28307F; }
.doc_table_outer tr.alt { background-color:transparent; }
.doc_table_outer tr.var { background-color:transparent; }

table.download_table { width:600px; border: 1px solid #28307F; margin:10px; padding:5px; }

.embed_movie { text-align:center; }