/* reset.css */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {  margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent;}
body { line-height: 1; } ol, ul { list-style: none; } blockquote, q {	quotes: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }

/* de vervangingsplanner css..! */
html {
	height				: 100%;
}

body	{
	min-height			: 100%;
	min-width			: 994px;
	font				: 0.7em Arial, sans-serif;
	background			: #F0F0F0;
}

body.resultatenextra,
body.iframe	{
	min-height			: 100%;
	min-width			: 0px;
	font				: 0.7em Arial, sans-serif;
	background			: none;
}

h1, h2	{
	color				: #066074;
}

.toegankelijkheid	{
	position			: absolute;
	left				: -999em;
}

.clear	{
	clear				: both;
	overflow			: hidden;
	height				: 0;
}

/* elementen waarvan de inhoud met opmaak weer moeten worden gegeven, zoals wysiwyg velden */
.opmaak	p {
	margin-bottom		: 1em;
}

.opmaak	blockquote	{
	margin				: 0 0 1em 3em;
}

.opmaak	 ul	{
	margin				: 0 0 1em 3em;
	list-style			: square;
}

.opmaak	 ol	{
	margin				: 0 0 1em 3em;
	list-style			: decimal;
}

.hidden {
 	display				: none;
}

.rood {
    color               : red;
}

.groen {
    color               : green;
}



/* --------------------------------	*/
/* container					 	*/
/* --------------------------------	*/
#container	{
	position			: relative;
	background			: #fff url(../img/schaduw.png) repeat-x left 78px;
}


/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header	{
	padding				: 0 10px 0 22px;
	position			: relative;
	background			: #242424 url(../img/header_bg.jpg) no-repeat left top;
	color				: #b8b8b8;
	text-align			: right;
	z-index				: 12;
	height				: 78px;
	margin				: 0 0 10px 0;
}

#header div.logo	{
	width				: 216px;
	height				: 92px;
	background			: url(../img/header_logo_bg.png) repeat-y left top;
	position			: absolute;
	left				: 4px;
	top					: 0;
	text-align			: left;
}

#header div.logobreed	{
	width				: 260px;
	height				: 92px;
	background			: url(../img/header_logo_bg_breed.png) repeat-y left top;
	position			: absolute;
	left				: 4px;
	top					: 0;
	text-align			: left;
}

#header div.logo a	{
	display				: block;
	margin				: 18px auto 0 auto;
	text-align			: center;
}

#header ul.menu	{
	float				: right;
	position			: relative;
	z-index				: 20;
	padding				: 15px 0;
}

#header ul.menu a.instellingen,
#header ul.menu a.help {
	font-weight			: bold;
	padding-right		: 13px;
	background			: url(../img/header_menu_fold_icon.gif) no-repeat right;
}

#header ul.menu > li	{
	display				: block;
	float				: left;
	position			: relative;
}

#header ul.menu > li > a	{
	text-decoration		: none;
	margin				: 0 0 0 14px;
	color				: #ffd200;
}

/* submenutjes */
#header ul.menu > li ul	{
	position			: absolute;
	display				: none;
	top					: 1em;
	width				: 140px;
	background			: #000;
	border				: solid 1px #333;
	text-align			: left;
}

#header ul.menu > li ul	{
	right				: -5px;
	top					: 15px;
}

#header ul.menu li li	{
	border-bottom		: solid 1px #333;
}

#header ul.menu li li a	{
	display				: block;
	padding				: 2px 10px;
	color				: #fff;
	text-decoration		: none;
}

#header ul.menu li li a:hover	{
	text-decoration		: underline;
}

/* datum */
#header div.datum	{
	position			: absolute;
	left				: 255px;
	top					: 9px;
	text-align			: left;
}

/* Klantlogo */
#header div.klantlogo {
	display				: inline;
	float				: right;
	width				: 109px;
	height				: 53px;
	margin				: 0 0 0 15px;
	padding				: 8px;
	background			: url(../img/klantlogo-bg.png) no-repeat left top;
}


/* --------------------------------	*/
/* menu							 	*/
/* --------------------------------	*/
#menu	{
	height				: 36px;
	position			: absolute;
	z-index				: 10;
	left				: 250px;
	top					: 47px;
	text-align			: left;
}

#menu > li {
	float				: left;
	position			: relative;
	background			: url(../img/menu_bg.gif) no-repeat left -72px;
	padding-left		: 9px;
}

#menu > li.actief {
	background			: url(../img/menu_bg.gif) no-repeat left 0;
}

#menu > li > a {
	float				: left;
	height				: 31px;
	line-height			: 31px;
	display				: block;
	text-decoration		: none;
	padding				: 0 14px 0 5px;
	font-weight			: bold;
	color				: #fff;
	background			: url(../img/menu_bg.gif) no-repeat right -108px;
}

#menu > li.actief > a {
	color				: #000;
	background			: url(../img/menu_bg.gif) no-repeat right -36px;
}

/* submenu */
#menu li ul {
	position			: absolute;
	display				: none;
	top					: 31px;
	left				: 3px;
	width				: 200px;
	background			: #080808;
	-moz-box-shadow		: 1px 1px 2px #888;
	-webkit-box-shadow	: 1px 1px 2px #888;
}

#menu li li {
	width				: 200px;
	float				: left;
}

#menu li li a {
	float				: none;
	height				: auto;
	line-height			: normal;
	padding				: 4px 10px;
	display				: block;
	text-decoration		: none;
	font-weight			: bold;
	color				: #fff;
	border-bottom		: solid 1px #333;
}

#menu li li:first-child a	{
	background			: url(../img/gradient.png) repeat-x left -15px
}

#menu li li a:hover	{
	background-color	: #181818;
}


/* --------------------------------	*/
/* main							 	*/
/* --------------------------------	*/
#main	{
	padding				: 20px 22px 40px 22px;
	line-height			: 1.5em;
	position			: relative;
	z-index				: 10;
}

body.resultatenextra #main	{
	padding				: 0;
	line-height			: 1.5em;
	position			: relative;
}

#main h1,
#main h2	{
	line-height			: normal;
}

#main h1	{
	font-size			: 1.9em;
	margin				: 0 0 0.7em 0;
}

#main h2	{
	font-size			: 1.6em;
	margin				: 0 0 0.7em 0;
}

#main h3	{
	font-size			: 1.1em;
	margin				: 0 0 0.5em 0;
}


