body{
  padding:0;
  margin:0;
  font-family: Verdana;
  background-color: black;
  color: white;
  /* font-size: 98.5%; */
  /*background: #000 no-repeat url(../_tmp_img/bg_screen.gif);*/
}
.clear{
  clear: both;
}
p,h1,h2,h3,input,textarea,form,ul{
  padding:0;
  margin:0;
}
img{
  border:0;
}
p{
  margin-bottom: 1.4em;
}
.hidden{
  display:none;
}

#page {
  padding:0;
  width:63em;
  position:absolute;
  z-index:2;
}

/* HEADER ROW */
#header{
  width:63em;
  min-height:4.5em;
  height:4.5em;
}
#header div.img {
  position:absolute;
  top:0;
  left:0;
  width:63em;
  height:4.5em;
}
#header div.img img{
  padding:0;
  margin:0;
  width:100%;
  height:100%;
}
#logo {
  position:absolute;
  top:0.55em;
  left:0.5em;
}
#logo img{
  width:12.8125em; /* 205px/16 */
  height:2.125em; /* 34px/16 */
}

#genericNavigation {
  position:absolute;
  top:0.7em;
  width:63em;
}
#genericNavigation ul{
  clear:both;
  position:relative;
  float:right;
  margin-top:0.7em;
  margin-right:0.2em;
  list-style: none;
}
#genericNavigation li{
  float:left;
}
#genericNavigation a{
  font-size: 0.7em;
  color: white;
  display:block;
  text-decoration:none;
  margin-left:1.6em;
}
#genericNavigation a.selected{
  color: #9b9b9b;
}
#genericNavigation a:hover{
  color: #9b9b9b;
}

#socialMediaLinks {
  position:absolute;
  top:0.1em;
  left:43em;
  width:6.5em;
  height:1em;		
}

#socialMediaLinks .socialMediaLink{
  width:16px;
  height:16px;
  float:left;
  margin:0 5px;	
}

#socialMediaLinks .socialMediaLink a{
  width:16px;
  height:16px;
  display:block;
  margin:0;	
}


#searchform {
  padding:0 !important;
  margin:0 !important;
  width: auto !important;
  float:right;
  margin-right:0.2em !important;
}
#searchform input {
  float:left;
  height:1.4em !important;
  border:0;
  background-color: #f3f3f3;
}
#searchform input.submit{
  height:1.7em !important;
  width:4.5em !important;
  font-size: 0.7em !important;
  margin-left:0.4em !important;
}



/* MAINNAVIGATION ROW */
#mainNavigation {
  /*
  z-index: 1;
  position:relative; 
  */
  width:63em;
  height:2.25em;
  background-color: white;
}
#mainNavigation ul {
  list-style: none;
}
#mainNavigation li {
  float:left;
  line-height:2.25em;
}
#mainNavigation a {
  font-size: 0.9em;
  font-weight: bold;
  padding:0 0.7em;
  color: black;
  display:block;
  text-decoration:none;
}
#mainNavigation a:hover,
#mainNavigation a.selected:hover, 
#mainNavigation li:hover a
{
  background-color: #F3F3F3;
  color:black;
} 
#mainNavigation a.selected {
  color: #5b5b5b;
}
/* drop downs */
#mainNavigation li ul {
  display: none;
  position: absolute;
  margin:0;
  padding:0;
  background-color: #F3F3F3;
  /*width:13em;*/
}
#mainNavigation li:hover ul { 
  display: block; 
  z-index:9999; 
}
#mainNavigation li ul li {
  float:none;
  line-height:1.5em;
}
#mainNavigation li ul li a {
  font-size: 0.7em;
  font-weight:normal;
  margin:0;
  padding:0 1.25em;
}
#mainNavigation li ul li a:hover {
  font-size: 0.7em;
  background-color: black;
  color:#F3F3F3;
}

