/* portalagenda.css */
td {
	font-size: 11px;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}

#content #secondcolumn #main .agendabackground {
	height: 210px;
	position: absolute;
	top: 6px;
	left: 0px;
	width: 625px;
	background-image: url(../images/agenda/agendabackground.jpg);
	background-repeat : no-repeat;
}

#content #secondcolumn #main .agendahead {
	position: absolute;
	left: 560px;
}

#content #secondcolumn #main #calenderclient {
	z-index: 401;
	position: relative;
	top: 6px;
	left: 23px;
	width: 176px;
	margin-bottom: 10px;
}

#content #secondcolumn #main #calenderclient .calenderdays {
	font-size: 11px;
	font-weight: bold;
	background-color: transparent;
	height: 11px;
	color: #FFFFFF;
}

#content #secondcolumn #main #calenderclient .month {
	text-align: center;
	padding-top: 3px;
	height: 11px;
	width: 174px;
	font-weight: bold;
	color: #FFFFFF;
}

#content #secondcolumn #main #calenderclient .month img{
	vertical-align: middle;
}

#content #secondcolumn #main #calenderclient td {
	width: 24px;
	height: 24px;
	vertical-align: middle;
	text-align: center;	
}

#content #secondcolumn #main #calenderclient .totaleventsmonth {
	width: 174px;
}

#content #secondcolumn #main #calenderclient .inactiveday {
	background-color: #616A70;
	color: #4E575E;
	cursor: pointer;
	cursor: hand;
}

#content #secondcolumn #main #calenderclient .uneventfullday {
	cursor: pointer;
	cursor: hand;
}

#content #secondcolumn #main #calenderclient .eventfullday {
	color: #4E575D;
	background-image: url(../images/agenda/arrow.gif);
	background-repeat: no-repeat;
	cursor: pointer;
	cursor: hand;
}

#content #secondcolumn #main #calenderclient .today {
	font-weight: bold;
	color:#FFFFFF;
	text-decoration: blink;
	_text-decoration: underline;
}

#content #secondcolumn #main .overviewhead {
	height: 20px;
	background-color: #566C78;
	width: 615px;
}

#content #secondcolumn #main .overviewbar {
	height:20px;
	margin-left:10px;
	background-color: #4F565E;
	width: 604px;
	voice-family: "\"}\"";/* boxmodel hack. hieronder: ie6. hierboven: ie5. */
	voice-family: inherit;
	height:30px;
}	

#content #secondcolumn #main .overviewbarbottom {
	height: 20px;
	background-image: url(../images/agenda/headers_back.gif);
	vertical-align:absmiddle;
}

#content #secondcolumn #main .overviewbar2 {
	padding: 5px 5px 5px 15px;
	height: 35px;
	width: 604px;
	border-bottom:1px solid #566C78;
	color: #566C78;
	background-color: #E0E9EE;
	voice-family: "\"}\"";/* boxmodel hack. hieronder: ie6. hierboven: ie5. */
	voice-family: inherit;
	height: 25px;
	width: 584px;
}

#content #secondcolumn #main .overviewbarbottom2 {
	padding: 5px;
	height: 11px;
	width: 604px;
	margin-left: 10px;
	color: #566C78;
	background-color: #E0E9EE;
	voice-family: "\"}\"";/* boxmodel hack. hieronder: ie6. hierboven: ie5. */
	voice-family: inherit;
	height: 1px;
	width: 594px;
}

#content #secondcolumn #main .agendaitem {
	height: 19px;
	background-image: url(../images/agenda/agendaitemback.gif);
	width:604px;
}

#content #secondcolumn #main .agendaitem img{
	margin-right: 8px;
	vertical-align: top;
}

#content #secondcolumn #main .agendaitem .day{
	margin-right: 5px;
}

#content #secondcolumn #main .agendaitem .title{
	margin-left: 5px;	
}

#content #secondcolumn #main .agendaitem .toon {
	float: right;
	margin-right: 5px;
	width: 41px;
	height: 12px;
}

#content #secondcolumn #main .agendaitem .toon img {
	margin-top: 3px;
}

#content #secondcolumn #main .noresult {
	text-align: center;
	background:#FFFFFF;
	width: 604px;
}

#content #secondcolumn #main .agendatitle {
	font-size: 16px;
	font-weight: bold;
}

