/*
blauwgroen: 399
warmgrijs: 796767
*/

body, td, th {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
aline-height:16px;
color:#BCABAB;
}

body {
padding:0;
margin:0;
abackground-image:url('/img/bigbg.jpg');
abackground-attachment:fixed;
background-color:#796767; /* #211210; */
background-color:#000;
}

.disclaimer {
color:#796767;
margin-top:28px;
font-size:11px;
}

h1 {font-size:28px;}
h2 {font-size:18px;}
h3 {font-size:16px;}

p+p {margin:16px 0;}
p {margin:0 0 16px;}

#printheader {
display:none;
}

a {
color:#f00;
}
a:hover {
color:#fff;
}

img {
border: 0;
}

.cleared {
clear:both;
}

.stretch {
width:100%;
}

.nodisplay {
display:none;
}

.dotted {
border-top:1px dotted #796767;
border-bottom:1px dotted #796767;
color:#796767;
}

td.menubox {
}

td.menubox2 {
width:645px;
}

td.footerbox {
}

span.sound object,
span.sound embed {
margin:0 0 -5px;
}




/*
* div#blindmanmenu
*/

div#blindmanmenu {
padding:0 0 28px;
}

div#blindmanmenu ul.menu a, 
div#blindmanmenu ul#languagebox a {
text-decoration:none;
color:#796767;
}

div#blindmanmenu ul.menu a.selected, 
div#blindmanmenu ul#languagebox a.selected, 
div#blindmanmenu ul.menu a:hover, 
div#blindmanmenu ul#languagebox a:hover {
color:#f00;
}

div#blindmanmenu a.direct {
display:none;
}


div#blindmanmenu #logo {
float:left;
margin:0;
padding:0;
font-size:24px;
line-height:24px;
}

div#blindmanmenu ul#languagebox {
margin:4px 0 0 16px;
padding:0;
float:left;
list-style-type:none;
line-height:18px;
}

div#blindmanmenu ul#languagebox li {
display:inline;
}

div#blindmanmenu ul.menu {
font-size:16px;
line-height:16px;
font-weight:bold;
list-style-type:none;
padding:0;
margin:0;
padding-top:1em;
float:none;
clear:both;
}

div#blindmanmenu #radiobox {
font-size:16px;
line-height:16px;
margin-top:8px;
font-weight:bold;
}





/*
* div#blindmanfooter
*/

div.footerbox {
margin-top:48px;
}

div#blindmanfooter {
padding-top:1em;
border-top:1px solid #403131;
}

div.footerbox a {
color:#796767;
}

div.footerbox a:hover {
color:#f00;
}

div#blindmanfooter #addressbox {
width:264px;
float:left;
}

div#blindmanfooter #addressbox strong {
font-size:24px;
line-height:24px;
}

div#blindmanfooter #addressbox a {
text-decoration:none;
color:#796767;
}

div#blindmanfooter #addressbox a:hover {
color:#f00;
}

div#blindmanfooter ul.menu {
width:645px;
padding:0;
margin:0;
font-weight:bold;
list-style-type:none;
float:right;
font-size:16px;
line-height:16px;
}

div#blindmanfooter ul.menu li {
display:inline;
margin-right:8px;
}

div#blindmanfooter ul.menu a {
text-decoration:none;
color:#796767;
}

div#blindmanfooter ul.menu a.selected, 
div#blindmanfooter ul.menu a:hover  {
color:#f00;
}

div#blindmanfooter .contact {
padding:14px 0 28px;
border-top:1px dotted #403131;
border-bottom:1px dotted #403131;
}

div#blindmanfooter .e_contact {
background-color:#BCABAB;
color:#403131;
font-size:12px;
line-height:12px;
text-decoration:none;
padding:2px 10px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
}

div#blindmanfooter .e_contact:hover,
div#blindmanfooter .e_contact:focus {
background-color:#f00;
color:#fff;
}







/*
* div#homecalendar
*/

div#homecalendar table.upcoming {
margin:4px 0;
}

