html, body
{
    font-family	: Arial;
	font-size	: 12px;
	font-weight	: normal;
	color		: #000000;
	height      : 100%;
	/*min-height  : 100%;*/
    /*overflow    : auto;*/
    margin      : 0px;
    padding     : 0px;
    
    background-color    : #BFE0F2;
}

body
{
    /*background-image        : url('images/background.jpg');
    background-position     : center;
    background-attachment   : fixed;
    background-repeat       : no-repeat;*/
    /*background-color        : #FFFFFF;*/
}

img
{
	border  : 0px;
}

textarea, input, select
{
	font-family		: Arial;
	font-size		: 11px;
	border-style	: solid;
	border-width	: 1px;
	border-color	: #000000;
	background		: #FFFFFF;
}

input[type="checkbox"], input[type="radio"]
{
    border-width    : 0px;
}

.inputAttention
{
    font-family		: Arial;
	font-size		: 11px;
	border-style	: solid;
	border-width	: 1px;
	border-color	: #FF0000;
	background		: #FFFFFF;
	color		    : #FF0000;
}

table
{
    font-family	    : Arial;
    font-size	    : 12px;
    font-weight	    : normal;
    color		    : #000000;
}

td
{
    padding-right : 2px; /* FOR SHOWING THE RIGHT BORDER OF TEXTBOXES WITH A WIDTH OF 100% WITHIN A TD IN IE */
}

A, A:visited, A:active
{
	font-family		: Arial;
	font-weight		: bold;
	color			: #000000;
	text-decoration	: none;
}

A:hover
{
	font-family		: Arial;
	font-weight		: bold;
	color			: #53A013;
	text-decoration	: none;
}

.teksten
{
    font-family	: Arial;
	font-size	: 12px;
	font-weight	: normal;
	color		: #000000;
}

.titel
{
    font-family	: Arial;
	font-size	: 16px;
	font-weight	: bold;
	color		: #000000;
}

.titel_groot
{
    font-family	: Arial;
	font-size	: 18px;
	font-weight	: bold;
	color		: #000000;
}

.combobox
{
    font-family	    : Arial;
	font-size	    : 11px;
	font-weight	    : normal;
	color           : #000000;
	background-color: #FFFFFF;
}

.combobox_mouseover
{
    font-family	    : Arial;
	font-size	    : 11px;
	font-weight	    : normal;
	color           : #FFFFFF;
	background-color: #316AC5;
}

.alternate_row
{
    background-color    : #FBF7DF;
}

.mouseover_row
{
    background-color    : #BBC8BF;
}

.seperator
{
    width   : 100%;
    color   : #BBC8BF;
}

.other_month
{
    background-color    : #FBF7DF;
}

.noDisplay
{
    display : none;
}

#container
{
    width   : 100%;
    height  : 100%;
}

#top
{
    width   : 100%;
    height  : 4%;
}

#main
{
    width   : 100%;
    height  : 95%;
}

#scroll
{
	/*scrollbar-base-color		: #5B2815; /*basis kleur als de rest niet gezet is*/
	/*scrollbar-arrow-color		: #FFFFFF; /*pijltjes*/
	/*scrollbar-track-color		: #000000; /*achtergrond*/
	/*scrollbar-face-color		: #000000; /*voorgrond incl. pijlvakjes*/
	/*scrollbar-darkshadow-color	: #FFFFFF; /*rechtsonder*/
	/*scrollbar-shadow-color		: #000000; /*schaduw rechtsonder*/
	/*scrollbar-3dlight-color		: #FFFFFF; /*linksboven*/
	/*scrollbar-highlight-color	: #000000; /*schaduw linksboven*/
	/*width						: 1270;*/
	height						: 100%;
	overflow					: auto;
	/*filter						: chroma(color=#000000); /*maakt kleur transparant*/
}

div.timetableNav
{
    position        : relative;
    margin-top      : 5px;
    margin-left     : auto;
    margin-right    : auto;
    width           : 50%;
    height          : 20px;
    text-align      : center;
    vertical-align  : bottom;
    z-index         : 1;
    border-bottom   : solid 1px #000000;
}

div.prev
{
    position        : absolute;
    top             : 0px;
    left            : 0px;
    width           : 25px;
    height          : 20px;
    text-align      : left;
    vertical-align  : bottom;
    z-index         : 1;
    /*border          : solid 1px #000000;*/
}

div.next
{
    position        : absolute;
    top             : 0px;
    right           : 0px;
    width           : 25px;
    height          : 20px;
    text-align      : right;
    vertical-align  : bottom;
    z-index         : 1;
    /*border          : solid 1px #000000;*/
}

