body {
	margin: 0;
	padding: 0;
	overflow: hidden; /* no body scrollbar, ie6 */ 
}

body, p, div {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	color: black;
}
a {
	color: black;
	text-decoration: none;
}
a:hover {
	background: black;
	color: white;
}
div#homepagebox a {
    border-bottom: 1px dotted black;
}
div#title_menu a {
    border-bottom: 1px dotted black;
}

div#calendar_functions a {
    border-bottom: 1px dotted black;
}

h2#title_text a {
    border-bottom: none;
    color: #383838;
}
h2#title_text a:hover {
    color: white;
}

ul {
padding-left: 16px;
list-style-type: square;
}

div#name {
	color: #444;
}

/*.panel .ui-dialog-titlebar-close { display:none } */

td {
	vertical-align: top;
}

div.card {
    position: absolute;
    left: 0;
    top: 0;
}

.eventtail {}

.highlight {
    border: 2px solid #444;
}

.active {
    border: 2px solid black !important;
}

/* Fixed Layout Body Liner */

div#fixed {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0; top: 0;
	margin: 0;
/*	overflow: hidden;*/
	overflow: auto;
}

h2 {
	font-family: Georgia,'Times New Roman',Times,serif;
	font-size: 14px;
}
h3 {
	font-family: Georgia,'Times New Roman',Times,serif;
}

h2.calendar_author {
	padding-top: 5px;
	margin-bottom: 0px;
	color: white;
}

/************/
/* TITLE    */
/************/

div#titlewrap {
/*	display: none;*/
	width: 100%;
	position: absolute;
	z-index: 100;
	left: 0;
	top: 10px;
}
div#title {
	position: relative;
	height: 20px;			/* important for ie6 */
	margin-left: 20px;
	margin-right: 40px;
	padding-left: 20px;
}
div#title_text {
	position: absolute;
	padding: 5px;
	top: 5px;
	left: 5px;
	font-family: Georgia,'Times New Roman',Times,serif;
	font-size: 14px;
	font-weight: bold;
	background: white;
}
div#title_menu {
	position: absolute;
	top: 0px;
	right: 0;
}
div#title_menu a {
	color: black;
	text-decoration: none;
}
div#title_menu a:hover {
	color: white;
	background: black;
}

/************/
/* CALENDAR */
/************/

div#calendarwrap {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0; top: 0;
	overflow: auto; /* THIS IS THE "MAIN" PAGE SCROLLBAR! */
	text-align: center;		/* necessary to get calendar centered for ie6  */
}
div#calendar {
	text-align: left;
	width: 700px; 
	height: 100px;
	position: relative;
	margin-left: auto; margin-right: auto;
	margin-top: 50px;
}
div#calendar div#calendar_menu {
	background: #666666;
	color: black;
	position: relative;
	padding-bottom: 10px;
}
#calendar_functions {
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px;
}
#calendar_menu .liner {
	padding-left: 10px;
	padding-right: 5px;
}
.calendar_year_number {
	margin: 10px;
	color: black;
	font-size: 24px;
	font-weight: bold;
}
#calendar_table_wrap {
	position: absolute;
	width: 700px;
	left: 0px;
}
table#calendar_table {
	width: 100%;
	background: #666666;
}
table#calendar_table td {
	vertical-align: top;
	text-align: center;
	border-top: 1px solid gray;
	height: 100px;
/*	width: 8.333%;*/
	width: 7.69%; /* 13 columns */
}
div.calendar_cell {
	position: relative;
/*	z-index: 2;*/
	height: 100%;
}
.cell_label {
    color: #383838;
}
div#postcalspace {
	height: 400px;
}

div.event {
	position: absolute;
}
.drophover {
	background: #AAA;
}


/************/
/* Hand     */
/************/

div#handwrap {
/*	display: none;*/
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	z-index: 100;
}
div#hand {
	position: relative;
	margin-left: 60px;
	margin-right: 80px;
	height: 120px;
/*	background: url(bgpattern4.gif);*/
}
div#hand div#movablehand {
	position: absolute;
	left: 0px;
	top: 20px;
}
div#hand #handbg {
	position: absolute;
	left: 0; top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.66;
	filter: alpha(opacity = 66);
	z-index: 0;
}
div#hand #handmenu {
	position: relative;
	padding-top: 2px;
	padding-left: 20px;
	margin-bottom: 5px;
	z-index: 1;
	color: white;
}
div#hand #handouter {
	position: absolute;
	z-index: 2;
	width: 100%;
	left: 0;
	bottom: 10;
	height: 90px;
/*	overflow: hidden;*/
}
div#hand #handinner {
	height: 90px;				/* ie6 requires a height */
	position: relative;
	margin-left: 20px;
	margin-right: 100px;
}

/************/
/* Cardinfo */
/************/

div.cardinfo {
	position: absolute;
	width: 320px;
/*	z-index: 1000;*/
	bottom: 0;
	display: none;
}
div.cardinfo_text {
	padding: 15px;
	padding-bottom: 30px;
	background-color: #222;
}
div.cardinfo p {
	margin-top: 0;
	color: white;
}
div.cardinfo div.cardinfo_tab {
	float: left;
	width: 110px;
	height: 70px;
	background-color: #222;
}
div.cardinfo h2 {
	font-family: Georgia,'Times New Roman',Times,serif;
	font-size: 18px;
	margin-top: 0;
	color: #AAA;
}