/* --------------------------------	*/
/* navigatie					 	*/
/* --------------------------------	*/
#navigatiebalk	{
	position			: relative;
	margin				: 0 0 18px 0;
	z-index				: 9;
}

#navigatiebalk .help	{
	position			: absolute;
	top					: 0;
	right				: 14px;
	height				: 24px;
	line-height			: 24px;
	font-weight			: bold;
	background			: url(../img/help_icon.gif) no-repeat left;
}

#navigatiebalk .help a	{
	color				: #7f7f7f;
	text-decoration		: none;
	padding				: 0 13px 0 13px;
	background			: url(../img/fold_icons_grijs.gif) no-repeat right 4px;
}

#navigatiebalk .help a.open	{
	background-position	: right -13px;
}


/* --------------------------------	*/
/* help overlay					 	*/
/* --------------------------------	*/
#help	{
	display				: none;
	position			: absolute;
	top					: 25px;
	right				: 0;
	width				: 314px;
	padding				: 0 20px 10px 20px;
	background			: #fff;
	border				: solid 1px #e5e5e5;
	border-top			: none;
	-moz-box-shadow		: 3px 3px 4px #888;
	-webkit-box-shadow	: 3px 3px 4px #888;
}

#help p.sluiten	{
	text-align			: right;
	font-weight			: bold;
}

#help p.sluiten a	{
	color				: #5b5b5b;
	text-decoration		: none;
}


/* --------------------------------	*/
/* broodkruimels				 	*/
/* --------------------------------	*/
#broodkruimels	{
	border				: solid 1px #ccc;
	height				: 24px;
	background			: #fff;
}

#broodkruimels li	{
	position			: relative;
	float				: left;
	height				: 24px;
	line-height			: 24px;
	padding				: 0 10px 0 0;
	background			: url(../img/broodkruimels_bg.gif) no-repeat right top;
}

#broodkruimels li.actief	{
	background			: none;
}

#broodkruimels li a	{
	color				: #7f7f7f;
	font-weight			: bold;
	text-decoration		: none;
	display				: block;
	float				: left;
	padding				: 0 14px;
	height				: 24px;
}

#broodkruimels li a:hover	{
	text-decoration		: underline;
}

#broodkruimels li.actief a {
	color				: #000;
}


/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content {
	position			: relative;
	z-index				: 5;
}
#content hr	{
	border				: 0;
	color				: #ccc;
	background-color	: #ccc;
	height				: 1px;
	margin				: 1.5em 0;
}

#content a	{
	color				: #066074;
}

#content img.icon	{
	vertical-align		: bottom;
	margin				: 0 5px 0 0;
}

#content .box	{
	border				: solid 1px #ccc;
	background			: #fff;
	padding				: 10px;
	margin				: 0 0 15px 0;
	zoom				: 1;
}


/* tabs */
#content ul.tabs	{
	border-bottom		: solid 1px #fff;
	overflow			: hidden;
}

#content ul.tabs li	{
	float				: left;
	margin				: 0 5px -1px 0;
}

#content ul.tabs li a	{
	float				: left;
	display				: block;
	height				: 30px;
	line-height			: 30px;
	padding				: 0 15px;
	font-weight			: bold;
	color				: #fff;
	background			: #599faf url(../img/gradient.png) repeat-x left top;
	border				: solid 1px #ccc;
	text-decoration		: none;
}

#content ul.tabs li.actief a	{
	color				: #000;
	background			: #ffd200 url(../img/gradient.png) repeat-x left top;
}


/* tooltips */
#content .tooltip	{
	padding				: 2px 5px;
	width				: 160px;
	height				: auto !important;
	text-align			: left;
	background			: #f0f0f0;
	border				: solid 1px #ccc;
	-moz-box-shadow		: 1px 1px 4px #888;
	-webkit-box-shadow	: 1px 1px 4px #888;
	z-index				: 10;
	color				: #000;
}

/* kolommen */
#content .kolom_12	{ width: 49%; float: left; padding-right: 1.9%; }
#content .kolom_22	{ width: 49%; float: right;  }

#content .kolom_13	{ width: 32%; float: left; padding-right: 1.9%; }
#content .kolom_23	{ width: 32%; float: left; padding-right: 1.9%; }
#content .kolom_33	{ width: 32%; float: right; }


/* toggler */
/*#content .toggler		{	background: url(../img/fold_icons.gif) no-repeat right 3px; cursor: pointer;		}
#content .toggler.open	{	background: url(../img/fold_icons.gif) no-repeat right -13px;	}*/


/* formulier opmaak */
/*#content form.filter,
#content form.zoeken {
	background			: #f6f6f6 url(../img/gradient.png) repeat-x left top;
	border				: solid 1px #e5e5e5;
	padding				: 10px;
}*/

/* toggler */
#content .toggler {
	padding				: 10px;
	text-decoration		: underline;
	cursor				: pointer;
}

#content .toggler.zonder-toggle {
	text-decoration		: none;
}


#content .toggler span {
	display				: block;
	padding				: 0 0 0 15px;
	background			: url(../img/fold_icons.gif) no-repeat left 4px;
	cursor				: pointer;
}

#content .toggler.open {
}

#content .toggler.open span {
	background			: url(../img/fold_icons.gif) no-repeat left -12px;
}

#zoekform-inner {
	padding				: 10px;
}


/* formulier opmaak */
#content form.filter,
#content form.zoeken {
	background			: #F6F6F6 url(../img/gradient.png) repeat-x left top;
	border				: solid 1px #ccc;
	padding				: 10px;
}

#content form.zoeken {
	padding				: 0;
}

#content ul.formulier > li	{
	padding				: 4px 0;
	border-bottom		: solid 1px #e5e5e5;
}

#content ul.formulier > li:after	{
	content				: ".";
	display				: block;
	height				: 0;
	clear				: both;
	visibility			: hidden;
}

#content ul.formulier li div.label	{
	width				: 29%;
	max-width			: 150px;
	float				: left;
	font-weight         : bold;
}

#content ul.formulier li div.veld	{
	width				: 69%;
	float				: left;
}

#content ul.formulier li.buttons	{
	border				: none;
}

/* Formulier Invalleerkracht zoeken */
#content .invalleerkracht_zoeken ul.formulier li div.label {
	width				: 100%;
	max-width			: 100%;
	float				: none;
}