/* subNavigation */
#subNavigation {
  background-color: white;
  min-height:18em;
}
#subNavigation div{
  position:relative !important;
}
#subNavigation ul{
  list-style: none;
}
#subNavigation a{
  display:block;
  color: #5b5b5b;
  text-decoration:none;
}
#subNavigation a:hover, 
#subNavigation a.selected{
  color: white;
  background-color: black;
}
#subNavigation span.backto{
  display:block;
  font-size:0.8em;
  font-weight:normal;
}
#subNavigation .parentNodes {
  margin-top: 0.5em;
}
#subNavigation .parentNodes a{
  display:block;
  font-size:0.8em;
  font-weight: bold;
  padding-left:0.8em;
  margin-bottom: 1em;
}
#subNavigation .parentNodes li{
  margin-bottom: 1.1em;
}
#subNavigation .activeNode{
  margin: 0.5em 0;
  display:block;
}
#subNavigation .activeNode a{
  font-size:1.1em;
  padding-left:0.55em;
}
#subNavigation .childNodes{
  margin-top: 0.5em;
}
#subNavigation .childNodes a {
  font-size:0.7em;
  line-height:1.6em;
  padding:0 3em;
  background: white no-repeat url(../images/subnav_c10_li.gif);
  background-position: 1.1em 0.6em;
  /*margin-bottom: 1em;*/
}
#subNavigation .childNodes a:hover,
#subNavigation .childNodes a.selected
{
  background: black no-repeat url(../images/subnav_c1_li.gif);
  background-position: 1.1em 0.6em;
}

/* FOOTERNAVIGATION ROW */
#footerNavigation {
  width:63em;
  min-height:2.25em;
}
#footerNavigation ul{
  list-style: none;
}
#footerNavigation li{
  float:left;
  min-height:2.25em;
  width:9em;
  overflow: hidden;
}
#footerNavigation a {
  display:block;
  min-height:2.25em;
  line-height:2.25em;
  text-decoration:none;
  background-image: url(../images/lo_img.gif);
  background-repeat: no-repeat;
  background-position: bottom right; 
}

#footerNavigation li.c1 a { background-image: url(../images/lo_c1.gif); }
#footerNavigation li.c2 a { background-image: url(../images/lo_c2.gif); }
#footerNavigation li.c3 a { background-image: url(../images/lo_c3.gif); }
#footerNavigation li.c4 a { background-image: url(../images/lo_c4.gif); }
#footerNavigation li.c5 a { background-image: url(../images/lo_c5.gif); }
#footerNavigation li.c6 a { background-image: url(../images/lo_c6.gif); }
#footerNavigation li.c7 a { background-image: url(../images/lo_c7.gif); }
#footerNavigation li.c8 a { background-image: url(../images/lo_c8.gif); }
#footerNavigation li.c9 a { background-image: url(../images/lo_c9.gif); }
#footerNavigation li.c10 a { background-image: url(../images/lo_c10.gif); }

#footerNavigation a span{
  display:block;
  padding:0 0.7em;
  font-size: 0.85em;
  font-weight: bold;
}
#footerNavigation a:hover,
#footerNavigation a.selected 
{
  background-image: url(../images/lo_c1.gif) !important;
  background-color:#000;
}
#footerNavigation a:hover span,
#footerNavigation a.selected span
{
  color: white;
}

/* pageTitleRow */
#pageTitleRow{
  /*
  position:relative;
  float:left;
  */
  width:63em;
  height:6.75em;
}
#pageTitleWrapper {
  position:absolute;
  margin:0.5em;
  margin-left: 18em;
}
#pageTitleWrapper h1{
  font-size: 1.8em;
}
#pageTitleWrapper div.subtitle{
  font-size: 0.7em;
}
#pageTitleHidden{
  display:none;
}
/* /HEADER */


