/*top frame*/
#pb_top{
	background: url( ../images/pb/bg01.jpg );
	height:47px;
	width:444px;
}

/*inbox button*/
#pb_top #inbox_button{ height: 47px; }
#pb_top #inbox_button #front_button{
	background: url( ../images/pb/inbox01-01.jpg );
	height:47px;
	width:38px;
	float:left;
}
#pb_top #inbox_button #content_button{
	background: url( ../images/pb/inbox01-02.jpg );
	height:30px;
	padding-top:17px;
	color:#4D4D4C;
	float:left;
	text-decoration:none;
}
#pb_top #inbox_button #end_button{
	background: url( ../images/pb/inbox01-03.jpg );
	height:47px;
	width:13px;
	float:left;
}
#pb_top #inbox_button:hover #front_button,#pb_top #inbox_button.selected #front_button{
	background: url( ../images/pb/inbox02-01.jpg );
	height:47px;
	width:38px;
	float:left;
}
#pb_top #inbox_button:hover #content_button,#pb_top #inbox_button.selected #content_button{
	background: url( ../images/pb/inbox02-02.jpg );
	height:30px;
	padding-top:17px;
	color: white;
	text-decoration:none;
	float:left;
}
#pb_top #inbox_button:hover #end_button,#pb_top #inbox_button.selected #end_button{
	background: url( ../images/pb/inbox02-03.jpg );
	height:47px;
	width:13px;
	float:left;
}

/*outbox button*/
#pb_top #outbox_button{ height: 47px; }
#pb_top #outbox_button #front_button{
	background: url( ../images/pb/outbox01-01.jpg );
	height:47px;
	width:38px;
	float:left;
}
#pb_top #outbox_button #content_button{
	background: url( ../images/pb/outbox01-02.jpg );
	height:30px;
	padding-top:17px;
	color:#4D4D4C;
	float:left;
	text-decoration:none;
}
#pb_top #outbox_button #end_button{
	background: url( ../images/pb/outbox01-03.jpg );
	height:47px;
	width:13px;
	float:left;
}
#pb_top #outbox_button:hover #front_button,#pb_top #outbox_button.selected #front_button{
	background: url( ../images/pb/outbox02-01.jpg );
	height:47px;
	width:38px;
	float:left;
}
#pb_top #outbox_button:hover #content_button,#pb_top #outbox_button.selected #content_button{
	background: url( ../images/pb/outbox02-02.jpg );
	height:30px;
	padding-top:17px;
	color: white;
	float:left;
}
#pb_top #outbox_button:hover #end_button,#pb_top #outbox_button.selected #end_button{
	background: url( ../images/pb/outbox02-03.jpg );
	height:47px;
	width:13px;
	float:left;
	
}

/*new button*/
#pb_top #new_button{ height: 47px;text-decoration:none; }
#pb_top #new_button #front_button{
	background: url( ../images/pb/nieuwbericht01-01.jpg );
	height:47px;
	width:38px;
	float:left;
}
#pb_top #new_button #content_button{
	background: url( ../images/pb/nieuwbericht01-02.jpg );
	height:30px;
	padding-top:17px;
	color:#4D4D4C;
	float:left;
}
#pb_top #new_button #end_button{
	background: url( ../images/pb/nieuwbericht01-03.jpg );
	height:47px;
	width:13px;
	float:left;
}
#pb_top #new_button:hover #front_button,#pb_top #new_button.selected #front_button{
	background: url( ../images/pb/nieuwbericht02-01.jpg );
	height:47px;
	width:38px;
	float:left;
}
#pb_top #new_button:hover #content_button, #pb_top #new_button.selected #content_button{
	background: url( ../images/pb/nieuwbericht02-02.jpg );
	height:30px;
	padding-top:17px;
	color: white;
	float:left;
}
#pb_top #new_button:hover #end_button,#pb_top #new_button.selected #end_button{
	background: url( ../images/pb/nieuwbericht02-03.jpg );
	height:47px;
	width:13px;
	float:left;
}


/*content frame*/
#pb_content{
	border:1px solid #4D4D4C;
	padding:0px;
}

#pb_content table{
	padding:10px;
}