#content .invalleerkracht_zoeken ul.formulier li div.veld {
	width				: 100%;
	float				: none;
}


/* formulier elementen */
#content input,
#content select,
#content textarea,
#content button,
#content .button {
	border				: solid 1px #999;
	font				: 1em Arial;
}

#content input:focus,
#content textarea:focus,
#content select:focus {
	border				: 1px solid #090909;
}

#content select option {
	background			: #FFF url(../img/gradient.png) repeat-x left top;
}

#content input.defaultvalue,
#content textarea.defaultvalue {
	color				: #999;
}

#content input[type=radio],
#content input[type=checkbox] 	{
	border				: none;
}

#content input[type=button],
#content input[type=submit],
#content button,
#content .open_pdf,
#content .button {
	padding				: 3px 10px 3px 10px;
	margin-right		: 10px;
	width				: auto;
    overflow			: visible;
	font-weight			: bold;
	border-left			: solid 1px #6BB1BF;
	border-top			: solid 1px #6BB1BF;
	border-right		: solid 1px #00343F;
	border-bottom		: solid 1px #00343F;
	color				: #fff;
	background			: #066074 url(../img/gradient.png) repeat-x left -10px;
	cursor				: pointer;
}

#content .buttonoverzicht {
	float				: left;
	width				: 16px;
	height				: 16px;
	padding				: 3px 3px 3px 2px;
	margin-right		: 2px;
	border				: 1px solid #CCC;
	background			: #EEE url(../img/gradient.png) repeat-x left top;
}

#content .buttonoverzicht:hover {
	background			: #FFD303 url(../img/gradient.png) repeat-x left top;
}

#content button img	{
	vertical-align		: middle;
	margin				: 0 3px 0 -3px;
}

#content select.combobox	{
	width				: 98%;
}

/* meldingen */
#content .melding	{
	padding				: 10px 10px 10px 36px;
	margin				: 0 0 1.5em 0;
	font-weight			: bold;
	background			: #fffbce url(../img/icons/melding.png) no-repeat 10px 10px;
	border				: solid 1px #ebdc25;
}

#content .melding.info	{
	background-color	: #ddefff;
	background-image	: url(../img/icons/info.png);
	border				: solid 1px #77baf3;
}

#content .melding.fout	{
	background-color	: #ffcccc;
	background-image	: url(../img/icons/fout.png);
	border				: solid 1px #eb3c3c;
}

#content .melding.goed	{
	background-color	: #cef4d3;
	background-image	: url(../img/icons/goed.png);
	border				: solid 1px #7dcc86;
}

#content .nieuwe_invalleerkracht 												{ 	background			: #e0e0e0 url(../img/gradient.png) repeat-x left top; 	}
#content .erover_flexwet_melding 												{ 	background			: orange url(../img/gradient.png) repeat-x left top;	}
#content .erover_flexwet_kritieke_melding 										{	background			: red url(../img/gradient.png) repeat-x left top;		}
#content .erover_flexwet_kortdurig_melding										{	background			: #6CF url(../img/gradient.png) repeat-x left top;		}
#content table.tabel > tbody > tr:hover > td.erover_flexwet_melding 			{	background			: orange url(../img/gradient.png) repeat-x left top;	}
#content table.tabel > tbody > tr:hover > td.erover_flexwet_kritieke_melding 	{	background			: red url(../img/gradient.png) repeat-x left top;		}
#content table.tabel > tbody > tr:hover > td.erover_flexwet_kortdurig_melding 	{	background			: #6CF url(../img/gradient.png) repeat-x left top;		}

/* actie iconen */
#content a.verwijder,
#content a.wijzig,
#content a.beoordeel,
#content a.behandel,
#content a.bekijk,
#content a.email,
#content a.sms,
#content a.excel,
#content a.print,
#content a.brief,
#content a.opmerking,
#content a.resultaat,
#content a.omhoog,
#content a.omlaag	{
	display				: block;
	float				: left;
	height				: 16px;
	width				: 16px;
	margin				: 0 5px 0 0;
	text-indent			: -900em;
	overflow			: hidden;
	background			: url(../img/icons/verwijder.png) no-repeat left;
}

#content a.wijzig 		{	background-image: url(../img/icons/wijzig.png);		}
#content a.behandel 	{	background-image: url(../img/icons/behandel.png);	}
#content a.bekijk	 	{	background-image: url(../img/icons/bekijk.png);		}
#content a.beoordeel    {   background-image: url(../img/icons/beoordeel.png); 	}
#content a.email	    {   background-image: url(../img/icons/email.png); 		}
#content a.sms		    {   background-image: url(../img/icons/sms.png); 		}
#content a.excel	    {   background-image: url(../img/icons/xls.png); 		}
#content a.print	    {   background-image: url(../img/icons/print.png); 		}
#content a.brief	    {   background-image: url(../img/icons/brief.png); 		}
#content a.opmerking    {   background-image: url(../img/icons/opmerking.png);	}
#content a.resultaat    {   background-image: url(../img/icons/resultaat.png);	}
#content a.omhoog	    {   background-image: url(../img/icons/omhoog.png);		}
#content a.omlaag	    {   background-image: url(../img/icons/omlaag.png);		}

#content a.verwijder.buttonoverzicht	{	background: #EEE url(../img/icons/verwijder.png) no-repeat 2px 3px;	}
#content a.wijzig.buttonoverzicht 		{	background: #EEE url(../img/icons/wijzig.png) no-repeat 2px 3px;	}
#content a.behandel.buttonoverzicht 	{	background: #EEE url(../img/icons/behandel.png) no-repeat 2px 3px;	}
#content a.bekijk.buttonoverzicht	 	{	background: #EEE url(../img/icons/bekijk.png) no-repeat 2px 3px;	}
#content a.beoordeel.buttonoverzicht    {   background: #EEE url(../img/icons/beoordeel.png) no-repeat 2px 3px; }
#content a.email.buttonoverzicht	    {   background: #EEE url(../img/icons/email.png) no-repeat 2px 3px; 	}
#content a.sms.buttonoverzicht		    {   background: #EEE url(../img/icons/sms.png) no-repeat 2px 3px; 		}
#content a.excel.buttonoverzicht	    {   background: #EEE url(../img/icons/xls.png) no-repeat 2px 3px; 		}
#content a.print.buttonoverzicht	    {   background: #EEE url(../img/icons/print.png) no-repeat 2px 3px; 	}
#content a.brief.buttonoverzicht	    {   background: #EEE url(../img/icons/brief.png) no-repeat 2px 3px; 	}
#content a.opmerking.buttonoverzicht    {   background: #EEE url(../img/icons/opmerking.png) no-repeat 2px 3px;	}
#content a.resultaat.buttonoverzicht    {   background: #EEE url(../img/icons/resultaat.png) no-repeat 2px 3px;	}
#content a.omhoog.buttonoverzicht	    {   background: #EEE url(../img/icons/omhoog.png) no-repeat 2px 3px;	}
#content a.omlaag.buttonoverzicht	    {   background: #EEE url(../img/icons/omlaag.png) no-repeat 2px 3px;	}

