* {
    margin: 0;
    padding: 0;
}
html, body {
    height: 100%;
}
#container {
    margin: 0 auto;
    min-height: 100%;
    position: relative;
}
* html #container {
    height: 100%;
}
body {
    overflow: scroll;
}



html, body{ 
	background-color:#000000;
	color:#666;
}


body, th, td, p, select { 
	color:#FFFFFF;/* #FF7788 */
}

p{
	color:#FFFFFF;
}


b a{
	color:#FFCC00;
}





div#container{
	width:840px;/* 840px screen */
	background-color:#000000;
}

div#content{
	position:static;
	padding-bottom:90px;/* 101019 was 120 space of bottom of page */
}
div#content.hightop{
	padding-top:114px;
}
div#content.lowtop{
	padding-top:327px;/* align top with datum */
}



/* ---------------------------------------------------- */


html, body{ 
	font-family:verdana,arial,sans-serif;
}



body, th, td, p, select { 
	font-size:12px;
}

/* redefine p default = margin-top:10.5px;margin-bottom:10.5px*/
p{
	/*
	margin-top:6.5px;
	margin-bottom:16.5px;
	*/
	margin-bottom:16.5px;
}

/* link defaults */
a{
	color:#FFFFFF;
	text-decoration:underline;
}
a:link, a:visited, a:active, a:hover{
	color:#FFFFFF;
}



/* website forms */
td, select, input { 
	font-family:verdana,arial,sans-serif;
}
form td{
	padding-top:5px;
	padding-bottom:5px;
	padding-right:10px;
	border:0px solid #777777;
	vertical-align:top;
}
input{
	/* width:100%; */
	margin:0;
	padding:0;
}
.users .form{
	/* typefout gevonden 101107 */
	position:absolute;
	top:80px;
	width:400px;
}
fieldset .input,
form .input{
	height:25px;
	margin:10px;
}
.input label{
	float:left;
	width:45%;
	text-align:right;
}
.input input{
	float:right;
	width:50%;
}
.users .form .submit{
	width:400px;
}
.submit input{
	width:30%;
	float:right;
	margin-top:10px;
}

input.checkbox{
	width:auto;
	display:inline;
	border:1px solid #777777;
	height:5px;
}


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



div#toptitle,
div#tophead h1,
div#tophead2 h2,
div#concertblock h1
{
	font-family: 'Cabin', arial, serif;
	font-size:24px;
}

div#tophead2 h2,
div#concertblock h2
{
	/**
	* font-family: Verdana, arial, serif; 
	*/
	/* font-size:24px; */
	text-transform:uppercase;
}

div#tophead2 h2 a,
div#tophead3 li a,
div#concertblock h2 a
{
text-decoration:none;
}

div#toptitle, div#tophead3{
	position:absolute;
	height:64px;
	z-index:10;
	font-weight:bold;
	color:#FFCC00;
}
div#toptitle{
	top:50px;
	right:0;
	font-size:36px;
	color:#FFF;
}
div#tophead3{
	top:66px;
	left:0;
	font-size:17px;
}



#tophead h1{
	float:right;
}

#tophead2 h2{
	float:left;
}

#tophead3 li{
	float:left;
	margin-right:12px;
}

#tophead h1, #tophead2 h2, #tophead3 li{
	display:inline;
}

h3, h4{
	/*font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;*/
	color:#FFCC00;
	font-size:14.5px;
}

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;
}


/* bottom menu */
div#botmenu{
	position:absolute;
	bottom:0;
	height:70px;
	/* width:100%; */
	/* font-family:Arial, Verdana, Helvetica, sans-serif; */
	/* font-weight:bold; */
	/* font-size:16px; *//* 14px */
}
div#botmenu div
{
	position:relative;
	/* margin-right:10px; */
	/* width:200px; */
	margin-right:24px;
	/* display:inline; */
	float:left;
}
div#botmenu{
	color:#FFCC00;
}
div#botmenu a,
div#botmenu a:link,
div#botmenu a:visited,
div#botmenu a:active{
	/* color:#AAAAAA; */
	text-decoration:none;
}
div#botmenu a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

div#botmenu li{
	list-style-position:inside;
}

