/*
.menu ul {padding:0;margin:0;list-style-type:none; height:1.8em; background:#D60000;text-align:center;}

.menu ul li#active a,.menu ul li#active a:hover	{
	/*border-color: #ffe #aaab9c #ccc #fff;*/
	/*background-color: red;
	background-color: #3399CC;
	background-color: gray;
	color: white;
	}
*/
										/* LAYOUT */
.photo-col-left	{
	float:left;
	width:360px;
	text-align:center;
	}
.photo-col-left img {
	border: solid 1px #D60000;
	} 
.randompic	{	/*indexpage*/
	width:177px;
	height:177px;
	}
.right-col	{
	float:left;
	padding:1%;
	padding-top:20px; 
	margin-left:1.5%; 
	width:13%;
	color: #990000; 
	background-color:#FFF;
	border:1px solid #AAA;
	}
.index-col	{
	float:left;
	width:32%;
	width:46%;
	margin-left:2.5%;	/*background-color:#DDD;*/
	background-color:#EEE;
	padding:20px;
	border:1px solid #AAA;
	}
.remarks-box	{
	float:right;
	padding:1%;
	padding-top:20px; 
	margin-left:1.5%; 
	width:25%;
	color: #990000; 
	background-color:#FFF;
	border:1px solid #AAA;
	}
ul.remarks	{
	float:left;
	display:block;
	padding:0;
	margin:0;
	list-style-type:none;
	}
ul.remarks li	{
	display:block;
}
											/* -- TOP TEN list-- */
ul.top-ten	{
	margin:0;
	padding:0;
	list-style:none;
	list-style-position:inside;
	/*padding-left:-35px;	werkt in beide browsers goed*/
	width:100%;
	display:block;
	}
.top-id	{
	float:left;
	width:25px;
	font-size:8pt;
	color:#666666;
	}
/*END top ten ========================== */

p.opener:first-letter 
	{
	font-size: 150%;
	color: red;
	font-family: Arial;
	}


/*** START graph OLD nov 2011 ***/
.graphbox	{
	width:630px; /*voor printen: width plus padding is total width*/ 
	width:315px; /*voor printen: width plus padding is total width*/ 
	min-height: 200px;
	border: 1px solid gray;
	padding:15px;
	margin-bottom:30px;
	}
.medialabel	{	/*count_media_graph.php*/
	clear:both;
	float:left;
	width:60px; 
	margin:3px;
	padding:3px 0;
	}
.mediabar  {	/*count_media_graph.php*/
	float:left;
	border-bottom:1px solid #00CCFF;
	border-left:1px solid #00CCFF;
	margin:3px;
	padding:3px 0;
	background-color:#FF6699;
	color:white;
	}


.id-box	{
	float:left;
	width:60px; 
	padding:16px 15px 15px 15px;
	}
	
.bar-box  {
	float:left;
	background:url(../layout/line-v50.gif);
	/*width:199px; */
	border: 1px solid #AAA;
	padding:15px 0 15px 0; 
	}
.value-box	{
	float:right; 
	padding:15px; 
	width:40px;
	}	
.bar-id	{
	padding:3px 0;
	border-bottom:1px solid transparent;
	}
.bar  {
	border-bottom:1px solid #00CCFF;
	border-left:1px solid #00CCFF;
	padding:3px 0;
	background-color:#FF6699;
	color:white;
	}
.barvalue	{
	padding:3px 0;
	border-bottom:1px solid transparent;
	}
.line	{
	border:1px solid black;
	margin-right:5px;
}


/* PUBLIC graphs NEW aug 2011 ================== */
.outer-graphbox	{
	margin-left:40px;
	}
.var-graphbox	{
	position:relative;
	min-height: 201px;
	border: 1px solid gray;
	}
.v-graphbox	{
	position:relative;
	width:630px; /*voor printen: width plus padding is total width*/ 
	min-height: 350px;
	border-bottom: 1px solid gray;
	border-left: 1px solid gray;
	/*padding:15px;*/
	margin-bottom:30px;
	}
.wide-graphbox	{
	position:relative;
	width:790px; /*oude 14 inch maat*/ 
	min-height: 350px;
	border-bottom: 1px solid gray;
	border-left: 1px solid gray;
	margin-bottom:30px;
	}


/* ===== achtergrond nov 2011 ===== */
.y-ruler  {
	border-bottom:1px solid #DDD;	
	}
.y-val, .y-value  {
	position:absolute;
	}
.x-value, .x-value a, .x-value a:hover  {	/*song versions*/
	position:absolute;
	font-size: 8pt;
	color: #666666;
	}
.x-active, .x-active a, .x-active a:hover  {	/*song versions*/
	position:absolute;
	font-size: 8pt;
	background-color:#3366CC;
	color: white;
	}

/*====== bars nov 2011 ======*/
.v-bar  {
	float:left; 
	position:absolute; 
	bottom:0;
	border: solid 1px #000;
	border-right:2px solid #00CCFF;
	border-right:2px solid gray;
	background-color:#FF6699;
	text-align:center;
	color:#FFF; /*aangezet voor deze versie*/
	}
.s-bar  {
	float:left; 
	width:7px; /*was 9*/
	margin-left:2px;
	position:absolute; 
	bottom:0;
	border-left:1px solid #666;
	border-top:1px solid #666;
	border-right:2px solid gray;
	background-color:#FF6699;
	}
.s-bar-special  {
	float:left; 
	width:9px;
	margin-left:2px;
	position:absolute; 
	bottom:0;
	border-left:1px solid #666;
	border-top:1px solid #666;
	border-right:2px solid #00CCFF;
	background-color:red;
	}



.col33{
	float:left; 
	width:31.2%;
	padding:1%;
	}