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

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

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


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


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

#dms_content table{
	padding:10px;
}


/*buttons*/
#verwijder_button{ height: 38px;float:right;text-decoration:none; }
#verwijder_button #front_button{
	background: url( ../images/dms/knop-verwijderen01.jpg );
	height:38px;
	width:32px;
	float:left;
}
#verwijder_button #content_button{
	background: url( ../images/dms/knop-bg01.jpg );
	height:28px;
	padding-top:10px;
	color:#4D4D4C;
	float:left;
	text-decoration:none;
}
#verwijder_button #end_button{
	background: url( ../images/dms/knop-bg-end01.jpg );
	height:38px;
	width:13px;
	float:left;
}
#verwijder_button:hover #front_button,#dms_top #verwijder_button.selected #front_button{
	background: url( ../images/dms/knop-verwijderen02.jpg );
	height:38px;
	width:32px;
	float:left;
}
#verwijder_button:hover #content_button,#dms_top #verwijder_button.selected #content_button{
	background: url( ../images/dms/knop-bg02.jpg );
	height:28px;
	padding-top:10px;
	color: white;
	text-decoration:none;
	float:left;
}
#verwijder_button:hover #end_button,#dms_top #verwijder_button.selected #end_button{
	background: url( ../images/dms/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/dms/knop-versturen01.jpg );
	height:38px;
	width:38px;
	float:left;
}
#verstuur_button #content_button{
	background: url( ../images/dms/knop-bg01.jpg );
	height:28px;
	padding-top:10px;
	color:#4D4D4C;
	float:left;
}
#verstuur_button #end_button{
	background: url( ../images/dms/knop-bg-end01.jpg );
	height:38px;
	width:13px;
	float:left;
}
#verstuur_button:hover #front_button,#dms_top #verstuur_button.selected #front_button{
	background: url( ../images/dms/knop-versturen02.jpg );
	height:38px;
	width:38px;
	float:left;
}
#verstuur_button:hover #content_button,#dms_top #verstuur_button.selected #content_button{
	background: url( ../images/dms/knop-bg02.jpg );
	height:28px;
	padding-top:10px;
	color: white;
	float:left;
	text-decoration:none;
}
#verstuur_button:hover #end_button,#dms_top #verstuur_button.selected #end_button{
	background: url( ../images/dms/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/dms/knop-reactie01.jpg );
	height:38px;
	width:35px;
	float:left;
}
#reageer_button #content_button{
	background: url( ../images/dms/knop-bg01.jpg );
	height:28px;
	padding-top:10px;
	color:#4D4D4C;
	float:left;
	text-decoration:none;
}
#reageer_button #end_button{
	background: url( ../images/dms/knop-bg-end01.jpg );
	height:38px;
	width:13px;
	float:left;
}
#reageer_button:hover #front_button,#dms_top #reageer_button.selected #front_button{
	background: url( ../images/dms/knop-reactie02.jpg );
	height:38px;
	width:35px;
	float:left;
}
#reageer_button:hover #content_button,#dms_top #reageer_button.selected #content_button{
	background: url( ../images/dms/knop-bg02.jpg );
	height:28px;
	padding-top:10px;
	color: white;
	float:left;
	text-decoration:none;
}
#reageer_button:hover #end_button,#dms_top #reageer_button.selected #end_button{
	background: url( ../images/dms/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/dms/knop-wijzig01.jpg );
	height:38px;
	width:35px;
	float:left;
}
#wijzig_button #content_button{
	background: url( ../images/dms/knop-bg01.jpg );
	height:28px;
	padding-top:10px;
	color:#4D4D4C;
	float:left;
	text-decoration:none;
}
#wijzig_button #end_button{
	background: url( ../images/dms/knop-bg-end01.jpg );
	height:38px;
	width:13px;
	float:left;
}
#wijzig_button:hover #front_button,#dms_top #wijzig_button.selected #front_button{
	background: url( ../images/dms/knop-wijzig02.jpg );
	height:38px;
	width:35px;
	float:left;
}
#wijzig_button:hover #content_button,#dms_top #wijzig_button.selected #content_button{
	background: url( ../images/dms/knop-bg02.jpg );
	height:28px;
	padding-top:10px;
	color: white;
	float:left;
	text-decoration:none;
}
#wijzig_button:hover #end_button,#dms_top #wijzig_button.selected #end_button{
	background: url( ../images/dms/knop-bg-end02.jpg );
	height:38px;
	width:13px;
	float:left;
}