div#homecalendar table.upcoming td {
width:100px;
padding-right:15px;
}

div#homecalendar table.upcoming a {
text-decoration:none;
color:#f00;
}

div#homecalendar table.upcoming a:hover {
color:#796767;
}

div#homecalendar table.upcoming div.date {
margin-top:8px;
margin-bottom:6px;
text-transform:uppercase;
color:#796767;
}

div#homecalendar table.upcoming div.event {
margin-bottom:6px;
}

div#homecalendar table.upcoming div.ensembles a {
color:#fff;
}

div#homecalendar table.upcoming div.ensembles a:hover {
color:#f00;
}





/*
* div#collectivemenu
*/

div#collectivemenu{
margin-bottom:28px;
}

div#collectivemenu a {
text-decoration:none;
color:#f00;
line-height:14px;
margin-right:16px;
}

div#collectivemenu a:hover,
div#collectivemenu a.selected {
color:#fff;
}





/*
* div.publicationsmenu
*/

div.publicationsmenu {
padding:0 44px 0 0;
color:#796767;
}

div.publicationsmenu h2{
margin:10px 0;
}

div.publicationsmenu h3{
}

div.publicationsmenu div.pub{
margin-bottom:4px;
}

div.publicationsmenu div.title {
font-size:14px;
}

div.publicationsmenu div.title a {
text-decoration:none;
}

div.publicationsmenu div.title a:hover {
color:#796767;
}

div.publicationsmenu div.subtitle {
}

div.publicationsmenu div.subtitle p {
margin:0;
padding:0;
}

body#publication div.orderinfo {
acolor:#BCABAB;
amargin:5em 0;
}





/*
* body#home
*/

body#home div#homeslideshow {
position:relative;
height:240px;
width:940px;
overflow:hidden;
}

body#home div#homeslideshow .slide {
position:absolute;
height:240px;
width:940px;
overflow:hidden;
background-color:#f00;
}

body#home div#homeslideshow #back {
z-index: 1;
}

body#home div#homeslideshow #front {
z-index: 2;
}





/*
* body#productions
*/

body#productions #productiontabnav {
margin-bottom:20px;
border-bottom:1px solid #BCABAB;
overflow:visible;
text-align:right;
}

body#productions #productiontabnav a {
text-decoration:none;
font-size:14px;
background-color:#796767;
color:#000;
}

body#productions #productiontabnav a.selected,
body#productions #productiontabnav a.selected:hover,
body#productions #productiontabnav a.selected:focus {
background-color:#BCABAB;
color:#000;
}

body#productions #productiontabnav a:hover,
body#productions #productiontabnav a:focus {
background-color:#f00;
color:#000;
}

body#productions #productiontabnav a span {
padding:8px 10px;
}

body#productions div#currentlist div.prod {
margin: 0 10px 60px 0;
}

body#productions div#currentlist div.prod h1 {
width:645px;
height:164px;
abackground-color:#f00;
padding:4px 6px;
border-top:1px dotted #796767;
border-bottom:1px dotted #796767;
}

body#productions a.more {
text-transform:uppercase;
text-decoration:none;
background-color:#f00;
color:#000;
padding:0 4px;
font-size:10px;
}

body#productions a.more:hover {
background-color:#fff;
}

body#productions div#currentlist div.prod h1 a{
color:#fff;
}

body#productions div#currentlist div.subtitle {
font-size:16px;
padding:8px;
}

body#productions div#currentlist div.subtitle p {
padding:0;
margin:0;
}

body#productions div#currentlist div.ensembles {
padding:0 8px;
line-height:16px;
}


body#productions div#currentlist div.short {
padding:0 8px;
acolor:#796767;
}

body#productions div#currentlist div.ensembles a {
background-color:#796767;
padding:0 4px;
color:#000;
text-decoration:none;
}

body#productions div#currentlist div.ensembles a:hover {
background-color:#f00;
}

body#productions div#archive {
margin-top:-10px;
padding:0 44px 0 14px;
color:#796767;
}