#content a.buttonoverzicht:hover		{ 	background-color: #fff; }

#content div.leeg {
	float				: left;
	width				: 23px;
	height				: 24px;
	margin				: 0 5px 0 0;
}


/* standaard tabel opmaak */
#content table.tabel	{
	width				: 100%;
	border-bottom		: solid 1px #ccc;
}

#content table.tabel.vervangingen	{
	border-bottom		: none;
}

#content table.tabel > caption	{
	color				: #ff7e00;
	font-size			: 1.6em;
	text-align			: left;
	margin-bottom		: 0.5em;
}

#content table.tabel th,
#content table.tabel td	{
	padding				: 6px 5px;
	vertical-align		: top;
}

#content table.tabel .mceToolbar td {
	padding				: 0;
}

#content table.tabel > thead > tr > th,
#content table.tabel > thead > tr > td {
	font-weight			: bold;
	text-align			: left;
	background			: #999 url(../img/gradient.png) repeat-x left -10px;
	color				: #fff;
}

#content table.tabel > thead > tr > th a,
#content table.tabel > thead > tr > td a {
	color				: #fff;
}

#content table.tabel > thead > tr > td {
	font-weight			: normal;
}

#content table.tabel > tbody > tr > th,
#content table.tabel > tbody > tr > td {
	font-weight			: bold;
	border-top			: solid 1px #ccc;
	text-align			: left;
}

#content table.tabel > tbody > tr > td {
	font-weight			: normal;
}

#content table.tabel > tbody > tr:hover > td,
#content table.tabel > tbody > tr.hover > td {
	background			: #FFFDCF url(../img/gradient.png) repeat-x left top;
}

#content table.invoeren th	{
	width				: 20%;
	border-bottom		: solid 1px #e5e5e5;
	background			: #fff;
}

#content table.vervanging_invoeren th	{
	width				: 50%;
	border-bottom		: solid 1px #e5e5e5;
	background			: #fff;
}

/* pagina navigatie */
#content .pagina_navigatie	{
	margin				: 0;
	padding				: 5px 10px;
	overflow			: hidden;
	border				: solid 1px #ccc;
	color				: #6f6f6f;
	font-weight			: bold;
	line-height			: normal;
	background			: #e5e5e5 url(../img/gradient.png) repeat-x left top;
}

#content .pagina_navigatie .acties	{
	padding				: 0 15px 0 0;
	float				: left;
}

#content .pagina_navigatie .acties button	{
	margin				: 0 5px 0 0;
}

#content .pagina_navigatie .controls	{
	padding				: 3px 0;
	float				: right;
}

#content .pagina_navigatie .link-allesuitklappen {
	float				: right;
	text-decoration		: none;
	background-color	: #999;
	border				: outset 1px #999;
}

#content .pagina_navigatie .controls a	{
	display				: block;
	width				: 16px;
	height				: 16px;
	float				: left;
	text-indent			: -900em;
	overflow			: hidden;
	margin-right		: 5px;
}

#content .pagina_navigatie .controls a.eerste		{ background: url(../img/icons/begin.png) no-repeat left top;	}
#content .pagina_navigatie .controls a.vorige		{ background: url(../img/icons/vorige.png) no-repeat left top;	}
#content .pagina_navigatie .controls a.volgende		{ background: url(../img/icons/volgende.png) no-repeat left top;}
#content .pagina_navigatie .controls a.laatste		{ background: url(../img/icons/eind.png) no-repeat left top;	}

#content .pagina_navigatie .controls span.per_pagina,
#content .pagina_navigatie .controls span.pagina	{
	margin-right		: 5px;
	height				: 17px;
	line-height			: 16px;
	display				: block;
	float				: left;
	padding				: 0 10px;
}

#content .pagina_navigatie .controls span.per_pagina	{
	font-weight			: normal;
}

#content .pagina_navigatie .controls span.per_pagina select,
#content .pagina_navigatie .controls span.pagina input{
	vertical-align		: top;
	height				: 14px;
	width				: 30px;
	padding				: 0;
	margin				: 0;
	text-align			: center;
	font-weight			: bold;
	color				: #6f6f6f;
}

#content .pagina_navigatie .controls span.per_pagina,
#content .pagina_navigatie .controls span.pagina,
#content .pagina_navigatie .controls a.vorige {
	border-right		: 1px solid #CCC;
}

#content .pagina_navigatie .controls a.vorige {
	margin-right		: 0;
	padding-right		: 5px;
}

#content .pagina_navigatie .controls span.per_pagina select	{
	height				: auto;
	width				: auto;
	font-weight			: normal;
}

/* Archief / actief button */
#content .archief-actief {
	float				: right;
	margin-top			: -33px;
}

#content .archief-actief a {
	float				: right;
	height				: 24px;
	padding				: 6px 15px 0 15px;
	border				: 1px solid #999;
	text-decoration		: none;
	vertical-align		: middle;
	color				: #FFF;
	background			: #599FAF url(../img/gradient.png) repeat-x left top;
}


/* --------------------------------	*/
/* agenda opmaak					*/
/* --------------------------------	*/
#content .agenda h3	{
	float				: left;
}

/* Periode / inhoud vervanging invoeren */
#content .agenda-vervanging-invoeren .periode,
#content .agenda-vervanging-invoeren .inhoud {
	position			: relative;
	padding				: 5px;
	border				: 1px solid #CCC;
	background			: #EEE;
	zoom				: 1;
}

#content .agenda-vervanging-invoeren .overlay {
	display				: none;
	position			: absolute;
	left				: 0;
	top					: 0;
	z-index				: 5;
	width				: 100%;
	height				: 100%;
	background			: #EEE;
	opacity				: 0.7;
	filter				: alpha(opacity=70);
}

