BODY
{
/*    background: url(/images/headerKalender.jpg) white fixed no-repeat right -45px;*/
}
BODY.bodyBalk
{ 
    margin: 10px;
    table-layout: fixed;
    font-size: 8pt;
    color: Black;
    font-family: Verdana;
}
BODY.bodyTotaal
{
	background-color: #efefef;
}
TABLE
{
    table-layout: fixed;
    font-size: 7pt;
    color: Black;
    font-family: Verdana;
}
#tblKalender
{
	background-color: White;
	border: 1px solid #d4d4d4;
	width: 100%; 
	height: 490px;
}
#tblHeader
{
	background-color: White;
	width: 100%; 
	height: 25px;
}
TD.Knopjes
{
    padding-top: 5px;
}
TD.Header
{
    padding: 10 5 5 5;
    white-space: nowrap;
}
TD.HeaderMaand
{
    font-size: 13pt;
    padding: 2 0 5 0;
}
DIV.borderKalender
{
	border: 1px solid #003399; 
}

/* ----------------- LAGE RIJ ------------------------- */
TR.KalenderRijL
{
    vertical-align: top;
    height: 30px;
    overflow: hidden;
    background-color: Red;
}
TD.KalenderSL
{
    border-right: #a5a5c8 1px solid;
    width: 85px;
    color: Black;
    border-bottom: #a5a5c8 1px solid;
    height: 30px;
}
TD.KalenderSL .dagtabel div.lijstD
{
	height: 0px;
	overflow: hidden;
}
TD.KalenderDL
{
    border-right: #a5a5c8 1px solid;
    width: 160px;
    color: Black;
    border-bottom: #a5a5c8 1px solid;
    height: 30px;
}
TD.KalenderDL .dagtabel div.lijstD
{
	height: 0px;
	overflow: hidden;
}
TD.KalenderBL
{
    border-right: #a5a5c8 1px solid;
    width: 460px;
    color: Black;
    border-bottom: #a5a5c8 1px solid;
    height: 30px;
}
TD.KalenderBL .dagtabel div.lijstD
{
	height: 0px;
	overflow: hidden;
}

/* ----------------- GEWONE RIJ ------------------------- */
TR.KalenderRijD
{
    vertical-align: top;
    height: 70px;
    overflow: hidden;
}
TD.KalenderSD
{
    border-right: #a5a5c8 1px solid;
    width: 85px;
    color: Black;
    border-bottom: #a5a5c8 1px solid;
    height: 70px;
}
TD.KalenderSD .dagtabel div.lijstD
{
	height: 36px;
	overflow: hidden;
}
TD.KalenderDD
{
    border-right: #a5a5c8 1px solid;
    width: 160px;
    color: Black;
    border-bottom: #a5a5c8 1px solid;
    height: 70px;
}
TD.KalenderDD .dagtabel div.lijstD
{
	height: 36px;
	overflow: hidden;
}
TD.KalenderBD
{
    border-right: #a5a5c8 1px solid;
    width: 460px;
    color: Black;
    border-bottom: #a5a5c8 1px solid;
    height: 70px;
}
TD.KalenderBD .dagtabel div.lijstD
{
	height: 36px;
	overflow: hidden;
}

/* ----------------- HOGE RIJ ------------------------- */
TR.KalenderRijH
{
    vertical-align: top;
    height: 310px;
    overflow: hidden;
}
TD.KalenderSH
{
    border-right: #a5a5c8 1px solid;
    width: 85px;
    color: Black;
    border-bottom: #a5a5c8 1px solid;
    height: 310px;
}
TD.KalenderDH
{
    border-right: #a5a5c8 1px solid;
    width: 160px;
    color: Black;
    border-bottom: #a5a5c8 1px solid;
    height: 310px;
}
TD.KalenderBH
{
    border-right: #a5a5c8 1px solid;
    width: 460px;
    color: Black;
    border-bottom: #a5a5c8 1px solid;
    height: 310px;
}
/* ---------------------------------------------------- */


TD.Weekdag
{
    background-color: #dedede;
    border-right: #a5a5c8 1px solid;
    color: #5f5f5f;
    font-family: Verdana;
    font-weight: 100;
    font-size: 10pt;
    line-height: 20pt;
    text-align: right;
    padding-right: 7px;
}
TD.Datum
{
    color: #ababab;
    font-family: Verdana;
    font-size: 12pt;
    height: 22px;
}
A
{
    color: #003399;
    text-decoration: none;
    font-weight: bold;
    font-size: 8pt;
    line-height: 9pt;
}
A.Info
{
    color: Black;
    font-weight: 100;
}
DIV#tipDiv
{
	background-color: #dee7f7; 
/*	background-color: #ffcc00; */
	border: 1px solid #5f5f5f;
	padding: 4 8 4 8;
    position: absolute;
    top: 0px;
    visibility: hidden;
    width: 400px;
    z-index: 10000;
}
DIV#tipDiv table
{
	font-size: 11px;
	line-height: 13px;
}
DIV#tipDiv table tr td.col1
{
	width: 90px;
	color: #5f5f5f;
}
DIV#tipDiv table tr td.col2
{
	width: 310px;
	color: Black;
}
DIV#tipDiv table tr td.col2a
{
	width: 310px;
	color: #003399;
	font-weight: bold;
}
DIV.tp1
{
    font-size: 12px;
    color: #336;
    font-style: italic;
}
DIV.tp2
{
    font-weight: bolder;
    color: #337;
    padding-top: 4px;
}
A.InfoKlik
{
    color: #003399;
    font-weight: bold;
    font-size: 8pt;
    height: 7pt;
    margin-top: 0px;
}
A.InfoKlik:hover
{
	text-decoration: none;
}
INPUT.wacht
{
    background-color: White;
    border: none;
    color: #cfcfcf;
    font-family: Verdana;
    font-size: 24pt;
    font-weight: normal;
    padding: 0;
    text-align: center;
    width: 100%;
}
TABLE.dagtabel
{
    table-layout: fixed;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
}
IMG
{
    border: none;
}

/* EXTRA STYLING */
TD.rij0, TD.rij1, TD.rij2, TD.rij3, TD.rij4, TD.rij5, TD.rij6
{
    overflow: hidden;
}
TD.rij5, TD.rij6
{
	background-color: #efefef;
}
div.lijstD
{
}
table.dagtabel tr td a.info
{
	font-size: 8pt;
	line-height: 12px;
}
table.dagtabel tr td a.inforeg
{
	color: Black;
	font-size: 8pt;
	font-weight: normal;
	line-height: 12px;
}
TD.header
{
	color: #003399;
	font-size: 8pt;
	line-height: 8pt;
	position: relative;
	top: -2px;
}
TD.header a, TD.header a:link, TD.header:visited
{
	color: #003399;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 8pt;
}
TD.header a:hover, TD.header a:link:hover, TD.header:visited:hover
{
	text-decoration: none;
	color: #003399;
}
IMG#outlook
{
	margin-top: 1px;
	margin-bottom: -1px;
	margin-left: 5px;
}