/***************/
/* Event Detail */
/***************/

div#event_detail {
/*	position: absolute;*/
/*	width: 320px;*/
/*	background: #222;*/
	color: white;
}
div#event_detail h3 {
    color: black;
}
div#event_detail h2 {
    display: none; /* now shown as dialog title */
}
div#event_detail textarea {
	width: 100%;
	height: 100px;
	background: none;
	border: 1px solid gray;
}
div#event_detail div.event_title {
    margin-bottom: 10px;
}
div#event_detail div.event_notes h3 {
    margin-bottom: 0px;
}
div#event_detail div.event_notes {
    margin-bottom: 10px;
}
/*
div#event_detail h2 {
	margin-top: 0;
	margin-bottom: 5px;
}

div#event_detail h3 {
	margin-bottom: 0;
}

div#event_detail .event_date {
	margin-bottom: 5px;
}

div#event_detail div {
	color: white;
}

div#event_detail textarea {
	width: 100%;
	height: 80px;
	background: #222;
	color: white;
	border: 1px solid gray;
}

div.event_detail_tab {
	position: absolute; 
	background: #222;
	width: 46px;
	height: 46px;
}
*/

/*body, p, div {*/
/*    color: black;*/
/*}*/
div#title h2 {
    color: #383838;
}
div#homepagewrap {
    width: 100%;
    height: auto;
}
div#homepagewrap h3 {
    margin-top: 0px;
}
div#header {
    border-bottom: 1px solid gray;
    padding-bottom: 20px;
}
div#footer {
    border-top: 1px solid gray;
    margin-top: 20px
}
div#footer h3 {
    margin-top: 10px;
}
div#homepagebox {
   	text-align: left;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    width: 800px;
    margin-top: 50px;
    background: #666666;
}
h3 {
	font-family: Georgia,'Times New Roman',Times,serif;
	font-size: 12px;
	text-transform: uppercase;
	color: white;
}
div#homepagebox h3 {
}
img {
    border: 0;
}

div#left {
    border-right: 1px solid gray;
    margin-right: 10px;
}
div#right {
    margin-left: 10px;
}

/* FORM ERRORS */
ul.errorlist {
    margin-top: 0;
    padding-left: 0;
}
ul.errorlist li {
    list-style-type:none;
    background: #F22;
    font-size: 10px;
    color: white;
    margin-left: 0px;
    padding: 4px;
}

/* JQUERY CSS TWEAKING */

.ui-dialog-titlebar {
    -moz-border-radius-bottomleft: 0px !important;
    -moz-border-radius-bottomright: 0px !important;
    border: none !important;
    color: white !important;
}

/* card specific styles, name is based on the _image filename_ -- always lowercase */

.dialog-vakantie .ui-dialog-titlebar {
    background-image: url(cards.90/Vakantie_bg.png) !important;   
}
.dialog-vakantie {
    background: #FF8 !important;    
}

.dialog-afspraken_begeleiding .ui-dialog-titlebar {
    background: #655b8d;
}
.dialog-afspraken_begeleiding {
    background: #dbd8e9 !important;    
}

.dialog-blanco .ui-dialog-titlebar {
    background: #ffff67;
    color: black !important;
}
.dialog-blanco {
    background: #ffff67 !important;    
}

.dialog-casus .ui-dialog-titlebar {
    background: #a7942b;
}
.dialog-casus {
    background: #fffcc7 !important;    
}

.dialog-cursussen .ui-dialog-titlebar {
    background: #5d2b2a;
}
.dialog-cursussen {
    background: #f6c491 !important;    
}

.dialog-lezen .ui-dialog-titlebar {
    background: #292c63;
}
.dialog-lezen {
    background: #a7d1ea !important;    
}

.dialog-lucht .ui-dialog-titlebar {
    background-image: url(cards.90/Lucht_bg.png) !important;   
/*    background: #a7d1ea;*/
}
.dialog-lucht {
    background: #dcfffe !important;    
}

.dialog-onderwijs .ui-dialog-titlebar {
    background: #d25924;
}
.dialog-onderwijs {
    background: #dededc !important;    
}

.dialog-risicoanalyse .ui-dialog-titlebar {
    background: #da251c;
}
.dialog-risicoanalyse {
    background: #ffffff !important;    
}

.dialog-schrijven .ui-dialog-titlebar {
    background: #154630;
}
.dialog-schrijven {
    background: #97ccba !important;    
}
.dialog-slotfase .ui-dialog-titlebar {
    background: #839a2e;
}
.dialog-slotfase {
    background: #d1dabb !important;    
}

.dialog-stop .ui-dialog-titlebar {
    background: #ea8914;
}
.dialog-stop {
    background: #fffbb1 !important;    
}

.dialog-symposia_en_congressen .ui-dialog-titlebar {
    background: #964276;
}
.dialog-symposia_en_congressen {
    background: #d5c7c7 !important;    
}

.dialog-vakantie .ui-dialog-titlebar {
    background: #ffff3f;
    color: black !important;
}
.dialog-vakantie {
    background: #FFFFFF !important;    
}


/* Detail Buttons */
div.event_button_save {
    float: left;
}
div.event_button_delete {
    float: right;
}

div#card_rollover {
    display: none;
    position: absolute;
    width: 100px;
    z-index: 10000;
    background: white;
    padding-left: 5px;
}
div#card_rollover p {
    margin: 0;
}