/*buttons*/
#verwijder_button{ height: 38px;float:right;text-decoration:none; }
#verwijder_button #front_button{
	background: url( ../images/pb/knop-verwijderen01.jpg );
	height:38px;
	width:32px;
	float:left;
}
#verwijder_button #content_button{
	background: url( ../images/pb/knop-bg01.jpg );
	height:28px;
	padding-top:10px;
	color:#4D4D4C;
	float:left;
	text-decoration:none;
}
#verwijder_button #end_button{
	background: url( ../images/pb/knop-bg-end01.jpg );
	height:38px;
	width:13px;
	float:left;
}
#verwijder_button:hover #front_button,#pb_top #verwijder_button.selected #front_button{
	background: url( ../images/pb/knop-verwijderen02.jpg );
	height:38px;
	width:32px;
	float:left;
}
#verwijder_button:hover #content_button,#pb_top #verwijder_button.selected #content_button{
	background: url( ../images/pb/knop-bg02.jpg );
	height:28px;
	padding-top:10px;
	color: white;
	text-decoration:none;
	float:left;
}
#verwijder_button:hover #end_button,#pb_top #verwijder_button.selected #end_button{
	background: url( ../images/pb/knop-bg-end02.jpg );
	height:38px;
	width:13px;
	float:left;
}

#verstuur_button{ height: 38px;float:right;text-decoration:none; }
#verstuur_button #front_button{
	background: url( ../images/pb/knop-versturen01.jpg );
	height:38px;
	width:38px;
	float:left;
}
#verstuur_button #content_button{
	background: url( ../images/pb/knop-bg01.jpg );
	height:28px;
	padding-top:10px;
	color:#4D4D4C;
	float:left;
}
#verstuur_button #end_button{
	background: url( ../images/pb/knop-bg-end01.jpg );
	height:38px;
	width:13px;
	float:left;
}
#verstuur_button:hover #front_button,#pb_top #verstuur_button.selected #front_button{
	background: url( ../images/pb/knop-versturen02.jpg );
	height:38px;
	width:38px;
	float:left;
}
#verstuur_button:hover #content_button,#pb_top #verstuur_button.selected #content_button{
	background: url( ../images/pb/knop-bg02.jpg );
	height:28px;
	padding-top:10px;
	color: white;
	float:left;
	text-decoration:none;
}
#verstuur_button:hover #end_button,#pb_top #verstuur_button.selected #end_button{
	background: url( ../images/pb/knop-bg-end02.jpg );
	height:38px;
	width:13px;
	float:left;
}


#reageer_button{ height: 38px;float:right;text-decoration:none; }
#reageer_button #front_button{
	background: url( ../images/pb/knop-reactie01.jpg );
	height:38px;
	width:35px;
	float:left;
}
#reageer_button #content_button{
	background: url( ../images/pb/knop-bg01.jpg );
	height:28px;
	padding-top:10px;
	color:#4D4D4C;
	float:left;
	text-decoration:none;
}
#reageer_button #end_button{
	background: url( ../images/pb/knop-bg-end01.jpg );
	height:38px;
	width:13px;
	float:left;
}
#reageer_button:hover #front_button,#pb_top #reageer_button.selected #front_button{
	background: url( ../images/pb/knop-reactie02.jpg );
	height:38px;
	width:35px;
	float:left;
}
#reageer_button:hover #content_button,#pb_top #reageer_button.selected #content_button{
	background: url( ../images/pb/knop-bg02.jpg );
	height:28px;
	padding-top:10px;
	color: white;
	float:left;
	text-decoration:none;
}
#reageer_button:hover #end_button,#pb_top #reageer_button.selected #end_button{
	background: url( ../images/pb/knop-bg-end02.jpg );
	height:38px;
	width:13px;
	float:left;
}

#wijzig_button{ height: 38px;float:right;text-decoration:none; }
#wijzig_button a{ text-decoration:none; }
#wijzig_button #front_button{
	background: url( ../images/pb/knop-wijzig01.jpg );
	height:38px;
	width:35px;
	float:left;
}
#wijzig_button #content_button{
	background: url( ../images/pb/knop-bg01.jpg );
	height:28px;
	padding-top:10px;
	color:#4D4D4C;
	float:left;
	text-decoration:none;
}
#wijzig_button #end_button{
	background: url( ../images/pb/knop-bg-end01.jpg );
	height:38px;
	width:13px;
	float:left;
}
#wijzig_button:hover #front_button,#pb_top #wijzig_button.selected #front_button{
	background: url( ../images/pb/knop-wijzig02.jpg );
	height:38px;
	width:35px;
	float:left;
}
#wijzig_button:hover #content_button,#pb_top #wijzig_button.selected #content_button{
	background: url( ../images/pb/knop-bg02.jpg );
	height:28px;
	padding-top:10px;
	color: white;
	float:left;
	text-decoration:none;
}
#wijzig_button:hover #end_button,#pb_top #wijzig_button.selected #end_button{
	background: url( ../images/pb/knop-bg-end02.jpg );
	height:38px;
	width:13px;
	float:left;
}