#content .agenda-vervanging-invoeren .seperator {
	padding				: 10px 5px;
	text-transform		: uppercase;
	font-weight			: bold;
}

/* navigatie */
#content .agenda .navigatie	{
	float				: right;
}

#content .agenda .navigatie button	{
	background			: none;
	border				: none;
	padding				: 0;
	vertical-align		: middle;
	margin				: 0 0 0 6px;
}

/* tabel */
#content .agenda .tabel	{
	width				: 100%;
	clear				: left;
}

#content .agenda .tabel	caption {
	font-size			: 1.1em;
	color				: #000;
	font-weight			: bold;
}

#content .agenda .tabel th {
	width				: 11%;
	text-align			: center;
	background			: none;
	color				: #000;
}

#content .agenda .tabel td	{
	width				: 17%;
	text-align			: center;
}

#content .agenda .tabel td	{
	border				: solid 1px #ccc;
	background-color	: #fff;
}

#content .agenda .tabel td.vandaag	{
	background			: #DDEFFF url(../img/gradient.png) repeat-x left -10px;
}

#content .agenda .tabel td.andere_maand	{
	color				: #aaa;
	background			: #f5f5f5 url(../img/gradient.png) repeat-x left top;
}

#content .agenda .tabel td.niet_beschikbaar	{
	background			: #EEBFCA url(../img/gradient.png) repeat-x left -10px;
}
#content .agenda .tabel td div	{
	position			: relative;
	cursor				: help;
}

#content .agenda .tabel td div div	{
	display				: none;
	position			: absolute;
	right				: 0;
	top					: -20px;
}

#content .agenda .tabel td:hover div div	{
	display				: block;
}

#content .agenda .tabel tbody th	{
	background			: #e5e5e5;
}

/* Dagdeel */
#content .agenda .tabel td .dagdeel {
	clear				: both;
	position			: relative;
	padding				: 3px 0;
}

#content .agenda .tabel td .dagdeel .melding-aanwezig {
	width				: 100%;
	display				: block;
	border-bottom		: 1px dotted #CCC;
}

#content .agenda .tabel td .dagdeel .melding-aanwezig:hover {
	background			: #FFF;
}

#content .agenda .tabel td .dagdeel span {
	display				: block;
	position			: absolute;
	left				: 0;
	top					: -24px;
	overflow			: hidden;
	width				: 100%;
	background			: #FFF;
}

#content .agenda .tabel td .dagdeel span a {
	margin				: 4px;
}


/* --------------------------------	*/
/*  overzichten		 				*/
/* --------------------------------	*/
#overzicht form.zoeken	{
	margin-bottom		: 1.5em;
}

#overzicht form.zoeken h3	{
	margin				: 0;
}

#overzicht form.zoeken ul	{
	padding-top			: 0.5em;
}

#overzicht table.tabel > tbody > tr:hover > td	{
	background			: #FFFDCF url(../img/gradient.png) repeat-x left top;
}


/* --------------------------------	*/
/* vervangingen overzicht		 	*/
/* --------------------------------	*/
#overzicht table.vervangingen > thead > tr > th	{  border-left: 1px solid #DDD; }
#overzicht table.vervangingen > thead > tr > th:first-child	{ border-left: 1px solid #CCC; }

#overzicht table.vervangingen > tbody > tr > td	{ padding: 4px; border-right: 1px solid #CCC; }
#overzicht table.vervangingen > tbody > tr > td:first-child	{  padding: 4px 0 4px 4px; border-left: 1px solid #CCC; }

#overzicht table.vervangingen td.week,
#overzicht table.vervangingen td.ingediend,
#overzicht table.vervangingen td.vantm	{ text-align: center; }

#overzicht table.vervangingen > tbody.even > tr > td	{
	background			: #f9f9f9;
}

#overzicht table.vervangingen > tbody > tr:first-child:hover > td,
#overzicht table.vervangingen > tbody.even > tr:first-child:hover > td {
	background			: #FFFDCF url(../img/gradient.png) repeat-x left top;
}

#overzicht table.vervangingen > tbody.open:hover > tr > td,
#overzicht table.vervangingen > tbody.open.even:hover > tr > td {
	background			: #FFFDCF;
}

#overzicht table.vervangingen > tbody.open:hover > tr:first-child > td,
#overzicht table.vervangingen > tbody.open.even:hover > tr:first-child > td {
	background			: #FFFDCF url(../img/gradient.png) repeat-x left top;
}

#overzicht table.vervangingen > tbody > tr.nieuwe_vervanging td {
	font-weight			: bold;
}

/* dagen tabel opmaak */
#overzicht table.vervangingen table.dagen	{
	border-collapse		: separate;
	border-spacing		: 3px;
}

#overzicht table.vervangingen table.dagen td	{
	padding				: 0;
	width				: 10px;
	height				: 10px;
	background-color	: #e5e5e5;
}

#overzicht table.vervangingen table.dagen td.aan,
#overzicht table.vervangingen table.dagen td.uit,
#overzicht table.vervangingen table.dagen td.pending	{
	cursor				: help;
}

#overzicht table.vervangingen table.dagen td.aan		{	background: url(../img/icons/klein/status_on.png); }
#overzicht table.vervangingen table.dagen td.uit		{	background: url(../img/icons/klein/status_off.png); }
#overzicht table.vervangingen table.dagen td.pending	{	background: url(../img/icons/klein/status_pending.png); }
#overzicht table.vervangingen table.dagen td.aan.ziek		{	background: url(../img/icons/klein/status_on_ziek.png); }
#overzicht table.vervangingen table.dagen td.uit.ziek		{	background: url(../img/icons/klein/status_off_ziek.png); }
#overzicht table.vervangingen table.dagen td.pending.ziek	{	background: url(../img/icons/klein/status_pending_ziek.png); }

#overzicht table.vervangingen table.dagen td div,
#overzicht table.vervangingen td.school div {
	position			: relative;
}

#overzicht table.vervangingen table.dagen td div div,
#overzicht table.vervangingen td.school div div,
.helptooltip .tooltip {
	display				: none;
}

#overzicht table.vervangingen table.dagen td:hover div div,
#overzicht table.vervangingen td.school:hover div div,
.helptooltip:hover .tooltip {
	display				: block;
	position			: absolute;
	left				: -50px;
	bottom				: 12px;
}

