BODY { margin: 8px 8px 2px 8px;
scrollbar-face-color: #003366; 
scrollbar-track-color: #000033;
scrollbar-shadow-color: #003399;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #CC9900;
scrollbar-darkshadow-color: #000033;
scrollbar-arrow-color: #000033 }
.background {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	background-image: url(../images_shared/back.gif);
}

/* BO Beheer */
TD.main { font-size: 12px; color: #ffffff; font-weight: bold }
TD.submenu { font-weight: bold; color: #ffffff; }
TD.sub2 { font-size: 11px; color: #ffffff; font-weight: normal padding: 0px 0px 0px 20px; }
TD.spacer4 { font-size: 11px; color: #ffffff; font-weight: normal; padding: 0px 8px 0px 0px; }
TD.button { text-align: right; }
TD.header { font-weight: bold; color: #FFFFFF; }
TD.checkbox { width: 20px; }
TD.labels { width: 110px; font-size: 11px; color: #ffffff; text-align: left; padding: 0px 10px 0px 0px; }
TD.labelright { text-align: right; padding: 0px 10px 0px 0px; color: #ffffff; }
TR.highlight { background: yellow; }

TABLE.content { font-size: 12px; color: #ffffff; }
INPUT.button {
	font-size: 9px;
	border: 1px solid #ffffff;
	height: 18px;
	padding: 1px 4px 1px 4px;
	font-weight: bold;
	color: #330066;
}
INPUT.value { font-size: 11px; width: 240px; border: 0px solid #ffffff; }
.value { font-size: 11px; width: 240px; border: 0px solid #ffffff; }
INPUT.large { font-size: 11px; width: 100%; border: 0px solid #ffffff; }
INPUT.login { font-size: 11px; width: 120px; }
TEXTAREA.value { font-size: 11px; font-family: Trebuchet MS, Verdana, Arial, sans-serif; width: 240px; height: 80px; border: 0px solid #ffffff; color: #000000;}
TEXTAREA.omschr { font-size: 11px; font-family: Trebuchet MS, Verdana, Arial, sans-serif; width: 100%; height: 300px; border: 0px solid #ffffff; color: #000000;}
TEXTAREA.kort { font-size: 11px; font-family: Trebuchet MS, Verdana, Arial, sans-serif; width: 100%; height: 100px; border: 0px solid #ffffff; color: #000000;}
TEXTAREA.edit { width: 100%; color: #000000; }

.checkbox { width: 12px; height: 18px }
.horzline { line-height: 1px; font-size: 1px; background: #FFFFFF; }
.greyline { line-height: 1px; font-size: 1px; background: #FFFFFF; }
.vertline { border-right: 1px dashed #ffffff;}
.linespace { font-size: 4px; line-height: 4px; }

.klein {
	font-size: 10px;
	color: #FFFFFF;
}
.table {
	font-size: 12px;
	padding: 0px 0px 0px 0px;
	border-collapse: collapse;
	border: 0px solid #ffffff;
	color: #003399;
	background-image: url(../images_shared/background.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-color: #003399;
} 
.tbitem { border: 1px solid #ffffff; } 

.contentsmall {
	font-size: 10px;
	color: #FFFFFF;
}
INPUT.datum, INPUT.tijd { font-size: 11px; width: 60px; border: 0px solid #ffffff; text-align: right; }
IMG.foto { margin: 4px 4px 0px 0px; }

/* FO Weergave */
.titel {
	font-size: 12px;
	font-weight: bold;
	background: #CC9900;
	color: #003399;
}
.artiest {
	font-size: 12px;
	font-weight: normal;
	background: #CC9900;
	color: #000000;
}
.kort {
	font-size: 11px;
	padding-right: 10px;
	color: #FFFFFF;
}
.omschrijving {
	font-size: 11px; color: #FFFFFF;}
.periode {
    font-size: 11px;
	color: #CC9900;
}
.tekst {
	font-size: 11px;
	padding: 0px 0px 10px 0px;
	color: #FFFFFF;
}
.label {
	font-size: 11px;
	font-weight: bold;
	color: #CC9900;
}
.foto {
    font-size: 11px;
	font-family: Trebuchet MS, Verdana, Arial, sans-serif;
	border: 1px solid #ffffff;
}


UL {
	list-style-type:square;
	margin-left: 20px;
	margin-bottom: 4px;
	color: #FFFFFF;
}
LI {
	padding: 0px 0px 8px 0px;
	color: #FFFFFF;
}
A { color: #ffffff; font-weight: bold; font-style: normal; }
A:hover { text-decoration: none; }
INPUT.value_short {
	font-size: 9px;
	width: 80px;
	border: 0px solid #ffffff;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000033;
}