body#productions div#archive h2{
color:#fff;
border-top:1px dotted #796767;
border-bottom:1px dotted #796767;
margin:10px 0;
}

body#productions div#archive h3{
color:#fff;
}

body#productions div#archive div.prod{
margin-bottom:20px;
}

body#productions div#archive div.title {
font-size:14px;
}

body#productions div#archive div.title a {
text-decoration:none;
}

body#productions div#archive div.title a:hover {
color:#796767;
}

body#productions div#archive div.subtitle {
}

body#productions div#archive div.subtitle p {
margin:0;
padding:0;
}

body#productions div#archive div.short {
display:none;
}

body#productions div#archive div.ensembles {
color:#796767;
}

body#productions div#archive div.ensembles a {
color:#fff;
text-decoration:none;
}

body#productions div#archive div.ensembles a:hover {
color:#f00;
}






/*
* body#production
*/

body#production div.productioninfo,
body#production div.downloads  {
color:#796767;
margin:0 28px 28px 0;
}

body#production div.description,
body#production div.programme,
body#production div.extra {
margin-bottom:28px;
font-size:14px;
line-height:20px;
}

body#production div.downloads a {
background-color:#f00;
padding:0 4px;
color:#000;
text-decoration:none;
}

body#production div.description h2,
body#production div.programme h2,
body#production div.extra h2 {
font-size:18px;
line-height:24px;
}

body#production div.description p,
body#production div.programme p,
body#production div.extra p {
text-align:justify;
}

body#production div.imageplaceholder {
width:264px;
aheight:300px;
}

body#production div.imagebox {
aheight:264px;
vertical-align:middle;
}

body#production div.captionbox {
font-size:11px;
color:#796767;
margin:4px 14px;
}
body#production div.captionbox p {
padding:0;
margin:0;
}

body#production div.sounds {
line-height:20px;
color:#796767;
font-size:12px;
padding:0 12px;
border:1px dotted #796767;
abackground-color:#211210;
}

body#production div.calendar {
margin:0px 16px 16px 0;
}

body#production div.calendar dt.month {
font-size:18px;
font-weight:bold;
color:#796767;
margin:0px 0 8px;
}

body#production div.calendar dt.date {
text-transform:uppercase;
margin:0 0 -14px;
}

body#production div.calendar dd {
border-top:1px dotted #796767;
margin:0 0 6px 160px;
}

body#production div.calendar dd span {
margin-right:16px;
}

body#production div.calendar dd div.production {
float:none;
clear:both;
}

body#production div.calendar dd div.location span {
float:left;
}

body#production div.calendar dd div.production a {
text-decoration:none;
}

body#production div.calendar dd div.remark {
float:none;
clear:both;
color:#BCABAB;
}

body#production div.calendar dd div.info{
float:none;
clear:both;
}

body#production div.calendar dd div.remark p {
padding:0;
margin:0;
}

body#production div.calendar dd a.more {
background-color:#BCABAB;
color:#000;
text-decoration:none;
font-size:10px;
padding:0 4px;
float:right;
margin-right:0;
margin-top:1px;
}

body#production div.calendar dd a:hover.more {
background-color:#f00;
color:#fff;
}





/*
* body#educations
*/

body#educations #educationtabnav {
margin-bottom:20px;
border-bottom:1px solid #BCABAB;
overflow:visible;
text-align:right;
}

body#educations #educationtabnav a {
text-decoration:none;
font-size:14px;
background-color:#796767;
color:#000;
}

body#educations #educationtabnav a.selected,
body#educations #educationtabnav a.selected:hover,
body#educations #educationtabnav a.selected:focus {
background-color:#BCABAB;
color:#000;
}

body#educations #educationtabnav a:hover,
body#educations #educationtabnav a:focus {
background-color:#f00;
color:#000;
}

body#educations #educationtabnav a span {
padding:8px 10px;
}

body#educations div#currentlist div.prod {
margin: 0 10px 60px 0;
}

