table {
/*	border : 1px solid Black; */
}
.maaltijddienst {
	}

.adv {
	
}


.halfatv {
	background-color : #FF00FF;
/*	background-color : Fuchsia; */
}

.vroeg {
	background-color : #FFFF00;
/*	background-color : Yellow; */
}

.gebroken {
/*	background-color : #00FF00;*/
/*	background-color : Lime; */
	background : #00FF00;
}

.dag {
	background-color : #00FFFF;
/*	background-color : Aqua; */
}

.laat {
	background-color : #FF0000;
/*	background-color : Red; */
}

th {
	font-weight : bold;
	width : 100px;
}

td {
/*		border : 1px solid Black; */
}
#ROOD {
	color : Red;
	font-weight : bold;
}
#GROEN {
	color : Green;
	font-weight : bold;
}


td.shadowright {
	background : url(/images/layout/design_r3_c7.gif);
}

td.shadowbottom {
	background : url(/images/layout/design_r27_c4.gif);
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*                                                                                                                 */
/* rooster                                                                                                         */
/*                                                                                                                 */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
table.rooster {
		width: 90%;
		font-size : smaller;
}
table.rooster tr.head, table.rooster tr.head th{
	background-color : #00008B;
	color : White;
	font-weight : bold;
	text-align : left;
}
table.rooster tr, table.rooster tr td
{
	border-bottom : 1px solid #6A5ACD;	
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*                                                                                                                 */
/* dienstenlijst                                                                                                   */
/*                                                                                                                 */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
table.dienstenlijst {
		width: 90%;
		font-size : smaller;
}
table.dienstenlijst tr.head, table.dienstenlijst tr.head th{
	background-color : #00008B;
	color : White;
	font-weight : bold;
	text-align : left;
}

/*table.dienstenlijst tr, table.dienstenlijst td {
	border-bottom : 1px solid #6A5ACD;
}*/
table.dienstenlijst tr.Even, table.dienstenlijst tr.Even table.dienstenlijst td {
/*	border-bottom : 1px solid #6A5ACD; */
	background-color : #9999FF;
	margin : 0px 0px 0px 0px;
	border-width : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	
	padding-top : 0px;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 0px;
	margin-top : 0px;
	margin-right : 0px;
	margin-left : 0px;
	margin-bottom : 0px;

}


table.dienstenlijst tr.Oneven, table.dienstenlijst tr.Oneven table.dienstenlijst td {
/*	border-bottom : 1px solid #6A5ACD; */
	background-color : #CCCCFF;
	margin : 0px 0px 0px 0px;
	border-width : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	padding-top : 0px;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 0px;
	margin-top : 0px;
	margin-right : 0px;
	margin-left : 0px;
	margin-bottom : 0px;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*                                                                                                                 */
/* gegevens                                                                                                         */
/*                                                                                                                 */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

table.gegevens {
	width: 90%; 	
}
table.gegevens tr.head, table.gegevens tr.head th{
	background-color : #00008B;
	color : White;
	font-weight : bold;
	text-align : left;
}

table.gegevens tr.dataline td{
	border-bottom : 1px solid #6A5ACD;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*                                                                                                                 */
/* periode                                                                                                         */
/*                                                                                                                 */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

table.periode {
	border-left : 1px solid #6A5ACD;
	border-right : 1px solid #6A5ACD;
	font-size : smaller;
}


table.periode th.weeknummer, table.periode td.weeknummer{
	text-align : left;
	vertical-align : top;
	border-right : 1px solid #6A5ACD;
	width : 30px;
}
table.periode th.dagaanduiding, table.periode td.dagaanduiding{
	text-align : left;
	vertical-align : top;
	width : 60px;
}
table.periode th.datum, table.periode td.datum{
	text-align : center;
	vertical-align : top;
	border-left : 1px solid #6A5ACD;
	width: 80px;
}
table.periode th.serie, table.periode td.serie{
	text-align : left;
	vertical-align : top;
	border-left : 1px solid #6A5ACD;
	width: 25px;
}
table.periode th.dienstvolgensrooster, table.periode td.dienstvolgensrooster{
	text-align : left;
	border-left : 1px solid #6A5ACD;
	border-right : 1px solid #6A5ACD;
	width : 50px;
}
table.periode th.dienstvolgensrooster, table.periode td.dienstvolgensrooster input {
	background-color : White;
	color : Black;
	width : 50px;
}
table.periode th.dienstnawijziging, table.periode td.dienstnawijziging{
	text-align : left;
	border-left : 1px solid #6A5ACD;
	border-right : 1px solid #6A5ACD;
	width : 50px;
}

table.periode th.ruiling, table.periode td.ruiling{
	text-align : center;
	vertical-align : top;
	width : 10px;
}
table.periode th.tijden, table.periode td.tijden{
	text-align : center;
	border-left : 1px solid #6A5ACD;
	width : 40px;
}
table.periode th.weekuren, table.periode td.weekuren{
	text-align : center;
	vertical-align : bottom;
	border-left : 1px solid #6A5ACD;
	border-right : 1px solid #6A5ACD;
	width: 50px;
}
table.periode th.checkboxveld, table.periode td.checkboxveld{
	text-align : center;
	border-right : 1px solid #6A5ACD;
	width : 20px;
}
table.periode th.urensign, table.periode td.urensign{
	text-align : right;
}
table.periode th.urenplusmin, table.periode td.urenplusmin{
	text-align : left;
	border-right : 1px solid #6A5ACD;
}
table.periode th.plusminurentitel {
	text-align : left;
	border-right: 1px solid #6A5ACD;
	width: 50px;
}
table.periode th.verlof, table.periode td.verlof{
	text-align : center;
	border-right : 1px solid #6A5ACD;
	width : 40px;
}
table.periode th.vcsa, table.periode td.vcsa{
	text-align : center;
	border-right: 1px solid #6A5ACD;
	width: 30px;
}
table.periode th.dbs, table.periode td.dbs{
	text-align : center;
	border-right: 1px solid #6A5ACD;
	width: 30px;
}
table.periode th.KMvergTitel {
	text-align : left;
	border-bottom: 1px solid #6A5ACD;
	border-right: 1px solid #6A5ACD;
	width: 70px;
}
table.periode th.Reistijd, table.periode td.Reistijd{
	text-align : center;
	width: 50px;
}


table.periode tr.head, table.periode tr.head th, table.periode tr.head td{
	background-color : #00008B;
	color : White;
	font-weight : bold;
	text-align : left;
	vertical-align : bottom;
	height : 1px;
	}
table.periode   th.border{
	border-bottom : 1px solid #6A5ACD;
	border-left : 1px solid #6A5ACD;
	border-right : 1px solid #6A5ACD;
}
table.periode  tr td{
	border-bottom : 1px solid #6A5ACD;
}

div.notice {
/*	border : 1px dashed Yellow;
	background-color : #FFFFCC;
	padding : 5px;
	*/
	width : 85%;
	background-color: #FFFFCC;
	border: 1px dashed #CCCCCC;
	margin-top: 8px;
	margin-bottom: 16px;
	padding: 6px 6px 6px 32px;
	line-height: 18px;	
}