html, body {
height: 100%;
}

body {
  padding: 0px; 
  margin: 0 auto; 
  background: url('../img/bg_loop.jpg') repeat-x top center;
  background-color: #030200;
  width:100%;
  height: inherit;
  text-align: center; 
}

.main { 
text-align: left; 
width: 951px; 
min-height: 763px;
background-color: #f9f6ef; 
padding: 0px; 
margin: 0 auto; 

position:relative;
}
.mainFotos { 
text-align: left; 
width: 951px; 
min-height: 970px;
background-color: #f9f6ef; 
padding: 0px; 
margin: 0 auto; 

position:relative;
}
.mainHVM { 
text-align: left; 
width: 951px; 
min-height: 815px;
background-color: #f9f6ef; 
padding: 0px; 
margin: 0 auto; 

position:relative;
}
.mainContact { 
text-align: left; 
width: 951px; 
min-height: 1050px;
background-color: #f9f6ef; 
padding: 0px; 
margin: 0 auto; 

position:relative;
}
.mainAgenda { 
text-align: left; 
width: 951px; 
min-height: 850px;
background-color: #f9f6ef; 
padding: 0px; 
margin: 0 auto; 

position:relative;
}

.curl { 
text-align: left; 
width: 152px; 
height: 624px;
background: url('../img/curl.png');  
padding: 0px; 
margin: 0 auto; 

position:absolute;
left:799px;
top:17px;
}

.navigation { 
text-align: right; 
width: 910px; 
height: 32px; 
/* background-color: #0000ff; */
padding: 0px; 
margin: 0 auto; 

position:absolute;
left:20px;
top:19px;
}

.banner { 
text-align: left; 
width: 910px; 
height: 300px; 
background-color: #0000ff; 
padding: 0px; 
margin: 0 auto; 

position:absolute;
left:20px;
top:60px;
}

.bannerfoto_l {
width: 241px; 
height: 215px; 
background-color: #bf7595; 
padding: 0px; 
margin: 0 auto; 

position:absolute;
left:0px;
top:85px;
}
.bannerfoto_r {
width: 669px; 
height: 300px; 
background-color: #afb876; 
padding: 0px; 
margin: 0 auto; 

position:absolute;
left:241px;
top:0px;
}

.logo { 
text-align: left; 
width: 241px; 
height: 85px; 
background-color: #c8df8e; 
padding: 0px; 
margin: 0 auto; 

position:absolute;
left:0px;
top:0px;
}

.contactinfo { 
text-align: left; 
width: 241px; 
height: 115px; 
padding: 0px; 
margin: 0 auto; 

position:absolute;
left:38px;
top:399px;
}

.agenda { 
text-align: left; 
width: 221px; 
height: 156px; 
background-color: #dfeabc; 
padding: 0px; 
padding-left: 19px; 
padding-top: 17px; 
margin: 0 auto; 

position:absolute;
left:20px;
top:519px;
}

.content { 
text-align: left; 
width: 516px; 
/* background-color:#ff0000; */
padding: 0px; 
margin: 0 auto; 

position:absolute;
left:298px;
top:393px;
}

span.speciaal {
color: #402d21;
}
span.speciaalbold {
font-weight: bold;
color: #402d21;
}
p.title {
color: #402d21;
font-family:times new roman;
font-size: 25px;

padding: 0px; 
margin: 0 auto; 
}
textarea
{
position: relative;
left: -10px;
top: -5px;
font-weight: bold;
font-family:verdana;
font-size: 12px;
line-height: 18px;

padding: 0px; 
margin: 0 auto;
overflow:hidden;
resize: none;
}
p {
font-family:times new roman;
font-size: 16px;

padding: 0px; 
margin: 0 auto; 
}
p.text {
font-family:verdana;
font-size: 12px;
line-height: 18px;

padding: 0px; 
margin: 0 auto; 
}
span.login {
font-family:verdana;
font-size: 12px;
line-height: 18px;

padding: 0px; 
margin: 0 auto; 
}
p.agendatext {
font-family:verdana;
font-size: 12px;
line-height: 18px;

padding: 0px; 
margin: 0 auto; 
top: 0px;
}

fieldset {
background-color: #eeeeee;
width: 512px;
}

form.workshop {
background-color: #f9f6ef; 
width: 653px;
position: absolute;
left: -298px;
padding-left: 298px;
}

img
{
border: 0px;
}

img.banner_l
{
width:241px;
height:215px;
}

img.banner_r
{
width:670px;
height:300px;
}

img.logo
{
position:absolute;
left:51px;
top:7px;

width:126px;
height:71px;
}

img.agendaspace
{
width:16px;
}

img.fotospace
{
width:9px;
}

td.agenda_datum{width: 256px; vertical-align: top; height : 50px; }
td.agenda_naam{width: 480px; vertical-align: top; height : 50px; }
td.agenda_prijs{width: 256px; vertical-align: top; height : 50px; }
td.agenda_edit{width: 32px; vertical-align: top; height : 50px; }

td.fotocell{width: 130px; height: 130x; background-color: #ebe6de; border-bottom: solid 14px #f9f6ef; padding: 7px; text-align: center; }
td.fotocell:hover{background-color: #c9c1b8;}
tr.fotoregel{height:150px; }

table.workshops { width: 600px; }
/*table.fotos td { padding:25px; }*/

a {color: #648228; text-decoration: none;}
a:hover {color: #83c008;}
a.underlined{color: #648228; text-decoration: underline;}
a.underlined:hover {color: #83c008; text-decoration: underline;}
a.nav{color: #402d21; text-decoration: none;}
a.nav:hover {color: #402d21; text-decoration: none;}
a.agenda {color: #648228; text-decoration: none; font-weight: bold;}
a.agenda:hover {color: #83c008; font-weight: bold;}