body#educations div#currentlist div.prod h1 {
width:645px;
height:164px;
abackground-color:#f00;
padding:4px 6px;
border-top:1px dotted #796767;
border-bottom:1px dotted #796767;
}

body#educations a.more {
text-transform:uppercase;
text-decoration:none;
background-color:#f00;
color:#000;
padding:0 4px;
font-size:10px;
}

body#educations a.more:hover {
background-color:#fff;
}

body#educations div#currentlist div.prod h1 a{
color:#fff;
}

body#educations div#currentlist div.subtitle {
font-size:16px;
padding:8px;
}

body#educations div#currentlist div.subtitle p {
padding:0;
margin:0;
}

body#educations div#currentlist div.ensembles {
padding:0 8px;
line-height:16px;
}


body#educations div#currentlist div.short {
padding:0 8px;
acolor:#796767;
}

body#educations div#currentlist div.ensembles a {
background-color:#796767;
padding:0 4px;
color:#000;
text-decoration:none;
}

body#educations div#currentlist div.ensembles a:hover {
background-color:#f00;
}

body#educations div#archive {
margin-top:-10px;
padding:0 44px 0 14px;
color:#796767;
}

body#educations div#archive h2{
color:#fff;
border-top:1px dotted #796767;
border-bottom:1px dotted #796767;
margin:10px 0;
}

body#educations div#archive h3{
color:#fff;
}

body#educations div#archive div.prod{
margin-bottom:20px;
}

body#educations div#archive div.title {
font-size:14px;
}

body#educations div#archive div.title a {
text-decoration:none;
}

body#educations div#archive div.title a:hover {
color:#796767;
}

body#educations div#archive div.subtitle {
}

body#educations div#archive div.subtitle p {
margin:0;
padding:0;
}

body#educations div#archive div.short {
display:none;
}

body#educations div#archive div.ensembles {
color:#796767;
}

body#educations div#archive div.ensembles a {
color:#fff;
text-decoration:none;
}

body#educations div#archive div.ensembles a:hover {
color:#f00;
}






/*
* body#education 
*/

body#education div.productioninfo,
body#education div.downloads  {
color:#796767;
margin:0 28px 28px 0;
}

body#education div.description,
body#education div.programme,
body#education div.extra {
margin-bottom:28px;
font-size:14px;
line-height:20px;
}

body#education div.downloads a {
background-color:#f00;
padding:0 4px;
color:#000;
text-decoration:none;
}

body#education div.description h2,
body#education div.programme h2,
body#education div.extra h2 {
font-size:18px;
line-height:24px;
}

body#education div.description p,
body#education div.programme p,
body#education div.extra p {
text-align:justify;
}

body#education div.imageplaceholder {
width:264px;
aheight:300px;
}

body#education div.imagebox {
aheight:264px;
vertical-align:middle;
}

body#education div.captionbox {
font-size:11px;
color:#796767;
margin:4px 14px;
}
body#education div.captionbox p {
padding:0;
margin:0;
}

body#education div.sounds {
line-height:20px;
color:#796767;
font-size:12px;
padding:0 12px;
border:1px dotted #796767;
abackground-color:#211210;
}

body#education div.calendar {
margin:0px 16px 16px 0;
}

body#education div.calendar dt.month {
font-size:18px;
font-weight:bold;
color:#796767;
margin:0px 0 8px;
}

body#education div.calendar dt.date {
text-transform:uppercase;
margin:0 0 -14px;
}

body#education div.calendar dd {
border-top:1px dotted #796767;
margin:0 0 6px 160px;
}

body#education div.calendar dd span {
margin-right:16px;
}

body#education div.calendar dd div.production {
float:none;
clear:both;
}

body#education div.calendar dd div.location span {
float:left;
}

body#education div.calendar dd div.production a {
text-decoration:none;
}

body#education div.calendar dd div.remark {
float:none;
clear:both;
color:#BCABAB;
}

body#education div.calendar dd div.info{
float:none;
clear:both;
}

body#education div.calendar dd div.remark p {
padding:0;
margin:0;
}