#content #secondcolumn #main .agendaitemdate {
	border-bottom: 1px solid #616A70;
	background-color: #FFFFFF;
}

#content #secondcolumn #main .agendaitemlocation {
	border-top: 1px solid #566C78;
	background-color: #E0E9EE;
	color: #566C78;
}

#content #secondcolumn #main .agendaitemprice {
	border-top: 1px solid #566C78;
	background-color: #E0E9EE;
	color: #566C78;
	text-align: right;
}

#content #secondcolumn #main .externallink {
	border-top: 1px solid #566C78;
	border-bottom: 1px solid #566C78;
	background-color: #E0E9EE;
	color: #566C78;
}

#content #secondcolumn #main .agendadescription {
	min-height: 100px;
	_height: 100px;
	background-color: #FFFFFF;
}

#content #secondcolumn #main .prevmonth {
	position: absolute;
	left: 15px;
	top: 10px;
	z-index: 500;
}

#content #secondcolumn #main .nextmonth {
	position: absolute;
	left: 188px;
	top: 10px;
	z-index: 500;
}

#content #secondcolumn #main #calenderclient .uneventfullselected {
	background-color: #8F989E;
}

#content #secondcolumn #main #calenderclient .eventfullselected {
	background-color: #586167;
}

#content #secondcolumn #main #calenderclient .inactiveselected {
	background-color: #6C747A;
}



/* HIER STAAN DE EXTRA STYLES VAN BRUIST*/


#eventcount {
	position: absolute;
	left: 275px;
	top: 58px;
	z-index: 500;
	color:#ffffff;
	font-weight: bold;
}

#categorytitle{
	position: absolute;
	left: 275px;
	top: 95px;
	z-index: 500;
	color:#ffffff;
	font-weight: bold
}

#categorydropdown{
	position: absolute;
	left:345px;
	top: 92px;
	z-index: 500;
	font-weight: bold;
}

#categorysearch{
	position: absolute;
	left:273px;
	color:#FFFFFF;
	top: 130px;
	z-index: 500;
	font-weight: bold;
	margin-top: 3px;
}

#zoekenbut{
	margin-left:213px;
	margin-top:5px;
	voice-family: "\"}\"";/* boxmodel hack. hieronder: ie6. hierboven: ie5. */
	voice-family: inherit;
	margin-left:215px;
	margin-top:5px;
}

#switch_datum{
	height:27px;
	color:#ffffff;
	vertical-align: top;
}

#switch_datum .rechter_hoekje{
	float: right;
}

#switch_datum .dagoverzicht_knop{
	vertical-align: text-top;
}
#switch_datum .dagoverzicht_knop2{
	vertical-align: text-top;
	margin-right: 10px;
}

select,input{
	border-right: #353c42 1px solid;
	border-top: #353c42 1px solid;
	border-left: #353c42 1px solid;
	border-bottom: #353c42 1px solid;
	background-color: #ffffff;
	font-family: arial, helvetica, verdana, times;
	font-size: 10px;
}

/* agenda */
.hour {
       border-collapse: collapse;
       border-spacing : 0px;
       background-color: #ffffff;
}

.calender_numbers {
	border-right: #4E575E 1px solid;
	width: 30px;
	padding: 3px;
	font-size: 16px;
	font-weight: bold;
	color: #4E575E;
      vertical-align: top;
      background-repeat: no-repeat;
      voice-family: "\"}\"";/* boxmodel hack. hieronder: ie6. hierboven: ie5. */
      voice-family: inherit;
	width: 24px;
	padding: 3px;

}

.calender_numbers span{
	vertical-align: top;
	font-size: 10px;
	text-decoration: underline;
}

.calender_content {
	width: 624px;
	vertical-align: top;
	padding: 0px;
}

switch_datum {
	position: absolute;
	left: 600px;
	top: 310px;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
}
/* EINDE portalagenda.css */


#content #secondcolumn #main .agendabackground {
	height: 191px;
	position: absolute;
	top: 6px;
	width: 473px;
	background-image: url(../images/agenda/agendabackground2.jpg);
}

#content #secondcolumn #main .agendahead {
	position: absolute;
	left: 397px;
}

#content #secondcolumn #main #calenderclient {
	z-index: 401;
	position: relative;
	top: 6px;
	left: 23px;
	width: 176px;
	margin-bottom: 10px;

}