.helptooltip:hover .tooltip {
	bottom				: 22px;
}

/* invallers opmaak */
#overzicht table.vervangingen td.invallers	{
	line-height			: 1.4em;
}

#overzicht table.vervangingen td.invallers li	{
	clear				: left;
}

#overzicht table.vervangingen td.invallers li div.invaller	{
	position			: relative;
	float				: left;
	cursor				: help;
}

#overzicht table.vervangingen td.invallers li div.invaller.aan 		{	color: #0c0;	}
#overzicht table.vervangingen td.invallers li div.invaller.pending	{	color: #c00;	}

#overzicht table.vervangingen td.invallers a.wijzig 		{	background-image: url(../img/icons/stoplicht_klein.png);	width: 12px; margin-right: 2px;			}
#overzicht table.vervangingen td.invallers a.verwijder 		{	background-image: url(../img/icons/verwijder_klein.png); 	width: 12px; margin-right: 2px;		}

#overzicht table.vervangingen td.invallers li div.invaller dl {
	display				: none;
}

#overzicht table.vervangingen td.invallers li div.invaller:hover dl	{
	display				: block;
	position			: absolute;
	right				: 0;
	bottom				: 16px;
}

#overzicht table.vervangingen td.invallers li div.invaller:hover dl dt	{
	float				: left;
	font-weight			: bold;
	padding-right		: 6px;
}


/* extra data rij */
#overzicht table.vervangingen > tbody > tr + tr{
	display				: none;
}

#overzicht table.vervangingen > tbody > tr + tr td {
	padding-top			: 0;
	border-top			: none;
}

#overzicht table.vervangingen > tbody > tr + tr td dl dt {
	clear				: both;
	float				: left;
	width				: 110px;
	font-weight			: bold;
}


/* --------------------------------	*/
/* vervangingen behandelen		 	*/
/* --------------------------------	*/
#vervangingen_behandelen .aanvraag	{
	border				: solid 1px #ccc;
	padding				: 10px;
	background			: #FFFDCF url(../img/gradient.png) repeat-x left top;
}

#vervangingen_behandelen .aanvraag ul.formulier > li	{
	border-bottom		: solid 1px #DFDC99;
}

#vervangingen_behandelen .aanvraag .details	{
	float				: left;
	width				: 69%;
}

#vervangingen_behandelen .aanvraag .details .inhoud	{
}

#vervangingen_behandelen .aanvraag .details .inhoud div[id^=geselecteerde_invalleerkrachten] {
	clear				: both;
	padding				: 2px 0;
	line-height			: 2em;
}

/* invalleerkracht */
#vervangingen_behandelen .invalleerkracht_zoeken,
#vervangingen_behandelen .invalleerkracht_bekijken	{
	float				: left;
	width				: 34%;
	margin-right		: 1%;
}

#vervangingen_behandelen .invalleerkracht_bekijken	{
	margin-right		: 0;
}

#vervangingen_behandelen .invalleerkracht_zoeken .inhoud,
#vervangingen_behandelen .invalleerkracht_bekijken .keuze,
#vervangingen_behandelen .invalleerkracht_bekijken .details,
#vervangingen_behandelen .invalleerkracht_plannen .inhoud	{
	position			: relative;
	border				: solid 1px #ccc;
	background			: #fff;
	padding				: 10px;
	margin				: 0 0 10px 0;
}

#vervangingen_behandelen .invalleerkracht_zoeken .inhoud,
#vervangingen_behandelen .invalleerkracht_bekijken .keuze {
	background			: #f0f0f0 url(../img/gradient.png) repeat-x left top;
}

/* invalleerkracht zoeken */
#vervangingen_behandelen .invalleerkracht_zoeken div.label	{
	width				: 40%;
}

#vervangingen_behandelen .invalleerkracht_zoeken div.veld	{
	width				: 59%;
}

/* invalleerkracht bekijken */
#vervangingen_behandelen .invalleerkracht_bekijken	{
	margin-right		: 0;
}

#vervangingen_behandelen .invalleerkracht_bekijken .tabs	{
	position			: relative;
	z-index				: 5;
	border-bottom		: none;
}

#vervangingen_behandelen .invalleerkracht_bekijken .tabs li	{
	margin				: 0 1px -1px 0;
}

#vervangingen_behandelen .invalleerkracht_bekijken .tabs li a	{
	color				: #666;
	background			: #F0F0F0 url(../img/gradient.png) repeat-x left top;
}

#vervangingen_behandelen .invalleerkracht_bekijken .tabs li.actief a	{
	color				: #333;
	background			: #FFF url(../img/gradient.png) repeat-x left top;
}


#vervangingen_behandelen .invalleerkracht_bekijken .invalleerkrachten	{
	position			: relative;
	padding				: 10px;
	margin-top			: -1px;
	border				: 1px solid #ccc;
	background			: #FFF;
}

#vervangingen_behandelen .invalleerkracht_bekijken .invalleerkrachten select	{
	width				: 99%;
	margin				: 10px 0 0 0;
}

#vervangingen_behandelen .invalleerkracht_bekijken dt {
	font-weight			: bold;
}

#vervangingen_behandelen .invalleerkracht_bekijken .details .thickbox {
	float				: right;
}

/* invalleerkracht plannen */
#vervangingen_behandelen .invalleerkracht_plannen	{
	float				: right;
	width				: 30%;
}

#vervangingen_behandelen .invalleerkracht_plannen .agenda	{
	float				: none;
	width				: 100%;
}

#vervangingen_behandelen .invalleerkracht_plannen .agenda .periode	{
	position			: relative;
	padding				: 5px;
	border				: 1px solid #CCC;
	background			: #EEE;
	zoom				: 1;
}

#vervangingen_behandelen .invalleerkracht_plannen .agenda .seperator {
	padding				: 10px 5px;
	text-transform		: uppercase;
	font-weight			: bold;
	color				: #FFF;
}

#vervangingen_behandelen .invalleerkracht_plannen .agenda .inhoud	{
	position			: relative;
	border				: 1px solid #e5e5e5;
	padding				: 10px;
}

#vervangingen_behandelen .invalleerkracht_plannen .agenda .overlay,
#vervangingen_behandelen div.invalleerkracht_bekijken div.details .overlay2,
#vervangingen_behandelen .invalleerkracht_plannen .agenda .overlay2,
#vervangingen_behandelen .aanvraag .agenda .overlay2 {
	display				: none;
	position			: absolute;
	left				: 0;
	top					: 0;
	z-index				: 5;
	width				: 100%;
	height				: 100%;
	background			: #EEE;
}