/* CONTENT */
#content{
  width:63em;
  /* position:absolute; */
  position:relative;
  left:0;
}
#content div{
  position:absolute;
  overflow:hidden;
}
#content div.link {
  cursor: pointer; 
  cursor: hand;
  background-image: url(../images/lo_img.gif);
  background-repeat: no-repeat;
  background-position: bottom right; 
}
#content div.c1_link { background-image: url(../images/lo_c1.gif); }
#content div.c2_link { background-image: url(../images/lo_c2.gif); }
#content div.c3_link { background-image: url(../images/lo_c3.gif); }
#content div.c4_link { background-image: url(../images/lo_c4.gif); }
#content div.c5_link { background-image: url(../images/lo_c5.gif); }
#content div.c6_link { background-image: url(../images/lo_c6.gif); }
#content div.c7_link { background-image: url(../images/lo_c7.gif); }
#content div.c8_link { background-image: url(../images/lo_c8.gif); }
#content div.c9_link { background-image: url(../images/lo_c9.gif); }
#content div.c10_link { background-image: url(../images/lo_c10.gif); }



/* images */
#content div.img { 
  cursor: pointer; 
  cursor: hand;
  top:0;
  padding:0;
  width:100%;
  height:100%;
  text-align:center;
}
.img img{
  /* vertical alignment?... */
  /*
  vertical-align: middle;
  border:1px solid red;
  */
}
.cropped img {
  top:0;
  left:0;
  width:100%;
  height:100%;
}

/* images  info */
#content .info {
  position:absolute !important;
  top:0;
  left:0;
  text-align: left;
  display:block;
  width:100%;
  min-height:10px;
}
#content .info .text{
  position:relative;
  float: left;
  padding-bottom:0.5em;
}
#content .info h3{
  margin:0;
}
#content .info a {
  text-decoration: none;
}
#content .info .photographer{
  position:relative;
  float:right;
  font-style: italic;
  text-align:right;
}
#content .info .excerpt{
  clear:both;
}

/* image page_item link */
div.img div.img_link {
  position:absolute !important;
  right:0px;
  bottom:0px;
  width:15px;
  height:15px;
  background-image: url(../images/lo_img.gif);
  background-repeat: no-repeat;
}

/* text content */
.text {
  padding:0.5em;
  font-size: 0.7em;
  line-height:1.5em;
}
.text .dt {
  display:block;
}
.text .excerpt {
  font-style: italic;
}
.text h2 {
  margin-top:0.2em;
  margin-bottom:0.2em;
  font-size: 1.4em;
}
.text h3 {
  /*margin-top:1.2em;*/
  margin-top:0.2em;
  font-size: 1.2em;
}
.text a {
  text-decoration: underline;
}

/* colors schemes */
#subNavigation.c1 { background-color: black; }
#subNavigation.c1 a { 
	color: #9b9b9b; 
}
#subNavigation.c1 .childNodes a {
  background: black no-repeat url(../images/subnav_c1_li.gif);
  background-position: 1.1em 0.6em;
}
#subNavigation.c1 .childNodes a:hover,
#subNavigation.c1 .childNodes a.selected
{
  background: white no-repeat url(../images/subnav_c10_li.gif);
  background-position: 1.1em 0.6em;
}
#subNavigation.c1 a:hover,
#subNavigation.c1 a.selected {
  color: black;
  background-color: white;
}

// tmp...
.iconResize {
  position: absolute !important;
}

/* CONTAINER FOR SEVERAL PAGE ITEMS e.g. 'RIGHT COLUMN' */
.container div{
  position:relative !important;
  float:left;
  display:block;
}


/* MAIN ARTICLE, slightly bigger font */
#content .mainArticle {
  /* min-height:18em; */
}
#content .mainArticle .text {
  font-size: 0.7em;
} 