div.nav
{
    /*position        : absolute;*/
    margin-top      : 5px;
    margin-left     : auto;
    margin-right    : auto;
    height          : 20px;
    text-align      : center;
    vertical-align  : bottom;
    /*border          : solid 1px #000000;*/
}

div.timetable
{
    position        : relative;
    margin-left     : auto;
    margin-right    : auto;
    /*width           : 95%;*/
    z-index         : 1;
    border          : solid 1px #000000;
    
    background-color    : #FFFFFF;
}

div.timeHeader
{
    position    : absolute;
    top         : 0px;
    /*left        : 0px;*/
    height      : 20px;
    /*width       : 100%;*/
    /*border      : solid 1px #000000;*/
    border-right    : solid 1px #000000;
    border-bottom   : solid 1px #000000;
    z-index     : 2;
    
    text-align  : center;
    /*font-weight : bold;*/
}

div.time
{
    position    : absolute;
    /*top         : 20px;*/
    left        : 0px;
    height      : 15px;
    width       : 50px;
    /*border      : solid 1px #000000;*/
    border-right    : solid 1px #000000;
    /*border-bottom   : solid 1px #000000;*/
    z-index     : 2;
}

div.dayContent
{
    position    : absolute;
    /*float       : left;*/
    top         : 0px;
    /*left        : 50px;*/
    /*height      : 150px;*/
    /*width       : 100px;*/
    /*border      : solid 1px #000000;*/
    border-right    : solid 1px #000000;
    /*border-bottom   : solid 1px #000000;*/
    z-index     : 3;
}

div.timeKader
{
    position    : absolute;
    /*float       : left;*/
    /*top         : 20px;*/
    /*left        : 50px;*/
    /*height      : 15px;*/
    width       : 99px;
    border      : solid 1px #000000;
    /*border-right    : solid 1px #00FF00;
    border-bottom   : solid 1px #00FF00;*/
    z-index     : 4;
    cursor      : pointer;
    
    /*background-color    : #FFFFFF;*/
}

div.timeContent
{
    position    : absolute;
    top         : 0px;
    left        : 0px;
    width       : 100%;
    height      : 100%;
    z-index     : 5;
    cursor      : pointer;
    background-color    : #99FF99;
}

div.partReservedContent
{
    position    : absolute;
    /*float       : left;*/
    /*top         : 20px;*/
    left        : 0px;
    /*height      : 15px;*/
    width       : 98px;
    border      : solid 1px #000000;
    /*border-right    : solid 1px #F6AA00;
    border-bottom   : solid 1px #F6AA00;*/
    z-index     : 6;
    cursor      : pointer;
    
    background-color    : #F6AA00;
}

div.reservedContent
{
    position    : absolute;
    /*float       : left;*/
    /*top         : 20px;*/
    left        : 0px;
    /*height      : 15px;*/
    width       : 98px;
    border      : solid 1px #000000;
    /*border-right    : solid 1px #FF0000;
    border-bottom   : solid 1px #FF0000;*/
    z-index     : 8;
    cursor      : default;
    
    background-color    : #FF0000;
}

div.reservering
{
    position    : absolute;
    top         : 0px;
    left        : 0px;
    width       : 98px;
    border      : solid 1px #000000;
    visibility  : hidden;
    z-index     : 7;
    
    background-color    : #FFFFFF;
}

div.timeline
{
    position        : absolute;
    width           : 100%;
    height          : 15px;
    border-bottom   : solid 1px #000000;
    z-index         : 1;
}

#divBlok
{
    position    : absolute;
    top         : 0px;
    left        : 0px;
    width       : 150px;
    height      : 150px;
    border      : solid 2px #000000;
    visibility  : hidden;
    z-index     : 100;
    
    background-color    : #FFFFFF;
}

#divBos
{
    position    : absolute;
    top         : 0px;
    left        : 0px;
    /*width       : 150px;
    height      : 150px;*/
    border      : solid 2px #000000;
    visibility  : hidden;
    z-index     : 100;
    
    background-color    : #FFFFFF;
}

#divKoffie
{
    position    : absolute;
    top         : 0px;
    left        : 0px;
    /*width       : 150px;
    height      : 150px;*/
    border      : solid 2px #000000;
    visibility  : hidden;
    z-index     : 100;
    
    background-color    : #FFFFFF;
}

#divReservation
{
    position    : absolute;
    top         : 0px;
    left        : 0px;
    width       : 500px;
    height      : 550px;
    overflow    : auto;
    border      : solid 2px #000000;
    padding     : 10px;
    /*display     : none;*/
    z-index     : 100;
    
    background-color    : #CCCCCC;
}