body#education div.calendar dd a.more {
background-color:#BCABAB;
color:#000;
text-decoration:none;
font-size:10px;
padding:0 4px;
float:right;
margin-right:0;
margin-top:1px;
}

body#education div.calendar dd a:hover.more {
background-color:#f00;
color:#fff;
}






/*
* body#collective
*/






/*
* body#ensemble
*/

body#ensemble h1.ensemblename {
font-size:60px;
line-height:52px;
letter-spacing:-0.02em;
color:#f00;
margin:0;
padding:0 16px 0 0;
}

body#ensemble div.downloads{
padding:0 16px 0 0;
margin-bottom:2em;
}

body#ensemble div.short {
float:right;
}

body#ensemble div.short a,
body#ensemble div.downloads a {
background-color:#f00;
padding:0 4px;
color:#000;
text-decoration:none;
}

body#ensemble div.description,
body#ensemble div.people,
body#ensemble div.productions,
body#ensemble div.publications {
margin-bottom:2em;
font-size:14px;
}

body#ensemble div.description h2,
body#ensemble div.downloads h2,
body#ensemble div.people h2,
body#ensemble div.productions h2,
body#ensemble div.publications h2  {
font-size:18px;
line-height:20px;
}

body#ensemble div.description p,
body#ensemble div.downloads p,
body#ensemble div.people p,
body#ensemble div.productions p,
body#ensemble div.publications p {
line-height:20px;
atext-align:justify;
}

body#ensemble div.imageplaceholder {
width:264px;
aheight:300px;
}

body#ensemble div.imagebox {
aheight:264px;
vertical-align:middle;
}

body#ensemble div.captionbox {
font-size:11px;
color:#796767;
margin:4px 14px;
}
body#ensemble div.captionbox p {
padding:0;
margin:0;
}





/*
* body#calendar
*/

body#calendar div.calendar {
margin:0;
}

body#calendar div.calendar dl {
margin:0;
}

body#calendar div.calendar dt.month {
font-size:18px;
font-weight:bold;
color:#796767;
margin:8px 0 8px;
border-top:1px dotted #796767;
border-bottom:1px dotted #796767;
}

body#calendar div.calendar dt.date {
text-transform:uppercase;
margin:0 0 -14px;
}

body#calendar div.calendar dd {
margin:0 0 10px 160px;
}

body#calendar div.calendar dd span {
margin-right:16px;
}

body#calendar div.calendar dd span.title {
color:#f00;
}

body#calendar div.calendar dd div.production {
float:none;
clear:both;
}

body#calendar div.calendar dd div.location span {
float:left;
}

body#calendar div.calendar dd div.production a {
text-decoration:none;
}

body#calendar div.calendar dd div.remark {
float:none;
clear:both;
color:#BCABAB;
}

body#calendar div.calendar dd div.info{
float:none;
clear:both;
}

body#calendar div.calendar dd div.remark p {
padding:0;
margin:0;
}

body#calendar div.calendar dd a.more {
background-color:#BCABAB;
color:#000;
text-decoration:none;
font-size:10px;
padding:0 4px;
float:right;
margin-right:0;
margin-top:1px;
}

body#calendar div.calendar dd a:hover.more {
background-color:#f00;
color:#fff;
}





/*
* body#info
*/

body#info .contact {
padding:68px 0;
font-size:14px;
}





/*
* body#press
*/

body#press td a {
text-decoration:none;
}

body#press td a:hover {
text-decoration:underline;
}

body#press td.divider {
padding:4px 0;
}

body#press td.label {
padding:4px 0;
border-top:1px dotted #796767;
}

body#press td.imagebox {
padding:4px 0;
border-top:1px dotted #796767;
}

body#press td.imagebox img {
border:1px solid #000;
}

body#press td.imagebox img:hover {
border:1px solid #796767;
}

body#press td.imagebox span.caption {
position:absolute;
background-color:#fff;
color:#000;
padding:4px;
}