/* GRID POSITIONS */
 .l0  { left:0em; }
 .l1  { left:9em; }
 .l2  { left:18em; }
 .l3  { left:27em; }
 .l4  { left:36em; }
 .l5  { left:45em; }
 .l6  { left:54em; }
 .l7  { left:63em; }
 .l8  { left:72em; }
 .l9 { left:81em; }
 .l10 { left:90em; }

 .t0  { top:0em; }
 .t1  { top:9em; }
 .t2  { top:18em; }
 .t3  { top:27em; }
 .t4  { top:36em; }
 .t5  { top:45em; }
 .t6  { top:54em; }
 .t7  { top:63em; }
 .t8  { top:72em; }
 .t9  { top:81em; }
 .t10 { top:90em; }
 .t11 { top:99em; }
 .t12 { top:108em; }
 .t13 { top:117em; }
 .t14 { top:126em; }
 .t15 { top:135em; }
 .t16 { top:144em; }
 .t17 { top:153em; }
 .t18 { top:162em; }
 .t19 { top:171em; }
 .t20 { top:180em; }
 .t21 { top:189em; }
 .t22 { top:198em; }
 .t23 { top:207em; }
 .t24 { top:216em; }
 .t25 { top:225em; }
 .t26 { top:234em; }
 .t27 { top:243em; }
 .t28 { top:252em; }
 .t29 { top:261em; }
 .t30 { top:270em; }

 .w1 { width:9em; }
 .w2 { width:18em; }
 .w3 { width:27em; }
 .w4 { width:36em; }
 .w5 { width:45em; }
 .w6 { width:54em; }
 .w7 { width:63em; }

 .h0  { min-height:9em; }
 .h1  { height:9em; }
 .h2  { height:18em; }
 .h3  { height:27em; }
 .h4  { height:36em; }
 .h5  { height:45em; }
 .h6  { height:54em; }
 .h7  { height:63em; }
 .h8  { height:72em; }
 .h9  { height:81em; }
 .h10 { height:90em; }
 .h11 { height:99em; }
 .h12 { height:108em; }
 .h13 { height:117em; }
 .h14 { height:126em; }
 .h15 { height:135em; }
 .h16 { height:144em; }
 .h17 { height:153em; }
 .h18 { height:162em; }
 .h19 { height:171em; }
 .h20 { height:180em; }

/* extra for banners etc. */ 
/*
.t0_25 { top:2.25em; }
.t0_50 { top:4.5em; }
.t0_75 { top:6.75em; }
.h0_25 { height:2.25em; }
.h0_50 { height:4.5em; }
.h0_75 { height:6.675em; }
*/
.t-25 { top:2.25em; }
.t-50 { top:4.5em; }
.t-75 { top:6.75em; }
.h-25 { height:2.25em; }
.h-50 { height:4.5em; }
.h-75 { height:6.675em; }