div#botlogo{
	position:absolute;
	bottom:20px;
	right:0;
	height:58px;
	width:200px;
	/*
	background-color:#0000FF;
	*/
}

div.monthrow{
	width:100%;/* 840 pixels:  IE8 refuses to set correct dimensions of table cells when set to percentages 101102*/
	/* background-color:#666666; */
	margin-bottom:20px;
}

div.agendamaand{
	height:20px;
	width:100%;/* 280px 101102*/
	border-bottom:1px solid #666666;
	/*
	background-color:#0000FF;
	*/
}
div.monthrowitem{
	width:33%;/* 280 pixels:  IE8 refuses to set correct dimensions of table cells when set to percentages 101102*/
	/* background-color:#999; */
	float:left;
}
table.agendamonth{
	width:100%;/* 240px space on the right 101102*/
}
table.agendamonth td{
}
table.agendamonth td.cijfer{
	width:11%;/*40px 101102*/
	font-weight:bold;
}

table.agendamonth td.tekst{
/* w = 84% 74+10*/
	width:79%;/*240px 101102*/
	padding-right:10%;
}

table.agendamonth td.cijfer, table.agendamonth td.tekst{
	font-size:10.5px;
	line-height:240%;/*200%*/
}


/* SHOW page layout */
div.pageblock{
	width:100%;
	margin-bottom:25px;
}

h2, div#tophead3 li a, div.agendamaand{
	color:#FFCC00;
	font-weight:bold;
}
a.page{	color:#FFCC00}
a.curr{	color:#FFFFFF}

div#tophead3 li a{
	text-decoration:none;
}
div#tophead3 li a{
	color:#FFCC00;
}
div#tophead3 li.page a{
	color:#FFCC00;
}
div#tophead3 li.cur a{
	color:#FFFFFF;
}

div.column2, div.column3x, div.columncolumn, div.column21, div.column22{
	position:relative;
	float:left;
}
div.column2 h2, div.column3x h2, div.columncolumn h2, div.column21 h2, div.column22 h2{
	font-weight:bold;
	color:#FFCC00;
}
div.column2{
	width:100%;
}
div.column21{
	margin-right:40px;/* column gutter */
}
div.column21 img{
}
div.column21, div.column22{
	width:400px;/* 1 column */
}
div.column3x{
	width:30%;
}
div.columncolumn{
	width:600px;/* column page */
}
div.columncolumn img{
	margin-left:8px;
	margin-bottom:8px;

}
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{
}
p, td, input{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10.5px;
	/*
	background-color:#CCCCCC;
	*/
}
.prettytext p{
	line-height:18px;
}
.prettytext p img{
margin:12px 0;
}



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

div#concertblock{
}

div#topimage{
	position:absolute;
	top:114px;
}

div#concertdate{
	width:400px;
	height:35px;
	font-weight:bold;
	color:#FFCC00;
}

div#tophead,
div#tophead2,
div#tophead3{
	position:absolute;
	/* width:100%; */
}

div#tophead{
	right:0;
}
div#tophead2{
}
div#tophead3{
}

div#tophead.hightop{
	top:364px;
}
div#tophead.lowtop{
	top:289px;
}
div#tophead2.hightop{
	top:364px;
}
div#tophead2.lowtop{
	top:289px;
}

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


/* uit stylecolors dark*/






div#info{
	color:#DDDDDD;
}
div#info b{
	color:#FFCC00;
}
hr{
	color:#666666;
	background-color:#666666;
}
table.agendamonth td.cijfer{
	color:#FFCC00;
}
table.agendamonth td.tekst{
	color:#FFFFFF;
}
table.agendamonth tr.passed td.cijfer{
	color:#999999;
}
table.agendamonth tr.upcoming td.cijfer{
	color:#FF3300;
}
table.agendamonth tr.passed td.tekst,
table.agendamonth tr.passed td.tekst a
{
	color:#999999;
}


/* CLEARFIX */
.cf:before, .cf:after { content:"";display:table}/* For modern browsers */
.cf:after {clear:both}/* For modern browsers */
.cf {zoom:1}/* For IE 6/7 (trigger hasLayout) */