body {
background-color: #f5d80a;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#000000;
padding:0px;
margin:20px;
overflow-x: hidden;
}
a {color: #FFFFCC;}
a:visited {color:#FFFFCC;}
a:hover {color: #FFFFCC;}
a:active { color:#FFFFCC;}

a.mail {color:#000000;}
a:visited.mail {color:#000000;}
a:hover.mail {color: #000000;}
a:active.mail { color:#000000;}

balk {
font-size: 11px;
text-transform:uppercase;
background-color: #E0A3B7;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0px 
}

h1 {
font-size:44px;
font-weight: normal;
padding: 5px 10px;
margin:0px;
color: #0663BF;
text-align:left;
}

h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;
}

h3 {
font-size:20px;
font-weight: normal;
color: #FFFFCC;
padding: 5px 10px;
margin:0px;
}

p {
padding: 5px 10px;
margin:2px; 
font-size: 12px;
}

p.sub {
margin-left:2px;
margin-top: -7px;
}

p.counter {
position: absolute;
left: 50%;
top: 376px;
margin: 0px 0px 0px 0px;
}

table.menu {
font-size:12px;
margin: 0px 0px 0px -391px;
padding: 0px 0px 0px 0px;
position: absolute;
top:165px;
left:50%;
}

table.submenu {
font-size:12px;
margin: -8px 0px 5px -391px;
padding: 0px 0px 0px 0px;
position: absolute;
left:50%;
}

table.randpix {
position:absolute;
top:30px;
left:50%;
margin: 0px 0px 0px 75px;
}

table.calout {
width:100%;
font-size: 10px;
margin: 0px 0px 0px 0px;
}

table.calin {
font-size: 10px;
margin: 5px 5px 5px 5px;
border-collapse:collapse;
}

td {
border: 0px;
padding: 0px 0px 0px 0px;
}

td.menu {
border:0;
padding: 0px 25px 0px 0px;
margin: 0px 0px 0px 0px;
}


td.maandvak {
vertical-align: top;
border: 1px solid black;
}

td.maandnaam {
font-weight: bold;
}

td.dagnummer {
text-align:  center;
}

td.dagnummerrood {
text-align:  center;
background-color: red;
}

td.dagnummerblauw {
text-align:  center;
background-color: blue;
}

td.dagnaam {
text-align: center;
width: 30px;
}

img {
margin: 0px -4px 0px 0px;
border:0px;
}

img.flag {
position:relative;
top:3px;
}

img.index {
position:relative;
top:15px;
margin: 0px 0px 0px 0px;
}

img.rand {
height:75px;
width:100px;
}


/* ----------container to center the layout-------- */
#container {
width: 800px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
} 

/* ----------banner for logo-------------- */
#banner {
height: 170px;
background-color: #0663BF;
padding: 0px;
margin: 0px; 
}

 

/* ----------outer and inner----------------- */

#outer{ 
/* border-left: solid 120px #0663BF; */ /* color of the left column  */ 
/* border-right: solid 175px #FFFFCC; */ /* color of the right column  */ 
background-color: #FFFFCC;  /* color of the content column */
} 

#inner{margin:0; width:100%; } /* The ie/pc pecularity */ 

#left {
 width:110px; 
 float:left; 
 position:relative; 
 margin-left:-110px; 
 margin-right:1px;
}
#right {
 width:200px; 
 float:right; 
 position:relative; 
 margin-right:-200px; 
 margin-left:0px;}

#content{ 
position: relative; 
margin: 0px; 
}

#footer {
clear:left;
padding:0px;
margin:0px;
text-align: right; } 

#counter {
position:relative;
left:410px;
bottom:208px;
}