html, body {
  position: absolute;
  
  background: #fff;

  width: 100%;
  height: 100%;
  
  margin: 0px;
  padding: 0px;
  
  min-height: 100.01%;

  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

div.content {
  width: 715px;
  /* height: 91%; */
  
  padding-bottom: 0px;
  
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;

  font-size: 12px;
  line-height: 20px;
}

div.content a:link, 
div.content a:visited,
div.content a:hover,
div.content a:active {
  text-decoration: underline;
  text-transform:lowercase;
  color: #000;
  font-size:12px;
  line-height:20px;
}

div.content a:visited {
  color: #666666;
}

div.content a:active, 
div.content a:hover {
  color: #0066FF;
}

div.top {
  background: #B2B5A2 url('http://www.theaterea.nl/sites/ea/images/theater_ea.gif') no-repeat;
  background-position: 10px 10px;
  
  width: 100%;
  height: 30px;
  
  padding-top: 30px;
  text-align: right;

}

div.top a:link, 
div.top a:visited, 
div.top a:active, 
div.top a:hover {
  text-decoration: none;
  text-transform:lowercase;

  font-size:12px;
}

div.top a:visited {
  color: #666666;
}

div.top a:hover, div.top a:active {
  color: #0066FF;
}

div.tekst {
  background-color: #CFD1C4;
  
  /*height: 100%;*/
  min-height: 800px;
  _height: 800px;

  /*width: 100%;*/

  margin-top: 5px;
  padding: 7px;
}
div.tekst a:link, 
div.tekst a:visited, 
div.tekst a:active, 
div.tekst a:hover {
  text-decoration: none;
  text-transform:lowercase;
  font-size:12px;
}

div.tekst a:visited {
  color:#666666;
div.tekst a:hover,
div.tekst a:active {
  color:#0066FF;
}
div.tekst p {   padding: 5px 10px; }

div.left {
  float: left;
  
  background-color:#B2B5A2;
  
  width: 120px;
  /* height: 100%; */
  min-height: 800px;
  _height: 800px;

  border-right: 5px solid #fff;
  border-bottom: 0px solid #fff;
  margin-right: 10px;
}

.productions {
  text-decoration: none;
  text-transform:lowercase;
  color: #000;
  font-size:10px;
  line-height:20px;
}

.productions a:link,
.productions a:visited,
.productions a:active,
.productions a:hover {
  text-decoration: none;
  text-transform:lowercase;
  color: #000;
  font-size:12px;
}

.productions a:visited{
  color: #666666;
}

.productions a:active,
.productions a:hover {
  color: #0066FF;
}

div.menu_productions{
  position: absolute;
  top: 240px;
  width: 110px;
/*
  bottom: 10px;

  margin-top: 20px;
  */
  margin-left: 5px;
  font-size:10px;
}

div.menu_productions a:link {
  text-decoration: none;
}

/* OUDE CSS STYLE /*

table.main{
height:100%;
width: 715px;
}

table.newsletter td{
font-size:12px;
}

td.top_left{
height: 60px;
background-color:#B2B5A2;
padding: 10px;
}

td.top_right{
width:100%;
background-color:#B2B5A2;
padding: 10px;
text-align: right;
}

td.top_right A:link,
td.top_right A:visited,
td.top_right A:hover,
td.top_right A:active
{
text-decoration: none;
text-transform:lowercase;
color: #000;
font-size:12px;
}

td.top_right A:visited{
color: #666666;
}

td.top_right A:active, 
td.top_right A:hover {
color: #0066FF;
}

div.submenu{
margin-left:10px;
margin-top:10px;
}

A.submenu:link,
A.submenu:visited,
A.submenu:hover,
A.submenu:active
{
text-decoration: none;
text-transform:lowercase;
color: #000;
font-size:12px;
line-height:20px;
}

A.submenu:visited{
color: #666666;
}

A.submenu:active, 
A.submenu:hover {
color: #0066FF;
}

table.newsletter td A:link,
table.newsletter td A:visited,
table.newsletter td A:hover,
table.newsletter td A:active
{
text-decoration: none;
text-transform:lowercase;
color: #000;
font-size:12px;
line-height:20px;
}

table.newsletter td A:visited{
color: #666666;
}

table.newsletter td A:active,
table.newsletter td A:hover {
color: #0066FF;
}