/* Main styles */  

html, body { 
 margin: 0; 
 padding: 10px;
 background:  url(../img/mediabox/mediaboxback.gif) top center #000000;
 font-family: Arial, sans-serif;
 font-size: 1em;
 line-height: 130%;
 text-align: left;
 font-weight: normal;
 color: #ffffff;
 -webkit-text-size-adjust: none;
} 

h1 {
 margin: -2px 0 8px -2px;
 line-height: 110%;
 font-size: 2em;
 font-weight: bold; 
 color: #f1df00;
}

p {
 margin: 0;
 padding: 0;
}

img {
 border: none;
}

del {
 display: none;
}

A:link {text-decoration: underline; color: #ffffff; font-weight: bolder;}
A:visited {text-decoration: underline; color: #ffffff; font-weight: bolder;}
A:active {text-decoration: none; color: #f1df00; font-weight: bolder;}
A:hover {text-decoration: none; color: #f1df00; font-weight: bolder;}

.maand {
 position: absolute;
 left: 22px;
 top: 23px;
 z-index: 1;
 height: 12px;
 width: 62px;
 font-size: 11px;
 text-align: center;
 color: #ffffff;
}

.dag {
 position: absolute;
 left: 22px;
 top: 51px;
 z-index: 1;
 height: 32px;
 width: 62px;
 font-size: 36px;
 text-align: center;
 font-weight: bold;
 color: #000000;
}

input{
 width: 220px;
 height: 20px;
 margin: 4px 0 10px 0;
 padding: 2px;
 background-color: #ecece1;
 border: 2px solid #838078;
 font-family: Arial;
 font-size: 0.8em;
 color: #000000;
 font-weight: bold;
 text-align: left;
}

textarea{
 width: 440px;
 height: 60px;
 margin: 4px 0 10px 0;
 padding: 2px;
 background-color: #ecece1;
 border: 2px solid #838078;
 font-family: Arial;
 font-size: 0.8em;
 color: #000000;
 font-weight: bold;
 text-align: left;
}

.check {
 width: 18px;
 margin: 2px 4px 2px 0;
 vertical-align: top;
}

.button {
 width: 120px;
 height: 30px;
 margin: 20px 230px -8px 0;
 padding: 2px;
 background-color: #819401;
 border: 2px solid #4b5900;
 font-family: Arial;
 font-size: 0.8em;
 color: #ffffff;
 font-weight: bold;
 text-align: center;
 cursor: pointer; cursor: hand;
}