html {
height: 100%;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #FFFFFF;
  background-color: #000000;
}

img {
border: none;
}

a {
text-decoration: none;
color:#EEEEEE;
}

a.standard {
color: #EEEEEE;
text-decoration: underline;
}

a.standard:hover {
color: #FFFFFF;
text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
margin: 0px;
}

ul {
margin: 0px;
}


#container {
  position: absolute;
  left: 50%;
  width: 992px;
  margin-top: 0px;
  margin-left: -496px;
  text-align: left;
  padding: 0px;
  
  height: 100%;
  
}

#container #title {
  position: absolute;
  display: block;
  top: 0px;
  left: 0px;
  height: 100px;
  width: 992px;
  
  border-bottom: 1px solid #C7011A;
  z-index: 100;
}

#container #title #logo1 {
  position: absolute;
  top: 0px;
  left: 36px;
}

#container #title #logo2 {
  position: absolute;
  top: 0px;
  left: 125px;
  padding: 18px;
}

#container #main_content {
  position: absolute;

  top: 101px;
  left: 0px; 
  width: 992px;
  
  border-bottom: 1px solid #C7011A;
}

#container #main_content #menu {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 192px;
}

#container #main_content #content {
  position: relative;
  top: 0px;
  left: 192px;
  
  width: 800px;
}

#container #button {
  position: absolute;
  top: 64px;
  left: 800px;
  width: 196px;
  height: 139px;
  
  z-index: 101;
}

#container #doeauditie {
  position: absolute;
  top: 0px;
  left: 860px;
  width: 343px;
  height: 144px;
  z-index: 101;
}

a.general {
  color: #7777FF;
  font-size: 12px;
  font-weight: normal;
  text-decoration:underline;
}

a.general:hover {
  text-decoration: none;
  color: #000000;
}

a.general:active {
  color: #FF0000;
}

a.subtle {
  font-size: 12px;
  color: #FFFFFF;
  font-weight: normal;
  text-decoration:underline;
}

a.subtle:hover {
  color: #999999;
  text-decoration: none;
}

a.subtle:active {
  color: #FF0000;
}

a.contact {
font-variant:small-caps;
color: #FFFF33;
font-size: 16px;

text-decoration: none;
} 

a.contact:hover {
color: orange;

text-decoration: underline;
} 

img.artistiek_foto {
border: 1px solid black;
}

div.announcement {
width: 496px; /* 638 */
margin-left: 67px;
border: 2px solid #ADCCDC;
background-color: #D8F1FE;
padding: 2px;
}

div.announcement h2 {
}

img.frontpage {
border: 2px solid black;
}

a:hover img.frontpage {
border: 2px solid #6F6F6F;
}

a:active img.frontpage {
background-color:#D98E60;
}

/* LOGIN  */

input, textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
border: 1px solid #999999;
padding: 2px;
}
input:hover, textarea:hover {
border: 1px solid #333333;
}

span.geduld {
font-size: 16px;
}

table.indextable {
margin-left: 30px;
}

table.indextable td.datum {
font-size: 14px;
font-style:italic;
}

table.indextable td.titel {
font-size: 16px;
font-variant:small-caps;
}

/* bestuur */

table.people_table, table.people_table td {
padding: 0px;
}

table.people_table td {
padding-top: 3px;
}
/*
table.people_table td.img {
width: 100px;
} */

table.people_table td.img img {
border: 1px solid black;
}

table.people_table td.img img.no_border {
border: none;
}

table.people_table td.info {
padding-left: 2px;
width: 210px;
}

/* ANTIGONE */

table.antigone_cast {

}

table.antigone_cast td.rol {
font-variant:small-caps;
font-size: 17px;
}

/* FOTOS */

table.album_table, table.album_table tr, table.album_table tr td {
padding: 0px;
margin: 0px;
}

table.album_table tr td.list_thumb img {
border: 4px solid #000000;
}

table.album_table tr td.list_thumb {
border: 1px solid #000000;
}

table.album_table tr:hover td.list_thumb {
border: 1px solid #666666;
}

table.album_table tr td.list_filler {
width: 3px;
}

table.album_table tr td.list_link {
text-align: center;
width: 300px;
}

table.album_table tr td.list_link a {
width: 280px;
height: 75px;
display: block;

font-size: 18px;
color: #CCCCCC;
font-weight: normal;
text-decoration: none;


padding-top: 50px;

background-color: #111111;
}

table.album_table tr td.list_link a:hover {

background: none;
color: #FFFFFF;
text-decoration:underline;
}

table.album_table tr td.list_link a:active {
color: #333333;
background-color: #FFFFFF;
text-decoration:underline;
}

a.img_link img {
border: 2px solid #FFFFFF;
}

a.img_link:hover img {
border: 2px dashed #CCCCCC;
}

/* AGENDA TABLES */

table.agenda {
font-size: 14px;
padding: 0px;
margin: 0px;
width: 800px;
}

table.agenda tr.type0 {

}

table.agenda tr.type1 {
background-color: #101010;
}

table.agenda tr:hover {
background-color: #121212;
}

table.agenda tr td {
padding: 2px;
vertical-align: top;
}

table.agenda tr td.datum {
text-align: right;
width: 192px;
}

table.agenda tr td div.beschrijving {
font-size: 12px;
padding-left: 32px;
}

table.agenda tr td span.titel_bold {
font-weight: bold;
}

table.agenda tr td.link {
width: 40px;
}

table.agenda tr td.link a:hover img {
background-color: #303030;
}

table.agenda tr td.link a:active img {
background-color: #DDDDDD;
}

/*  HOOFDPAGINA AGENDA */

#container #agenda table {
}

a.nieuwsbrief img {
border-bottom: 2px solid white;
}

a.nieuwsbrief:hover img {
border-bottom: 2px dashed black;
}


/* PERSOON LIJST */
/* naam rol cordial */

table.persoon_lijst_tekst {
width: 800px;
font-size: 14px;
}

table.persoon_lijst_tekst td {
vertical-align: bottom;
}

table.persoon_lijst_tekst td.naam {
/* font-variant: small-caps; 
font-size: 16px; */
}

table.persoon_lijst_tekst td.rol {
font-style:italic;
}

table.persoon_lijst_tekst td.cordial {
text-align: right;

}

/* promo foto's details */

#chickago_billy {
position: absolute;
right: 128px;
bottom: 10px;
z-index: -2;
}

#moulin_rouge_cast {
position: absolute;
top: -9px;
right: 91px;
z-index: -2;
}
a.audities span, span.auditieheader {
font-size: 64px;
font-weight: bold;
}

span.auditieheader {
font-style:italic;
}

a.audities:hover span {
text-decoration: underline;
}
div.auditiecontainer {
border: 4px solid #C7011A;
background-color: #9E0505;
padding: 5px;
margin: 25px;
margin-right: 75px;
margin-left: 75px;
text-align: center;

}

div.kaartverkoopagenda {
border: 1px solid white; padding: 5px; margin: 5px;
}