#vervangingen_behandelen div.invalleerkracht_bekijken div.details .overlay2,
#vervangingen_behandelen .invalleerkracht_plannen .agenda .overlay2,
#vervangingen_behandelen .aanvraag .agenda .overlay2 {
	background			: #fff url(../img/ajax-loader5.gif) no-repeat center;
}

#vervangingen_behandelen .aanvraag .agenda .overlay2 {
	background-color	: #FFFDCF;
}

#vervangingen_behandelen .aanvraag .agenda {
	position			: relative;
}

#vervangingen_behandelen .aanvraag .agenda .inhoud {
	min-height			: 340px;
	padding				: 5px;
}

#vervangingen_behandelen .aanvraag .agenda .inhoud .overlay2 {
	border				: 1px solid #ccc;
}

#vervangingen_behandelen .agenda	{
	float				: right;
	width				: 30%;
}


/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/
#footer	{
	background			: #F0F0F0 url(../img/gradient.png) repeat-x left -20px;
	padding				: 15px 22px;
	text-align			: right;
	border-top			: solid 1px #ccc;
}

#footer, #footer a	{
	text-decoration		: none;
	color				: #666;
}


/* --------------------------------	*/
/* loading overlay				 	*/
/* --------------------------------	*/
/*#loading	{
	position			: fixed;
	z-index				: 1337;
	top					: 10px;
	right				: 10px;
	padding				: 5px 10px 5px 31px;
	background			: #000 url(../img/loading_bg.gif) no-repeat 10px;
	border				: solid 1px #fff;
	color				: #fff;
	font-weight			: bold;
	-moz-box-shadow		: 0 0 10px #888;
	-webkit-box-shadow	: 0 0 10px #888;
}*/

#loadingoverlay {
	position			: fixed;
	left				: 0;
	top					: 0;
	z-index				: 1336;
	width				: 100%;
	height				: 100%;
	background			: #fff;
}

#loading	{
	position			: fixed;
	z-index				: 1337;
	top					: 50%;
	left				: 50%;
	padding				: 15px 30px 15px 51px;
	margin-top			: -23px;
	margin-left			: -90px;
	background			: #fff url(../img/ajax-loader2.gif) no-repeat 25px;
	border				: solid 1px #ccc;
	color				: #000;
	font-weight			: bold;
	box-shadow			: 0 0 50px rgba(0,0,0,.3);
	-moz-box-shadow		: 0 0 50px rgba(0,0,0,.3);
	-webkit-box-shadow	: 0 0 50px rgba(0,0,0,.3);
}


/* --------------------------------	*/
/* geen js/ie6 ondersteuning 		*/
/* --------------------------------	*/
#noscript, #ie6_melding	{
	height				: 100%;
	width				: 100%;
	position			: absolute;
	left				: 0;
	top					: 0;
	z-index				: 9999;
}

#noscript p, #ie6_melding p	{
	padding				: 10px 10px 10px 36px;
	margin				: 20% auto 0 auto;
	width				: 400px;
	font-weight			: bold;
	background			: #fffbce url(../img/icons/melding.png) no-repeat 10px 10px;
	border				: solid 1px #ebdc25;
}

/* --------------------------------	*/
/* home opmaak					 	*/
/* --------------------------------	*/
#home ul.ak_benoemingssetjes,
#vervangingen_behandelen div.melding ul	{
	margin				: 0;
	padding				: 0 0 0 20px;
	list-style			:square;
}

#home .melding.info ul,
#home .melding.info li {
	list-style			: none;
}

#home .melding.info li {
	clear				: both;
	overflow			: hidden;
	margin				: 0 0 2px 0;
	line-height			: 2em;
}

/* -------------------------------- */
/* 10-dagen regeling opmaak       	*/
/* --------------------------------	*/
#content table.tabel > tbody > tr > td.overzicht-10-dagen {
	background			: #F00 url(../img/gradient.png) repeat-x left top;
}
#content table.tabel > tbody > tr:hover > td.overzicht-10-dagen {
	background			: #F44 url(../img/gradient.png) repeat-x left top;
}

/* -------------------------------- */
/* enquete opmaak	       			*/
/* --------------------------------	*/
#content div.box.enquetes h2,
#content div.box.enquetes_persoon  h2	{
	color				: #000;
}

#content div.box.enquetes_persoon div.enquete_voortgang {
	background			: #066074
}

#content div.box.enquetes_persoon table.voortgang td	{
	padding				: 0;
}

#content div.box.enquetes_persoon table.voortgang td	{
	padding				: 0;
}
#content div.box.enquetes_persoon table.voortgang th	{
	border-left			: 1px solid #CCC;
	border-top			: none;
	width				: 10%;
}
#content div.box.enquetes_persoon table.voortgang th.eind div	{
	text-align			:right;
	float				:right;
}
#content div.box.enquetes_persoon table.voortgang th.eind	{
	border-right		: 1px solid #CCC;
}

#content div.enquetes_header,
#content div.leerling_header	{
	overflow			: hidden;
}

#content div.enquetes_header img.logo	{
	text-align			: right;
	float				: right;
	padding				: 10px;
	margin				: 0 0 10px 10px;
	border				: 1px solid #77BAF3;
	background			: #FFF;
}

#content div.leerling_header	{
	margin-bottom		: -31px;
}

#content div.leerling_header img.pasfoto	{
	text-align			: right;
	float				: right;
	padding				: 10px;
	margin				: 0 0 0 10px;
	background			: #FFF;
}

/* -------------------------------- */
/* rapportagesysteem blokken opmaak	*/
/* --------------------------------	*/
div.blok {
	margin				: 20px 0;
}

#main div.blok h3 {
	margin				: 0;
	padding				: 6px 5px;
	text-align			: left;
	background			: #6f6f6f url(../img/gradient.png) repeat-x left top;
	color				: #fff;
}

#content div.blok h3 a {
	display				: block;
	padding				: 0 0 0 12px;
	color				: #FFF;
	text-decoration		: none;
	background			: url(../img/fold_icons.gif) no-repeat left 5px;
}

#content div.blok h3.selected a {
	background			: url(../img/fold_icons.gif) no-repeat left -10px;
}