/* COLORS */
/* unused palette color: ABABAB  */
.c1 { background-color: #000000; color: #FFFFFF; }
.c1 a { color: #FFFFFF; }
.c2 { background-color: #292929; color: #F5F5F5; }
.c2 a { color: #F5F5F5; }
.c3 { background-color: #434343; color: #E9E9E9; }
.c3 a { color: #E9E9E9; }
.c4 { background-color: #5A5A5A; color: #D6D6D6; }
.c4 a { color: #D6D6D6; }
.c5 { background-color: #6E6E6E; color: #C3C3C3; }
.c5 a { color: #C3C3C3; }
.c6 { background-color: #C3C3C3; color: #6E6E6E; }
.c6 a { color: #6E6E6E; }
.c7 { background-color: #D6D6D6; color: #5A5A5A; }
.c7 a { color: #5A5A5A; }
.c8 { background-color: #E9E9E9; color: #434343; }
.c8 a { color: #434343; }
.c9 { background-color: #F5F5F5; color: #292929; }
.c9 a { color: #292929; }
.c10{ background-color: #FFFFFF; color: #000000; }
.c10 a { color: #000000; }

/* GRID :: generated by DOM*/
#gridcontainer {
  position:absolute;
  width:63em;
  height:54em;
  overflow:hidden;
}
#grid {
  float:left;
  margin-top:0; 
  width:81em;
  height:54em;
  overflow:hidden;
}
#grid div {
  position: relative;
  float:left;
  width:9em;
  height:9em;
}

/* standard (black) page */
#grid .c1{ background: no-repeat center url(../images/grid_black_1.gif); }
#grid .c2{ background: no-repeat center url(../images/grid_black_2.gif); }
#grid .c3{ background: no-repeat center url(../images/grid_black_3.gif); }
#grid .c4{ background: no-repeat center url(../images/grid_black_4.gif); }
/*
#grid .c1{ background: red; }
#grid .c2{ background: blue; }
#grid .c3{ background: yellow; }
#grid .c4{ background: lime; }
*/

/* white page (body .c10) */
body.white {
  background-color: white;
  color: black;
}
body.white #grid .c1{ background: no-repeat center url(../images/grid_white_1.gif); }
body.white #grid .c2{ background: no-repeat center url(../images/grid_white_2.gif); }
body.white #grid .c3{ background: no-repeat center url(../images/grid_white_3.gif); }
body.white #grid .c4{ background: no-repeat center url(../images/grid_white_4.gif); }

/* lightbox */
#lbOverlay{
  z-index: 1000;
}
#lbCenter{
  z-index: 1001;
}
#lbBottomContainer{
  z-index: 1001;
}

#gridcontainer{
  position:absolute;
  z-index:1;
}


/* speellijst */
div.next_performance_text {
}
div.next_performance_text p{
  margin-bottom: 0.5em;
}
div.next_performance_text p.dt {
  font-weight: bold;
} 

/* performance list */
div.performance_list {
  position: absolute;
}
div.performance_list div {
  position:relative !important;
  float:left;
  display:block;
}
div.performance_list div.header {
  font-size: 0.7em;
}
div.performance_list div.header h2 {
  margin: 0;
  padding; 0;
}

div.performance_list table {
  display: block;
  float: left;
  width: 44em;
  margin: 0 0.5em 1em 0.5em;
}
div.performance_list table tr:hover {
	background-color: #E6E6E6;
}
div.performance_list table th {
  margin:0;
  padding:0;
  text-align:left;
  line-height: normal;
} 
div.performance_list table th.date {
  width: 2.5em;
}
div.performance_list table th.time {
  width: 3em;
} 
div.performance_list table th.program {
  width: 9.5em;
} 
div.performance_list table th.extra_info {
  width: 9em;
} 
div.performance_list table th.city {
  width: 9em;
} 
div.performance_list table th.venue {
  width: 11em;
}
div.performance_list table th.phone {
  width: 5em;
}
/* BY PROGRAM */
div.performance_list table.program th.date {
  width: 8.5em;
}
div.performance_list table.program th.time {
  width: 3em;
}  
div.performance_list table.program th.extra_info {
  width: 9em;
}
div.performance_list table.program th.city {
  width: 11.5em;
}
div.performance_list table.program th.venue {
  width: 12em;
} 
/* BY CITY */
div.performance_list table.city th.date {
  width: 8.5em;
}
div.performance_list table.city th.time {
  width: 3em;
} 
div.performance_list table.city th.program {
  width: 11.5em;
} 
div.performance_list table.city th.extra_info {
  width: 9em;
}
div.performance_list table.city th.venue {
  width: 12em;
} 

div.performance_list table td 
{
  margin:0;
  padding:0;
  text-align: left;
  vertical-align: top;
  line-height: normal;
}
div.performance_list table td p{
  margin: auto;
}
div.performance_list table th span, 
div.performance_list table td span 
{
  font-size: 0.7em;
}

/* SEARCH PAGE */
div#searchbox {
  display:block;
  width:100%;
  height:4.5em;
  background-color: #C3C3C3;
}
#searchbox form{
  margin-left: 9em;
  margin-top: 1.5em;
  vertical-align: center;
}
#searchbox input {
  margin:0;
  padding:0;
  vertical-align:top;
  border:0;
  background-color: #f3f3f3;
  height:1.4em;
}
#searchbox input.txt {
  width: 18em;
  padding:0 0.3em;
}
#searchbox input.submit{
  width:4.5em;
  margin-left:0.4em;
}
#searchbox div.cse_choose_language {
  margin-top: 0.2em;
}
#searchbox div.cse_choose_language span {
  font-size: 0.7em;
}
#searchbox div.cse_choose_language input {
  background-color: #C3C3C3;
}
#searchbox div.cse_choose_language label{
  font-size: 0.7em;
  margin-left: 0.5em;
  margin-right: 1em;
  padding-bottom:2em;
} 

div#result_header{
  width:100%;
  text-align: right;
  font-size: 0.7em;
  margin-bottom: 1em;
}
div.paging {
  width:100%;
  text-align: center;
  line-height: 2.25em;
  height:2.25em;
  background-color: #C3C3C3;
}
div.paging a {
  font-size: 0.7em;
  text-decoration: none;
}
div.paging a:hover {
  text-decoration: underline;
}

/* news_list  */
div.news_list {
  position: relative !important;
  width: 100%;
  display: block;
  /* background-color: blue; */
}
div.news_list div{
  position: relative !important;
  display:block;
}
div.news_list div.item {
  position: relative !important;
  margin-bottom: 10px;
  /* background-color: red; */
  display:block;
}
div.news_list div.item h2,  
div.news_list h3 {
  display: block;
  clear: both;
}
div.news_list p{
  margin:0;
  padding:0;
}

.form_error{
  color: red;
}


/* forms (contact / download-order) */
div.form {
  margin-top:0.4em;
  display: block;
  overflow: show !important;
  /*
  width: 100%;
  height: 100%; 
  */
}
div.form div {
  position: relative !important;
}
div.form div.row {
  clear: both;
  width: 27em;
  padding-top:0.2em;
  position: relative !important;
}
div.form div.row label {
  float: left;
  display: block;
  width: 9em;
}
div.form div.row label span {
  padding:0.5em;
  font-size: 0.7em;
  line-height:1.5em;
}
div.form div.row div.field {
  float: left;
  display: block;
  width: 17.5em;
  padding: 0 0 0 0;
}
div.form div.row div.field div {
  /* font-size: 0.7em; */
}
div.form div.row div.field input, 
div.form div.row div.field textarea {
  border: 1px solid #CDCDCD;
  background-color: #F3F3F3;
  width: 97%; /* border won's show in FF when using 100% */
  font-family:Verdana;
  font-size: 0.7em;
  padding: 0.2em;
}
div.form div.row div.field textarea {
  height: 7em;
}
div.form div.row div.field input.input_zipcode{
  width: 25%;
}
div.form div.row div.field label {
  float:left;
  font-size: 0.7em;
  line-height:2em;
  width: auto;
  margin-right: 2em;
}
div.form div.row div.field input.input_radio{
  float:left;
  width: 20px;
  margin-top:2px;
  border:0 !important;
}

div.form div.row div.field input.submit {
  height:auto !important;
  width:auto !important;
  padding: 0.5em 1em;
  font-family: Verdana;
  font-size: 0.7em !important;
  border: 1px solid white;
  color: white;
  background-color: black;
}
div.form div.row div.field div.form_error {
  font-size: 0.7em;
  line-height:1.5em;
} 

.form_error,
.error
{
  color: red;  
}


/* orderables form */
.orderables_header{
  margin-top: 2em;
}
.category_row {
  padding:1em 0.5em 0 0.5em;
  font-size: 0.8em;
  line-height:1.5em;
  font-weight: bold;
}
.orderable .input_orderable{
  width: 1.5em !important;
  float: right;
  text-align: center;
}
.orderable .orderable_times
{
  font-size: 0.7em;
  float:right;
  font-weight: bold;
  margin-right: 1em;
  line-height:1.5em;
}

div.form div.orderable label {
  width: 17.5em;
  line-height:2em;
}
div.form div.orderable label span{
  display: block;
  padding:0;
  padding-left:0.5em;
}
div.form div.orderable div.field {
  width: 9em;
}
div.form div.orderable_submit {
  margin-top: 0.5em;
}
div.form div.orderable_submit input.submit {
  float: right;
}