#content #secondcolumn #main #calenderclient .calenderdays {
	font-size: 11px;
	font-weight: bold;
	background-color: transparent;
	height: 11px;
}

#content #secondcolumn #main #calenderclient .month {
	text-align: center;
	padding-top: 3px;
	height: 11px;
	width: 174px;
	font-weight: bold;
}

#content #secondcolumn #main #calenderclient .month img{
	vertical-align: middle;
}

#content #secondcolumn #main #calenderclient td {
	width: 24px;
	height: 24px;
	vertical-align: middle;
	text-align: center;	
}


#content #secondcolumn #main #calenderclient .totaleventsmonth {
	width: 174px;
}

#content #secondcolumn #main #calenderclient .inactiveday {
	cursor: pointer;
	cursor: hand;
}

.nobackground {
	background-color: #637782;
}

#content #secondcolumn #main #calenderclient .uneventfullday {
	cursor: pointer;
	cursor: hand;
}

#content #secondcolumn #main #calenderclient .eventfullday {
	background-image: url(../images/agenda/arrow.gif);
	background-repeat: no-repeat;
	cursor: pointer;
	cursor: hand;
}

#content #secondcolumn #main #calenderclient .today {
	font-weight: bold;
	text-decoration: blink;
	_text-decoration: underline;
}

#content #secondcolumn #main .overviewhead {
	height: 20px;
}

#content #secondcolumn #main .overviewbar {
	height: 20px;
	background-image: url(../images/agenda/headers_back.gif);
}

#content #secondcolumn #main .overviewbartop {
	height: 20px;
	background-image: url(../images/agenda/headertop.gif);
	background-repeat: no-repeat;
	background-position: 10px; 
}

#content #secondcolumn #main .overviewbarbottom {
	height: 20px;
	background-image: url(../images/agenda/headerbottom.gif);
	background-repeat: no-repeat;
	background-position: 10px; 
}


#content #secondcolumn #main .overviewbar2 {
	padding: 5px;
	height: 40px;
	width: 451px;
	margin-left: 10px;
	voice-family: "\"}\"";/* boxmodel hack. hieronder: ie6. hierboven: ie5. */
	voice-family: inherit;
	height: 30px;
	width: 441px;
}

#content #secondcolumn #main .agendaitem {
	background-image: url(../images/agenda/agendaitemback.gif);
	margin-left: 10px;
	height: 19px;
	width: 451px;
}

#content #secondcolumn #main .agendaitem img{
	margin-right: 8px;
	vertical-align: top;
}

#content #secondcolumn #main .agendaitem .day{
	margin-right: 4px;
	voice-family: "\"}\"";/* boxmodel hack. hieronder: ie6. hierboven: ie5. */
	voice-family: inherit;
	margin-right: 8px;
}

#content #secondcolumn #main .agendaitem .title{
	margin-left: 5px;
}

#content #secondcolumn #main .agendaitem .toon {
	float: right;
	width: 41px;
	height: 12px;
	margin-right: 5px;	
	vertical-align:baseline;
}

#content #secondcolumn #main .agendaitem .toon img {
	margin-top: 3px;
}

#content #secondcolumn #main .noresult {
	text-align: center;
	width:451px;
	margin-left:10px;
	border-bottom: 1px solid #566C78;
}

#content #secondcolumn #main .agendatitle {
	font-size: 18px;
	font-weight: bold;
}

#content #secondcolumn #main .agendaitemdate {
	width:451px;
	margin-left:10px;
}

#content #secondcolumn #main .agendaitemlocation {
	color: #616A70;
	width:451px;
	margin-left:10px;
}

#content #secondcolumn #main .agendaitemprice {
	text-align: right;
	width:451px;
	margin-left:10px;
}

#content #secondcolumn #main .externallink {
	width:451px;
	margin-left:10px;
}

#content #secondcolumn #main .agendadescription {
	min-height: 100px;
	_height: 100px;
	width:451px;
	margin-left:10px;
}

#content #secondcolumn #main .prevmonth {
	position: absolute;
	left: 15px;
	top: 10px;
	z-index: 500;
}

#content #secondcolumn #main .nextmonth {
	position: absolute;
	left: 188px;
	top: 10px;
	z-index: 500;
}

#eventcount {
	position: absolute;
	left: 275px;
	top: 96px;
	z-index: 500;
	color:#ffffff;
	font-weight: bold;
}