body#press td.imagebox span.caption p {
display:inline;
}

body#press td.imagebox span.im span.caption{
display:none;
}

body#press td.imagebox span.im:hover span.caption{
display:inline;
}






/*
* body#publications
*/

body#publications a.more {
text-transform:uppercase;
text-decoration:none;
background-color:#f00;
color:#000;
padding:0 4px;
font-size:10px;
}

body#publications a.more:hover {
background-color:#fff;
}

body#publications div#currentlist h1 {
padding:0;
margin:0;
}

body#publications div#currentlist div.subtitle p {
padding:0;
margin:0 0 1em;
}

body#publications div#archive {
padding:0 44px 0 0;
color:#796767;
}

body#publications div#archive h2{
margin:10px 0;
}

body#publications div#archive h3{
color:#fff;
}

body#publications div#archive div.pub{
margin-bottom:4px;
}

body#publications div#archive div.title {
font-size:14px;
}

body#publications div#archive div.title a {
text-decoration:none;
}

body#publications div#archive div.title a:hover {
color:#796767;
}

body#publications div#archive div.subtitle {
}

body#publications div#archive div.subtitle p {
margin:0;
padding:0;
}

body#publications div#archive div.orderinfo {
color:#BCABAB;
amargin:5em 0;
}

body#publications div#archive div.orderinfo h2{
color:#796767;
margin:10px 0;
}






/*
* body#publication
*/

body#publication div.description{
line-height:20px;
}

body#publication h1.title {
margin-top:0;
}

body#publication div.subtitle {
font-size:14px;
line-height:20px;
color:#BCABAB;
padding: 0 0 2em 264px;
}

body#publication div.images {
aborder-top:1px dotted #796767;
aborder-bottom:1px dotted #796767;
margin-top:48px;
}

body#publication div.description {
padding:0;
margin-bottom:2em;
font-size:14px;
}

body#publication div.description h2 {
font-size:18px;
line-height:20px;
}

body#publication div.description p {
line-height:20px;
atext-align:justify;
}

body#publications div#archive {
padding:0 44px 0 0;
color:#796767;
}

body#publication div#archive h2{
margin:10px 0;
}

body#publication div#archive h3{
color:#fff;
}

body#publication div#archive div.pub{
margin-bottom:4px;
}

body#publication div#archive div.title {
font-size:14px;
}

body#publication div#archive div.title a {
text-decoration:none;
}

body#publication div#archive div.title a:hover {
color:#796767;
}

body#publication div#archive div.subtitle {
}

body#publication div#archive div.subtitle p {
margin:0;
padding:0;
}

body#publication div#archive div.orderinfo {
color:#BCABAB;
amargin:5em 0;
}

body#publication div#archive div.orderinfo h2{
color:#796767;
margin:10px 0;
}







/*
* body#person
*/

body#person div.calendar {
margin:0px 16px 16px 0;
}

body#person div.calendar dt.month {
font-size:18px;
font-weight:bold;
color:#796767;
margin:0px 0 8px;
}

body#person div.calendar dt.date {
text-transform:uppercase;
margin:0 0 -14px;
}

body#person div.calendar dd {
border-top:1px dotted #796767;
margin:0 0 6px 160px;
}

body#person div.calendar dd span {
margin-right:16px;
}

body#person div.calendar dd div.production {
float:none;
clear:both;
}

body#person div.calendar dd div.location span {
float:left;
}

body#person div.calendar dd div.production a {
text-decoration:none;
}

body#person div.calendar dd div.remark {
float:none;
clear:both;
color:#BCABAB;
}

body#person div.calendar dd div.info{
float:none;
clear:both;
}

body#person div.calendar dd div.remark p {
padding:0;
margin:0;
}

body#person div.calendar dd a.more {
background-color:#BCABAB;
color:#000;
text-decoration:none;
font-size:10px;
padding:0 4px;
float:right;
margin-right:0;
margin-top:1px;
}

body#person div.calendar dd a:hover.more {
background-color:#f00;
color:#fff;
}