

html, body{ 
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	font-family:verdana,arial,sans-serif;
}

html{ 
	/*
	font-size:12px;/* was 80% */
	*/
	}

body{ 
	height:100%;
	}

body, th, td, p, select { 
	/*
	font-family:Times, Verdana, Arial, Helvetica, sans-serif;
	*/
}

/* common defaults */
div, table, td, object, embed, span, img{
	margin:0;
	padding:0;
}
object, embed{
	display:inline;
}
table{
	border:none;
	border-collapse:collapse;
}
td{
	border:none;
	vertical-align:top;
}
img{
	border:none;
}

div#container{
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:840px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treated as min-height*/
	min-height:100%; /* real browsers */
}
div#content{
	padding-top:40px;/* align top with datum */
	padding-bottom:120px;/* space of bottom of page */
	width:100%;
}
div#top{
	position:absolute;	
	height:32px;
	padding-top:8px;
	width:100%;
	font-size:23px;
	font-weight:bold;
}

div#tophead a.topmenu{
	float:left;
	xbackground-color:#003300;
	xfont-size:16px;
	height:100%;
	padding-right:0px;
	margin-right:25px;
}

span.sifr_hoofd,
span.sifr_hoofd_kort{
	height:50px;
}
span.sifr_kopje{
	font-size:22px;
	font-weight:bold;
	color:#984A22;
}
h2.sifr_kopje{
	font-size:22px;
	font-weight:bold;
	color:#984A22;
}
.sifr_kopje{
	font-size:22px;
	font-weight:bold;
	color:#984A22;
}
span.sifr_datum{
	font-size:22px;/*24*/
	font-weight:bold;
	color:#984A22;
	width:400px;
}



/* h1 h2 h3 h4 and divider */
h1, h2, h3, h4{
	margin-bottom:3px;
	padding-bottom:0;
}

/* h1 has only sef meaning. remove default spacers */
h1{
	margin:0;
	padding:0;
	margin-bottom:3px;
}
/* h2 ? */
h2{
	margin:0;
	padding:0;
	margin-bottom:3px;
}
/* h3 is paragraph head */
h3{
	margin:0;
	padding:0;
	margin-bottom:3px;
	color:#984A22;
	font-size:16px;
}
/* h4 is artist head */
h4{
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#BB9933;
	margin:0;
	padding:0;
	margin-bottom:3px;
}

hr{
	position:relative;
	width:100%;
	float:left;
	color:#666666;
	background-color:#666666;
	height:1px;
	margin:0;
	padding:0;
	margin-bottom:5px;
	padding-bottom:0;
	border:0;
}


/* menu */
div#botmenu{
	position:absolute;
	bottom:0;
	height:80px;
	width:100%;
}
div#botmenu div
{
	margin-right:10px;
	display:inline;
	float:left;
}

div#botlogo{
	position:absolute;
	bottom:25px;
	right:0;
	height:58px;
	width:200px;
	/*
	background-color:#0000FF;
	*/
}
a.topmenu,
div#botmenu{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
}
a.topmenu{
	font-size:16px;/* 14px */
}
div#botmenu{
	font-size:16px;/* 14px */
}

div.monthrow{
	width:840px;/* pixels:  IE8 refuses to set correct dimensions of table cells when set to percentages */
}

div.agendamaand{
	height:30px;
	width:280px;
	margin-top:20px;
	border-bottom:1px solid #666666;
	/*
	background-color:#0000FF;
	*/
}
div.monthrowitem{
	width:280px;
	float:left;
	/*
	border:4px solid #FF00FF;
	*/
}
table.agendamonth{
	width:240px;/* 40px space on the right*/
}
table.agendamonth td{
	padding-bottom:10px;
}
table.agendamonth td.cijfer{
	width:40px;
	font-weight:bold;
	font-size:18px;
}
table.agendamonth td.tekst{
	width:240px;
	font-size:10.5px;
	line-height:200%;
}

/* SHOW page layout */
div.pageblock{
	margin-bottom:25px;
	/*
	background-color:#999999;
	*/
}

div.column2, div.column21, div.column22{
	position:relative;
	float:left;
	/*
	margin-top:10px;
	*/
	/*
	background-color:#999999;
	*/
}
div.column2{
	width:100%;
}
div.column21{
	margin-right:40px;/* column gutter */
}
div.column21 img{
}
div.column21, div.column22{
	width:400px;/* 1 column */
}
div.column22 img{
	position:relative;
	float:right;
}
div.column2 img, div.column2 object, div.column2 embed{
	position:relative;
}
div.column2 img{
	float:left;
}
div.column2 object, div.column2 embed{
	xfloat:right;
}
p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10.5px;
	/*
	background-color:#CCCCCC;
	*/
}
.prettytext p{
	/* default = 12 top 12 bottom */
	/*
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	*/
	/*
	font-size:13px;
	*/
	margin-top:0;
	margin-bottom:14px;
	line-height:18px;
}
h2{
	/*
	background-color:#0CCCCC;
	*/
}



/* BELOW MAY BE OVERRULED BY styles_2010 AND styles_classic */

div#titleblock{
	xbackground-color:#666666;
}

div#topimage{
	position:relative;
	float:left;
}
div#topdate{
height:35px;
}

div#tophead{
	position:relative;
	float:right;
	width:100%;
	text-align:right;
}

span.sifr_hoofd{
	float:right;
	xfont-size:134px;/*42*/
	color:#BB9933;
}
div#titleblock span.sifr_hoofd{
	float:left;
}

div#topdate{
	position:relative;	
	float:right;
	width:500px;
	xmargin-top:-10px;
	text-align:right;
	/*
	background-color:#003300;
	*/
}