div.blok div.blokinhoud {
	border-right		: 1px solid #707070;
	border-bottom		: 1px solid #707070;
	border-left			: 1px solid #707070;
	zoom				: 1;
}
div.eindblok {
	width				: 6px;
}

#content div#wijzigen_schoolverloop table tbody > tr > td.lijn_rechts,
#content div#wijzigen_schoolverloop table tbody > tr > th.lijn_rechts,
#content table tbody > tr.toetsgegevens_recent > td.lijn_rechts,
#content table tbody > tr.toetsgegevens_recent > th.lijn_rechts {
	border-right		: 1px solid #d6d6d6;
}

#content div#wijzigen_schoolverloop table tbody > tr > td.doublure_veld {
	border-right		: 1px solid #d6d6d6;
	background-color	: #f5f5f5;
}

div.popup_container {
	padding				: 10px;
}

div.inspringen_probleemgebied {
	margin-left			: 40px;
}


/* -------------------------------- */
/* Signalering						*/
/* --------------------------------	*/
#blok-signalering {
	position			: relative;
	height				: 250px;
	border-bottom		: 1px solid #E5E5E5;
	color				: #999;
}

#blok-signalering .pasfoto {
	position			: absolute;
	left				: 420px;
	top					: 20px;
}

#blok-signalering .probleem {
	position			: absolute;
	width				: 170px;
	text-align			: center;
}

#blok-signalering .didkleuters 		{ left: 10px; 	top: 10px; }
#blok-signalering .leesspelling 	{ left: 190px; 	top: 10px; }
#blok-signalering .taalspraak 		{ left: 10px; 	top: 120px; }
#blok-signalering .gedragsociaal 	{ left: 190px; 	top: 120px; }
#blok-signalering .lichamelijk 		{ left: 370px; 	top: 120px; }
#blok-signalering .zaakvakken 		{ left: 550px; 	top: 10px; }
#blok-signalering .werkhouding 		{ left: 550px; 	top: 120px; }
#blok-signalering .rekenen 			{ left: 730px; 	top: 120px; }
#blok-signalering .motorisch 		{ left: 730px; 	top: 10px; }

#blok-signalering a {
	display				: block;
	padding				: 10px;
	width				: 148px;
	border				: 1px solid #CCC;
	text-decoration		: none;
}

#blok-signalering a:hover {
	border				: 1px solid #000;
}


/* -------------------------------- */
/* Inklapblokken					*/
/* --------------------------------	*/
#main .onderdeel {
	padding				: 10px 0 0 0;
}

#main .onderdeel h3 {
	padding				: 6px 5px;
	text-align			: left;
	background			: #6f6f6f url(../img/gradient.png) repeat-x left top;
	color				: #fff;
}

#main .onderdeel h3 span {
	display				: block;
	padding				: 0 0 0 12px;
	background			: url(../img/fold_icons.gif) no-repeat left 5px;
}

#main .onderdeel h3.open span {
	background			: url(../img/fold_icons.gif) no-repeat left -10px;
}


/* -------------------------------- */
/* Buttons							*/
/* --------------------------------	*/
div.buttons {
	padding				: 10px 0;
}


/* -------- */
/* Kalender */
/* -------- */
/* The main calendar widget.  DIV containing a table. */
div.calendar {
  	border-top			: none;
  	border-right		: none;
  	border-bottom		: none;
  	border-left			: none;
  	background			: #FFF;
  	font-family			: Arial, sans-serif;
	z-index				: 1000;
}

div.calendar table {
  	border-top			: 2px solid #066074;
  	border-right		: 2px solid #066074;
  	border-bottom		: 2px solid #066074;
  	border-left			: 2px solid #066074;
  	background			: #FFF;
  	font-family			: Arial,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */
div.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  	border-top			: 1px solid #fff;
  	border-right		: 1px solid #066074;
  	border-bottom		: 1px solid #066074;
  	border-left			: 1px solid #fff;
}

div.calendar thead .title { /* This holds the current "month, year" */
  	border				: 1px solid #000;
  	background			: #066074;
}

div.calendar thead .name { /* Cells <TD> containing the day names */
  	border-bottom		: 1px solid #066074;
  	background			: #066074;
	color				: #FFF;
}

div.calendar thead .weekend { /* How a weekend day name shows in header */
  	color				: #FFD303;
}

div.calendar thead .hilite { /* How do the buttons in header appear when hover */
  	border-top			: none;
  	border-right		: none;
  	border-bottom		: none;
  	border-left			: none;
  	background-color	: #9CDAE7;
	color				: #000;
}

/* The body part -- contains all the days in month. */
div.calendar table .wn {
  	border-right		: 1px solid #066074;
  	background			: #9CDAE7;
}

div.calendar tbody .rowhilite td {
  	background			: #FFD303;
}

div.calendar tbody .rowhilite td.wn {
  	background			: #066074;
	color				: #FFF;
}

div.calendar tbody td.hilite { /* Hovered cells <TD> */
  	padding				: 1px 3px 1px 1px;
  	border-top			: none;
  	border-right		: none;
  	border-bottom		: none;
  	border-left			: none;
	background			: #cba803;
}

div.calendar tbody td.selected { /* Cell showing selected date */
  	border-top			: none;
  	border-right		: none;
  	border-bottom		: none;
  	border-left			: none;
  	background			: #FFD303;
	text-decoration		: underline;
	color				: #066074;
}

div.calendar tbody td.weekend { /* Cells showing weekend days */
  	color				: #000;
	background			: #fef5cc;
}

div.calendar tbody td.today { /* Cell showing today date */
  	color				: #FFF;
	background			: #066074;
}

/* The footer part -- status bar and "Close" button */
div.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  	background			: #066074;
  	border				: 1px solid #066074;
}

/* Tooltip */
#dod-tooltip {
	width				: 340px;
	display				: none;
	position			: absolute;
	padding				: 5px 5px 10px 5px;
	border				: 2px solid #066074;
	background			: #FFF;
}

#dod-tooltip input {
	margin				: 0 2px 0 0;
	vertical-align		: middle;
}

#dod-tooltip a {
	display				: block;
	float				: right;
	width				: 16px;
	height				: 16px;
	text-indent			: -900em;
	background			: url(../img/icons/annuleren.png) no-repeat left top;
}

#dod-tooltip button {
	border				: none;
	vertical-align		: middle;
}