/* Stylesheet for CMSv2 site: Jonas&Friends... */

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

.site_body {
  height:100%;
  margin:0px;
  padding:0px;
  overflow:hidden;
  background-color:#000000;
  color:#FFFFFF;
  z-index:1;
}

/* 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;
  left:145px;
  right:0px;
  top:100px;
  bottom:0px;
/*  visibility:hidden;
  overflow:scroll;
  overflow-x:hidden;*/
  z-index:1;
}

.content_body {
  background-color:transparent;
  margin:0px;
  right:0px;
  bottom:0px;
  padding:16px;
  color:#FFFFFF;
  font-size:12px;
  font-family: Arial, Helvetica, sans-serif;
}

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

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

/* Borders om special-act plaatjes... */
/*a img         { color:#000066; }
a:active img  { color:#000066; }
a:visited img { color:#000066; }
a:hover img   { color:#0000BC; }*/

p    { font-size: 13px; }
h1   { color:#F30755; font-size: 16px; font-style:italic; font-weight:bold;}
h2   { font-size: 15px; }
h3   { font-size: 14px; }
h4   { font-size: 13px; }

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

.status_line { z-index:10; color:#000000; font-size:15px; font-weight:bold; visibility: visible; position: absolute; top: 57px; right: 90px; font-family: Arial, Helvetica, sans-serif;}

.beam_text   { z-index:10; visibility: visible; position: relative; top: -46px; left: 100px; }
.beam_text p { color:#000000; font-size:15px; font-style:italic; font-weight:bold; font-family: Arial, Helvetica, sans-serif; }

/* Additional stuff... */
.normal    { background-color:#FFFFFF; }
.alt       { background-color:#FFDE7A; }
.var       { 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; }

#hdr {position:absolute; right:0px; top:0px; z-index:0}

.intro_style  { z-index:1; }
.viewer_style { color:#FFFFFF; background-color:#000000; }

/* CMS specific CSS-styles for Jonas... */
.cms_smallact_title { color: #F30755; font-size:18px; font-style:italic; font-weight:bold; margin:0px; margin-left:10px; margin-right:10px; }
.cms_smallact_desc  { color: #FFFFFF; font-size:14px; font-style:italic; font-weight:bold; margin:0px; margin-left:10px; margin-right:10px; }
.cms_specact_title  { color: #F30755; font-size:18px; font-style:italic; font-weight:bold; margin:0px; margin-left:10px; margin-right:10px; }
.cms_specact_desc   { color: #FFFFFF; font-size:14px; font-style:italic; font-weight:bold; margin:0px; margin-left:10px; margin-right:10px; }

.cms_toeter_title  { color: #FFFFFF; font-size:17px; font-style:italic; font-weight:bold; }


/* Detail tabel */
.cms_detailtable    { width:80%; align:center; border:outset 0pt; border-collapse:separate; border-spacing:3; font-family: Arial, Helvetica, sans-serif; font-size: 13px;}
.cms_detailtable TH { }
.cms_detailtable TR { }
.cms_detailtable TD { color:#FFFFFF; valign:top; border: 0px solid #5B5B9D; padding-left: 0; padding-right: 0; background-color:#000066; }

/* downloads_table tabel */
.downloads_table    { width:80%; align:center; border:outset 0pt; border-collapse:separate; border-spacing:3; font-family: Arial, Helvetica, sans-serif; font-size: 13px;}
.downloads_table TH { }
.downloads_table TR { }
.downloads_table TD { color:#FFFFFF; valign:top; border: 0px solid #5B5B9D; padding:8px; background-color:#000066; }

.NoteStyle { color:#000066; background-color:#B4C8D6; border: solid 1px #000066; font-size:10; padding:4px;}
.PopStyle  { z-index:20; top:0px;left:0px; position:absolute; visibility:hidden; width:200; }

.header_movie { z-index:50; position:absolute; top:0px; left:137px; }
.vert_whitespace {line-height:25px; }

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